:root{
  --bg:#03060c;
  --panel:rgba(8,16,28,.58); --panel-br:rgba(var(--accent-rgb),.16);
  --accent-rgb:79,210,255; --accent-hi-rgb:150,225,255; --accent-deep:#1d7fa8;
  --cyan:rgb(var(--accent-rgb)); --cyan-dim:var(--accent-deep); --cyan-glow:rgba(var(--accent-rgb),.55);
  --ui-scale:1.08;
  --txt:#e8f4ff; --muted:#7891a8;
  --ok:#31d98b; --warn:#ffb545; --bad:#ff5470; --idle:#546578;
  --r:14px;
  --font:"Cairo","Segoe UI","Tahoma",system-ui,sans-serif;
  --mono:"Cairo",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{zoom:var(--ui-scale)}
body{
  font-family:var(--font);
  background:var(--bg); color:var(--txt); direction:rtl;
  overflow-x:hidden; min-height:100vh;
}

/* الخلفية الحية */
#bg{position:fixed;inset:0;z-index:0;pointer-events:none}
body::before{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 50% 42%, transparent 20%, rgba(3,6,12,.55) 78%, rgba(3,6,12,.9) 100%);
}
/* خطوط مسح دقيقة — إحساس شاشة الإسقاط */
body::after{
  content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.34;
  background:repeating-linear-gradient(0deg, rgba(0,0,0,.26) 0 1px, transparent 1px 3px);
}

.wrap{position:relative;z-index:3;max-width:1620px;margin:0 auto;padding:26px 26px 40px}

/* ═════ الترويسة ═════ */
.head{text-align:center;margin-bottom:26px;position:relative}
.head h1{font-size:clamp(24px,2.7vw,38px);font-weight:700;letter-spacing:.5px;
  animation:flicker 7s infinite}
.head h1 b{color:var(--cyan);
  text-shadow:0 0 12px var(--cyan-glow), 0 0 40px rgba(var(--accent-rgb),.35)}
@keyframes flicker{
  0%,96%,100%{opacity:1}
  97%{opacity:.72}
  97.5%{opacity:1}
  98.5%{opacity:.85}
}
.head p{color:var(--muted);font-size:13.5px;margin-top:7px;letter-spacing:.3px}
.clock{margin-top:9px;font-size:11.5px;color:var(--cyan-dim);letter-spacing:2px;
  font-variant-numeric:tabular-nums;font-family:var(--mono)}

/* ═════ الشبكة ═════ */
.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr) minmax(0,1fr);
  gap:18px;align-items:start}
.col{display:flex;flex-direction:column;gap:15px;min-width:0}

/* ═════ البطاقات — إطار HUD ═════ */
.card{
  position:relative;
  background:linear-gradient(160deg, rgba(12,26,44,.72), rgba(6,14,26,.62));
  border:1px solid var(--panel-br);
  border-radius:var(--r);
  backdrop-filter:blur(16px) saturate(1.2);
  overflow:hidden;
  box-shadow:0 14px 46px rgba(0,0,0,.55), inset 0 1px 0 rgba(var(--accent-hi-rgb),.09);
  /* الظهور مضمون بذاته؛ الحركة تحسين فقط — fill:none حتى لا تختفي البطاقة
     لو لم تبدأ الحركة (تبويب مخفي، تعطّل المُركّب، جهاز بطيء) */
  opacity:1;
  animation:cardIn .5s cubic-bezier(.2,.8,.3,1) none;
  transition:border-color .3s, transform .3s, box-shadow .3s;
}
.card:hover{
  border-color:rgba(var(--accent-rgb),.4);
  transform:translateY(-2px);
  box-shadow:0 20px 56px rgba(0,0,0,.6), 0 0 34px rgba(var(--accent-rgb),.1), inset 0 1px 0 rgba(var(--accent-hi-rgb),.14);
}
@keyframes cardIn{
  from{opacity:0;transform:translateY(16px) scale(.99)}
  60%{opacity:1}
  to{opacity:1;transform:none}
}

/* زوايا الإطار */
.card::before,.card::after{
  content:"";position:absolute;width:15px;height:15px;pointer-events:none;z-index:2;
  border:1.5px solid rgba(var(--accent-rgb),.5);transition:border-color .3s;
}
.card::before{top:7px;right:7px;border-left:0;border-bottom:0;border-radius:0 5px 0 0}
.card::after{bottom:7px;left:7px;border-right:0;border-top:0;border-radius:0 0 0 5px}
.card:hover::before,.card:hover::after{border-color:var(--cyan)}

