/* «نقطة» web tokens — night = PLAN N-1, day = R-214 DAY-TOKENS.md (0 AA fails). One file for every NUQD ecosystem site.
   Theme: html[data-theme=day|night]; no attribute = follow the device. Language: html[lang=ar|en] shows [data-l] blocks. */
@font-face{font-family:PlexAr;font-weight:400;font-display:swap;src:url(fonts/IBMPlexSansArabic-400.ttf)}
@font-face{font-family:PlexAr;font-weight:500;font-display:swap;src:url(fonts/IBMPlexSansArabic-500.ttf)}
@font-face{font-family:PlexAr;font-weight:600;font-display:swap;src:url(fonts/IBMPlexSansArabic-600.ttf)}
@font-face{font-family:PlexAr;font-weight:700;font-display:swap;src:url(fonts/IBMPlexSansArabic-700.ttf)}
@font-face{font-family:Plex;font-weight:100 700;font-display:swap;src:url(fonts/IBMPlexSans-var.ttf)}
@font-face{font-family:PlexMono;font-weight:400;font-display:swap;src:url(fonts/IBMPlexMono-Regular.ttf)}
@font-face{font-family:PlexMono;font-weight:500;font-display:swap;src:url(fonts/IBMPlexMono-Medium.ttf)}

:root{
  --bg:#08090B;--s1:#121316;--s2:#1A1B1F;--s3:#232428;--sheet:#0E0F12;--line:rgba(255,255,255,.07);--border:#2E3036;
  --tx:#F2F2EE;--mu:#8D9097;--fa:#83868C;
  --acc:#C8F25A;--accP:#B3DC48;--ink:#0E1405;--dot:#C8F25A;
  --pos:#5ED38F;--posS:#0F2219;--neg:#FF7A72;--negS:#2A1518;--warn:#FF9F5A;--warnS:#2A1A10;--reg:#B9A3FF;--regS:#1C1830;
  color-scheme:dark;
}
@media (prefers-color-scheme:light){html:not([data-theme=night]){
  --bg:#F7F7F3;--s1:#EDEDE7;--s2:#E3E3DC;--s3:#D9D9D1;--sheet:#FFFFFF;--line:rgba(17,18,20,.08);--border:#C4C4BC;
  --tx:#111214;--mu:#575B62;--fa:#5F636A;--dot:#3F6300;
  --pos:#0B6635;--posS:#E3F1E8;--neg:#BB2D26;--negS:#FCEFEE;--warn:#9A4F0C;--warnS:#FBEEE2;--reg:#5B3FD6;--regS:#EEEAFD;
  color-scheme:light;
}}
html[data-theme=day]{
  --bg:#F7F7F3;--s1:#EDEDE7;--s2:#E3E3DC;--s3:#D9D9D1;--sheet:#FFFFFF;--line:rgba(17,18,20,.08);--border:#C4C4BC;
  --tx:#111214;--mu:#575B62;--fa:#5F636A;--dot:#3F6300;
  --pos:#0B6635;--posS:#E3F1E8;--neg:#BB2D26;--negS:#FCEFEE;--warn:#9A4F0C;--warnS:#FBEEE2;--reg:#5B3FD6;--regS:#EEEAFD;
  color-scheme:light;
}

