/* ============================================================
   منصة الأستاذ — نظام التصميم الموحد (الثيم النهاري والليلي)
   مأخوذ من هوية «توجيه»: أسطح هادئة، لون مميز أزرق إلى سماوي،
   سلاسل ألوان للأيقونات، وأنصاف أقطار موحدة.
   القواعد التي تعدّل مكونات قائمة تبدأ بـ :root[data-theme] حتى
   تتقدّم على dark.css المولّد بالخصوصية نفسها وترتيب التحميل.
   ============================================================ */
:root {
  color-scheme: light;
  forced-color-adjust: none;
  --bg:            #eef2f8;
  --surface-1:     #ffffff;
  --surface-2:     #f5f8fc;
  --surface-3:     #eaf0f8;
  --surface-4:     #dde6f2;
  --surface-glass: rgba(255,255,255,.82);
  --border:        rgba(38,56,84,.15);
  --border-strong: rgba(38,56,84,.27);
  --hairline:      rgba(38,56,84,.085);
  --topbar-bg:     rgba(255,255,255,.86);
  --sidebar-grad-end: #f2f6fc;
  --veil:          rgba(23,32,51,.42);
  --text-primary:   #16203a;
  --text-secondary: #4d5b76;
  --text-muted:     #75839c;
  --accent:   #3987e5;
  --accent-2: #06b6d4;
  --accent-soft: rgba(57,135,229,.12);
  --accent-ink:  #1b5aa8;
  --grad: linear-gradient(135deg,var(--accent),var(--accent-2));
  --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --series-4: #c98500;
  --series-5: #d55181; --series-6: #008300; --series-7: #9085e9; --series-8: #e66767;
  --critical: #e66767; --high: #e8823f; --medium: #d9a520; --low: #22b07d;
  --fg-critical: #b23433; --fg-high: #a75a17; --fg-medium: #8a6708; --fg-low: #0f7350; --fg-info: #1b5aa8; --fg-neutral: #4b5468;
  --radius-sm: 11px; --radius-md: 16px; --radius-lg: 22px;
  --shadow-sm:    0 6px 18px -10px rgba(23,32,51,.22);
  --shadow-card:  0 20px 45px -24px rgba(23,32,51,.30);
  --shadow-pop:   0 24px 60px -22px rgba(23,32,51,.35);
  --shadow-modal: 0 40px 90px -34px rgba(23,32,51,.45);
  /* أسماء الهوية السابقة تشير الآن إلى الرموز نفسها */
  --green: var(--accent); --green-dark: var(--accent-ink); --focus: var(--accent);
  --ink: var(--text-primary); --muted: var(--text-secondary); --line: var(--border);
  --mint: var(--accent-soft); --white: var(--surface-1); --navy: #14213f;
  --shadow: var(--shadow-sm);
}

/* ---------- الأساس ---------- */
:root[data-theme] body { background: var(--bg); color: var(--text-primary); }
:root[data-theme] body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(900px 520px at 100% -10%, rgba(57,135,229,.13), transparent 60%),
    radial-gradient(700px 480px at -10% 110%, rgba(6,182,212,.10), transparent 60%),
    linear-gradient(var(--hairline) 1px, transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg, var(--hairline) 1px, transparent 1px) 0 0/44px 44px;
  mask-image: linear-gradient(180deg, #000 0%, rgba(0,0,0,.55) 55%, transparent 100%);
}
:root[data-theme] h1, :root[data-theme] h2, :root[data-theme] h3, :root[data-theme] h4 { color: var(--text-primary); }
:root[data-theme] p, :root[data-theme] .muted { color: var(--text-secondary); }
:root[data-theme] ::selection { background: var(--accent-soft); color: var(--text-primary); }
::-webkit-scrollbar { width: 9px; height: 9px }
::-webkit-scrollbar-track { background: transparent }
::-webkit-scrollbar-thumb { background: var(--surface-4); border-radius: 99px }