.card-h{position:relative;display:flex;align-items:center;gap:10px;
  padding:13px 17px;border-bottom:1px solid rgba(var(--accent-rgb),.12)}
/* شعاع يمرّ تحت الترويسة */
.card-h::after{
  content:"";position:absolute;bottom:-1px;right:0;height:1px;width:38%;
  background:linear-gradient(90deg,transparent,var(--cyan),transparent);
  animation:sweep 4.5s ease-in-out infinite;
}
@keyframes sweep{
  0%{transform:translateX(0);opacity:0}
  35%,65%{opacity:.9}
  100%{transform:translateX(-170%);opacity:0}
}

.card-h .ico{width:28px;height:28px;display:grid;place-items:center;font-size:15px;
  border-radius:8px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.16)}
.card-h h2{font-size:14.5px;font-weight:600;flex:1;letter-spacing:.2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pill{font-size:10.5px;font-weight:700;padding:3px 10px;border-radius:999px;min-width:28px;
  text-align:center;font-variant-numeric:tabular-nums;border:1px solid transparent;flex:0 0 auto}
.pill.n{background:rgba(255,181,69,.14);color:var(--warn);border-color:rgba(255,181,69,.3)}
.pill.ok{background:rgba(49,217,139,.12);color:var(--ok);border-color:rgba(49,217,139,.28)}
.pill.bad{background:rgba(255,84,112,.14);color:var(--bad);border-color:rgba(255,84,112,.32);
  animation:alertPulse 1.8s infinite}
.pill.idle{background:rgba(84,101,120,.16);color:var(--idle);border-color:rgba(84,101,120,.28)}
@keyframes alertPulse{50%{box-shadow:0 0 0 5px rgba(255,84,112,.1)}}

.card-b{padding:6px 9px 11px;max-height:300px;overflow-y:auto;scrollbar-width:thin}
.card-b::-webkit-scrollbar{width:4px}
.card-b::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb),.26);border-radius:3px}

/* ═════ الصفوف ═════ */
.row{position:relative;display:flex;gap:10px;align-items:flex-start;padding:9px 11px;
  border-radius:9px;transition:background .18s}
.row::before{content:"";position:absolute;inset-inline-start:0;top:14%;bottom:14%;width:2px;
  background:var(--cyan);border-radius:2px;opacity:0;transition:opacity .18s}
.row:hover{background:rgba(var(--accent-rgb),.06)}
.row:hover::before{opacity:.7}
.row .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-top:6px;
  flex:0 0 auto;box-shadow:0 0 9px var(--cyan-glow)}
.row .dot.ok{background:var(--ok);box-shadow:0 0 9px rgba(49,217,139,.7)}
.row .dot.bad{background:var(--bad);box-shadow:0 0 9px rgba(255,84,112,.7);animation:alertPulse 1.6s infinite}
.row .dot.warn{background:var(--warn);box-shadow:0 0 9px rgba(255,181,69,.7)}
.row .mid{flex:1;min-width:0}
.row .t{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .s{font-size:11px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row .end{font-size:10.5px;color:var(--muted);flex:0 0 auto;text-align:left;
  font-variant-numeric:tabular-nums;font-family:var(--mono)}
.row .badge{background:rgba(var(--accent-rgb),.14);color:var(--cyan);font-size:10px;font-weight:700;
  padding:2px 7px;border-radius:999px;border:1px solid rgba(var(--accent-rgb),.22)}

.empty{padding:24px 14px;text-align:center;color:var(--muted);font-size:12px;line-height:1.9}
.empty .k{display:inline-block;margin-top:10px;font-size:10.5px;background:rgba(var(--accent-rgb),.07);
  border:1px dashed rgba(var(--accent-rgb),.28);color:var(--cyan);padding:6px 12px;border-radius:8px;
  font-family:var(--mono)}
.empty .k a{text-decoration:none;color:inherit}

/* ═════ المؤشّرات ═════ */
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px}
.metric{position:relative;overflow:hidden;border-radius:9px;padding:10px 12px;
  background:linear-gradient(150deg,rgba(var(--accent-rgb),.07),rgba(var(--accent-rgb),.02));
  border:1px solid rgba(var(--accent-rgb),.12)}
.metric::after{content:"";position:absolute;top:0;right:0;width:20px;height:1px;
  background:linear-gradient(90deg,var(--cyan),transparent)}
.metric .k{font-size:10px;color:var(--muted);letter-spacing:.2px}
.metric .v{font-size:18px;font-weight:700;margin-top:4px;color:var(--cyan);
  font-variant-numeric:tabular-nums;font-family:var(--mono);
  text-shadow:0 0 14px rgba(var(--accent-rgb),.32)}
.metric .v.sm{font-size:13px}
.metric .v.ok{color:var(--ok);text-shadow:0 0 14px rgba(49,217,139,.3)}
.metric .v.bad{color:var(--bad);text-shadow:0 0 14px rgba(255,84,112,.3)}

/* ═════ المسرح والهولوجرام ═════ */
.stage{position:relative;display:flex;flex-direction:column;align-items:center;
  min-height:590px;padding-top:4px;min-width:0;max-width:100%}
.holo{position:relative;width:100%;max-width:340px;aspect-ratio:1/1.18}
.holo canvas{position:absolute;inset:0;width:100%;height:100%}

.base{position:relative;width:min(330px,88%);height:84px;margin-top:-34px}
.base i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(76deg);
  border:1px solid rgba(var(--accent-rgb),.4);border-radius:50%;animation:ring 3.6s ease-in-out infinite}
