/* =====================================================================
   BASHA CORE — منصة الباشا للتاريخ · محمد علي باشا
   نظام التصميم: أحمر غامق + أبيض
   الطبقة الأساسية: المتغيرات، الأساسيات، العناصر الأولية، مبدّل الثيم
   ===================================================================== */

/* ------------------------------ 1. الرموز ------------------------------ */
:root{
  /* --- سلّم الأحمر الغامق (هوية المنصة) --- */
  --red-950:#2B0508;
  --red-900:#3F080D;
  --red-850:#4E0A11;
  --red-800:#5E0D15;
  --red-700:#75121C;   /* اللون الأساسي */
  --red-600:#8C1723;
  --red-500:#A31E2C;
  --red-400:#BE2F3D;
  --red-300:#D4636E;
  --red-200:#E9A5AC;
  --red-150:#F2C9CE;
  --red-100:#F8E0E3;
  --red-50:#FDF2F3;

  /* --- الأبيض والورق --- */
  --white:#FFFFFF;
  --paper:#FFFBFB;
  --paper-2:#FBF3F3;
  --paper-3:#F5E9EA;

  /* --- توافُق مع الأنماط القائمة (brand ramp) --- */
  --brand-950:var(--red-950);
  --brand-900:var(--red-900);
  --brand-800:var(--red-800);
  --brand-700:var(--red-700);
  --brand-600:var(--red-600);
  --brand-500:var(--red-500);
  --brand-400:var(--red-400);
  --brand-300:var(--red-300);
  --brand-200:var(--red-200);
  --brand-100:var(--red-100);
  --brand-50:var(--red-50);
  --brand:var(--red-700);
  --brand-border:rgba(117,18,28,.28);

  /* --- الألوان الوظيفية --- */
  --accent:var(--red-700);
  --accent-soft:rgba(117,18,28,.10);
  --accent-strong:var(--red-800);
  --accent-cyan:var(--red-600);
  --accent-amber:var(--red-500);
  --accent-violet:var(--red-800);
  --accent-green:var(--red-600);
  --insight:var(--red-700);
  --insight-strong:var(--red-900);
  --insight-soft:rgba(117,18,28,.12);

  /* توافُق: أي بقايا "ذهبي" في الأنماط القديمة تتحول لأحمر */
  --gold-700:var(--red-800);
  --gold-600:var(--red-700);
  --gold-500:var(--red-600);
  --gold-400:var(--red-400);
  --gold-300:var(--red-200);
  --gold-soft:rgba(117,18,28,.12);
  --gold-border:rgba(117,18,28,.34);

  /* --- الأسطح --- */
  --page-bg:var(--paper);
  --page-bg-alt:var(--paper-2);
  --card-bg:var(--white);
  --card:var(--white);
  --card-bg-strong:var(--white);
  --card-soft:var(--red-50);
  --surface-soft:rgba(117,18,28,.045);
  --surface-strong:rgba(117,18,28,.10);
  --surface-highlight:rgba(117,18,28,.07);
  --surface-highlight-strong:rgba(117,18,28,.14);

  /* --- النص --- */
  --text:#2A1013;
  --text-strong:#1A0709;
  --muted:#7C5A5E;
  --muted-strong:#5A3A3E;
  --on-red:#FFF6F6;

  /* --- الحدود والظلال --- */
  --border:rgba(117,18,28,.14);
  --border-strong:rgba(117,18,28,.30);
  --rule:rgba(117,18,28,.20);
  --shadow:0 10px 28px rgba(58,8,13,.10);
  --shadow-soft:0 6px 18px rgba(58,8,13,.07);
  --shadow-strong:0 22px 48px rgba(58,8,13,.18);
  --shadow-lg:0 22px 48px rgba(58,8,13,.18);
  --shadow-red:0 14px 34px rgba(117,18,28,.26);

  /* --- الأزرار --- */
  --primary:var(--red-700);
  --primary-strong:var(--red-900);
  --primary-weak:rgba(117,18,28,.09);
  --btn-solid-bg:linear-gradient(135deg,var(--red-800),var(--red-600));
  --btn-solid-text:#FFFFFF;
  --btn-gold-bg:linear-gradient(135deg,var(--red-700),var(--red-500));
  --btn-gold-text:#FFFFFF;

  /* --- الحقول --- */
  --field-bg:#FFFFFF;
  --field-text:var(--text);
  --field-border:rgba(117,18,28,.22);

  /* --- الحالات --- */
  --success:#1F6B45;
  --success-soft-bg:rgba(31,107,69,.10);
  --success-soft-border:rgba(31,107,69,.30);
  --danger:#A31E2C;
  --danger-soft-bg:rgba(163,30,44,.10);
  --danger-soft-border:rgba(163,30,44,.32);
  --warning:#8A5A12;
  --warning-soft-bg:rgba(138,90,18,.10);
  --warning-soft-border:rgba(138,90,18,.30);

  /* --- الشكل --- */
  --radius:6px;
  --radius-lg:12px;
  --radius-xl:18px;
  --radius-pill:999px;

  /* --- الهيدر --- */
  --hdr-bg:#FFFFFF;
  --hdr-text:var(--text-strong);
  --hdr-border:rgba(117,18,28,.16);

  /* --- التدرجات --- */
  --grad-brand:linear-gradient(135deg,var(--red-900),var(--red-600));
  --grad-hero:linear-gradient(160deg,var(--red-900) 0%,var(--red-700) 55%,var(--red-800) 100%);
  --grad-rule:linear-gradient(90deg,transparent,var(--red-700),transparent);

  /* --- الخطوط --- */
  --font-display:'Amiri','Aref Ruqaa','Cairo',Georgia,serif;
  --font-body:'Cairo','IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-latin:'Cinzel','Amiri',Georgia,serif;

  /* --- الحركة --- */
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.24s;

  /* --- القياسات --- */
  --container:1180px;
  --acc-topbar-h:74px;
  --studio-sidebar-w:264px;
  --studio-header-h:64px;

  /* --- مبدّل الثيم --- */
  --sw-bg:rgba(117,18,28,.12);
  --sw-knob:var(--red-700);

  /* --- شريط التمرير --- */
  --scroll-size:11px;
  --scroll-track:rgba(117,18,28,.06);
  --scroll-thumb:var(--red-700);
  --scroll-thumb-hover:var(--red-900);

  /* --- زخارف --- */
  --weave:rgba(117,18,28,.055);
}