*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{background:var(--bg);color:var(--tx);-webkit-text-size-adjust:100%}
body{font:400 16px/1.6 Plex,PlexAr,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
html[lang=ar] body{font-family:PlexAr,Plex,system-ui,sans-serif}
html[lang=ar] [data-l=en],html[lang=en] [data-l=ar]{display:none!important}
a{color:inherit}
:focus-visible{outline:2px solid var(--tx);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:12px;top:12px;background:var(--acc);color:var(--ink);padding:8px 12px;border-radius:10px}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
.n{font-family:Plex;font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.m{font-family:PlexMono;direction:ltr;unicode-bidi:isolate;letter-spacing:0;word-break:break-all}
.mu{color:var(--mu)}.fa{color:var(--fa)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--dot);flex:none}

/* top bar */
.bar{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 17px/1 Plex,PlexAr}
.mk-t{fill:var(--s2)}.mk-s{stroke:var(--tx)}.mk-d{fill:var(--dot)}
.brand small{font:500 13px/1 PlexAr,Plex;color:var(--mu)}
.tools{display:flex;gap:8px}
.chip-btn{min-width:44px;height:44px;padding:0 12px;border-radius:12px;border:0;background:var(--s1);color:var(--tx);font:500 14px Plex,PlexAr;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.chip-btn:hover{background:var(--s2)}
.chip-btn svg{display:block}

/* type */
h1{font:600 34px/1.2 PlexAr,Plex;letter-spacing:-.3px}
html[lang=en] h1{font-family:Plex,PlexAr;letter-spacing:-.6px}
h2{font:600 20px/1.35 PlexAr,Plex}
html[lang=en] h2{font-family:Plex,PlexAr}
.lead{font-size:17px;color:var(--mu);margin-top:12px;max-width:560px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:500 13px PlexAr,Plex;color:var(--mu)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border-radius:14px;border:0;text-decoration:none;font:600 16px PlexAr,Plex;cursor:pointer}
html[lang=en] .btn{font-family:Plex,PlexAr}
.btn-p{background:var(--acc);color:var(--ink)}.btn-p:hover{background:var(--accP)}
.btn-s{background:var(--s2);color:var(--tx)}.btn-s:hover{background:var(--s3)}
.btn[disabled]{opacity:.5;cursor:default}

/* surfaces */
.card{background:var(--s1);border-radius:18px;padding:18px}
.tile{background:var(--s2);border-radius:14px;padding:14px}
.hair{border-top:1px solid var(--line)}

/* status chips */
.st{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:13px;font:500 12.5px PlexAr,Plex;white-space:nowrap}
.st-live{background:var(--posS);color:var(--pos)}
.st-build{background:var(--s2);color:var(--mu)}
.st-test{background:var(--regS);color:var(--reg)}
.st-hold{background:var(--warnS);color:var(--warn)}

/* fields */
.field{width:100%;min-height:120px;resize:vertical;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--sheet);color:var(--tx);font:400 15px/1.5 PlexMono,Plex;direction:ltr;text-align:left}
.field:focus{outline:2px solid var(--tx);outline-offset:0;border-color:transparent}
.inp{height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--sheet);color:var(--tx);font:400 15px Plex,PlexAr;width:100%}
.inp.m{font-family:PlexMono;direction:ltr;text-align:left}
select.inp{appearance:auto}

/* verdict + facts */
.verdict{border-radius:18px;padding:18px 18px 8px}
.v-bad{background:var(--negS)}.v-warn{background:var(--warnS)}.v-ok{background:var(--s1)}
.v-title{display:flex;align-items:center;gap:10px;font:600 21px/1.3 PlexAr,Plex}
html[lang=en] .v-title{font-family:Plex,PlexAr}
.v-bad .v-title{color:var(--neg)}.v-warn .v-title{color:var(--warn)}
.v-sub{font-size:13.5px;color:var(--mu);margin-top:4px}
.facts{list-style:none;margin-top:10px}
.facts li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.6}
.facts li:first-child{border-top:0}
.facts .dot{margin-top:9px}
.facts li>div{min-width:0;overflow-wrap:anywhere}
main,header,footer,section{min-width:0}
.f-bad .dot{background:var(--neg)}.f-warn .dot{background:var(--warn)}.f-ok .dot{background:var(--dot)}.f-info .dot{background:var(--fa)}

footer{margin:56px 0 40px;font-size:13px;color:var(--mu)}
footer .row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}

@media (max-width:480px){h1{font-size:28px}.wrap{padding:0 16px}}
@media (forced-colors:active){.card,.tile,.verdict,.btn{border:1px solid CanvasText}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}