.base i:nth-child(1){width:110px;height:110px}
.base i:nth-child(2){width:182px;height:182px;animation-delay:.5s;border-color:rgba(var(--accent-rgb),.24)}
.base i:nth-child(3){width:258px;height:258px;animation-delay:1s;border-color:rgba(var(--accent-rgb),.13)}
.base i:nth-child(4){width:334px;height:334px;animation-delay:1.5s;border-color:rgba(var(--accent-rgb),.07)}
@keyframes ring{0%,100%{opacity:.9;filter:drop-shadow(0 0 8px var(--cyan-glow))}50%{opacity:.3;filter:none}}
.base .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:76px;height:13px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(var(--accent-hi-rgb),.98),rgba(var(--accent-rgb),.4) 42%,transparent 72%);
  filter:blur(3px);animation:pulse 2.2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;width:76px}50%{opacity:.55;width:104px}}

.holo-name{margin-top:18px;text-align:center}
.holo-name .n{font-size:17px;font-weight:700;letter-spacing:3px;
  text-shadow:0 0 18px rgba(var(--accent-rgb),.4)}
.holo-name .st{font-size:11px;color:var(--cyan);margin-top:6px;letter-spacing:2.5px;
  min-height:16px;font-family:var(--mono)}
.holo-name .st::before{content:"◈ "}
.holo-name .st.speaking{animation:blink 1s infinite}
@keyframes blink{50%{opacity:.35}}

/* ═════ شريط الأوامر ═════ */
.bar{position:relative;margin-top:20px;width:100%;max-width:530px;display:flex;
  align-items:center;gap:11px;padding:10px 13px;border-radius:14px;
  background:linear-gradient(150deg,rgba(10,22,38,.9),rgba(6,14,26,.85));
  border:1px solid rgba(var(--accent-rgb),.26);
  box-shadow:0 10px 36px rgba(0,0,0,.55), 0 0 32px rgba(var(--accent-rgb),.09);
  transition:border-color .25s, box-shadow .25s}
.bar:focus-within{border-color:var(--cyan);
  box-shadow:0 10px 36px rgba(0,0,0,.55), 0 0 44px rgba(var(--accent-rgb),.2)}
.bar input{flex:1;background:none;border:none;outline:none;color:var(--txt);
  font:inherit;font-size:14px;min-width:0}
.bar input::placeholder{color:var(--muted)}
.mic{width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(var(--accent-rgb),.22);
  border-radius:11px;cursor:pointer;font-size:16px;
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.07));color:var(--cyan);
  display:grid;place-items:center;transition:.2s}