/* ------------------------- 2. الوضع الداكن ------------------------- */
html[data-theme="dark"]{
  --page-bg:#170609;
  --page-bg-alt:#200A0E;
  --card-bg:#250D12;
  --card:#250D12;
  --card-bg-strong:#2E1116;
  --card-soft:#331419;

  --text:#FFF8F8;
  --text-strong:#FFFFFF;
  --muted:#F0D9DC;
  --muted-strong:#F7ECEE;
  --on-red:#FFFFFF;

  --brand:#E0505E;
  --brand-950:#FBEEEF;
  --brand-900:#F6D8DB;
  --brand-800:#EFB2B8;
  --brand-700:#E88892;
  --brand-600:#E0505E;
  --brand-500:#D23A48;
  --brand-400:#B92C3A;
  --brand-300:#96222E;
  --brand-200:#6E1822;
  --brand-100:#4A1017;
  --brand-50:rgba(224,80,94,.08);
  --brand-border:rgba(224,80,94,.34);

  --accent:#E0505E;
  --accent-soft:rgba(224,80,94,.14);
  --accent-strong:#E88892;
  --accent-cyan:#E0505E;
  --accent-amber:#E88892;
  --accent-violet:#E0505E;
  --accent-green:#E0505E;
  --insight:#EF8892;
  --insight-strong:#F8C3C8;
  --insight-soft:rgba(224,80,94,.16);

  --gold-700:#EFB2B8;
  --gold-600:#E88892;
  --gold-500:#E0505E;
  --gold-400:#D23A48;
  --gold-300:#F6D8DB;
  --gold-soft:rgba(224,80,94,.16);
  --gold-border:rgba(224,80,94,.40);

  --surface-soft:rgba(255,255,255,.04);
  --surface-strong:rgba(224,80,94,.14);
  --surface-highlight:rgba(224,80,94,.10);
  --surface-highlight-strong:rgba(224,80,94,.20);

  --border:rgba(255,214,217,.16);
  --border-strong:rgba(224,80,94,.42);
  --rule:rgba(224,80,94,.34);
  --shadow:0 12px 32px rgba(0,0,0,.52);
  --shadow-soft:0 8px 20px rgba(0,0,0,.42);
  --shadow-strong:0 24px 52px rgba(0,0,0,.62);
  --shadow-lg:0 24px 52px rgba(0,0,0,.62);
  --shadow-red:0 16px 38px rgba(224,80,94,.28);

  --primary:#E0505E;
  --primary-strong:#EFB2B8;
  --primary-weak:rgba(224,80,94,.14);
  --btn-solid-bg:linear-gradient(135deg,#8C1723,#C42F3D);
  --btn-solid-text:#FFFFFF;
  --btn-gold-bg:linear-gradient(135deg,#A31E2C,#D6414F);
  --btn-gold-text:#FFFFFF;

  --field-bg:#1D080C;
  --field-text:var(--text);
  --field-border:rgba(224,80,94,.32);

  --success:#5FCB95;
  --success-soft-bg:rgba(95,203,149,.12);
  --success-soft-border:rgba(95,203,149,.32);
  --danger:#F98A93;
  --danger-soft-bg:rgba(249,138,147,.14);
  --danger-soft-border:rgba(249,138,147,.34);
  --warning:#E9B75C;
  --warning-soft-bg:rgba(233,183,92,.12);
  --warning-soft-border:rgba(233,183,92,.32);

  --hdr-bg:#1D080C;
  --hdr-text:var(--text-strong);
  --hdr-border:rgba(224,80,94,.26);

  --grad-brand:linear-gradient(135deg,#5E0D15,#B92C3A);
  --grad-hero:linear-gradient(160deg,#2B0508 0%,#5E0D15 55%,#3F080D 100%);
  --grad-rule:linear-gradient(90deg,transparent,#E0505E,transparent);

  --sw-bg:rgba(255,255,255,.10);
  --sw-knob:#FBEEEF;

  --scroll-track:rgba(255,255,255,.05);
  --scroll-thumb:#8C1723;
  --scroll-thumb-hover:#C42F3D;

  --weave:rgba(224,80,94,.07);
}

/* --------------------------- 3. الأساسيات --------------------------- */
*,*::before,*::after{ box-sizing:border-box; }

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}

body{
  margin:0;
  min-height:100%;
  background:var(--page-bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.85;
  font-weight:600;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* نسيج ورقي خفيف يوحي بالمخطوطة — بلا صور */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    repeating-linear-gradient(90deg,var(--weave) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(0deg,var(--weave) 0 1px,transparent 1px 34px);
  opacity:.55;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(60% 42% at 88% -6%,rgba(117,18,28,.10),transparent 70%),
    radial-gradient(55% 40% at 6% 4%,rgba(117,18,28,.07),transparent 72%);
}
html[data-theme="dark"] body::after{
  background:
    radial-gradient(60% 42% at 88% -6%,rgba(224,80,94,.14),transparent 70%),
    radial-gradient(55% 40% at 6% 4%,rgba(224,80,94,.09),transparent 72%);
}

/* وضوح أوضح للنص العربي على الخلفية الداكنة */
html[data-theme="dark"] body{
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
}
html[data-theme="dark"] .bs-input::placeholder,
html[data-theme="dark"] .input::placeholder,
html[data-theme="dark"] .ui-input::placeholder,
html[data-theme="dark"] textarea::placeholder{
  color:#E8D0D3;
  opacity:1;
}

h1,h2,h3,h4,h5,h6{
  margin:0 0 .5em;
  font-family:var(--font-display);
  font-weight:700;
  line-height:1.4;
  color:var(--text-strong);
  letter-spacing:0;
}

p{ margin:0 0 1em; }

a{ color:var(--accent); text-decoration:none; transition:color var(--dur) var(--ease); }
a:hover{ color:var(--accent-strong); }

img{ max-width:100%; height:auto; }

::selection{ background:var(--red-700); color:#fff; }
html[data-theme="dark"] ::selection{ background:#E0505E; color:#1A0709; }

:focus-visible{
  outline:2.5px solid var(--accent);
  outline-offset:3px;
  border-radius:4px;
}

.container{
  width:min(100% - 32px,var(--container));
  margin-inline:auto;
}

.muted{ color:var(--muted); }

/* --------------------------- 4. الزخارف --------------------------- */

/* ختم الباشا */
.bs-seal{ display:block; width:100%; height:100%; color:currentColor; }

/* عكس اتجاه الأيقونة (للأسهم) */
.bs-flip{ display:inline-flex; transform:scaleX(-1); }

/* فاصل زخرفي */
.bs-orn{
  display:block;
  width:min(320px,80%);
  height:22px;
  margin:18px auto 0;
  color:var(--accent);
  opacity:.85;
}

/* خط فاصل بتدرّج */
.bs-rule{
  display:block;
  height:2px;
  width:min(260px,60%);
  margin:16px auto 0;
  background:var(--grad-rule);
  border:0;
}

/* إطار مخطوطة مزدوج */
.bs-frame{
  position:relative;
  border:1.5px solid var(--border-strong);
  border-radius:var(--radius-lg);
  background:var(--card-bg);
}
.bs-frame::before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid var(--border);
  border-radius:calc(var(--radius-lg) - 4px);
  pointer-events:none;
}

/* شريط علوي أحمر للبطاقات */
.bs-topline{
  position:relative;
  overflow:hidden;
}
.bs-topline::after{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:4px;
  background:var(--grad-brand);
}

/* أيقونات SVG */
.bs-ico{ display:block; flex:none; }

/* --------------------------- 5. الأزرار --------------------------- */
.bs-btn,
.btnx,
.ui-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:12px 22px;
  border-radius:var(--radius);
  border:1.5px solid transparent;
  font-family:var(--font-body);
  font-size:.98rem;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
  transition:transform var(--dur) var(--ease),
             box-shadow var(--dur) var(--ease),
             background-color var(--dur) var(--ease),
             color var(--dur) var(--ease),
             border-color var(--dur) var(--ease);
}
.bs-btn:hover,
.btnx:hover,
.ui-btn:hover{ transform:translateY(-2px); }
.bs-btn:active,
.btnx:active,
.ui-btn:active{ transform:translateY(0); }

/* أساسي: أحمر مصمت */
.bs-btn--solid,
.btnx.solid,
.ui-btn--solid{
  background:var(--red-700);
  color:#fff;
  border-color:var(--red-700);
  box-shadow:var(--shadow-red);
}
.bs-btn--solid:hover,
.btnx.solid:hover,
.ui-btn--solid:hover{ background:var(--red-800); border-color:var(--red-800); color:#fff; }
html[data-theme="dark"] .bs-btn--solid,
html[data-theme="dark"] .btnx.solid{ background:var(--red-500); border-color:var(--red-500); }
html[data-theme="dark"] .bs-btn--solid:hover{ background:var(--red-400); border-color:var(--red-400); }

/* محدّد: إطار أحمر على أبيض */
.bs-btn--outline,
.btnx.outline,
.ui-btn--outline{
  background:transparent;
  color:var(--accent);
  border-color:var(--border-strong);
}
.bs-btn--outline:hover,
.btnx.outline:hover{
  background:var(--accent);
  color:#fff;
  border-color:var(--accent);
}

/* شبح */
.bs-btn--ghost{
  background:var(--surface-soft);
  color:var(--text-strong);
  border-color:var(--border);
}
.bs-btn--ghost:hover{ background:var(--surface-strong); color:var(--accent); border-color:var(--border-strong); }

/* أبيض (فوق خلفية حمراء) */
.bs-btn--white{
  background:#fff;
  color:var(--red-800);
  border-color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.bs-btn--white:hover{ background:var(--red-50); color:var(--red-900); }

/* شفاف بإطار أبيض */
.bs-btn--onred{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-color:rgba(255,255,255,.55);
}
.bs-btn--onred:hover{ background:#fff; color:var(--red-800); border-color:#fff; }

.bs-btn--lg{ padding:15px 30px; font-size:1.05rem; }
.bs-btn--sm{ padding:9px 16px; font-size:.88rem; }
.bs-btn--block{ width:100%; }

.bs-btn[disabled],
.bs-btn.is-disabled{ opacity:.5; pointer-events:none; }

/* توافُق مع أنماط قديمة */
.ui-btn--success{ background:var(--success); color:#fff; border-color:var(--success); }
.btnx--big{ padding:15px 26px; font-size:1.02rem; }

/* --------------------------- 6. الحقول --------------------------- */
.bs-input,
.input,
.input2,
.ui-input,
.ui-select,
select.input,
textarea.input{
  width:100%;
  padding:13px 15px;
  border-radius:var(--radius);
  border:1.5px solid var(--field-border);
  background:var(--field-bg);
  color:var(--field-text);
  font-family:var(--font-body);
  font-size:1rem;
  font-weight:700;
  line-height:1.6;
  transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.bs-input::placeholder,
.input::placeholder,
.ui-input::placeholder{ color:var(--muted); opacity:.8; font-weight:600; }

.bs-input:focus,
.input:focus,
.input2:focus,
.ui-input:focus,
.ui-select:focus,
textarea.input:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 4px var(--accent-soft);
}

.ui-select,
select.input,
select.bs-input{
  appearance:none;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.6 7 7.4 13 1.6' stroke='%237A0D12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position:left 16px center;
  background-size:13px 9px;
  background-repeat:no-repeat;
  padding-left:40px;
}
html[data-theme="dark"] .ui-select,
html[data-theme="dark"] select.input,
html[data-theme="dark"] select.bs-input{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1.6 7 7.4 13 1.6' stroke='%23E0505E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.label{
  display:block;
  margin-bottom:8px;
  font-weight:800;
  font-size:.92rem;
  color:var(--muted-strong);
  letter-spacing:.2px;
}

.field{ display:block; margin-bottom:16px; }

/* --------------------------- 7. البطاقات --------------------------- */
.card,
.bs-card{
  background:var(--card-bg);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:22px;
  box-shadow:var(--shadow-soft);
}

/* ------------------------ 8. الشعار ------------------------ */
.platform-logo__img{ display:block; object-fit:contain; }
.platform-logo__img--dark{ display:none; }
html[data-theme="dark"] .platform-logo__img--light{ display:none; }
html[data-theme="dark"] .platform-logo__img--dark{ display:block; }

.platform-logo__fallback{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  border-radius:50%;
  background:var(--grad-brand);
  color:#fff;
  font-family:var(--font-display);
  font-weight:700;
}

/* --------------------- 9. مبدّل الوضع الفاتح/الداكن --------------------- */
.theme-switch,
.acc-theme{
  --ts-w:82px;
  --ts-h:40px;
  --ts-pad:4px;
  position:relative;
  display:inline-grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  width:var(--ts-w);
  height:var(--ts-h);
  padding:var(--ts-pad);
  border-radius:var(--radius-pill);
  background:var(--sw-bg);
  border:1.5px solid var(--border-strong);
  flex:none;
  isolation:isolate;
}

.theme-switch__btn,
.acc-theme__btn{
  position:relative;
  z-index:2;
  height:100%;
  border:0;
  background:transparent;
  cursor:pointer;
  padding:0;
  font:inherit;
  color:transparent;
  border-radius:var(--radius-pill);
}

.theme-switch__knob,
.acc-theme__knob{
  position:absolute;
  z-index:1;
  top:var(--ts-pad);
  right:var(--ts-pad);
  width:calc((var(--ts-w) - var(--ts-pad) * 2) / 2);
  height:calc(var(--ts-h) - var(--ts-pad) * 2);
  display:grid;
  place-items:center;
  border-radius:var(--radius-pill);
  background:var(--sw-knob);
  color:#fff;
  box-shadow:0 4px 12px rgba(58,8,13,.30);
  transition:transform .28s var(--ease-out);
  pointer-events:none;
}
html[data-theme="dark"] .theme-switch__knob,
html[data-theme="dark"] .acc-theme__knob{
  transform:translateX(-100%);
  color:#7A0D12;
  box-shadow:0 4px 14px rgba(0,0,0,.45);
}

.theme-switch__knob-ico{ display:none; line-height:0; }
.theme-switch__knob-ico svg{ width:18px; height:18px; display:block; }
.theme-switch__knob-ico--light{ display:block; }
.theme-switch__knob-ico--dark{ display:none; }
html[data-theme="dark"] .theme-switch__knob-ico--light{ display:none; }
html[data-theme="dark"] .theme-switch__knob-ico--dark{ display:block; }

@media (max-width:560px){
  .theme-switch,.acc-theme{ --ts-w:70px; --ts-h:36px; }
}

/* --------------------------- 10. التنبيهات --------------------------- */
.phy-toast{
  position:fixed;
  z-index:14000;
  inset-inline:16px;
  top:18px;
  margin-inline:auto;
  max-width:520px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 18px;
  border-radius:var(--radius-lg);
  background:var(--card-bg);
  border:1.5px solid var(--border-strong);
  border-inline-start:5px solid var(--accent);
  box-shadow:var(--shadow-strong);
  animation:bsToastIn .38s var(--ease-out) both;
}
@keyframes bsToastIn{ from{ opacity:0; transform:translateY(-14px); } to{ opacity:1; transform:none; } }

.phy-toast--error{ border-inline-start-color:var(--danger); }
.phy-toast--success{ border-inline-start-color:var(--success); }

.phy-toast__icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:none;
  border-radius:50%;
  background:var(--accent);
  color:#fff;
  font-weight:900;
}
.phy-toast--success .phy-toast__icon{ background:var(--success); }
.phy-toast--error .phy-toast__icon{ background:var(--danger); }

.phy-toast__body{ flex:1; min-width:0; }
.phy-toast__title{ display:block; font-family:var(--font-display); font-size:1.05rem; color:var(--text-strong); }
.phy-toast__msg{ margin:4px 0 0; color:var(--muted-strong); font-size:.95rem; line-height:1.7; }
.phy-toast__list{ margin:6px 0 0; padding-inline-start:18px; color:var(--muted-strong); font-size:.94rem; line-height:1.8; }
.phy-toast__close{
  border:0; background:transparent; cursor:pointer;
  font-size:1.3rem; line-height:1; color:var(--muted); padding:2px 4px;
}
.phy-toast__close:hover{ color:var(--danger); }
.phy-toast__progress{
  position:absolute; inset-inline:0; bottom:0; height:3px;
  background:var(--surface-strong); border-radius:0 0 var(--radius-lg) var(--radius-lg); overflow:hidden;
}
.phy-toast__progress span{ display:block; height:100%; width:100%; background:var(--accent); transform-origin:right; animation:bsToastBar 6.5s linear forwards; }
@keyframes bsToastBar{ from{ transform:scaleX(1); } to{ transform:scaleX(0); } }

/* --------------------------- 11. شريط التمرير --------------------------- */
*{ scrollbar-width:thin; scrollbar-color:var(--scroll-thumb) var(--scroll-track); }
*::-webkit-scrollbar{ width:var(--scroll-size); height:var(--scroll-size); }
*::-webkit-scrollbar-track{ background:var(--scroll-track); }
*::-webkit-scrollbar-thumb{
  background:var(--scroll-thumb);
  border-radius:var(--radius-pill);
  border:2px solid transparent;
  background-clip:padding-box;
}
*::-webkit-scrollbar-thumb:hover{ background:var(--scroll-thumb-hover); background-clip:padding-box; }

/* --------------------------- 12. الأجواء --------------------------- */
.bs-ambient{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
}
.bs-ambient__glow{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:.4;
}
.bs-ambient__glow--a{
  width:44vw; height:44vw; max-width:560px; max-height:560px;
  top:-14vw; inset-inline-start:-10vw;
  background:radial-gradient(circle,rgba(117,18,28,.34),transparent 70%);
}
.bs-ambient__glow--b{
  width:38vw; height:38vw; max-width:480px; max-height:480px;
  bottom:-12vw; inset-inline-end:-8vw;
  background:radial-gradient(circle,rgba(117,18,28,.24),transparent 70%);
}
.bs-ambient__rule{
  position:absolute;
  inset-inline:0;
  top:0;
  height:5px;
  background:var(--grad-brand);
  opacity:.9;
}

/* --------------------------- 13. أدوات --------------------------- */
.student-lite{ padding-top:0 !important; }
.bs-hide{ display:none !important; }
.bs-sr{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* وضع الأداء المنخفض / تطبيق أندرويد */
.student-perf-lite body::before,
body.student-perf-lite::before,
body.android-native-app::before{ display:none; }
body.student-perf-lite .bs-ambient,
body.android-native-app .bs-ambient{ display:none; }