/* =====================================================================
   sv-settings.css: نظرة المشرف العامة (مسار التفعيل، والانتباه، واللقاء القادم، والمتابعة)
   والإعدادات بتبويباتها. يستهلك رموز base.css فقط.
   ===================================================================== */

/* ============ تخطيطات ============ */
.ov--att{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.ov--even{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ============ مسار التفعيل ============ */
.afun{margin-block-start:var(--sp-4)}
/* يمتد من بداية السطر (يمين في RTL) */
.afun__bar{display:flex;gap:2px;block-size:14px;border-radius:var(--r-full);overflow:hidden;background:var(--surface-3);transform-origin:100% 50%;animation:afunIn var(--d4) var(--ease-out) both}
@keyframes afunIn{from{transform:scaleX(0)}}
.afun__s{display:block;min-inline-size:6px}
.afun__s--none,.afun__sw--none{background:var(--line-2)}
.afun__s--inv,.afun__sw--inv{background:var(--yellow)}
.afun__s--open,.afun__sw--open{background:var(--blue)}
.afun__s--act,.afun__sw--act{background:var(--brand)}
.afun__steps{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.afun__st{display:grid;align-content:start;gap:var(--sp-1);padding-inline:var(--sp-5);min-inline-size:0}
.afun__st:first-child{padding-inline-start:0}
.afun__st + .afun__st{border-inline-start:1px solid var(--line)}
.afun__k{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--ink-2)}
.afun__sw{inline-size:10px;block-size:10px;border-radius:3px;flex-shrink:0}
.afun__n{font-size:var(--fs-xl);font-weight:var(--fw-b);line-height:var(--lh-tight);font-variant-numeric:lining-nums tabular-nums}
.afun__n small{font-size:var(--fs-xs);font-weight:var(--fw-m);color:var(--ink-3);margin-inline-start:var(--sp-1)}
.afun__c{font-size:var(--fs-xs);color:var(--ink-3);line-height:var(--lh-snug)}
.afun__note{display:flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-5);padding-block-start:var(--sp-3);border-block-start:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-3)}
.afun__note .icon{inline-size:16px;block-size:16px;color:var(--ok)}

/* ============ اللقاء القادم ============ */
.nmeet{display:grid;gap:var(--sp-4);margin-block-start:var(--sp-4)}
.nmeet .mnext__d b{font-size:var(--fs-base);font-weight:var(--fw-b)}
.nmeet__kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) var(--sp-4);margin:0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-2)}
.nmeet__kv div{display:grid;gap:var(--sp-0);min-inline-size:0}
.nmeet__kv dt{font-size:var(--fs-2xs);color:var(--ink-3)}
.nmeet__kv dd{margin:0;font-size:var(--fs-sm);font-weight:var(--fw-sb)}
.nmeet__a{display:flex;gap:var(--sp-2);flex-wrap:wrap}