.mic:hover{background:rgba(var(--accent-rgb),.32);transform:scale(1.06)}
.mic.live{background:var(--bad);color:#fff;border-color:transparent;animation:mic 1.1s infinite}
.mic:disabled{opacity:.3;cursor:not-allowed}
@keyframes mic{50%{box-shadow:0 0 0 12px rgba(255,84,112,.14)}}
.wave{display:flex;align-items:center;gap:2.5px;height:24px;flex:0 0 auto}
.wave b{width:2.5px;border-radius:2px;background:var(--cyan);height:5px;
  transition:height .1s;box-shadow:0 0 6px rgba(var(--accent-rgb),.5)}

/* ═════ الأزرار السريعة ═════ */
.feats{display:flex;justify-content:center;gap:7px 10px;margin-top:22px;
  flex-wrap:wrap;max-width:100%;padding:0 4px}
.feat{position:relative;text-align:center;color:var(--muted);font-size:11px;
  background:rgba(var(--accent-rgb),.03);border:1px solid rgba(var(--accent-rgb),.1);border-radius:11px;
  padding:9px 6px;min-width:70px;max-width:92px;cursor:pointer;font-family:inherit;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s}
.feat span{display:block;font-size:19px;margin-bottom:5px;
  filter:drop-shadow(0 0 9px var(--cyan-glow));transition:transform .2s}
.feat:hover{color:var(--cyan);border-color:rgba(var(--accent-rgb),.36);
  background:rgba(var(--accent-rgb),.09);transform:translateY(-2px)}
.feat:hover span{transform:scale(1.14)}

.tag{text-align:center;color:var(--cyan-dim);font-size:10px;letter-spacing:7px;
  margin-top:22px;font-family:var(--mono);opacity:.7}

/* ═════ التنبيهات وحالة الاتصال ═════ */
.alerts{position:fixed;bottom:16px;left:16px;z-index:40;display:flex;
  flex-direction:column;gap:8px;max-width:340px}
.alert{position:relative;background:rgba(24,9,16,.94);border:1px solid rgba(255,84,112,.4);
  border-right:3px solid var(--bad);border-radius:11px;padding:11px 14px;font-size:12px;
  line-height:1.75;opacity:1;animation:cardIn .35s none;backdrop-filter:blur(10px);
  box-shadow:0 10px 30px rgba(0,0,0,.5)}
.alert b{display:block;color:var(--bad);font-size:10.5px;margin-bottom:4px;letter-spacing:.3px}

.conn{position:fixed;top:14px;left:16px;z-index:40;font-size:10.5px;color:var(--muted);
  display:flex;align-items:center;gap:7px;font-family:var(--mono);letter-spacing:.5px;
  background:rgba(6,14,26,.6);border:1px solid rgba(125,149,173,.16);
  border-radius:8px;padding:5px 11px;backdrop-filter:blur(8px)}
.conn i{width:6px;height:6px;border-radius:50%;background:var(--bad);transition:.3s}
.conn.on i{background:var(--ok);box-shadow:0 0 9px rgba(49,217,139,.8);animation:alertPulse 2.4s infinite}

.top-links{position:fixed;top:12px;right:16px;z-index:40;display:flex;gap:7px}
.admin-link{font-size:11.5px;color:var(--muted);text-decoration:none;font-family:inherit;
  border:1px solid rgba(125,149,173,.18);border-radius:9px;padding:7px 13px;
  background:rgba(6,14,26,.62);backdrop-filter:blur(10px);transition:.2s;cursor:pointer}
.admin-link:hover{color:var(--cyan);border-color:rgba(var(--accent-rgb),.42);
  background:rgba(var(--accent-rgb),.08);box-shadow:0 0 18px rgba(var(--accent-rgb),.12)}

/* ═════ شاشة الإقلاع ═════ */
.boot{position:fixed;inset:0;z-index:90;background:var(--bg);
  display:grid;place-items:center;transition:opacity .7s, visibility .7s}
.boot.done{opacity:0;visibility:hidden;pointer-events:none}
.boot-inner{text-align:center}
.boot-logo{font-size:44px;font-weight:700;color:var(--cyan);letter-spacing:10px;
  text-shadow:0 0 30px var(--cyan-glow);margin-bottom:26px}
.boot-lines{font-size:11.5px;color:var(--muted);text-align:left;direction:ltr;
  min-width:280px;min-height:104px;line-height:2.1;font-family:var(--mono)}
.boot-lines div{opacity:0;animation:bootLine .3s forwards}
.boot-lines .ok{color:var(--ok)}
@keyframes bootLine{to{opacity:1}}
.boot-bar{margin:22px auto 0;height:2px;width:280px;background:rgba(var(--accent-rgb),.13);
  border-radius:2px;overflow:hidden}
.boot-bar i{display:block;height:100%;width:0;background:var(--cyan);
  box-shadow:0 0 12px var(--cyan-glow);animation:bootBar 1.9s ease-out forwards}
@keyframes bootBar{to{width:100%}}

@media(max-width:1200px){
  .grid{grid-template-columns:1fr}
  .stage{order:-1;min-height:440px}
  .holo{max-width:250px}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important}
  .boot{display:none}
}

/* ── ترتيب البطاقات ── */
.card-h .arrange{display:none;gap:4px;margin-inline-start:4px}
.arranging .card-h .arrange{display:flex}
.card-h .arrange button{width:24px;height:24px;border-radius:6px;border:1px solid rgba(var(--accent-rgb),.3);
  background:rgba(var(--accent-rgb),.08);color:var(--cyan);font-size:11px;cursor:pointer;font-family:inherit;line-height:1}
