/* =====================================================================
   sv-content.css: أقسام المشرف للمحتوى (اللقاءات والحضور وشاشة رمز القاعة، والجدارات والمحتوى،
   والتسليمات، والشهادات، والاستبانات ونتائجها، والإعلانات).
   يستهلك رموز base.css فقط. أي متغير يُعرَّف هنا هو اسم محلي لرمز موجود (لا ألوان خام).
   ===================================================================== */

/* ============ عناصر مشتركة بين الأقسام ============ */
.svc-back{display:inline-flex;align-items:center;gap:var(--sp-1);min-block-size:var(--tap);margin-block-end:var(--sp-2);padding-inline-end:var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-sb);color:var(--ink-3);transition:color var(--d1) var(--ease)}
.svc-back:hover{color:var(--brand-ink);text-decoration:none}
.svc-back .icon{inline-size:18px;block-size:18px;transition:transform var(--d2) var(--ease-out)}
.svc-back:hover .icon{transform:translateX(3px)} /* نحو بداية السطر (اليمين) */
.svc-back:active{transform:scale(.98)}

/* شريط المؤشرات: أرقام كبيرة بفواصل، لا بطاقات */
.svc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-block-start:var(--sp-6)}
.svc-kpis--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.svc-kpi{display:grid;gap:var(--sp-0);align-content:start;padding:var(--sp-4) 0;min-inline-size:0}
.svc-kpi + .svc-kpi{border-inline-start:1px solid var(--line);padding-inline-start:var(--sp-6)}
.svc-kpi__l{font-size:var(--fs-sm);color:var(--ink-2);font-weight:var(--fw-m)}
.svc-kpi__v{font-size:var(--fs-2xl);font-weight:var(--fw-b);line-height:var(--lh-tight);font-variant-numeric:lining-nums tabular-nums;color:var(--ink)}
.svc-kpi__v small{font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--ink-3);margin-inline-start:var(--sp-1)}
.svc-kpi__t{font-size:var(--fs-lg)}
.svc-kpi__s{font-size:var(--fs-xs);color:var(--ink-3)}
.svc-kpi--due .svc-kpi__v{color:var(--brand)}
.svc-kpi--up .svc-kpi__v{color:var(--ok)}
.svc-kpi--down .svc-kpi__v{color:var(--bad)}

.svc-table{margin-block-start:var(--sp-5)}
.svc-table td.c-name{white-space:normal;min-inline-size:13rem}
.svc-table .c-act{inline-size:1%}
.svc-acts{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--sp-1);flex-wrap:nowrap}
.svc-sub{display:block;font-size:var(--fs-2xs);color:var(--ink-3);margin-block-start:var(--sp-0)}
.svc-note{margin-block-start:var(--sp-4)}
.svc-note.alert > div > b{margin-block-end:var(--sp-0)}
.svc-del:hover{color:var(--bad);background:var(--bad-soft)}
.svc-up{transform:rotate(-90deg)}
.svc-down{transform:rotate(90deg)}
.svc-lockt{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-sb);color:var(--ink-3)}
.svc-lockt .icon{inline-size:15px;block-size:15px}
.svc-lock{display:flex;align-items:center;gap:var(--sp-2);margin:calc(-1 * var(--sp-2)) 0 var(--sp-3)}
.svc-lock .icon{inline-size:15px;block-size:15px;color:var(--brand)}
.svc-next{margin-block-start:var(--sp-5)}
.svc-next .mnext__d b{font-size:var(--fs-lg)}
.svc-filechip{margin-block-start:var(--sp-3);flex-wrap:wrap}
.svc-filechip .icon{inline-size:22px;block-size:22px}
.svc-prog{margin-block-start:var(--sp-3)}