/* ============ قائمة المتابعة ============ */
.flist{list-style:none;margin:var(--sp-2) 0 0;padding:0}
.flist li{display:flex;align-items:center;gap:var(--sp-3);padding-block:var(--sp-2);border-block-end:1px solid var(--line)}
.flist li:last-child{border-block-end:0}
.flist .avatar{inline-size:34px;block-size:34px;font-size:var(--fs-sm)}
.flist__b{flex:1;min-inline-size:0;display:grid;gap:var(--sp-1);align-content:center;min-block-size:var(--tap);color:inherit;text-decoration:none;border-radius:var(--r-sm)}
.flist__b:hover{text-decoration:none}
.flist__b b{font-size:var(--fs-sm);font-weight:var(--fw-sb);transition:color var(--d1) var(--ease)}
.flist__b:hover b{color:var(--brand-ink)}
.flist__r{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.flist__r .chip{font-size:var(--fs-2xs);min-block-size:0;padding-block:0}
.flist li > .chip{flex-shrink:0}
.flist__more,.mats__go{display:inline-flex;align-items:center;gap:var(--sp-1);margin-block-start:var(--sp-3)}
.flist__more .icon,.mats__go .icon{inline-size:16px;block-size:16px}
.mats--flat{margin-block-start:var(--sp-2);border:0;border-radius:0;background:none}
.mats--flat li{padding-inline:0}

/* ============ تبويبات الإعدادات ============ */
.stabs{margin-block-start:var(--sp-5);border-block-end:1px solid var(--line)}
.stabs__in{display:flex;gap:var(--sp-1);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-block-end:-1px;scroll-padding-inline:var(--sp-4)}
.stabs__in::-webkit-scrollbar{display:none}
.stab{display:inline-flex;align-items:center;gap:var(--sp-2);flex-shrink:0;min-block-size:var(--tap);padding:var(--sp-2) var(--sp-3);border-block-end:2px solid transparent;font-size:var(--fs-sm);font-weight:var(--fw-sb);color:var(--ink-3);white-space:nowrap;text-decoration:none;transition:color var(--d1) var(--ease),border-color var(--d2) var(--ease)}
.stab:hover{color:var(--ink);text-decoration:none}
.stab:active{transform:translateY(1px)}
.stab .icon{inline-size:18px;block-size:18px}
.stab[aria-current="page"]{color:var(--brand-ink);border-block-end-color:var(--brand)}
.spanel{min-block-size:40vh}
.spanel > .empty--block{margin-block-start:var(--sp-8)}

/* ============ نماذج الإعدادات ============ */
.sform{margin-block-start:var(--sp-4)}
.sform__a{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-block-start:var(--sp-4)}
.sform__top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin-block:var(--sp-3) var(--sp-4)}
.sform__top .help{margin:0}
.sform__meta{margin-block-end:var(--sp-3)}
.sform .alert{margin-block-end:var(--sp-3)}
.frow--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.frow--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.vars{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-block-end:var(--sp-3)}
.vars .chip .icon{inline-size:14px;block-size:14px}
.bubble-wrap{display:flex;padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface-2)}
.bubble{max-inline-size:34rem;background:var(--surface);border:1px solid var(--line);border-start-start-radius:var(--r-xs);box-shadow:var(--sh-1)}
.check--sm{padding:var(--sp-2) var(--sp-3);margin-block-end:var(--sp-3)}
.ltrbox{direction:ltr;text-align:start}

/* الحسابات */
.tbl--acc{min-inline-size:760px}
.pname--s{min-block-size:0}
.pname--s b .chip{font-size:var(--fs-2xs);min-block-size:0;vertical-align:middle;margin-inline-start:var(--sp-1)}
.ract{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:flex-end}
.rules .tile{inline-size:var(--tile-sm);block-size:var(--tile-sm);border-radius:var(--r-sm)}
.rules .tile .icon{inline-size:18px;block-size:18px}

/* وضع التجربة */
.simnow{display:flex;align-items:center;gap:var(--sp-4);margin-block:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface-2)}
.simnow.is-on{background:var(--yellow-soft)}
.simnow .cal{inline-size:62px;flex-shrink:0}
.simnow__t{display:grid;gap:var(--sp-0);min-inline-size:0}
.simnow__t > b{font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--ink-2)}
.simnow__t > span{font-size:var(--fs-lg);font-weight:var(--fw-b);line-height:var(--lh-head)}
.simnow__t > small{font-size:var(--fs-xs);color:var(--ink-3)}
.presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));gap:var(--sp-2);margin-block-end:var(--sp-4)}
.preset{display:grid;gap:var(--sp-0);min-block-size:var(--tap);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);color:inherit;text-align:start;transition:border-color var(--d1) var(--ease),background-color var(--d1) var(--ease),transform var(--d1) var(--ease)}
.preset:hover{border-color:var(--ink-3)}
.preset:active{transform:scale(.98)}
.preset[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft)}
.preset b{font-size:var(--fs-sm);font-weight:var(--fw-sb);line-height:var(--lh-snug)}
.preset small{font-size:var(--fs-2xs);color:var(--ink-3)}
/* flex لا grid: عناصر السطر الأخير تتمدد فلا تبقى خانة فارغة */
.dstat{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.dstat li{flex:1 1 7.5rem;display:grid;gap:var(--sp-0);padding:var(--sp-3) var(--sp-4);background:var(--surface)}
.dstat b{font-size:var(--fs-xl);font-weight:var(--fw-b);line-height:var(--lh-tight)}
.dstat span{font-size:var(--fs-xs);color:var(--ink-3)}
.keep{display:flex;align-items:flex-start;gap:var(--sp-2);margin-block:var(--sp-4);font-size:var(--fs-sm);color:var(--ink-2)}
.keep .icon{inline-size:18px;block-size:18px;color:var(--ok);margin-block-start:3px;flex-shrink:0}

/* التصدير */
.xrows li{flex-wrap:wrap}
.xrows .b{min-inline-size:min(14rem,100%)}
.xback{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);margin-block-start:var(--sp-4)}
.xback .b{flex:1;display:grid;gap:var(--sp-0);min-inline-size:min(16rem,100%)}
.xback b{font-weight:var(--fw-sb);font-size:var(--fs-sm)}
.xback small{font-size:var(--fs-xs);color:var(--ink-3);line-height:var(--lh-snug)}