.card-h .arrange button:hover{background:rgba(var(--accent-rgb),.2)}
.arranging .col{min-height:120px;border-radius:var(--r);outline:1px dashed rgba(var(--accent-rgb),.25);outline-offset:4px}
.arranging .card{cursor:grab}
.arranging .card-b{max-height:120px;opacity:.55;pointer-events:none}
.card.dragging{opacity:.35;cursor:grabbing}
#arrange{cursor:pointer}
.arranging #arrange{color:var(--cyan);border-color:rgba(var(--accent-rgb),.5)}

/* ── الأخبار: العنوان على سطرين ورابط ── */
.row .t.wrap{white-space:normal;display:block;line-height:1.5;max-height:3em;overflow:hidden;padding:0;margin:0;max-width:none;z-index:auto}
.row .t a{color:inherit;text-decoration:none}
.row .t a:hover{color:var(--cyan);text-decoration:underline}

/* ═════ بطاقات أخبار القطاعات ═════ */
.card[data-kind="news"] .card-b{max-height:none;overflow:visible;padding-bottom:12px}
.phase{margin:4px 2px 8px;padding:10px 11px;border-radius:10px;background:rgba(var(--accent-rgb),.05);
  border:1px solid rgba(var(--accent-rgb),.14)}
.phase.ok{border-color:rgba(49,217,139,.35);background:rgba(49,217,139,.06)}
.phase.warn{border-color:rgba(255,181,69,.35);background:rgba(255,181,69,.06)}
.phase.bad{border-color:rgba(255,84,112,.35);background:rgba(255,84,112,.06)}
.phase-badge{font-size:13px;font-weight:700}
.phase.ok .phase-badge{color:var(--ok)} .phase.warn .phase-badge{color:var(--warn)} .phase.bad .phase-badge{color:var(--bad)}
.phase-chart{width:100%;height:64px;display:block;margin:8px 0 2px}
.phase-chart .b-act,.phase-legend .b-act{fill:var(--ok);background:var(--ok)}
.phase-chart .b-slow,.phase-legend .b-slow{fill:var(--bad);background:var(--bad)}
.phase-chart .b-none{fill:rgba(120,145,168,.35)}
.phase-chart .b-axis{stroke:rgba(120,145,168,.35);stroke-width:1}
.phase-legend{display:flex;gap:12px;font-size:10px;color:var(--muted)}
.phase-legend span:last-child{margin-inline-start:auto}
.phase-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-inline-end:4px;vertical-align:-1px}
.phase-why{font-size:11.5px;line-height:1.7;margin-top:7px;color:var(--txt)}
.phase-why b{color:var(--cyan);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.chip{font-size:10.5px;padding:3px 8px;border-radius:20px;background:rgba(var(--accent-rgb),.1);color:var(--txt);
  border:1px solid rgba(var(--accent-rgb),.18)}
.chip.up{color:var(--ok);border-color:rgba(49,217,139,.35)}
.chip.down{color:var(--bad);border-color:rgba(255,84,112,.35)}
.chip.flat{color:var(--muted)}
.news-list{max-height:330px;overflow-y:auto;scrollbar-width:thin}
.news-list .rank{flex:0 0 18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:10px;
  font-weight:700;color:var(--cyan);background:rgba(var(--accent-rgb),.1);margin-top:2px}
.news-list .imp{font-size:9.5px;color:#fff;background:var(--bad);border-radius:4px;padding:1px 5px;font-weight:700}
.advice{margin:10px 2px 0;padding:10px 11px;border-radius:10px;border:1px dashed rgba(var(--accent-rgb),.3);
  background:rgba(var(--accent-rgb),.04);font-size:12px;line-height:1.7}
.advice .adv-h{font-weight:700;color:var(--cyan);margin-bottom:4px}
.advice p{margin:0 0 5px}
.advice .muted{color:var(--muted);font-size:11px}
.adv-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px}
.adv-row>span:first-child{font-size:11px;color:var(--muted)}
.adv-row.col{display:block}
.adv-row ul{margin:4px 0 0;padding-inline-start:18px;font-size:11.5px}
.adv-row a,.advice a{color:var(--txt)} .adv-row a:hover{color:var(--cyan)}
.adv-note{margin-top:8px;font-size:10px;color:var(--muted);opacity:.8}


/* خط Cairo لكل النصوص والحقول */
button,input,select,textarea{font-family:inherit}

/* ═════ البطاقة العريضة: الفعاليات القادمة ═════ */
.wide{display:flex;flex-direction:column;gap:15px}
.wide:not(:empty){margin:0 0 18px}
#wideBottom:not(:empty){margin:18px 0 0}
.wide .card-b{max-height:none;overflow:visible}
.ev-legend{display:flex;gap:12px;font-size:10.5px;color:var(--muted);margin:2px 4px 10px}
.ev-legend .lg::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:5px;vertical-align:-1px}
.ev-legend .jeddah::before{background:var(--ok)}
.ev-legend .west::before{background:#ff8a3d}
.ev-legend .other::before{background:rgba(var(--accent-rgb),.45)}
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;
  max-height:430px;overflow-y:auto;padding:2px;scrollbar-width:thin}