/* ============ كشف الحضور ============ */
.svc-attband{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-block-start:var(--sp-6)}
.svc-attband > div{display:grid;gap:var(--sp-0);align-content:start;padding:var(--sp-4) 0;min-inline-size:0}
.svc-attband > div + div{border-inline-start:1px solid var(--line);padding-inline-start:var(--sp-6)}
.svc-attband b{font-size:var(--fs-2xl);font-weight:var(--fw-b);line-height:var(--lh-tight);font-variant-numeric:lining-nums tabular-nums}
.svc-attband b small{font-size:var(--fs-sm);font-weight:var(--fw-m);color:var(--ink-3)}
.svc-attband__main{padding-inline-end:var(--sp-6)}
.svc-attband__bar{margin-block-start:var(--sp-2);max-inline-size:360px}
.svc-attband__bar i{background:var(--ok)}
.svc-live{display:inline-flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-2);font-size:var(--fs-xs);color:var(--ink-3)}
.svc-live__dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.atl{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.atr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-block-end:1px solid var(--line);transition:background-color var(--d1) var(--ease)}
.atr:last-child{border-block-end:0}
@media (hover:hover){.atr:hover{background:color-mix(in srgb,var(--brand-soft) 45%,transparent)}}
.atr .avatar{inline-size:var(--av);block-size:var(--av);transition:background-color var(--d2) var(--ease),color var(--d2) var(--ease)}
.atr[data-s="present"] .avatar{background:var(--ok-soft);color:var(--ok)}
.atr[data-s="absent"] .avatar{background:var(--bad-soft);color:var(--bad)}
.atr[data-s="excused"] .avatar{background:var(--warn-soft);color:var(--warn)}
.atr__b{display:grid;min-inline-size:0;line-height:1.45}
.atr__b b{font-weight:var(--fw-sb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atr__b small{font-size:var(--fs-xs);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* اختيار الحالة بثلاث قيم */
.tri{display:inline-flex;gap:var(--sp-0);padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-full)}
.tri__b{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-block-size:var(--ctl-h-sm);padding:0 var(--sp-4);border:0;border-radius:var(--r-full);background:transparent;color:var(--ink-2);font-size:var(--fs-sm);font-weight:var(--fw-sb);white-space:nowrap;transition:background-color var(--d1) var(--ease),color var(--d1) var(--ease),box-shadow var(--d1) var(--ease),transform var(--d1) var(--ease)}
.tri__b .icon{inline-size:15px;block-size:15px;stroke-width:2.4;opacity:.55;transition:opacity var(--d1) var(--ease)}
.tri__b:hover:not(:disabled){color:var(--ink);background:var(--surface)}
.tri__b:active:not(:disabled){transform:scale(.95);transition-duration:var(--d-fast)}
.tri__b:disabled{opacity:.38;cursor:not-allowed}
.tri__b[aria-checked="true"]{box-shadow:var(--sh-1)}
.tri__b[aria-checked="true"] .icon{opacity:1}
.tri__b--present[aria-checked="true"]{background:var(--ok-soft);color:var(--ok)}
.tri__b--absent[aria-checked="true"]{background:var(--bad-soft);color:var(--bad)}
.tri__b--excused[aria-checked="true"]{background:var(--warn-soft);color:var(--warn)}
.tri__b:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
@media (pointer:coarse){.tri__b{min-block-size:var(--tap)}}

/* ============ شاشة رمز القاعة (ملء الشاشة) ============
   سطح الهوية الداكن: أزرق الداعم العميق مع أعمدة قطرية من هندسة شعار «وثبة» نفسه (لا هالات ضوئية ولا تدرجات)،
   والأخضر للعدّاد والوقت فقط، ومربع QR أبيض دائمًا حتى تقرأه الكاميرات بثقة. */
html.hall-open{overflow:hidden}
.hall{
  --hall-bg:color-mix(in srgb,var(--brand-solid-ink) 80%,var(--ink-solid));
  --hall-ink:var(--on-solid);--hall-ink-2:var(--on-solid-2);--hall-ink-3:var(--on-solid-3);
  --hall-line:var(--solid-line);--hall-fill:var(--solid-fill);--hall-accent:var(--yellow-solid);
  --hall-bar:color-mix(in srgb,var(--white) 4.5%,transparent);
  position:fixed;inset:0;z-index:calc(var(--z-toast) - 1);isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;
  block-size:100vh;block-size:100dvh;overflow:auto;overscroll-behavior:contain;background:var(--hall-bg);color:var(--hall-ink);
  padding:calc(var(--sp-5) + env(safe-area-inset-top,0px)) clamp(1rem,3.4vw,3.5rem) calc(var(--sp-5) + env(safe-area-inset-bottom,0px));
  animation:fadeIn var(--d3) var(--ease) both;color-scheme:dark
}
/* أعمدة قطرية بزاوية الشعار (45°): عمودان ممتلئان بدرجة خافتة جدًا، وثالث بخط رفيع */
.hall__art{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hall__art i{position:absolute;inset-block-start:-40%;block-size:180%;inline-size:clamp(9rem,17vw,17rem);background:var(--hall-bar);transform:rotate(45deg);transform-origin:50% 50%;animation:hallBar 1100ms var(--ease-out) both}
.hall__art i:nth-child(1){inset-inline-start:6%}
.hall__art i:nth-child(2){inset-inline-start:24%;animation-delay:120ms}
.hall__art i:nth-child(3){inset-inline-start:-10%;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--white) 9%,transparent);animation-delay:240ms}
@keyframes hallBar{from{opacity:0;transform:rotate(45deg) translateY(-6%)}to{opacity:1;transform:rotate(45deg)}}
.hall :focus-visible{outline-color:var(--hall-accent)}
.hall ::selection{background:var(--hall-accent);color:var(--ink-solid)}
.hall__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-5);flex-wrap:wrap}
.hall__brand{display:inline-flex;align-items:center;gap:var(--sp-4);min-inline-size:0}
/* الشعار على السطح الداكن: الكلمة بيضاء والمعيّنات بالأخضر */
.hall__mark{--logo-c:var(--hall-accent);--logo-b:color-mix(in srgb,var(--white) 82%,transparent)}
.hall__sep{inline-size:1px;block-size:34px;background:var(--hall-line)}
.hall__prog{display:grid;line-height:1.35}
.hall__prog b{font-size:clamp(.95rem,1.25vw,1.15rem);font-weight:var(--fw-sb)}
.hall__prog small{font-size:clamp(.8rem,1vw,.95rem);color:var(--hall-ink-3)}
.hall__state{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-4);min-block-size:38px;border-radius:var(--r-full);background:var(--hall-fill);box-shadow:inset 0 0 0 1px var(--hall-line);font-size:var(--fs-sm);font-weight:var(--fw-sb);color:var(--hall-ink)}
.hall__dot{inline-size:9px;block-size:9px;border-radius:50%;background:var(--hall-accent);flex-shrink:0}
.hall__state.is-wait .hall__dot{background:var(--white)}
.hall__state.is-closed .hall__dot{background:var(--bad)}
.hall__ctl{display:inline-flex;gap:var(--sp-2);transition:opacity var(--d3) var(--ease)}
.hall__btn{display:inline-flex;align-items:center;gap:var(--sp-2);min-block-size:var(--tap);padding:0 var(--sp-4);border:1px solid var(--hall-line);border-radius:var(--r-full);background:transparent;color:var(--hall-ink);font-size:var(--fs-sm);font-weight:var(--fw-sb);transition:background-color var(--d1) var(--ease),transform var(--d1) var(--ease)}
.hall__btn:hover{background:var(--hall-fill)}
.hall__btn:active{transform:scale(.96)}
.hall__btn .icon{inline-size:18px;block-size:18px}
.hall.is-idle{cursor:none}
.hall.is-idle .hall__ctl,.hall.is-idle .hall__keys{opacity:0;pointer-events:none}
.hall__main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5.5vw,6rem);padding-block:var(--sp-6)}
.hall__qr{display:grid;justify-items:center;gap:var(--sp-4);animation:hallIn var(--d4) var(--ease-out) 200ms both}
.hall__qrbox{--q:min(60vh,40vw);position:relative;inline-size:var(--q);block-size:var(--q);display:grid;place-items:center;padding:clamp(.6rem,1.5vh,1.1rem);background:var(--white);color:var(--ink-solid);border-radius:var(--r-2xl);box-shadow:var(--sh-3)}
.hall__qrbox svg{inline-size:100%;block-size:100%;display:block;transition:opacity 160ms var(--ease),transform 160ms var(--ease)}
.hall__qrbox.is-swap svg{opacity:0;transform:scale(.985)}
.hall__qrwait{display:grid;place-items:center;color:var(--line-2)}
.hall__qrwait .icon{inline-size:30%;block-size:30%;animation:pulse 1.4s var(--ease) infinite}
.hall__qrfail{display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-6);text-align:center;font-size:var(--fs-md);font-weight:var(--fw-sb);color:var(--ink-solid);line-height:var(--lh-snug)}
.hall__qrfail .icon{inline-size:44px;block-size:44px;color:var(--bad)}
.hall__hint{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:clamp(1rem,1.6vw,1.375rem);font-weight:var(--fw-sb);color:var(--hall-ink-2)}
.hall__hint .icon{color:var(--hall-accent)}
.hall__info{display:grid;gap:clamp(.75rem,2.2vh,1.75rem);min-inline-size:0;align-content:center;animation:hallIn var(--d4) var(--ease-out) 320ms both}
@keyframes hallIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hall__kicker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) 0;font-size:clamp(1rem,1.5vw,1.375rem);font-weight:var(--fw-sb);color:var(--hall-ink-3)}
.hall__dotsep{display:inline-block;inline-size:6px;block-size:6px;margin-inline:var(--sp-3);background:var(--hall-accent);transform:rotate(45deg);border-radius:1px;flex-shrink:0} /* معيّن صغير من الشعار */
.hall__title{font-size:clamp(1.75rem,3.4vw,3.5rem);line-height:var(--lh-head);font-weight:var(--fw-b);text-wrap:balance}
.hall__title:focus{outline:none}
.hall__codebox{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(1rem,3vw,3rem);flex-wrap:wrap;padding-block:clamp(.75rem,2.4vh,1.75rem);border-block:1px solid var(--hall-line)}
.hall__codecol{display:grid;gap:var(--sp-3)}
.hall__label{font-size:clamp(.95rem,1.4vw,1.25rem);font-weight:var(--fw-sb);color:var(--hall-ink-2)}
.hall__code{display:flex;gap:clamp(.4rem,1vw,.9rem);direction:ltr}
.hall__d{display:grid;place-items:center;inline-size:1.18em;block-size:1.4em;font-size:clamp(2.4rem,min(4.2vw,10vh),7rem);font-weight:var(--fw-b);line-height:1;border-radius:var(--r-lg);background:var(--hall-fill);color:var(--hall-ink);box-shadow:inset 0 0 0 1px var(--hall-line)}
.hall__d:nth-child(3){margin-inline-end:clamp(.3rem,.9vw,.8rem)} /* فاصل بصري بعد ثلاثة أرقام يسهّل قراءتها من آخر القاعة */
.hall__d.is-new{animation:hallDigit var(--d3) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--stagger))}
@keyframes hallDigit{from{opacity:0;transform:translateY(28%) scale(.96)}to{opacity:1;transform:none}}
.hall__ring{position:relative;inline-size:clamp(5.5rem,min(9vw,16vh),9rem);aspect-ratio:1;flex-shrink:0}
.hall__ring svg{inline-size:100%;block-size:100%;transform:rotate(-90deg)}
.hall__ring circle{fill:none;stroke-width:7}
.hall__ring-bg{stroke:var(--hall-fill)}
.hall__ring-fg{stroke:var(--hall-accent);stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear,stroke var(--d2) var(--ease)}
.hall.is-last .hall__ring-fg{stroke:var(--white)}
.hall__secs{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;line-height:1.1}
.hall__secs b{font-size:clamp(1.6rem,2.8vw,2.75rem);font-weight:var(--fw-b)}
.hall__secs small{font-size:clamp(.75rem,1vw,.95rem);color:var(--hall-ink-3)}
.hall__rot{font-size:clamp(.85rem,1.1vw,1rem);color:var(--hall-ink-3)}
.hall__count{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:var(--sp-4);row-gap:var(--sp-3)}
.hall__countn{position:relative;display:flex;align-items:flex-start}
.hall__countn b{font-size:clamp(3rem,6.4vw,6.5rem);font-weight:var(--fw-b);line-height:1;color:var(--hall-accent);font-variant-numeric:lining-nums tabular-nums}
.hall__plus{position:absolute;inset-block-start:-.2em;inset-inline-start:100%;margin-inline-start:var(--sp-2);padding:var(--sp-0) var(--sp-2);border-radius:var(--r-full);background:var(--hall-accent);color:var(--ink-solid);font-size:clamp(.9rem,1.3vw,1.25rem);font-weight:var(--fw-b);opacity:0;white-space:nowrap}
.hall__plus.is-on{animation:hallPlus 1800ms var(--ease-out) both}
@keyframes hallPlus{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1;transform:none}75%{opacity:1}100%{opacity:0;transform:translateY(-6px)}}
.hall__countt{display:grid;padding-block-end:var(--sp-2);line-height:1.4}
.hall__countt span{font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:var(--fw-b)}
.hall__countt small{font-size:clamp(.85rem,1.1vw,1.05rem);color:var(--hall-ink-3)}
.hall__bar{grid-column:1/-1;display:block;block-size:8px;border-radius:var(--r-full);background:var(--hall-fill);overflow:hidden}
.hall__bar i{display:block;block-size:100%;background:var(--hall-accent);transform-origin:100% 50%;transform:scaleX(var(--p,0));transition:transform var(--d4) var(--ease-out)} /* يمتلئ من اليمين: بداية السطر في RTL */
.hall__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding-block-start:var(--sp-4);border-block-start:1px solid var(--hall-line)}
.hall__foot .donor{color:var(--hall-ink-3);--donor-h:34px}
.hall__keys{display:inline-flex;align-items:center;font-size:var(--fs-xs);color:var(--hall-ink-3);transition:opacity var(--d3) var(--ease)}
.hall__keys kbd{font:inherit;font-weight:var(--fw-sb);padding:0 var(--sp-2);margin-inline-end:var(--sp-1);border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px var(--hall-line);color:var(--hall-ink-2);direction:ltr}
.hall__keys .hall__dotsep{inline-size:4px;block-size:4px;background:var(--hall-ink-3)}
@media (max-width:56rem),(orientation:portrait){
  .hall__main{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;align-content:start;gap:var(--sp-6)}
  .hall__qrbox{--q:min(78vw,44vh)}
  .hall__info{justify-items:center}
  .hall__kicker{justify-content:center}
  .hall__codebox{justify-content:center}
  .hall__count{justify-items:center;grid-template-columns:auto auto}
  .hall__bar{inline-size:min(100%,420px);justify-self:center}
  .hall__foot{justify-content:center}
  .hall__keys{display:none}
}
@media (max-width:30rem){
  .hall__top{justify-content:center}
  .hall__sep,.hall__prog{display:none}
  .hall__btn span{display:none}
  .hall__btn{padding:0;inline-size:var(--tap);justify-content:center}
  .hall__d{font-size:clamp(1.9rem,11vw,3.2rem)}
  .hall__d:nth-child(3){margin-inline-end:0}
  .hall__art i{inline-size:7rem}
}