/* سجل النشاط */
.tools--audit{margin-block-start:var(--sp-5)}
.tbl--audit{min-inline-size:720px}
.aact{display:block;font-weight:var(--fw-sb)}
.atgt{display:block;font-size:var(--fs-xs);color:var(--ink-3);white-space:normal}
.who-s{display:inline-flex;align-items:center;gap:var(--sp-2)}
.avatar--xs{inline-size:24px;block-size:24px;font-size:var(--fs-2xs)}

/* ============ التجاوب ============ */
@media (max-width:64rem){
  .ov--att{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:51.25rem){ /* 820 */
  .ov--even{grid-template-columns:minmax(0,1fr)}
  .afun__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--sp-4)}
  .afun__st:nth-child(3){border-inline-start:0;padding-inline-start:0}
  .afun__st{padding-inline:var(--sp-4)}
  .afun__st:nth-child(odd){padding-inline-start:0}
  .tbl--acc .ract{justify-content:flex-start}
}
@media (max-width:30rem){ /* 480 */
  .frow--2,.frow--3{grid-template-columns:minmax(0,1fr)}
    .todo-l .tile{display:none}
  .stab{padding-inline:var(--sp-2)}
  .simnow__t > span{font-size:var(--fs-md)}
}

/* أهداف اللمس: 44 بكسل على الشاشات اللمسية لأزرار هذه الأقسام */
@media (pointer:coarse),(max-width:47.99rem){
  .todo-l .btn,.nmeet__a .btn,.sform__a .btn,.sform__top .btn,.xrows .btn,.xback .btn,.ract .btn,.pager__b .btn,
  .tools--audit .fchip,.vars .chip,.flist__more,.mats__go,.dlogo .btn,.presets .preset{min-block-size:var(--tap)}
}
.flist__lead{display:flex;align-items:flex-start;gap:var(--sp-2);margin-block-start:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-xs);color:var(--ink-2);line-height:var(--lh-snug)}
.flist__lead .icon{inline-size:16px;block-size:16px;flex-shrink:0;color:var(--brand);margin-block-start:2px}
.flist__b small{font-size:var(--fs-2xs);color:var(--ink-3);line-height:1.3}
.flist__p{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--ink-2)}
.flist__p .bar{inline-size:52px;block-size:4px}
.flist__p .num{min-inline-size:3.2ch;text-align:end}
/* شعار الجهة الداعمة في الإعدادات */
.dlogo{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3)}
.dlogo__pv{flex-basis:100%;display:flex;align-items:center;justify-content:center;min-block-size:112px;padding:var(--sp-5);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}
.dlogo__up{cursor:pointer}
.dlogo__up:focus-within{box-shadow:var(--ring)}
.dlogo .help{flex-basis:100%;margin:0}