.ev{display:flex;gap:11px;padding:11px;border-radius:11px;text-decoration:none;color:var(--txt);
  background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.16);transition:.18s}
a.ev:hover{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.45);transform:translateY(-1px)}
.ev-days{flex:0 0 58px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border-radius:9px;background:rgba(var(--accent-rgb),.1);color:var(--cyan);padding:6px 2px;text-align:center}
.ev-days b{font-size:20px;font-weight:800;line-height:1.1}
.ev-days span{font-size:9.5px;opacity:.85}
.ev-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ev-kind{font-size:10.5px;color:var(--muted)}
.ev-name{font-size:13px;font-weight:700;line-height:1.5}
.ev-sum{font-size:11px;color:var(--muted);line-height:1.6;max-height:3.2em;overflow:hidden}
.ev-foot{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--muted);margin-top:auto;padding-top:4px}
.ev-foot span:first-child{color:var(--txt)}
/* جدة: أخضر */
.ev.jeddah{background:rgba(49,217,139,.1);border-color:rgba(49,217,139,.5)}
.ev.jeddah .ev-days{background:rgba(49,217,139,.2);color:var(--ok)}
a.ev.jeddah:hover{background:rgba(49,217,139,.17);border-color:var(--ok)}
/* مكة والمدينة والجنوب: برتقالي */
.ev.west,.ev.south{background:rgba(255,138,61,.1);border-color:rgba(255,138,61,.5)}
.ev.west .ev-days,.ev.south .ev-days{background:rgba(255,138,61,.2);color:#ff8a3d}
a.ev.west:hover,a.ev.south:hover{background:rgba(255,138,61,.17);border-color:#ff8a3d}
.ev-days b.txt{font-size:14px;font-weight:700;line-height:1.3}
.ev-days{overflow:hidden}

/* بطاقتا الفعاليات داخل الأعمدة: عمود واحد من البلاطات */
.col .ev-grid{grid-template-columns:1fr;max-height:420px}
.card[data-kind="events"] .card-b{max-height:none;overflow:visible}

/* مربعات الفريق داخل بطاقات الأنظمة */
.team-h{font-size:11px;color:var(--muted);margin:4px 11px 6px}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:7px;padding:0 11px 8px}
.tm{position:relative;border-radius:10px;padding:8px 10px;background:rgba(var(--accent-rgb),.05);
  border:1px solid rgba(var(--accent-rgb),.14);min-width:0}
.tm.live{border-color:rgba(49,217,139,.45);background:rgba(49,217,139,.06)}
.tm.live::after{content:"";position:absolute;top:8px;left:8px;width:6px;height:6px;border-radius:50%;
  background:var(--ok);box-shadow:0 0 8px rgba(49,217,139,.8)}
.tm-n{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:10px}
.tm-v{font-size:20px;font-weight:800;color:var(--cyan);line-height:1.3;margin-top:2px}
.tm-v small{font-size:9.5px;font-weight:500;color:var(--muted);margin-inline-start:4px}
.tm-t{font-size:10.5px;color:var(--muted)}
.tm-t b{color:var(--txt)}
.tm.live .tm-t b{color:var(--ok)}
.tm-m{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ═════ التذييل: حقوق الشركة ═════ */
.kodi-footer{position:relative;z-index:3;text-align:center;padding:26px 16px 18px;font-size:12px}
.kodi-footer a{color:var(--muted);text-decoration:none;border-bottom:1px dashed transparent;transition:.18s}
.kodi-footer a:hover{color:var(--cyan);border-bottom-color:currentColor}
.lg-wrap .kodi-footer{padding:14px 0 0}

/* ═════ الأيقونات (Phosphor Duotone) ═════ */
.ic{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.2em;flex:0 0 auto}
.ic-emoji{font-size:1em;line-height:1}
[data-ic]{display:inline-flex;align-items:center;gap:6px}
[data-ic] > .ic:first-child{margin-inline-end:0}

/* بلاطة البطاقة: تدرّج ناعم + حد رفيع + لمعة علوية + توهّج */
.card-h .ico{width:34px;height:34px;border-radius:11px;font-size:0;position:relative;color:var(--cyan);
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.04) 70%);
  border:1px solid rgba(var(--accent-rgb),.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 4px 14px rgba(0,0,0,.35), 0 0 18px rgba(var(--accent-rgb),.12)}
.card-h .ico .ic{width:19px;height:19px;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.45))}
.card-h .ico .ic-emoji{font-size:16px}
.card:hover .card-h .ico{border-color:rgba(var(--accent-rgb),.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 4px 14px rgba(0,0,0,.35), 0 0 24px rgba(var(--accent-rgb),.28)}

/* الأزرار السريعة تحت كودي */
.feat span{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 6px;border-radius:11px;font-size:0;color:var(--cyan);
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),.03));border:1px solid rgba(var(--accent-rgb),.22);filter:none}
.feat span .ic{width:20px;height:20px}
.feat span .ic-emoji{font-size:18px}
.feat:hover span{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 16px rgba(var(--accent-rgb),.25);transform:translateY(-1px)}