/* ============ الجدارات والمحتوى ============ */
.svc-tabs{display:flex;gap:var(--sp-2);margin-block-start:var(--sp-6);overflow-x:auto;scrollbar-width:none;padding:var(--sp-1) var(--sp-0);overscroll-behavior-x:contain}
.svc-tabs::-webkit-scrollbar{display:none}
.svc-tab{display:inline-flex;align-items:center;gap:var(--sp-2);flex-shrink:0;min-block-size:var(--tap);padding:0 var(--sp-4) 0 var(--sp-5);border:1px solid var(--line-2);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:var(--fs-sm);font-weight:var(--fw-sb);white-space:nowrap;transition:border-color var(--d1) var(--ease),background-color var(--d1) var(--ease),color var(--d1) var(--ease),transform var(--d1) var(--ease)}
.svc-tab:hover{border-color:var(--ink-3);color:var(--ink);text-decoration:none}
.svc-tab:active{transform:scale(.97)}
.svc-tab__n{display:grid;place-items:center;inline-size:26px;block-size:26px;border-radius:50%;background:var(--surface-2);font-size:var(--fs-xs);font-weight:var(--fw-b);color:var(--ink-3);transition:background-color var(--d1) var(--ease),color var(--d1) var(--ease)}
.svc-tab[aria-selected="true"]{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand-ink)}
.svc-tab[aria-selected="true"] .svc-tab__n{background:var(--brand);color:var(--on-brand)}
.svc-comp .chead{margin-block-start:var(--sp-6)}
.svc-comp .chead h2{font-size:var(--fs-xl)}
.svc-desc{margin-block-start:var(--sp-3);max-inline-size:var(--read-max);color:var(--ink-2);font-size:var(--fs-sm)}
.svc-counts{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);margin-block-start:var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-sb);color:var(--ink-3)}
.svc-counts span{display:inline-flex;align-items:center;gap:var(--sp-1)}
.svc-counts .icon{inline-size:15px;block-size:15px;color:var(--brand)}
.svc-flow{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);margin-block-start:var(--sp-1);font-size:var(--fs-2xs);color:var(--ink-3)}
.svc-flow .icon{inline-size:12px;block-size:12px}
.svc-mats,.svc-items{margin-block-start:var(--sp-3);border:0;border-block-start:1px solid var(--line);border-radius:0;background:transparent}
.svc-mats li,.svc-items li{padding-inline:0}
.svc-items .b small{display:block}
.svc-stat{display:block;margin-block-start:var(--sp-0);font-size:var(--fs-xs);color:var(--ink-2)}
.svc-stat b{display:inline;font-size:inherit;color:var(--brand-ink);font-weight:var(--fw-sb)}
@media (min-width:51.3rem){.svc-mats .mats__a,.svc-items .mats__a{justify-content:flex-end;min-inline-size:14rem}.svc-mats .chip,.svc-items > li > .cluster{min-inline-size:9rem;justify-content:center}}
.mats__a .icon-btn{inline-size:var(--tap);block-size:var(--tap)}
.mats__q b{display:inline;font-size:inherit;font-weight:var(--fw-b)}
.mats__q .icon{inline-size:16px;block-size:16px;margin-block-start:3px;flex-shrink:0}