/* ---------- الأزرار والحقول ---------- */
:root[data-theme] .btn { background: var(--grad); color: #fff; border: 0; border-radius: 13px; box-shadow: 0 12px 24px -14px rgba(57,135,229,.85); }
:root[data-theme] .btn:hover { background: var(--grad); filter: brightness(1.06); box-shadow: 0 16px 28px -14px rgba(57,135,229,.95); }
:root[data-theme] .btn.secondary { background: var(--surface-1); color: var(--text-primary); border: 1px solid var(--border); box-shadow: none; filter: none; }
:root[data-theme] .btn.secondary:hover { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-ink); }
:root[data-theme] .btn.soft { background: var(--accent-soft); color: var(--accent-ink); box-shadow: none; }
:root[data-theme] .btn.danger { background: rgba(230,103,103,.12); color: var(--fg-critical); border: 1px solid rgba(230,103,103,.32); box-shadow: none; }
:root[data-theme] .btn.success { background: linear-gradient(135deg,#12855c,#22b07d); color: #fff; }
:root[data-theme] .btn.warm { background: linear-gradient(135deg,#f97316,#ea580c); color: #fff; box-shadow: 0 12px 24px -14px rgba(234,88,12,.8); }
:root[data-theme] .icon-button { background: var(--surface-1); color: var(--text-secondary); border: 1px solid var(--border); }
:root[data-theme] .icon-button:hover { background: var(--accent-soft); color: var(--accent-ink); border-color: var(--accent); }
:root[data-theme] .icon-button.active { color: #c98500; }
:root[data-theme] .text-button { color: var(--accent-ink); }
:root[data-theme] input, :root[data-theme] select, :root[data-theme] textarea { background: var(--surface-2); color: var(--text-primary); border: 1px solid var(--border); }
:root[data-theme] input:focus, :root[data-theme] select:focus, :root[data-theme] textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 4px var(--accent-soft); outline: 0; }
:root[data-theme] input::placeholder, :root[data-theme] textarea::placeholder { color: var(--text-muted); }
:root[data-theme] .field > span, :root[data-theme] .field > label { color: var(--text-secondary); }
:root[data-theme] a:focus-visible, :root[data-theme] button:focus-visible, :root[data-theme] input:focus-visible, :root[data-theme] select:focus-visible, :root[data-theme] textarea:focus-visible, :root[data-theme] summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }

/* ---------- البطاقات والجداول ---------- */
:root[data-theme] .panel, :root[data-theme] .paper { background: var(--surface-1); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
:root[data-theme] .note { background: var(--accent-soft); border: 1px solid rgba(57,135,229,.25); color: var(--text-secondary); }
:root[data-theme] .note.warning { background: rgba(217,165,32,.12); border-color: rgba(217,165,32,.35); color: var(--fg-medium); }
:root[data-theme] .table-wrap { background: var(--surface-1); border: 1px solid var(--border); border-radius: 14px; }
:root[data-theme] thead th { background: var(--surface-3); color: var(--text-secondary); border-color: var(--border); }
:root[data-theme] td { border-color: var(--hairline); color: var(--text-primary); }
:root[data-theme] tbody tr:hover { background: var(--accent-soft); }
:root[data-theme] dialog { background: var(--surface-1); color: var(--text-primary); border: 1px solid var(--border); box-shadow: var(--shadow-modal); }
:root[data-theme] dialog::backdrop { background: var(--veil); backdrop-filter: blur(5px); }
:root[data-theme] #toast { background: var(--text-primary); color: var(--surface-1); }
:root[data-theme] .badge { background: var(--accent-soft); color: var(--fg-info); }
:root[data-theme] .badge.amber { background: rgba(217,165,32,.15); color: var(--fg-medium); }
:root[data-theme] .badge.red { background: rgba(230,103,103,.14); color: var(--fg-critical); }
:root[data-theme] .badge.green { background: rgba(34,176,125,.14); color: var(--fg-low); }
:root[data-theme] .badge.purple { background: rgba(144,133,233,.16); color: #6f5fd6; }

/* أيقونات ملونة: ست سلاسل تجتاز التباين في الثيمين */
:root[data-theme] .icon-tile { display: inline-grid; place-items: center; border-radius: 13px; }
:root[data-theme] .icon-tile.teal   { background: rgba(57,135,229,.13);  color: #2563c9; }
:root[data-theme] .icon-tile.blue   { background: rgba(6,182,212,.14);   color: #0e7f99; }
:root[data-theme] .icon-tile.purple { background: rgba(144,133,233,.16); color: #6f5fd6; }
:root[data-theme] .icon-tile.orange { background: rgba(217,89,38,.13);   color: #c24d1f; }
:root[data-theme] .icon-tile.pink   { background: rgba(213,81,129,.13);  color: #b83d6c; }
:root[data-theme] .icon-tile.olive  { background: rgba(25,158,112,.14);  color: #12805a; }
:root[data-theme] .icon-tile.amber  { background: rgba(201,133,0,.15);   color: #9a6800; }
:root[data-theme] .icon-tile.red    { background: rgba(230,103,103,.14); color: #c43f3f; }

/* ---------- القائمة الجانبية على نمط توجيه ---------- */
:root[data-theme] .sidebar {
  top: 0; bottom: 0; right: 0; width: var(--sidebar); border-radius: 0; padding: 0;
  background: linear-gradient(180deg, var(--surface-1), var(--sidebar-grad-end));
  border-inline-end: 1px solid var(--border); box-shadow: none; color: var(--text-primary);
  display: flex; flex-direction: column;
}
:root { --sidebar: 286px; }
:root[data-theme] .sidebar .brand { padding: 20px 20px 18px; border-bottom: 1px solid var(--border); margin: 0; }
:root[data-theme] .sidebar .brand strong { color: var(--text-primary); font-size: calc(19px * var(--font-scale,1.1)); }
:root[data-theme] .sidebar .brand small { color: var(--text-muted); }
:root[data-theme] .sidebar-scroll { flex: 1; overflow-y: auto; padding: 14px 12px 10px; scrollbar-color: var(--surface-4) transparent; }
:root[data-theme] .nav-group { margin-bottom: 14px; }
:root[data-theme] .nav-label { color: var(--text-muted); font-weight: 700; font-size: calc(11px * var(--font-scale,1.1)); padding: 0 12px; margin: 4px 0 6px; }
:root[data-theme] .nav-link { color: var(--text-primary); padding: 9px 12px; border-radius: 12px; margin: 2px 0; gap: 11px; font-weight: 600; position: relative; }
:root[data-theme] .nav-link .nav-icon { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--chip-bg, var(--surface-3)); flex-shrink: 0; }
:root[data-theme] .nav-link svg { color: var(--chip, var(--accent)); width: 17px; height: 17px; }
:root[data-theme] .nav-link:hover { background: var(--surface-3); color: var(--text-primary); }
:root[data-theme] .nav-link.active { background: var(--accent-soft); color: var(--accent-ink); box-shadow: none; }
:root[data-theme] .nav-link.active::after { content: ""; position: absolute; inset-inline-end: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 3px; background: var(--accent); }
:root[data-theme] .nav-link.active svg { color: var(--chip, var(--accent)); }
:root[data-theme] .nav-link .badge { background: var(--accent-soft); color: var(--fg-info); margin-inline-start: auto; }
.nav-link[data-c="1"]{--chip:#3987e5;--chip-bg:rgba(57,135,229,.12)} .nav-link[data-c="2"]{--chip:#d95926;--chip-bg:rgba(217,89,38,.12)}
.nav-link[data-c="3"]{--chip:#199e70;--chip-bg:rgba(25,158,112,.13)} .nav-link[data-c="4"]{--chip:#c98500;--chip-bg:rgba(201,133,0,.14)}
.nav-link[data-c="5"]{--chip:#d55181;--chip-bg:rgba(213,81,129,.12)} .nav-link[data-c="6"]{--chip:#0891b2;--chip-bg:rgba(8,145,178,.13)}
.nav-link[data-c="7"]{--chip:#7c6ee6;--chip-bg:rgba(144,133,233,.15)} .nav-link[data-c="8"]{--chip:#e05555;--chip-bg:rgba(230,103,103,.13)}
.nav-new { margin-inline-start: auto; font-size: 10.5px; font-weight: 800; color: #fff; background: linear-gradient(135deg,#e5484d,#f97316); border-radius: 99px; padding: 1px 8px; line-height: 1.7; }
:root[data-theme] .sidebar-upgrade { margin: 6px 12px 10px; background: linear-gradient(135deg, rgba(57,135,229,.12), rgba(6,182,212,.12)); border: 1px solid rgba(57,135,229,.25); border-radius: 16px; }
:root[data-theme] .sidebar-upgrade .row { color: var(--text-primary); }
:root[data-theme] .sidebar-upgrade .row svg { color: var(--accent); }
:root[data-theme] .sidebar-upgrade p { color: var(--text-secondary); }
:root[data-theme] .sidebar-upgrade a { background: var(--grad); color: #fff; }
:root[data-theme] .sidebar-footer { margin: 0 12px 12px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-1); }
:root[data-theme] .sidebar-footer strong { color: var(--text-primary); }
:root[data-theme] .sidebar-footer small { color: var(--text-muted); }
:root[data-theme] .sidebar-footer .icon-button { color: var(--text-secondary); background: transparent; border: 0; }
:root[data-theme] .avatar { background: linear-gradient(135deg,#7c6ee6,#3987e5); color: #fff; }
:root[data-theme] .admin-sidebar { background: linear-gradient(180deg, var(--surface-1), var(--sidebar-grad-end)); }
:root[data-theme] .workspace { margin-right: var(--sidebar); }

/* ---------- الشريط العلوي ---------- */
:root[data-theme] .topbar { position: sticky; top: 0; z-index: 40; height: 70px; padding: 0 28px; background: var(--topbar-bg); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); }
:root[data-theme] .breadcrumb { color: var(--text-muted); }
:root[data-theme] .breadcrumb strong { color: var(--text-primary); font-weight: 800; }
:root[data-theme] .topbar-search { background: var(--surface-2); border: 1px solid var(--border); }
:root[data-theme] .topbar-search input { background: transparent; border: 0; color: var(--text-primary); box-shadow: none; }
:root[data-theme] .topbar-search svg, :root[data-theme] .topbar-date { color: var(--text-muted); }
:root[data-theme] .topbar-search kbd { color: var(--text-muted); border-color: var(--border); background: var(--surface-1); }
:root[data-theme] .topbar-actions > .icon-button { background: var(--surface-1); border: 1px solid var(--border); }
:root[data-theme] .content { padding: 24px 28px 18px; }

.theme-toggle { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-1); color: var(--text-secondary); cursor: pointer; transition: .2s; flex-shrink: 0; }
.theme-toggle:hover { border-color: var(--accent); color: var(--accent-ink); background: var(--accent-soft); }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-toggle.floating { position: fixed; top: 16px; inset-inline-end: 16px; z-index: 50; }

/* ---------- الصفحة الرئيسية للمعلم ---------- */
:root[data-theme] .greeting h1 { color: var(--text-primary); }
:root[data-theme] .greeting p { color: var(--text-secondary); }
:root[data-theme] .greeting p span { color: var(--accent-ink); }
:root[data-theme] .greeting .school-tag { background: var(--surface-1); border-color: var(--border); color: var(--text-secondary); }
:root[data-theme] .hero-workspace { background: linear-gradient(120deg, rgba(57,135,229,.16), rgba(6,182,212,.12) 55%, rgba(144,133,233,.14)); border: 1px solid rgba(57,135,229,.2); border-radius: 24px 56px 24px 24px; }
:root[data-theme] .hero-workspace::before, :root[data-theme] .hero-workspace::after { border-color: rgba(57,135,229,.25); }
:root[data-theme] .hero-copy .eyebrow { background: var(--surface-glass); border-color: rgba(57,135,229,.25); color: var(--accent-ink); }
:root[data-theme] .hero-copy h2 { color: var(--text-primary); }
:root[data-theme] .hero-copy p { color: var(--text-secondary); }
:root[data-theme] .stat-card { position: relative; overflow: hidden; background: var(--surface-1); border: 1px solid var(--border); border-radius: var(--radius-md); box-shadow: var(--shadow-sm); }
:root[data-theme] .stat-card::after { content: ""; position: absolute; width: 120px; height: 120px; border-radius: 50%; inset-inline-end: -40px; top: -46px; background: var(--blob, rgba(57,135,229,.10)); filter: blur(4px); pointer-events: none; }
:root[data-theme] .stat-card:nth-child(2) { --blob: rgba(25,158,112,.12); } :root[data-theme] .stat-card:nth-child(3) { --blob: rgba(6,182,212,.12); }
:root[data-theme] .stat-card:nth-child(4) { --blob: rgba(144,133,233,.14); } :root[data-theme] .stat-card:nth-child(5) { --blob: rgba(217,89,38,.11); }
:root[data-theme] .stat-label { color: var(--text-secondary); }
:root[data-theme] .stat-value { color: var(--text-primary); }
:root[data-theme] .section-heading h2 { color: var(--text-primary); }
:root[data-theme] .section-heading p { color: var(--text-secondary); }
:root[data-theme] .tool-card { background: var(--surface-1); border: 1px solid var(--border); border-radius: var(--radius-md); }
:root[data-theme] .tool-card:hover { border-color: var(--accent); box-shadow: var(--shadow-card); transform: translateY(-3px); }
:root[data-theme] .tool-card h3 { color: var(--text-primary); }
:root[data-theme] .tool-card p { color: var(--text-secondary); }
:root[data-theme] .schedule-panel h3, :root[data-theme] .usage-panel h3 { color: var(--text-primary); }
:root[data-theme] .schedule-item h4 { color: var(--text-primary); }
:root[data-theme] .progress { background: var(--surface-3); }
:root[data-theme] .progress > span, :root[data-theme] .bar > span { background: var(--grad); }
:root[data-theme] .bar { background: var(--surface-3); }
:root[data-theme] .tip-card { background: rgba(217,165,32,.10); border-color: rgba(217,165,32,.3); }
:root[data-theme] .tip-card .row { color: var(--fg-medium); }
:root[data-theme] .tip-card p { color: var(--text-secondary); }
:root[data-theme] .workspace-bottom { color: var(--text-muted); border-top: 1px solid var(--hairline); margin-top: 22px; }
:root[data-theme] .page-heading h1 { color: var(--text-primary); }
:root[data-theme] .page-heading p { color: var(--text-secondary); }
:root[data-theme] .empty h3 { color: var(--text-primary); }
:root[data-theme] .empty p { color: var(--text-secondary); }

/* ---------- الصفحات العامة ---------- */
:root[data-theme] body:has(.site-nav) { background: var(--bg); }
:root[data-theme] .site-nav { background: var(--surface-glass); border: 1px solid var(--border); backdrop-filter: blur(16px); box-shadow: var(--shadow-sm); }
:root[data-theme] .site-nav nav { color: var(--text-secondary); }
:root[data-theme] .site-nav nav a:hover { color: var(--accent-ink); }
:root[data-theme] .brand strong, :root[data-theme] .site-nav .brand strong { color: var(--text-primary); }
:root[data-theme] .brand small { color: var(--text-muted); }

/* ---------- تذييل الموقع (نفس بيانات مقدّم الخدمة في توجيه) ---------- */
:root[data-theme] .site-footer { display: block; position: relative; z-index: 2; width: 100%; max-width: none; margin: 40px 0 0; padding: 30px 20px 12px; border-top: 1px solid var(--border); background: transparent; color: var(--text-muted); }
.site-footer .sf-inner { max-width: 980px; margin: 0 auto; display: grid; gap: 15px; text-align: center; }
.sf-brand { display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 800; color: var(--text-primary); }
.sf-brand img { width: 34px; height: 34px; }
.sf-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px 9px; }
.sf-links a, .sf-links .here { font-size: 13.9px; font-weight: 600; line-height: 1.6; padding: 7px 13px; border-radius: 11px; text-decoration: none; transition: .16s; }
.sf-links a { color: var(--text-secondary); background: var(--surface-glass); border: 1px solid var(--border); }
.sf-links a:hover { color: var(--accent-ink); border-color: var(--accent); background: var(--accent-soft); }
.sf-links .here { color: var(--accent-ink); background: var(--accent-soft); border: 1px solid var(--accent); }
.sf-channels { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; }
.sf-channels .ch { display: inline-flex; align-items: center; gap: 8px; font-size: 13.9px; font-weight: 700; color: var(--text-secondary); padding: 8px 14px; border-radius: 11px; border: 1px solid var(--border); background: var(--surface-1); transition: .16s; }
.sf-channels .ch:hover { border-color: var(--accent); color: var(--accent-ink); }
.sf-channels .ch svg { width: 16px; height: 16px; color: var(--accent); }
.sf-channels .ch.wa svg { color: #25d366; } .sf-channels .ch.tg svg { color: #229ed9; }
.sf-hours, .sf-identity, .sf-disclaimer { font-size: 13.4px; line-height: 2; color: var(--text-muted); margin: 0 auto; max-width: 780px; }
.sf-identity .sf-id-title { display: block; color: var(--text-primary); font-weight: 800; }
.sf-identity .sf-id-item { white-space: nowrap; }
.sf-identity b { color: var(--text-secondary); }
.sf-identity a { color: inherit; }
.sf-disclaimer { padding: 12px 16px; border-radius: 13px; background: var(--surface-3); border: 1px solid var(--hairline); font-size: 13.1px; }
.sf-bottom { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px; font-size: 13.1px; color: var(--text-muted); line-height: 1.9; }
.sf-bottom svg, .sf-hours svg, .sf-disclaimer svg { width: 14px; height: 14px; color: var(--accent); vertical-align: -2px; margin-inline-end: 4px; }
.site-footer .sep { opacity: .45; }
.sf-credit { font-size: 13px; color: var(--text-muted); padding-top: 10px; border-top: 1px solid var(--hairline); }
.sf-credit b { color: var(--text-secondary); }
.workspace .site-footer.compact { margin-top: 26px; padding: 18px 0 4px; }

/* ---------- صفحات السياسات ---------- */
.doc-page { max-width: 920px; margin: 0 auto; display: grid; gap: 16px; }
.doc-card { background: var(--surface-1); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 26px 28px; box-shadow: var(--shadow-sm); }
.doc-card h2 { display: flex; align-items: center; gap: 10px; font-size: 19px; margin: 0 0 10px; }
.doc-card h2 .icon-tile { width: 36px; height: 36px; }
.doc-card h3 { font-size: 16px; margin: 16px 0 6px; }
.doc-card p, .doc-card li { color: var(--text-secondary); line-height: 2; }
.doc-card ul, .doc-card ol { padding-inline-start: 22px; margin: 6px 0; }
.doc-meta { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; color: var(--text-muted); font-size: 13px; }
.doc-meta span { padding: 4px 12px; border-radius: 99px; background: var(--surface-1); border: 1px solid var(--border); }
.provider-table { width: 100%; border-collapse: collapse; }
.provider-table th, .provider-table td { padding: 12px 14px; border-bottom: 1px solid var(--hairline); text-align: start; }
.provider-table th { width: 34%; color: var(--text-secondary); font-weight: 700; background: var(--surface-2); }
.ch-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px,100%), 1fr)); gap: 14px; }
.ch-card { display: grid; gap: 6px; padding: 20px; border-radius: var(--radius-md); background: var(--surface-1); border: 1px solid var(--border); color: var(--text-secondary); transition: .18s; }
.ch-card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-card); }
.ch-card h3 { margin: 4px 0 0; font-size: 16px; }
.ch-card .val { font-weight: 800; color: var(--accent-ink); }
.ch-card .icon-tile { width: 44px; height: 44px; }

@media (max-width: 1200px) { :root { --sidebar: 256px; } }
@media (max-width: 760px) {
  :root[data-theme] .sidebar { transform: translateX(105%); width: min(88vw, 320px); box-shadow: var(--shadow-modal); }
  :root[data-theme] .sidebar.open { transform: none; visibility: visible; pointer-events: auto; }
  :root[data-theme] .workspace { margin-right: 0; }
  :root[data-theme] .topbar { padding: 0 14px; }
  :root[data-theme] .content { padding: 18px 14px; }
}
@media print {
  body::before { display: none !important; }
}

/* ---------- الثيم الليلي (للشاشة فقط؛ الطباعة تبقى نهارية) ---------- */
@media screen {
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:            #080c16;
  --surface-1:     #0f1626;
  --surface-2:     #131a2b;
  --surface-3:     #1a2337;
  --surface-4:     #212c44;
  --surface-glass: rgba(19,26,43,.74);
  --border:        rgba(148,163,184,.16);
  --border-strong: rgba(148,163,184,.30);
  --hairline:      rgba(148,163,184,.10);
  --topbar-bg:     rgba(8,12,22,.82);
  --sidebar-grad-end: #0b1120;
  --veil:          rgba(4,7,14,.78);
  --text-primary:   #eef2f8;
  --text-secondary: #a9b6cc;
  --text-muted:     #7b8aa5;
  --accent-soft: rgba(57,135,229,.16);
  --accent-ink:  #8ec2ff;
  --fg-critical: #ffa3a3; --fg-high: #ffbe8e; --fg-medium: #f0cf74; --fg-low: #7ee0b6; --fg-info: #96c5ff; --fg-neutral: #c3c8d6;
  --shadow-sm:    0 6px 18px -8px rgba(0,0,0,.6);
  --shadow-card:  0 20px 45px -20px rgba(0,0,0,.8);
  --shadow-pop:   0 24px 60px -18px rgba(0,0,0,.9);
  --shadow-modal: 0 40px 90px -30px rgba(0,0,0,.9);
}
:root[data-theme="dark"] .badge.purple { color: #b8afff; }
:root[data-theme="dark"] .icon-tile.teal { color: #7fb2f2 } :root[data-theme="dark"] .icon-tile.blue { color: #5fd6ea }
:root[data-theme="dark"] .icon-tile.purple { color: #b8afff } :root[data-theme="dark"] .icon-tile.orange { color: #ff9f74 }
:root[data-theme="dark"] .icon-tile.pink { color: #f390b8 } :root[data-theme="dark"] .icon-tile.olive { color: #5fd0a5 }
:root[data-theme="dark"] .icon-tile.amber { color: #e8c25a } :root[data-theme="dark"] .icon-tile.red { color: #f29a9a }
:root[data-theme="dark"] .nav-link[data-c="1"]{--chip:#7fb2f2} :root[data-theme="dark"] .nav-link[data-c="2"]{--chip:#ff9f74}
:root[data-theme="dark"] .nav-link[data-c="3"]{--chip:#5fd0a5} :root[data-theme="dark"] .nav-link[data-c="4"]{--chip:#e8c25a}
:root[data-theme="dark"] .nav-link[data-c="5"]{--chip:#f390b8} :root[data-theme="dark"] .nav-link[data-c="6"]{--chip:#5fd6ea}
:root[data-theme="dark"] .nav-link[data-c="7"]{--chip:#b8afff} :root[data-theme="dark"] .nav-link[data-c="8"]{--chip:#f29a9a}
:root[data-theme="light"] .theme-toggle .theme-sun, :root[data-theme="dark"] .theme-toggle .theme-moon { display: none; }
}
/* الشاشات الضيقة جدًا: الاسم الأطول وزر الثيم يتسعان في شريط الموقع العام */
@media (max-width: 520px) {
  :root[data-theme] .site-nav { width: calc(100% - 20px); padding: 0 12px; gap: 8px; height: 66px; margin-top: 10px; }
  :root[data-theme] .site-nav .brand small { display: none; }
  :root[data-theme] .site-nav .brand strong { font-size: 17px; letter-spacing: 0; }
  :root[data-theme] .site-nav .brand img { width: 34px; height: 34px; }
  :root[data-theme] .site-nav .row { gap: 6px; }
  :root[data-theme] .site-nav .row > .btn { min-height: 36px; padding: 6px 10px; font-size: 12px; }
  :root[data-theme] .site-nav .theme-toggle, :root[data-theme] .site-nav .site-menu-toggle { width: 34px; height: 34px; }
}
@media (max-width: 360px) {
  :root[data-theme] .site-nav .row > .btn { display: none; }
}
@media (max-width: 520px) { .doc-card { padding: 18px 16px; } .doc-card h2 { font-size: 17px; } }
.doc-page > *, .suite-grid > *, .cc-grid > *, .form-workbench > * { min-width: 0; }
.provider-table td, .provider-table th { overflow-wrap: anywhere; }
/* بطاقات الباقات تلتف على الشاشات المتوسطة بدل أن تمد الصفحة أفقيًا */
@media (min-width: 761px) { :root[data-theme] .pricing-grid { grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); } }
:root[data-theme] .price-card { min-width: 0; }
@media (min-width: 761px) and (max-width: 1100px) {
  :root[data-theme] .site-nav { gap: 12px; padding: 0 16px; width: calc(100% - 28px); }
  :root[data-theme] .site-nav nav { gap: 14px; }
  :root[data-theme] .site-nav .row { gap: 8px; }
  :root[data-theme] .site-nav .brand small { display: none; }
}
/* القائمة الإدارية بنفس الهوية؛ يميزها شريط علوي بنفسجي بدل لوحة لونية كاملة */
:root[data-theme] .admin-sidebar { background: linear-gradient(180deg, var(--surface-1), var(--sidebar-grad-end)); box-shadow: none; border-top: 4px solid #7c6ee6; }
:root[data-theme] .admin-sidebar .sidebar-footer small { color: var(--text-muted); }
:root[data-theme] .admin-sidebar .sidebar-scroll { scrollbar-color: var(--surface-4) transparent; }
:root[data-theme] .admin-sidebar .nav-link { color: var(--text-primary); }
:root[data-theme] .admin-sidebar .nav-link svg { color: var(--chip, var(--accent)); }
:root[data-theme] .admin-sidebar .sidebar-footer .icon-button { color: var(--text-secondary); }
:root[data-theme] .admin-sidebar .nav-link:hover { background: var(--surface-3); color: var(--text-primary); }
:root[data-theme] .admin-sidebar .nav-link.active { background: var(--accent-soft); color: var(--accent-ink); box-shadow: none; }
:root[data-theme] .admin-sidebar .nav-link.active svg { color: var(--chip, var(--accent)); }
:root[data-theme] .admin-sidebar .nav-link.active::after { background: var(--accent); }
:root[data-theme] .admin-sidebar .sidebar-footer { border-color: var(--border); }
:root[data-theme] .admin-sidebar .brand .release-badge { background: var(--accent-soft); color: var(--accent-ink); }
@media (min-width: 1100px) { .suite-stats.cc-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* ترويسة الإدارة القديمة (النظرة التفصيلية ...) على نمط ترويسات الوحدات: فاتحة متدرجة تنقلب مع الثيم */
:root[data-theme] .admin-hero { background: linear-gradient(120deg, rgba(144,133,233,.18), rgba(57,135,229,.10) 60%, var(--surface-1)); border: 1px solid var(--border); color: var(--text-primary); box-shadow: none; }
:root[data-theme] .admin-hero::after { border-color: rgba(144,133,233,.3); }
:root[data-theme] .admin-hero h1 { color: var(--text-primary); }
:root[data-theme] .admin-hero p { color: var(--text-secondary); }
:root[data-theme] .admin-hero .eyebrow { color: #6f5fd6; background: var(--surface-glass); border: 1px solid var(--border); border-radius: 99px; padding: 4px 12px; }
:root[data-theme] .admin-hero .btn { background: var(--grad); color: #fff; box-shadow: 0 12px 24px -14px rgba(57,135,229,.85); }
:root[data-theme] .admin-hero .btn.secondary { background: var(--surface-1); color: var(--text-primary); border: 1px solid var(--border); box-shadow: none; }
:root[data-theme] .admin-hero .btn.secondary:hover { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-ink); }
:root[data-theme] .admin-hero-icon { background: linear-gradient(135deg, #7c6ee6, #3987e5); border: 0; box-shadow: 0 22px 40px -18px #7c6ee6; }
:root[data-theme] .admin-hero-icon svg { color: #fff; }
/* قسم الدعوة في الصفحة العامة: خلفية زاهية ونص أبيض في الثيمين */
:root[data-theme] .cta-section { background: linear-gradient(120deg, #1b5aa8, #3987e5 55%, #06b6d4); color: #fff; }
:root[data-theme] .cta-section h2 { color: #fff; }
:root[data-theme] .cta-section p { color: rgba(255,255,255,.88); }
:root[data-theme] .cta-section .eyebrow { color: #fff; }
:root[data-theme] .cta-section .btn { background: #fff; color: #1b5aa8; box-shadow: 0 12px 24px -14px rgba(0,0,0,.45); }
:root[data-theme] .cta-section .btn:hover { background: #eef5ff; filter: none; }
@media screen { :root[data-theme="dark"] .cta-section { background: linear-gradient(120deg, #123a73, #1f5fae 55%, #0b7f93); } }