/* أزرار الأعلى والميكروفون وأسهم الترتيب */
.admin-link .ic{width:15px;height:15px;color:var(--cyan)}
.mic{font-size:0}
.mic .ic{width:19px;height:19px}
.card-h .arrange button .ic{width:13px;height:13px}
.adv-h .ic,.ev-foot .ic{color:var(--cyan)}
.ev-foot .ic{width:13px;height:13px}
.theme-btn .ic{width:16px;height:16px}
.kpi-ico .ic{width:18px;height:18px;color:var(--cyan)}

/* ═════ النصيحة الصريحة ═════ */
.advice .adv-h{display:flex;align-items:center;gap:6px}
.verdict{margin-inline-start:auto;font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;border:1px solid}
.verdict.ok{color:var(--ok);background:rgba(49,217,139,.1);border-color:rgba(49,217,139,.35)}
.verdict.warn{color:var(--warn);background:rgba(255,181,69,.1);border-color:rgba(255,181,69,.35)}
.verdict.bad{color:var(--bad);background:rgba(255,84,112,.1);border-color:rgba(255,84,112,.35)}
.adv-sum{font-weight:600;line-height:1.8}
.adv-sub{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--cyan);font-weight:700;margin:8px 0 4px}
.acts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.act{display:flex;gap:9px;align-items:flex-start;padding:8px 9px;border-radius:10px;
  background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.14)}
.act-n{flex:0 0 22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:800;
  color:var(--cyan);background:rgba(var(--accent-rgb),.14)}
.act-b{flex:1;min-width:0}
.act-t{font-size:12.5px;line-height:1.6}
.act-t b{color:var(--txt);font-weight:800}
.act-w{font-size:11.5px;color:var(--txt);opacity:.85;margin-top:2px;line-height:1.6}
.act-y{font-size:10.5px;color:var(--muted);margin-top:4px;line-height:1.6}
.act-y a{color:var(--muted);text-decoration:underline dotted}
.act-y a:hover{color:var(--cyan)}
.act-tag{display:inline-block;font-size:9.5px;padding:1px 7px;border-radius:999px;margin-inline-end:4px;
  color:var(--cyan);background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.2)}

/* ═════ شعار الهوية ═════ */
.brand-logo{height:1.15em;width:auto;max-width:3.2em;object-fit:contain;vertical-align:-.18em;margin-inline-end:.35em;border-radius:6px}
.lg-logo{display:block;height:64px;max-width:180px;margin:0 auto 12px;vertical-align:baseline;border-radius:12px}
.brand-logo[hidden]{display:none}

/* ═════ الوضع الإنجليزي (من اليسار لليمين) ═════ */
[dir=ltr] .row .end{text-align:right}
[dir=ltr] .alert{border-right-width:1px;border-left:3px solid var(--bad)}
[dir=ltr] .tm-n{padding-left:0;padding-right:10px}
[dir=ltr] body,[dir=ltr] .ai-steps{direction:ltr}
[dir=ltr] .kind,[dir=ltr] .fields-found th{text-align:left}
[dir=ltr] .user-email,[dir=ltr] .vc-v b{text-align:left}

/* المستخدم العادي: لا أدوات ترتيب */
body.viewer .mv, body.viewer [data-mv], body.viewer #arrange{display:none!important}

/* زر ترجمة المحتوى */
#mtToggle.off{opacity:.7}
#mtToggle.off .ic{opacity:.5}
#mtToggle[hidden]{display:none!important}

/* ═════ الصوت: زر ملخص الأقسام، سمّاعة البطاقة، صندوق الرد ═════ */
.feat-all{min-width:auto!important;max-width:none!important;padding:10px 22px!important;font-size:12.5px!important;font-weight:600;
  display:inline-flex!important;align-items:center;gap:9px;border-color:rgba(var(--accent-rgb),.38)!important;color:var(--cyan)!important}