/* ============ نماذج العناصر ومنشئ الأسئلة ============ */
.svc-form .optg{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.svc-pub{display:grid;gap:var(--sp-2);margin-block-start:var(--sp-5);padding-block-start:var(--sp-4);border-block-start:1px solid var(--line)}
.qb__l{list-style:none;margin:var(--sp-2) 0 var(--sp-1);padding:0;display:grid;gap:var(--sp-2)}
.qb__i{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-3);align-items:start;padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color var(--d1) var(--ease)}
.qb__i:focus-within{border-color:var(--brand-line)}
.qb__n{display:grid;place-items:center;inline-size:28px;block-size:28px;margin-block-start:var(--sp-2);border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font-size:var(--fs-xs);font-weight:var(--fw-b)}
.qb__b{display:grid;gap:var(--sp-2);min-inline-size:0}
.qb__t{min-block-size:68px}
.qb__o{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}
.qb__k{inline-size:auto;min-inline-size:190px;min-block-size:var(--tap);padding-block:var(--sp-2)}
.qb__req{display:inline-flex;align-items:center;gap:var(--sp-2);min-block-size:var(--tap);font-size:var(--fs-sm);font-weight:var(--fw-sb);color:var(--ink-2);cursor:pointer}
.qb__req input{inline-size:18px;block-size:18px;accent-color:var(--brand)}
.qb__a{display:grid;gap:var(--sp-0)}
.qb__a .icon-btn:disabled{opacity:.3;cursor:not-allowed}

