:root{
  --orange:#E8720C; --orange-soft:#FDF0E4; --blue:#1A6FA8; --blue-soft:#E7F0F8;
  --ink:#1F2933; --muted:#5F6B76; --line:#E3E0DA; --bg:#F7F5F1; --card:#FFFFFF;
  --ok:#2E7D4F; --ok-soft:#E5F3EA; --bad:#B4372B; --bad-soft:#FBE9E7;
  --radius:14px; --shadow:0 1px 2px rgba(0,0,0,.05),0 6px 20px rgba(31,41,51,.06);
  --hist:#9A5B13; --geo:#1A6FA8; --civ:#2E7D4F;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#ECEAE6; --muted:#A3ABB3; --line:#33383E; --bg:#16191C; --card:#1F2327;
    --orange-soft:#3A2817; --blue-soft:#17293A; --ok-soft:#18301F; --bad-soft:#3A1D1A;
    --shadow:0 1px 2px rgba(0,0,0,.3); --hist:#E2A35A; --geo:#6FB0E2; --civ:#6CC08E;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
    --ink:#ECEAE6; --muted:#A3ABB3; --line:#33383E; --bg:#16191C; --card:#1F2327;
    --orange-soft:#3A2817; --blue-soft:#17293A; --ok-soft:#18301F; --bad-soft:#3A1D1A;
    --shadow:0 1px 2px rgba(0,0,0,.3); --hist:#E2A35A; --geo:#6FB0E2; --civ:#6CC08E;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"Cairo",system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6;min-height:100vh}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--blue)}
.hidden{display:none!important}

/* ---------- شريط علوي ---------- */
.topbar{position:sticky;top:0;padding-top:env(safe-area-inset-top,0px);z-index:20;background:var(--card);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1100px;margin:auto;display:flex;align-items:center;gap:12px;padding:10px 16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}
.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--orange),#F2A45A);display:grid;place-items:center;color:#fff}
.brand small{display:block;font-weight:500;font-size:12px;color:var(--muted);line-height:1.2}
.spacer{flex:1}
.who{font-size:14px;color:var(--muted);text-align:left}
.who b{color:var(--ink);display:block;font-size:15px}