/* ============ الهوية والجهة الداعمة ============ */
.ov--brand{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.bcol{display:grid;gap:var(--sp-5);min-inline-size:0}
.bcol > .panel{margin-block-start:0}
.panel--sticky{position:sticky;inset-block-start:calc(var(--header-h) + var(--sp-4))}
.bprev{display:grid;gap:var(--sp-4);margin-block-start:var(--sp-4)}
/* رأس المنصة المصغّر */
.bprev__bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-1)}
.bprev__bar > span{display:grid;line-height:1.35;min-inline-size:0}
.bprev__bar b{font-size:var(--fs-sm);font-weight:var(--fw-sb);overflow-wrap:anywhere}
.bprev__bar small{font-size:var(--fs-2xs);color:var(--ink-3)}
/* ورقة الشهادة: سطح أبيض ثابت لأن الشهادة تُطبع على ورق */
.bprev__cert{display:grid;justify-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-5) var(--sp-5);border-radius:var(--r-md);background:var(--white);color:var(--ink-solid);text-align:center;box-shadow:var(--sh-2);outline:1px solid color-mix(in srgb,var(--brand-solid) 30%,var(--white));outline-offset:-7px}
.bprev__cert .wmark{--logo-a:var(--teal);--logo-b:var(--turq);--logo-c:var(--green)}
.bprev__top{display:grid;justify-items:center;gap:var(--sp-2);margin-block-end:var(--sp-2)}
.bprev__k{font-size:var(--fs-lg);font-weight:var(--fw-sb);color:var(--brand-solid-ink)}
.bprev__lead{font-size:var(--fs-xs);color:var(--slate)}
.bprev__lead b{font-weight:var(--fw-sb)}
.bprev__name{font-size:var(--fs-xl);font-weight:var(--fw-sb);line-height:1.3}
.bprev__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-4);inline-size:100%;margin-block-start:var(--sp-4);padding-block-start:var(--sp-4);border-block-start:1px solid color-mix(in srgb,var(--ink-solid) 14%,var(--white));text-align:start}
.bprev__sig{display:grid;line-height:1.4;min-inline-size:0}
.bprev__sig b{font-size:var(--fs-sm);font-weight:var(--fw-sb);overflow-wrap:anywhere}
.bprev__sig small,.bprev__donor small{font-size:var(--fs-2xs);color:var(--slate)}
.bprev__donor{display:grid;justify-items:end;gap:var(--sp-1);text-align:end;min-inline-size:0;max-inline-size:55%}
.bprev__donor small:last-child{overflow-wrap:anywhere;line-height:1.4}
.bprev__plate .donor .donor__lg--light{display:block}
.bprev__plate .donor .donor__lg--dark{display:none}
.bprev__note{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0}
.bprev__note .icon{inline-size:16px;block-size:16px;flex-shrink:0;margin-block-start:3px;color:var(--brand)}
@media (max-width:64rem){
  .ov--brand{grid-template-columns:minmax(0,1fr)}
  .panel--sticky{position:static}
}

/* ============ البريد: حالة الإرسال وروابط الرسائل ============ */
.panel--mstat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-6);align-items:start}
.panel--mstat > .panel__h{grid-column:1/-1}
.mstat{display:flex;align-items:flex-start;gap:var(--sp-3);margin-block-start:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-md)}
.mstat.is-ok{background:var(--ok-soft)}
.mstat.is-warn{background:var(--warn-soft)}
.mstat__ic{inline-size:40px;block-size:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--surface)}
.mstat.is-ok .mstat__ic{color:var(--ok)}
.mstat.is-warn .mstat__ic{color:var(--warn)}
.mstat__ic .icon{inline-size:22px;block-size:22px}
.mstat__b{display:grid;gap:var(--sp-1);min-inline-size:0}
.mstat__b b{font-weight:var(--fw-sb);line-height:var(--lh-snug)}
.mstat__b small{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.7;overflow-wrap:anywhere}
.mstat__kv{grid-column:1;margin-block-start:var(--sp-3)}
.mstat__kv dt{font-size:var(--fs-xs)}
.mlinks{grid-column:2;grid-row:2/span 2;list-style:none;margin:var(--sp-4) 0 0;padding:0;display:grid;gap:var(--sp-2)}
.mlinks a{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);color:inherit;text-decoration:none;transition:border-color var(--d1) var(--ease),background-color var(--d1) var(--ease)}
.mlinks a:hover{text-decoration:none;border-color:var(--brand-line);background:color-mix(in srgb,var(--brand-soft) 45%,var(--surface))}
.mlinks a > .icon:first-child{inline-size:20px;block-size:20px;color:var(--brand);flex-shrink:0}
.mlinks a > .icon:last-child{inline-size:16px;block-size:16px;color:var(--ink-3);margin-inline-start:auto;flex-shrink:0}
.mlinks span{display:grid;line-height:1.5;min-inline-size:0}
.mlinks b{font-size:var(--fs-sm);font-weight:var(--fw-sb)}
.mlinks small{font-size:var(--fs-xs);color:var(--ink-3)}
.sform__lead{margin-block:var(--sp-3) var(--sp-4)}
.bcol > .panel + .panel{margin-block-start:0}
@media (max-width:51.25rem){
  .panel--mstat{grid-template-columns:minmax(0,1fr)}
  .mstat__kv,.mlinks{grid-column:1;grid-row:auto}
}

/* تنبيه «رابط المنصة» في النظرة العامة (يختلف عن الرابط المفتوح) */
.ov-link{margin-block:var(--sp-2) var(--sp-5)}
.ov-link > div{flex:1;min-inline-size:0}
.ov-link__u{font-weight:600;overflow-wrap:anywhere}
.ov-link__a{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-3)}
.ov-link__n{font-size:var(--fs-xs)}