/* ============ التسليمات (للاطلاع فقط) ============ */
.svc-qn{font-weight:var(--fw-sb);color:var(--ink)}
.svc-foot{display:flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-3)}
.svc-foot .icon{inline-size:15px;block-size:15px;color:var(--brand);flex-shrink:0}
.svc-ttbl tr.is-off .pname b{color:var(--ink-2)}
/* أسئلة المهمة مرة واحدة أعلى الصفحة، وكل تسليم يشير إليها برقمها */
.sbq{margin-block-start:var(--sp-5)}
.sbq__l{list-style:none;margin:var(--sp-3) 0 0;padding:0;display:grid;gap:var(--sp-2)}
.sbq__l li{display:flex;gap:var(--sp-3);align-items:flex-start;font-size:var(--fs-sm);font-weight:var(--fw-m);line-height:var(--lh-snug);color:var(--ink)}
.sbc__n{display:inline-grid;place-items:center;inline-size:24px;block-size:24px;flex-shrink:0;border-radius:7px;background:var(--brand-soft);color:var(--brand-ink);font-size:var(--fs-xs);font-weight:var(--fw-b);line-height:1}
.sbc__n--note{background:var(--surface-2);color:var(--ink-3)}
.sbc__n .icon{inline-size:14px;block-size:14px}
/* بطاقات التسليم: عمودان على الشاشات الواسعة */
.sbc-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr));align-items:start}
.sbc{display:grid;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:box-shadow var(--d2) var(--ease),border-color var(--d2) var(--ease)}
@media (hover:hover){.sbc:hover{box-shadow:var(--sh-2);border-color:var(--line-2)}}
.sbc__h{display:flex;align-items:center;gap:var(--sp-3)}
.sbc__h .avatar{inline-size:var(--av);block-size:var(--av)}
.sbc__who{flex:1;min-inline-size:0;display:grid;line-height:1.45}
.sbc__who a{color:inherit;justify-self:start}
.sbc__who b{font-weight:var(--fw-sb)}
.sbc__who a:hover b{color:var(--brand-ink)}
.sbc__who small{font-size:var(--fs-xs);color:var(--ink-3)}
.sbc__ans{display:grid;gap:var(--sp-3);padding-block-start:var(--sp-3);border-block-start:1px solid var(--line)}
.sbc__a{display:flex;gap:var(--sp-3);align-items:flex-start}
.sbc__a .sbc__n{margin-block-start:3px}
.sbc__at{min-inline-size:0;display:grid;gap:var(--sp-0)}
.sbc__at small{font-size:var(--fs-xs);color:var(--ink-3);font-weight:var(--fw-sb)}
.sbc__at p{font-size:var(--fs-sm);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--lh-body)}
.sbc__file{flex-wrap:wrap;background:var(--surface-2)}
.sbc__file .icon-btn{inline-size:var(--tap);block-size:var(--tap)}
/* من لم يسلّم: قائمة مضغوطة لا بطاقات فارغة */
.sbn{margin-block-start:var(--sp-6)}
.sbn__h{font-size:var(--fs-sm);font-weight:var(--fw-sb);color:var(--ink-2);margin-block-end:var(--sp-2)}
.sbn__l{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.sbn__l li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-5);min-block-size:56px;border-block-end:1px solid var(--line);flex-wrap:wrap}
.sbn__l li:last-child{border-block-end:0}
.sbn__l .avatar{inline-size:32px;block-size:32px;font-size:var(--fs-sm);background:var(--surface-2);color:var(--ink-3)}
.sbn__n{flex:1;min-inline-size:min(160px,100%);display:grid;line-height:1.4;color:inherit}
.sbn__n:hover{text-decoration:none}
.sbn__n:hover b{color:var(--brand-ink)}
.sbn__n b{font-size:var(--fs-sm);font-weight:var(--fw-sb)}
.sbn__n small{font-size:var(--fs-xs);color:var(--ink-3)}
.sbn__s{font-size:var(--fs-xs);color:var(--ink-3)}