.feat-all span{margin:0!important;font-size:18px!important}
.card-h .speak{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;cursor:pointer;flex:0 0 auto;
  background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.18);color:var(--muted);transition:.2s}
.card-h .speak .ic{width:15px;height:15px}
.card-h .speak:hover{color:var(--cyan);border-color:rgba(var(--accent-rgb),.5)}
.card-h .speak.on{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 14px rgba(var(--accent-rgb),.35);animation:speakPulse 1.2s ease-in-out infinite}
@keyframes speakPulse{50%{box-shadow:0 0 4px rgba(var(--accent-rgb),.15)}}
.reply{position:relative;max-width:640px;margin:14px auto 0;padding:12px 16px 12px 40px;border-radius:14px;text-align:start;
  background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.2);max-height:190px;overflow-y:auto}
[dir=ltr] .reply{padding:12px 40px 12px 16px}
.reply-q{font-size:11.5px;color:var(--muted);margin-bottom:5px}
.reply-q::before{content:"🎙 ";}
.reply-a{font-size:13px;line-height:1.75;color:var(--txt)}
.reply-x{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:24px;height:24px;display:grid;place-items:center;
  border-radius:7px;border:1px solid rgba(var(--accent-rgb),.2);background:transparent;color:var(--muted);cursor:pointer}
.reply-x .ic{width:12px;height:12px}

.reply-play{margin-top:8px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:11.5px;cursor:pointer;
  padding:4px 12px;border-radius:9px;border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.06);color:var(--cyan)}
.reply-play .ic{width:14px;height:14px}

/* ═════ مهامي اليومية ═════ */
.card.tasks{max-width:640px;margin:16px auto 0;text-align:start}
.tasks .card-h .ico .ic{width:16px;height:16px}
.task-remind{margin:10px 12px 0;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;
  color:var(--bad);background:rgba(255,84,112,.08);border:1px solid rgba(255,84,112,.35)}
.task-add{display:flex;gap:8px;align-items:center;padding:10px 12px}
.task-add input{flex:1;min-width:0;background:rgba(var(--accent-rgb),.04);border:1px solid var(--panel-br);border-radius:10px;
  padding:9px 12px;color:var(--txt);font:inherit;font-size:13px;outline:none}
.task-add input:focus{border-color:rgba(var(--accent-rgb),.5)}
.task-mic,.task-go{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;cursor:pointer;
  border:1px solid rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.07);color:var(--cyan)}
.task-mic .ic,.task-go .ic{width:17px;height:17px}
.task-mic.live{color:#fff;background:var(--bad);border-color:var(--bad);animation:speakPulse 1.2s ease-in-out infinite}
.task-list{list-style:none;padding:0 12px 12px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.task{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--panel-br)}
.task.open{border-color:rgba(255,84,112,.38);background:rgba(255,84,112,.06)}
.task.open .task-t{color:var(--bad);font-weight:600}
.task.late{border-color:rgba(255,84,112,.7);box-shadow:inset 3px 0 0 var(--bad)}
[dir=ltr] .task.late{box-shadow:inset 3px 0 0 var(--bad)}
.task.done{opacity:.72}
.task.done .task-t{text-decoration:line-through;color:var(--muted)}
.task-body{flex:1;min-width:0}
.task-t{font-size:13px;line-height:1.55;word-break:break-word}
.task-body small{font-size:10.5px;color:var(--muted)}
.task.open small{color:rgba(255,84,112,.85)}
.task-check{width:22px;height:22px;flex:0 0 auto;border-radius:7px;cursor:pointer;display:grid;place-items:center;
  border:2px solid var(--bad);background:transparent;color:#fff}
.task.done .task-check{border-color:var(--ok);background:var(--ok)}
.task-check .ic{width:13px;height:13px}
.task-del{width:28px;height:28px;flex:0 0 auto;border:0;background:transparent;color:var(--muted);cursor:pointer;opacity:.55;border-radius:8px}
.task-del:hover{opacity:1;color:var(--bad)}
.task-del .ic{width:15px;height:15px}
.task-empty{font-size:12px;color:var(--muted);text-align:center;padding:10px}
html[data-theme="light"] .task.open{background:#fff5f6}
/* مهمة ليوم قادم: هادئة حتى يحين يومها، ثم تصير حمراء */
.task.later{border-color:rgba(255,181,69,.35);background:rgba(255,181,69,.05)}
.task.later .task-t{color:var(--txt)}
.task.later small{color:var(--warn)}
.task.later .task-check{border-color:var(--warn)}