/* ---------- عناصر عامة ---------- */
.wrap{max-width:1100px;margin:auto;padding:20px 16px 60px}
.btn{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:9px 16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:.15s}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}
.btn.primary:hover{filter:brightness(.95)}
.btn.blue{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.danger{color:var(--bad);border-color:var(--bad-soft);background:var(--bad-soft)}
.btn.ghost{background:transparent;border-color:transparent}
.btn.sm{padding:5px 10px;font-size:14px;border-radius:8px}
.btn:disabled{opacity:.55;cursor:not-allowed}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:700;background:var(--blue-soft);color:var(--blue)}
.chip.orange{background:var(--orange-soft);color:var(--orange)}
.chip.ok{background:var(--ok-soft);color:var(--ok)}
.chip.bad{background:var(--bad-soft);color:var(--bad)}
.muted{color:var(--muted)}
label{display:block;font-weight:700;font-size:14px;margin:0 0 4px}
.field{margin-bottom:14px}
.input,select.input,textarea.input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);outline:none}
.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.err{color:var(--bad);background:var(--bad-soft);padding:8px 12px;border-radius:8px;font-size:14px;margin-bottom:12px}
.note{background:var(--blue-soft);color:var(--blue);padding:10px 14px;border-radius:10px;font-size:14px}
.demo-banner{background:var(--orange);color:#fff;text-align:center;font-size:13px;padding:4px 10px;font-weight:600}

/* ---------- صفحة الدخول ---------- */
.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.auth-side{background:var(--blue);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-side h1{font-size:36px;line-height:1.3;margin:24px 0 12px}
.auth-side p{opacity:.9;max-width:420px}
.auth-side .levels{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.auth-side .levels span{background:rgba(255,255,255,.14);padding:4px 12px;border-radius:999px;font-size:14px}
.auth-side .deco{position:absolute;left:-80px;bottom:-80px;width:320px;height:320px;border-radius:50%;border:40px solid rgba(232,114,12,.55)}
.auth-side .sig{font-size:13px;opacity:.8;position:relative}
.auth-main{display:grid;place-items:center;padding:32px 20px}
.auth-box{width:100%;max-width:420px}
.tabs2{display:flex;background:var(--line);border-radius:12px;padding:4px;margin-bottom:22px}
.tabs2 button{flex:1;border:0;background:transparent;padding:9px;border-radius:9px;font-weight:700;cursor:pointer;color:var(--muted)}
.tabs2 button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.demo-quick{display:flex;gap:8px;margin-top:16px}
.demo-quick .btn{flex:1;justify-content:center}

/* ---------- حالة الانتظار ---------- */
.center-msg{max-width:480px;margin:10vh auto;text-align:center;padding:36px 28px}
.center-msg .ico{width:64px;height:64px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange)}

/* ---------- واجهة التلميذ ---------- */
.hero{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:18px}
.hero h2{margin:0;font-size:26px}
.subjects{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.subj{flex:1;min-width:150px;border:2px solid var(--line);background:var(--card);border-radius:var(--radius);padding:14px;cursor:pointer;text-align:right;display:flex;align-items:center;gap:12px;transition:.15s}
.subj .si{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none}
.subj b{display:block;font-size:17px}
.subj small{color:var(--muted)}
.subj.on{border-color:currentColor}
.subj[data-s=history]{color:var(--hist)} .subj[data-s=history] .si{background:var(--hist)}
.subj[data-s=geo]{color:var(--geo)} .subj[data-s=geo] .si{background:var(--geo)}
.subj[data-s=civics]{color:var(--civ)} .subj[data-s=civics] .si{background:var(--civ)}
.subj b,.subj small{color:var(--ink)} .subj small{color:var(--muted)}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.seg{display:inline-flex;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg button{border:0;background:transparent;padding:6px 14px;border-radius:8px;cursor:pointer;font-weight:600;color:var(--muted)}
.seg button.on{background:var(--blue);color:#fff}
.search{flex:1;min-width:180px;max-width:320px}
.lesson{margin-bottom:14px;overflow:hidden}
.lesson-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:linear-gradient(to left,var(--card),var(--bg))}
.lesson-h h3{margin:0;font-size:17px;flex:1}
.doc{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}
.doc:last-child{border-bottom:0}
.doc .ki{position:relative;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;
  --kc:var(--orange);color:var(--kc);background:var(--orange-soft);background:color-mix(in srgb,var(--kc) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--kc) 22%,transparent)}
/* لون مميز لكل نوع وثيقة */
.ki.k-lesson{--kc:#1A6FA8}.ki.k-summary{--kc:#0E8577}.ki.k-infographic{--kc:#7B4FC9}.ki.k-infographic_ex{--kc:#A0479E}
.ki.k-slides{--kc:#E8720C}.ki.k-map{--kc:#2E7D4F}.ki.k-document{--kc:#8A5A2B}.ki.k-chart{--kc:#3F56B5}
.ki.k-exercises{--kc:#B07A12}.ki.k-exam{--kc:#B4372B}.ki.k-video{--kc:#C2185B}.ki.k-other{--kc:#6B7280}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .doc .ki{color:color-mix(in srgb,var(--kc) 60%,#fff)}}
:root[data-theme="dark"] .doc .ki{color:color-mix(in srgb,var(--kc) 60%,#fff)}
/* شارة صيغة الملف */
.ki .fmt{position:absolute;bottom:-6px;inset-inline-start:-6px;font:800 9px/1 system-ui,sans-serif;letter-spacing:.2px;
  padding:3px 4px;border-radius:5px;color:#fff;background:#6B7280;border:1.5px solid var(--card,#fff);white-space:nowrap}
.fmt.f-pdf{background:#D32F2F}.fmt.f-word{background:#2B579A}.fmt.f-ppt{background:#C9501C}.fmt.f-xls{background:#217346}
.fmt.f-img{background:#7B4FC9}.fmt.f-aud{background:#00897B}.fmt.f-vid,.fmt.f-yt{background:#E53935}.fmt.f-drv{background:#1A73E8}
.fmt.f-html{background:#E44D26}.fmt.f-zip{background:#795548}.fmt.f-lnk{background:#455A64}
.doc .dt{flex:1;min-width:0}
.doc .dt b{display:block;font-size:15px}
.doc .dt small{color:var(--muted);font-size:13px}
.empty{text-align:center;padding:48px 20px;color:var(--muted)}
.empty .ico{opacity:.5;margin-bottom:8px}

/* ---------- لوحة الأستاذ ---------- */
.admin-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}
.admin-tabs button{border:0;background:transparent;padding:10px 16px;font-weight:700;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}
.admin-tabs button.on{color:var(--orange);border-bottom-color:var(--orange)}
.badge{background:var(--orange);color:#fff;border-radius:999px;font-size:12px;padding:0 7px;margin-inline-start:4px}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.stat{padding:12px 14px}
.stat b{font-size:24px;display:block;line-height:1.2}
.stat small{color:var(--muted);font-size:13px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
table{width:100%;border-collapse:collapse}
th,td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle}
th{font-size:13px;color:var(--muted);font-weight:700;background:var(--bg)}
.tbl-wrap{overflow-x:auto}
.req{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.req:last-child{border-bottom:0}
.req .av{width:42px;height:42px;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800;flex:none}
.req .rt{flex:1;min-width:160px}
.req select{width:auto}

/* ---------- نافذة منبثقة ---------- */
.modal-bg{position:fixed;inset:0;background:rgba(15,20,25,.5);z-index:50;display:grid;place-items:center;padding:16px}
.modal{width:100%;max-width:560px;max-height:92vh;overflow:auto;padding:22px}
.modal h3{margin:0 0 16px}
.drop{border:2px dashed var(--line);border-radius:12px;padding:20px;text-align:center;cursor:pointer;color:var(--muted)}
.drop.has{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}
.install-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;max-width:520px;margin:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.install-bar img{border-radius:10px;flex:none}
.install-bar .ib-t{flex:1;min-width:0;line-height:1.35}
.install-bar b{display:block;font-size:15px}
.install-bar small{color:var(--muted);font-size:12.5px}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;z-index:60;font-weight:600;max-width:90vw}
.spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;display:inline-block}
@keyframes sp{to{transform:rotate(360deg)}}
.foot{text-align:center;color:var(--muted);font-size:13px;padding:20px}

@media (max-width:820px){
  .auth{grid-template-columns:1fr}
  .auth-side{padding:28px 20px}
  .auth-side h1{font-size:26px;margin:12px 0 6px}
  .auth-side .deco,.auth-side .sig{display:none}
  .stats{grid-template-columns:repeat(2,1fr)}
  .topbar .brand{font-size:16px;white-space:nowrap}
  .topbar .brand small{display:none}
  .topbar-in{gap:8px;padding:10px 12px}
  #preview{max-width:130px}
  body{overflow-x:hidden}
  .row2{grid-template-columns:1fr}
  .who{display:none}
  .hide-m{display:none}
}

/* من اطّلع على الوثيقة */
.vw-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.vw-bar span{display:block;height:100%;background:var(--ok);border-radius:999px}
.vw-list{max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:12px}
.vw-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.vw-row:last-child{border-bottom:0}
.doc-acts{display:flex;gap:6px;align-items:center;flex:none}
@media (max-width:560px){
  .doc:has(.doc-acts){flex-wrap:wrap}
  .doc-acts{width:100%;justify-content:flex-end}
}
.today{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;margin-bottom:14px;text-align:right;font:inherit;color:inherit;cursor:pointer;flex-wrap:wrap}
.today-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ok-soft);color:var(--ok);flex:none}
.today-t{flex:1;display:flex;flex-direction:column}
.today-t b{font-size:26px;line-height:1.2}
.today-t b span{font-size:15px;font-weight:600}

/* خيار «أستاذ — كل المستويات» */
.warn{background:var(--orange-soft);color:var(--ink);border-inline-start:4px solid var(--orange);padding:10px 14px;border-radius:10px;font-size:14px;margin-bottom:14px;line-height:1.7}
.warn b{color:var(--orange)}
.req-lv{flex-basis:100%;padding-top:4px}
.req-all{background:linear-gradient(to left,var(--card),var(--orange-soft))}
.lv-checks{display:flex;flex-wrap:wrap;gap:8px}
.lv-ck{display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);cursor:pointer;font-weight:600;font-size:14px}
.lv-ck input{width:18px;height:18px;accent-color:var(--ok);margin:0}
.lv-ck:has(input:checked){border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}
.lv-quick{display:flex;gap:6px;margin-top:8px}
.lv-switch{margin-bottom:14px;flex-wrap:wrap}
.lv-edit{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:4px;padding:2px 6px}
.lv-edit small{font-size:12px;color:var(--muted);font-weight:600}

/* ألوان المستويات */
[data-lv="1AC"]{--lv:#2E8B57;--lv-soft:#E6F4EC}
[data-lv="2AC"]{--lv:#1A6FA8;--lv-soft:#E5F0F9}
[data-lv="3AC"]{--lv:#E8720C;--lv-soft:#FDEFE2}
[data-lv="TCS"]{--lv:#7B4BB7;--lv-soft:#F1EAFA}
[data-lv="1BAC"]{--lv:#C0392B;--lv-soft:#FBEAE8}
[data-lv="ALL"]{--lv:#A07C10;--lv-soft:#FBF4DC}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [data-lv]{--lv-soft:color-mix(in srgb,var(--lv) 18%,var(--card))}}
:root[data-theme="dark"] [data-lv]{--lv-soft:color-mix(in srgb,var(--lv) 18%,var(--card))}
.lv-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--lv);margin-inline-end:6px;vertical-align:middle}
.seg button.on .lv-dot{box-shadow:0 0 0 2px #fff}
.seg button[data-lv].on:not([data-lv="all"]){background:var(--lv)}
tr.lv-row td{background:var(--lv-soft)}
tr.lv-row td:first-child{box-shadow:inset -5px 0 0 var(--lv)}
.lv-tag{display:block;font-size:12px;font-weight:700;color:var(--lv)}
.lv-sel{border-color:var(--lv);color:var(--lv);font-weight:700;background:var(--card)}
.lv-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.lv-legend span{display:inline-flex;align-items:center;gap:2px;padding:4px 12px;border-radius:999px;background:var(--lv-soft);color:var(--lv);font-weight:700;font-size:14px}
.lv-legend b{margin-inline-start:4px}
.req[data-lv]{box-shadow:inset -5px 0 0 var(--lv)}
.req[data-lv] .av{background:var(--lv);color:#fff}
.stat[data-lv]{border-top:4px solid var(--lv)} .stat[data-lv] small:first-child{color:var(--lv);font-weight:700}

/* الواجهة بلون المستوى */
#app[data-lv] .topbar{border-bottom:3px solid var(--lv)}
#app[data-lv] .logo-mark{box-shadow:0 0 0 2px var(--lv)}
#app[data-lv] .hero h2{color:var(--lv)}
#app[data-lv] .filters .seg button.on{background:var(--lv)}
#app[data-lv] .lesson{border-inline-start:4px solid var(--lv)}
#app[data-lv] .lesson-h{background:linear-gradient(to left,var(--card),var(--lv-soft))}
/* أيقونات الوثائق تحتفظ بلون نوعها (انظر .ki.k-*) ولا تتبع لون المستوى */
#app[data-lv] .btn.blue{background:var(--lv);border-color:var(--lv)}
#app[data-lv] .input:focus{border-color:var(--lv);box-shadow:0 0 0 3px var(--lv-soft)}
.lv-chip{background:var(--lv-soft);color:var(--lv)}
.lv-switch button.on{background:var(--lv)}
.lv-scope .ico{background:var(--lv-soft)!important;color:var(--lv)!important}
.lv-head{margin:20px 0 10px;color:var(--lv)}
.lv-head .chip{background:var(--lv-soft);color:var(--lv)}
.lv-card{border-inline-start:4px solid var(--lv)}
.auth-side .levels span{display:inline-flex;align-items:center}
.auth-side .levels .lv-dot{box-shadow:0 0 0 2px rgba(255,255,255,.7)}

/* الشعار */
.logo-mark{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1d3c5e,#0c2238);padding:2px;box-shadow:0 0 0 2px #D4A63A}
.logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.auth-logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 0 6px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25))}
@media (max-width:820px){.auth-logo{width:110px;height:110px;margin:0 auto 4px}.auth-side .brand{justify-content:center;text-align:center}}

/* عداد الاستهلاك */
.quota{padding:0 18px;margin-bottom:14px}
.quota summary{display:flex;align-items:center;gap:14px;padding:14px 0;cursor:pointer;list-style:none;flex-wrap:wrap}
.quota summary::-webkit-details-marker{display:none}
.quota[open] summary{border-bottom:1px solid var(--line);margin-bottom:12px}
.q-ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);flex:none}
.q-sum{flex:1;display:flex;flex-direction:column}
.q-sum b{font-size:22px;line-height:1.2}
.q-sum b span{font-size:14px;font-weight:600;color:var(--muted)}
.q-row{margin-bottom:14px}
.q-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px}
.q-bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden;margin:6px 0 4px}
.q-bar span{display:block;height:100%;border-radius:999px}
.q-bar.q-ok span{background:var(--ok)} .q-bar.q-mid span{background:var(--orange)} .q-bar.q-bad span{background:var(--bad)}
span.q-ok{color:var(--ok);font-weight:700} span.q-mid{color:var(--orange);font-weight:700} span.q-bad{color:var(--bad);font-weight:700}
.q-heavy{padding-bottom:14px;font-size:14px}
.q-file{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px dashed var(--line)}
.q-file span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-file b{color:var(--lv);flex:none}

/* ---------- مشاركة المنصة والإشهار ---------- */
.share-link{width:100%;justify-content:center;margin-top:14px;color:var(--blue)}
.share-modal{max-width:460px}
.share-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.share-h h3{margin:0}
.share-qr{display:flex;align-items:center;gap:16px;background:var(--blue-soft);border-radius:14px;padding:14px}
.share-qr img{width:112px;height:112px;border-radius:10px;background:#fff;padding:6px;flex:none;image-rendering:pixelated}
.share-qr b{display:block;margin-bottom:2px}
.share-url{font-weight:700;color:var(--blue);overflow-wrap:anywhere;margin-top:6px;font-size:14px}
.share-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.share-acts .btn{flex:1 1 120px;justify-content:center;text-decoration:none}
.btn.wa{background:#25D366;border-color:#25D366;color:#fff}
.promo{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.promo h4{margin:0 0 10px;font-size:16px}
.promo h4 small{font-weight:500;font-size:13px}
.promo-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;color:var(--ink);text-decoration:none}
.promo-row:hover{background:var(--blue-soft)}
.promo-row svg{color:var(--blue);flex:none}
.promo-row b{display:block;font-size:15px}
.promo-row small{font-size:13px}
@media (max-width:380px){.share-qr{flex-direction:column;text-align:center}}
/* في الهاتف: الشريط العلوي للأستاذ مزدحم، فنكتفي بالشعار دون العنوان */
@media (max-width:560px){.topbar-in{gap:8px}.topbar-in:has(select) .brand>div:last-child{display:none}}
.seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
.yt-card{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb,#FF0000 30%,var(--line));border-radius:12px;color:var(--ink);text-decoration:none}
.yt-card:hover{background:color-mix(in srgb,#FF0000 6%,var(--card))}
.yt-card b{display:block;font-size:15px}
.yt-card small{font-size:13px}