/* ============ الشهادات ============ */
.svc-tab__c{display:inline-flex;align-items:center;gap:3px;padding:0 var(--sp-2) 0 6px;border-radius:var(--r-full);background:var(--surface-2);color:var(--ink-2);font-size:var(--fs-2xs);font-weight:var(--fw-b);line-height:1.8}
.svc-tab__c .icon{inline-size:12px;block-size:12px;stroke-width:2.2}
.svc-tab[aria-selected="true"] .svc-tab__c{background:var(--surface);color:var(--brand-ink)}
.crt{margin-block-start:var(--sp-4);padding:var(--sp-5) var(--sp-6)}
.crt__h{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);flex-wrap:wrap}
.crt__h h2{font-size:var(--fs-xl)}
.crt__h p{font-size:var(--fs-sm)}
.crt__sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-6);align-items:center;margin-block-start:var(--sp-5);padding-block:var(--sp-5);border-block:1px solid var(--line)}
.crt__big{display:flex;align-items:center;gap:var(--sp-3)}
.crt__big b{font-size:var(--fs-hero);font-weight:var(--fw-b);line-height:1;color:var(--brand-ink);font-variant-numeric:lining-nums tabular-nums}
.crt__big > span{display:grid;font-size:var(--fs-sm);font-weight:var(--fw-sb);line-height:1.4}
.crt__big small{font-size:var(--fs-xs);color:var(--ink-3);font-weight:var(--fw-m)}
.crt__viz{display:grid;gap:var(--sp-3);min-inline-size:0}
/* شريط مكدس واحد: يبدأ من اليمين (بداية السطر) */
.crt__seg{display:flex;gap:2px;block-size:12px;border-radius:var(--r-full);overflow:hidden;background:var(--surface-3)}
.crt__seg i{flex:var(--w) 1 0%;min-inline-size:4px;transform-origin:100% 50%;animation:growX var(--d4) var(--ease-out) both}
.crt__seg i + i{animation-delay:120ms}
.crt__seg .is-issued,.crt__key .is-issued{background:var(--brand)}
.crt__seg .is-manual,.crt__key .is-manual{background:var(--turq)}
.crt__seg .is-complete,.crt__key .is-complete{background:var(--green)}
.crt__key{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-5);font-size:var(--fs-xs);color:var(--ink-3)}
.crt__key > span{display:inline-flex;align-items:center;gap:var(--sp-2)}
.crt__key i{inline-size:10px;block-size:10px;border-radius:3px;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line-2)}
.crt__key i[class]{box-shadow:none}
.crt__key b{color:var(--ink);font-weight:var(--fw-sb)}
.crt__note{display:flex;gap:var(--sp-2);align-items:flex-start;margin-block-start:var(--sp-4);font-size:var(--fs-sm);color:var(--ink-2)}
.crt__note .icon{inline-size:16px;block-size:16px;color:var(--brand);margin-block-start:4px;flex-shrink:0}
.crt-tbl{min-inline-size:760px}
.crt-prog{display:inline-grid;gap:6px;min-inline-size:7rem}
.crt-prog__t{display:inline-flex;align-items:baseline;gap:var(--sp-1)}
.crt-prog__t bdi:first-child{font-weight:var(--fw-sb)}
.crt-prog .bar{inline-size:100%;block-size:4px}
.crt-sep{color:var(--line-2)}
.crt-id{display:grid;line-height:1.4}
.crt-id bdi{font-weight:var(--fw-sb);justify-self:start}
.crt-id small{font-size:var(--fs-xs);color:var(--ink-3)}
.crt-r--revoked .crt-id bdi{text-decoration:line-through;text-decoration-thickness:1px;color:var(--ink-3)}
.crt-tbl .c-act{inline-size:1%}
.crt-tbl .c-act .btn{min-inline-size:7.5rem}
.crt-rv{color:var(--bad)}
.crt-rv:hover{background:var(--bad-soft)}
/* اللقاءات: الموعد سطران، والإجراءات أيقونات مع زر الحضور */
.svc-when{display:grid;line-height:1.45}
.svc-when small{font-size:var(--fs-xs);color:var(--ink-3)}
.svc-ib{inline-size:var(--tap);block-size:var(--tap)}
.svc-ib-gap{display:inline-block;inline-size:var(--tap)}

/* الشهادات على الجوال والأجهزة اللوحية: بطاقة مضغوطة (الاسم والحالة، ثم الإنجاز، ثم الرقم والإجراء) */
@media (max-width:51.25rem){
  .tbl.crt-tbl.crt-tbl.crt-tbl tbody tr.crt-r{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-2) var(--sp-3);padding:var(--sp-4)}
  .tbl.crt-tbl.crt-tbl.crt-tbl tbody tr.crt-r > td{padding:0;display:block;inline-size:auto;text-align:start;min-inline-size:0;border:0}
  .tbl.crt-tbl.crt-tbl.crt-tbl tbody tr.crt-r > td::before{content:none}
  .tbl.crt-tbl.crt-tbl.crt-tbl tbody tr.crt-r > td.c-name{grid-column:1;grid-row:1;padding:0;border:0}
  .tbl.crt-tbl.crt-tbl.crt-tbl tbody tr.crt-r > td:nth-child(3){grid-column:2;grid-row:1;justify-self:end}
  .tbl.crt-tbl.crt-tbl.crt-tbl tbody tr.crt-r > td:nth-child(2){grid-column:1/-1;grid-row:2}
  .tbl.crt-tbl.crt-tbl.crt-tbl tbody tr.crt-r > td:nth-child(4){grid-column:1;grid-row:3}
  .tbl.crt-tbl.crt-tbl.crt-tbl tbody tr.crt-r > td.c-act{grid-column:2;grid-row:3;justify-self:end;inline-size:auto}
  .crt-tbl td:nth-child(4) > .muted{display:none}
  .crt-prog{inline-size:100%;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--sp-3)}
  .crt-tbl .c-act .btn{min-inline-size:0}
}
/* ============ نتائج الاستبانات ============ */
/* مقياس متدرج واحد من لون العلامة: يتبدل تلقائيًا مع الوضع الغامق */
.lk-1{--lk:color-mix(in srgb,var(--brand) 14%,var(--surface))}
.lk-2{--lk:color-mix(in srgb,var(--brand) 30%,var(--surface))}
.lk-3{--lk:color-mix(in srgb,var(--brand) 48%,var(--surface))}
.lk-4{--lk:color-mix(in srgb,var(--brand) 68%,var(--surface))}
.lk-5{--lk:var(--brand);color:var(--on-brand)}
.lkl{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin-block-start:var(--sp-3);font-size:var(--fs-xs);color:var(--ink-3)}
.lkl > span{display:inline-flex;align-items:center;gap:var(--sp-1)}
.lkl__sw{inline-size:12px;block-size:12px;border-radius:3px;background:var(--lk)}
.lkl--cmp{margin-block-start:var(--sp-1)}
.lkrs{list-style:none;margin:var(--sp-3) 0 0;padding:0}
.lkr{display:grid;grid-template-columns:minmax(0,1.15fr) 7.5rem minmax(0,1fr);grid-template-areas:"q m v";gap:var(--sp-3) var(--sp-6);align-items:center;padding:var(--sp-4) 0;border-block-end:1px solid var(--line)}
.lkr:last-child{border-block-end:0}
.lkr__q{grid-area:q;display:flex;gap:var(--sp-3);align-items:flex-start;min-inline-size:0}
.lkr__q p{font-size:var(--fs-sm);font-weight:var(--fw-sb);line-height:var(--lh-snug)}
.lkr__n{display:grid;place-items:center;flex-shrink:0;inline-size:24px;block-size:24px;border-radius:50%;background:var(--surface-2);font-size:var(--fs-2xs);font-weight:var(--fw-b);color:var(--ink-3)}
.lkr__m{grid-area:m;display:grid;justify-items:start;gap:var(--sp-0);line-height:1.2}
.lkr__m b{font-size:var(--fs-xl);font-weight:var(--fw-b)}
.lkr__m small{font-size:var(--fs-2xs);color:var(--ink-3)}
.lkr__m .chip{margin-block-start:var(--sp-1)}
.lkr__viz{grid-area:v;display:grid;gap:var(--sp-3);min-inline-size:0}
/* مخطط النقطة على محور 1 إلى 5: البداية (1) يمين الشاشة كاتجاه القراءة */
.dumb{position:relative;block-size:30px;margin-inline:var(--sp-2)}
.dumb__axis{position:absolute;inset-inline:0;inset-block-start:10px;border-block-start:1px solid var(--line-2)}
.dumb__axis i{position:absolute;inset-inline-start:calc(var(--x) * 100%);inset-block-start:-4px;inline-size:1px;block-size:7px;background:var(--line-2)}
.dumb__axis i span{position:absolute;inset-block-start:9px;inset-inline-start:0;transform:translateX(50%);font-size:var(--fs-2xs);font-style:normal;color:var(--ink-3);line-height:1} /* +X يوسّط الرقم على العلامة لأن الموضع من اليمين */
.dumb__seg{position:absolute;inset-block-start:8px;inset-inline-start:calc(var(--a) * 100%);inline-size:calc((var(--b) - var(--a)) * 100%);block-size:5px;border-radius:var(--r-full);background:color-mix(in srgb,var(--brand) 32%,transparent);transform-origin:100% 50%;animation:growX var(--d4) var(--ease-out) both}
.dumb__dot,.dumb__pre{position:absolute;inset-inline-start:calc(var(--x) * 100%);inset-block-start:10px;inline-size:16px;block-size:16px;border-radius:50%;transform:translate(50%,-50%)} /* +50% أفقيًا: توسيط على النقطة المقاسة من اليمين */
.dumb__dot{background:var(--brand);box-shadow:0 0 0 3px var(--surface);animation:dotIn var(--d4) var(--ease-out) both}
.dumb__pre{background:var(--surface);border:2px solid var(--ink-3)}
.dumb__key{display:inline-block;inline-size:12px;block-size:12px;border-radius:50%;background:var(--brand)}
.dumb__key--pre{background:var(--surface);border:2px solid var(--ink-3)}
@keyframes dotIn{from{opacity:0;transform:translate(50%,-50%) scale(.3)}to{opacity:1;transform:translate(50%,-50%)}}
@keyframes growX{from{transform:scaleX(0)}to{transform:none}}
/* التوزيع: شريط مكدس واحد */
.dist5{display:flex;gap:2px;block-size:26px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}
.dist5__s{flex:var(--w) 1 0%;min-inline-size:6px;display:grid;place-items:center;background:var(--lk);font-size:var(--fs-2xs);font-weight:var(--fw-b);transform-origin:100% 50%;animation:growX var(--d4) var(--ease-out) both;overflow:hidden}
.dist5__s:not(.lk-5){color:var(--ink)}
.svc-locked{display:grid;justify-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-10) var(--sp-5)}
.svc-locked h2{font-size:var(--fs-lg)}
.svc-locked p{max-inline-size:46ch;color:var(--ink-3);font-size:var(--fs-sm)}
.pips{display:flex;gap:var(--sp-2);margin-block-start:var(--sp-3)}
.pips i{inline-size:14px;block-size:14px;border-radius:50%;border:2px solid var(--brand-line);background:transparent}
.pips i.is-on{background:var(--brand);border-color:var(--brand);animation:pop var(--d3) var(--ease-out) both}
.svc-quotes{list-style:none;margin:var(--sp-3) 0 var(--sp-2);padding:0;display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}
.svc-quote{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ink)}
.svc-quote .icon{inline-size:16px;block-size:16px;margin-block-start:5px;color:var(--brand);flex-shrink:0}
.svc-quote p{overflow-wrap:anywhere}
.svc-texts .help{display:flex;align-items:center;gap:var(--sp-1)}
.svc-texts .help .icon{inline-size:14px;block-size:14px;color:var(--brand)}

/* ============ الإعلانات ============ */
.ann{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-5);align-items:start;margin-block-start:var(--sp-5)}
.ann .panel{margin-block-start:0}
.ann__form{padding-block-start:var(--sp-5)}
.ann__aud{grid-template-columns:1fr}
.ann__aud .opt b{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}
.ann__bl{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}
.ann__ins{min-block-size:var(--tap)}
.ann__bl label{font-weight:var(--fw-sb);font-size:var(--fs-sm)}
.ann__a{display:flex;justify-content:flex-end;margin-block-start:var(--sp-5)}
.ann__side{display:grid;gap:var(--sp-5)}
.pvn{display:flex;gap:var(--sp-3);align-items:flex-start;margin-block-start:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}
.pvn__b{display:grid;gap:var(--sp-1);min-inline-size:0}
.pvn__b b{font-weight:var(--fw-b);line-height:var(--lh-snug);overflow-wrap:anywhere}
.pvn__b p{font-size:var(--fs-sm);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}
.pvn__b small{font-size:var(--fs-2xs);color:var(--ink-3)}
.ann__h{list-style:none;margin:var(--sp-2) 0 0;padding:0}
.ann__h li{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-block-end:1px solid var(--line)}
.ann__h li:last-child{border-block-end:0}
.ann__h .b{flex:1;min-inline-size:0}
.ann__h b{display:block;font-size:var(--fs-sm);font-weight:var(--fw-sb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ann__h small{font-size:var(--fs-xs);color:var(--ink-3)}

/* ============ التجاوب ============ */
@media (max-width:63.99rem){
  .lkr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"q m" "v v"}
  .lkr__m{justify-items:end;text-align:end}
}
@media (max-width:51.25rem){ /* 820: الجداول بطاقات، والأعمدة تتكدس */
  .ann{grid-template-columns:minmax(0,1fr)}
  .svc-kpis--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-kpis--4 .svc-kpi:nth-child(3){border-inline-start:0;padding-inline-start:0}
  .svc-kpis--4 .svc-kpi:nth-child(n+3){border-block-start:1px solid var(--line)}
  .svc-attband{grid-template-columns:repeat(3,minmax(0,1fr))}
  .svc-attband__main{grid-column:1/-1;padding-inline-end:0;border-block-end:1px solid var(--line)}
  .svc-attband > div + div{padding-inline-start:var(--sp-4)}
  .svc-attband > div:nth-child(2){border-inline-start:0;padding-inline-start:0}
  .svc-acts{justify-content:flex-start;flex-wrap:wrap}
  .svc-tabs{margin-inline:calc(-1 * var(--page-x));padding-inline:var(--page-x)}
}
@media (max-width:40rem){
  .atr{grid-template-columns:auto minmax(0,1fr);padding:var(--sp-3) var(--sp-4)}
  .tri{grid-column:1/-1;display:flex}
  .tri__b{flex:1 1 0;min-inline-size:0;min-block-size:var(--tap)}
  .svc-kpi + .svc-kpi{padding-inline-start:var(--sp-3)}
  .svc-kpi__v,.svc-attband b{font-size:var(--fs-xl)}
  .svc-kpi__l{font-size:var(--fs-xs)}
  .sbc{padding:var(--sp-4)}
  .sbn__l li{padding-inline:var(--sp-4)}
  .crt{padding:var(--sp-4)}
  .crt__sum{grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}
  .qb__i{grid-template-columns:minmax(0,1fr);gap:var(--sp-2)}
  .qb__n{display:none}
  .qb__a{display:flex;justify-content:flex-end}
  .qb__k{min-inline-size:0;flex:1}
  .ann__a .btn{inline-size:100%}
}
@media (prefers-reduced-motion:reduce){
  .hall__ring-fg,.hall__bar i,.dumb__seg,.dist5__s,.dumb__dot,.crt__seg i,.hall__art i,.hall__qr,.hall__info{transition:none;animation:none}
  .hall__qrwait .icon{animation:none}
}
@media print{
  .hall{display:none!important}
}
/* المنح الاستثنائي متاح لكل من لم يكمل، فيبقى هادئًا حتى يمر المؤشر على الصف أو يصله التركيز */
.crt-r--in_progress .c-act .btn{color:var(--ink-3)}
.crt-r--in_progress:hover .c-act .btn,.crt-r--in_progress .c-act .btn:focus-visible{color:var(--brand-ink)}
/* «ابدأ من قالب» في أعلى نموذج الإعلان */
.ann__src{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);margin-block-end:var(--sp-4);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:var(--tint);box-shadow:inset 0 0 0 1px var(--tint-line);font-size:var(--fs-sm);color:var(--ink-2)}
.ann__src > span{display:inline-flex;align-items:center;gap:var(--sp-2)}
.ann__src > span > .icon{inline-size:18px;block-size:18px;color:var(--brand)}
@media (pointer:coarse),(max-width:47.99rem){.ann__src .btn{min-block-size:var(--tap)}}