@font-face{font-family:'Noto Sans Arabic';font-weight:100 900;font-display:fallback;src:url(/v3/fonts/noto-arabic-var.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Noto Sans';font-weight:100 900;font-display:fallback;src:url(/v3/fonts/noto-latin-var.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans';font-weight:100 900;font-display:fallback;src:url(/v3/fonts/noto-latin-ext-var.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-weight:200 800;font-display:fallback;src:url(/v3/fonts/jakarta-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-weight:200 800;font-display:fallback;src:url(/v3/fonts/jakarta-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}   /* Plus Jakarta Sans (Google Fonts، متغيّر الوزن 200–800) للنصوص اللاتينية بطلب آدم 2026-11-01؛ العربية تبقى Noto Sans Arabic */
@font-face{font-family:'Bricolage Grotesque';font-weight:200 800;font-stretch:75% 100%;font-display:fallback;src:url(/v3/fonts/bricolage-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-weight:200 800;font-stretch:75% 100%;font-display:fallback;src:url(/v3/fonts/bricolage-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'FQ Digits';font-weight:200 800;font-stretch:75% 100%;font-display:fallback;src:url(/v3/fonts/bricolage-var-latin.woff2) format('woff2');unicode-range:U+0030-0039,U+002C,U+002E,U+0025,U+0024,U+002B,U+2212,U+00B1}   /* Bricolage Grotesque للأرقام (آدم 2026-11-01): «FQ Digits» تغطي الأرقام وعلاماتها فقط فتُطبَّق في كل مكان؛ والعائلة الكاملة للأرقام الكبيرة مع k/M */

/* Farqad console v3 — stage 1 (approved option B «plain white», 2026-10-20). English, LTR. */
:root{--bg:#F6F6F5;--card:#FFFFFF;--sect:#FFFFFF;--rowh:#F5F5F4;--line:#E4E4E1;--rowb:#ECECEA;--rowsh:rgba(14,59,67,.16);--tx:#1E2A2D;--mut:#6F7C80;--soft:#F0F0EE;--act:#F0F0EE;--btn:#0E3B43;--btn-tx:#FFFFFF;--ok:#2E9E6B;--warn:#E85C47;--code:#F0F0EE;--sh:0 1px 2px rgba(14,59,67,.05);--ink:#0E3B43;--on-ink:#FFFFFF;--side:#0E3B43;--side-tx:#FFFFFF;--side-mut:rgba(255,255,255,.62);--side-act:rgba(255,255,255,.1);--acc:#0E3B43;--tint1:#DCEFEC;--tint2:#FFE3DA;--tint3:#EFE6D2;--tint4:#DDE6E8;--ok-bg:#E7F5EE;--ok-tx:#1F7A4D;--warn-bg:#FDECE8;--warn-tx:#C43D2C;--r:20px;--r2:12px;color-scheme:light}   /* design «ب» (approved 2026-10-31): near-white canvas #FCFCFB (Adam's pick, was cream), white cards, dark petrol sidebar, four tints */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1A1A1A;--card:#2A2A2A;--sect:#212121;--rowh:#303030;--line:#383838;--rowb:#363636;--rowsh:rgba(0,0,0,.6);--tx:#ECECEC;--mut:#A3A3A3;--soft:#303030;--act:#303030;--btn:#FF9478;--btn-tx:#0E3B43;--code:#1A1A1A;--sh:none;--ink:#ECECEC;--on-ink:#1A1A1A;--side:#111111;--side-tx:#FFFFFF;--side-mut:rgba(255,255,255,.6);--side-act:rgba(255,255,255,.08);--acc:#ECECEC;--tint1:#243231;--tint2:#352A27;--tint3:#2F2E26;--tint4:#262E33;--ok-bg:rgba(46,158,107,.2);--ok-tx:#8FDDB4;--warn-bg:rgba(232,92,71,.22);--warn-tx:#F5A99C;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1A1A1A;--card:#2A2A2A;--sect:#212121;--rowh:#303030;--line:#383838;--rowb:#363636;--rowsh:rgba(0,0,0,.6);--tx:#ECECEC;--mut:#A3A3A3;--soft:#303030;--act:#303030;--btn:#FF9478;--btn-tx:#0E3B43;--code:#1A1A1A;--sh:none;--ink:#ECECEC;--on-ink:#1A1A1A;--side:#111111;--side-tx:#FFFFFF;--side-mut:rgba(255,255,255,.6);--side-act:rgba(255,255,255,.08);--acc:#ECECEC;--tint1:#243231;--tint2:#352A27;--tint3:#2F2E26;--tint4:#262E33;--ok-bg:rgba(46,158,107,.2);--ok-tx:#8FDDB4;--warn-bg:rgba(232,92,71,.22);--warn-tx:#F5A99C;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--tx);font-family:'FQ Digits','Plus Jakarta Sans','Noto Sans','Noto Sans Arabic',system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit}
.sh{display:flex;min-height:100vh}
.sh-side{width:214px;flex:0 0 214px;background:var(--side);color:var(--side-tx);display:flex;flex-direction:column;gap:14px;padding:14px 12px;position:sticky;top:0;height:100vh;z-index:6}   /* فوق رأس الصفحة (z 5) كي لا يُقطع زر الطيّ */
.sh-logo{padding:4px 4px 2px;display:flex;align-items:center;gap:9px}
.sh-logo img{display:block;width:auto}.sh-logo .mark{width:42px;height:42px;flex:none}.sh-brand{display:flex;flex-direction:column;line-height:1.15;margin-left:2px;min-width:0}.sh-brand b{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.015em}.sh-brand small{font-size:11px;color:var(--side-mut);font-weight:500;letter-spacing:.02em;white-space:nowrap}   /* الشعار نصًّا بخط اللوحة: Farqad / Developer Console (آدم 2026-10-31) */
.sh-side nav{display:flex;flex-direction:column;gap:3px}
.sh-side nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r2);color:var(--side-mut);font-weight:500;position:relative}
.sh-side nav a svg{flex:0 0 auto}.sh-side nav a.on{background:var(--side-act);color:var(--side-tx);font-weight:600}.sh-side nav a.on::before{content:'';position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:#FF9478}
.sh-side nav a .nb{margin-left:auto;font-size:11px;font-weight:600;font-style:normal;padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;line-height:1.5}.sh-side nav a .nb.hot{background:#FF9478;color:#0E3B43}.sh-side nav a .nd{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#5FD39A;flex:none}.sh-side nav a .nd.warn{background:#FF9478}
.sh-bottom{margin-top:auto;display:flex;flex-direction:column;gap:6px}.sh-side nav.bottom{margin-top:0}
.sb-acc{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r2);background:rgba(255,255,255,.08);color:#fff;position:relative;cursor:pointer;margin-top:4px}.sb-who{display:flex;flex-direction:column;min-width:0;flex:1}.sb-who b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-who small{font-size:11px;color:rgba(255,255,255,.62)}.sb-acc>svg{color:rgba(255,255,255,.6);flex:none}.sb-msearch{display:none}
.wrap{flex:1;min-width:0;display:flex;flex-direction:column}
.sh-main{flex:1;min-width:0;padding:18px 26px 22px;display:flex;flex-direction:column;gap:16px}
.hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px 0;background:var(--bg);position:sticky;top:0;z-index:5;min-height:52px}
.hd-crumbs{display:flex;align-items:center;gap:2px;min-width:0;font-size:13.5px;overflow:hidden}.hd-crumbs a{display:inline-flex;align-items:center;gap:6px;color:var(--mut);padding:5px 8px;border-radius:99px;white-space:nowrap}.hd-crumbs a:hover{background:var(--soft);color:var(--tx)}.hd-crumbs a.cur{color:var(--tx);font-weight:600}.hd-crumbs .sep{color:var(--mut);opacity:.6;display:grid;place-items:center}
.hd-pill{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:0;border-radius:99px;background:var(--card);color:var(--mut);box-shadow:var(--sh);font:inherit;font-size:13px;cursor:pointer;width:280px;max-width:50%;flex:none;text-align:left}.hd-pill span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-pill kbd{font:inherit;font-size:10.5px;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--mut)}.hd-pill:hover{color:var(--tx)}
.hd-seg{display:inline-flex;gap:2px;padding:3px;height:30px;border:1px solid var(--line);background:var(--card);border-radius:9px}.hd-seg button{border:0;background:transparent;color:var(--mut);width:28px;height:22px;border-radius:6px;display:grid;place-items:center;cursor:pointer;padding:0;font:inherit}.hd-seg button.on{background:var(--soft);color:var(--tx)}
.hd-user{position:relative}.hd-av{width:32px;height:32px;border-radius:50%;background:#FF9478;color:#0E3B43;font-size:11.5px;font-weight:700;display:grid;place-items:center;border:0;cursor:pointer;font-family:inherit;flex:none}.sb-acc .pop{position:absolute;left:0;right:0;top:auto;bottom:calc(100% + 8px);width:auto;min-width:214px;cursor:default;color:var(--tx)}.pop .th{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 4px 10px;color:var(--tx);font-size:13px}.pop .sep{height:1px;background:var(--line);margin:4px 2px}.pop a{display:flex;align-items:center;gap:8px}.sb-tg{position:absolute;right:-13px;top:50px;width:26px;height:26px;border-radius:50%;background:#FF9478;color:#0E3B43;border:2px solid var(--bg);box-shadow:0 2px 8px rgba(14,59,67,.3);display:grid;place-items:center;cursor:pointer;z-index:6;padding:0;font:inherit}.sb-tg:hover{background:var(--ink);color:var(--on-ink)}
.pop{position:absolute;top:40px;right:0;width:240px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px -20px rgba(0,0,0,.35);padding:8px;z-index:9;display:flex;flex-direction:column;gap:2px;font-size:13.5px}.pop .ph{padding:6px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.pop .ph b{display:block;font-weight:600}.pop .ph small{color:var(--mut);font-size:12px;display:block}.pop a{display:block;padding:8px 10px;border-radius:10px;color:var(--tx);cursor:pointer}.pop a:hover{background:var(--soft)}.pop a.danger{color:var(--warn)}
.srch{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px}.srch input{border:0;outline:0;font:inherit;flex:1;background:transparent;color:var(--tx);min-width:0}.srch-res{display:flex;flex-direction:column;gap:2px;max-height:50vh;overflow:auto}.srch-res a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--tx);cursor:pointer}.srch-res a:hover,.srch-res a.on{background:var(--soft)}.srch-res a small{min-width:64px;color:var(--mut);font-size:12px}.srch-res a b{font-weight:600}.srch-res a span{margin-left:auto;color:var(--mut);font-size:12.5px;white-space:nowrap}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.top h1{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}
.hint{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--mut);color:var(--mut);font-size:11px;font-weight:700;line-height:1;cursor:default;flex:none}.hint .tip{display:none;position:absolute;top:24px;left:0;background:var(--ink);color:var(--on-ink);font-size:12.5px;font-weight:400;padding:6px 10px;border-radius:8px;white-space:nowrap;z-index:6}.hint:hover .tip,.hint:focus .tip,.hint.on .tip{display:block}.hint:focus{outline:2px solid var(--tx);outline-offset:1px}
.head{display:flex;flex-direction:column;gap:2px;min-width:0}
.crumb{font-size:12.5px;color:var(--mut)}.crumb a:hover{text-decoration:underline}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--btn);color:var(--btn-tx);font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:99px;cursor:pointer;line-height:1.3}
.btn.gh{background:transparent;color:var(--tx);border:1px solid var(--line)}.btn.sm{height:30px;padding:0 10px}.btn.ic{width:30px;height:30px;padding:0;justify-content:center}.act{white-space:nowrap}.act .btn{vertical-align:middle}.btn.danger{color:var(--warn)}.btn.danger-solid{background:#C43D2C;color:#fff}.st + small{color:var(--mut);font-size:12px;margin-left:6px}.tbl td .st + small{display:block;margin:2px 0 0}
.stbtn{display:inline-block;cursor:pointer;border-radius:8px;padding:3px 7px;margin:-3px -7px}.stbtn:hover{background:var(--soft)}
.menu{position:fixed;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px -20px rgba(0,0,0,.35);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:40;min-width:200px;font-size:13px}.menu a{padding:7px 10px;border-radius:8px;cursor:pointer;color:var(--tx)}.menu a:hover{background:var(--soft)}.menu a.on{background:var(--soft);font-weight:600}.menu a.danger{color:var(--warn);border-top:1px solid var(--line);margin-top:4px;padding-top:9px;border-radius:0 0 8px 8px}.menu .sep{height:1px;background:var(--line);margin:4px 0}.menu .lbl{margin:2px 10px 0}.menu a.has-sub{display:flex;align-items:center;gap:8px}.menu a.has-sub small{margin-left:auto;color:var(--mut);font-size:12px}.menu a.has-sub svg{transition:transform .15s}.menu a.has-sub.open svg{transform:rotate(90deg)}.menu .sub{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 10px;padding-left:8px;border-left:2px solid var(--line)}.menu .sub[hidden]{display:none}.act .btn + .btn,.act a.btn + .btn{margin-left:6px}.btn.sm{padding:6px 10px;font-size:12.5px}.btn[disabled]{opacity:.5;cursor:default}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.card.pad{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow:visible}
.ct{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.ct b{font-size:14.5px;font-weight:600}.ct small{color:var(--mut);font-size:12.5px}
.tbl{width:100%;border-collapse:separate;border-spacing:0 5px;margin-top:-5px}   /* فراغ 5px بين الرأس والصفوف (آدم 2026-10-31) */
.tbl th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);padding:8px 12px;border:0;background:var(--soft);white-space:nowrap}.tbl th:first-child{border-radius:10px 0 0 10px}.tbl th:last-child{border-radius:0 10px 10px 0}
.tbl td{padding:10px 12px;border:0;vertical-align:middle}.tbl td:first-child{border-radius:10px 0 0 10px}.tbl td:last-child{border-radius:0 10px 10px 0}
.tbl td b{display:block;font-weight:600}.tbl td b[dir=ltr],.tbl td .st{white-space:nowrap}.tbl td small{display:block;color:var(--mut);font-size:12px}
.tbl tr[data-go]{cursor:pointer}.tbl tr[data-go]:hover td,.tbl tbody tr:hover td{background:var(--soft)}
.st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--ok-bg);color:var(--ok-tx);line-height:1.4}.st i{width:7px;height:7px;border-radius:50%;background:var(--ok)}.st.off{background:var(--soft);color:var(--mut)}.st.off i{background:var(--mut)}.st.warn{background:var(--warn-bg);color:var(--warn-tx)}.st.warn i{background:var(--warn)}
.muted{color:var(--mut)}.err{color:var(--warn);font-size:13px}
.kv{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;align-items:center}.kv span{color:var(--mut)}.kv b{font-weight:500}
.tabs{display:flex;gap:4px;overflow-x:auto;flex-wrap:wrap}
.tabs a{padding:6px 12px;font-size:13.5px;color:var(--mut);border-radius:99px;cursor:pointer;white-space:nowrap}
.tabs a.on{background:var(--ink);color:var(--on-ink);font-weight:600}
.ta{width:100%;min-height:220px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:13.5px;line-height:1.7;color:var(--tx);background:var(--card);resize:vertical}
.foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--mut);flex-wrap:wrap}
.sub{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.sub>b{font-size:13px;font-weight:600}
.code{display:flex;align-items:center;gap:10px;background:var(--code);border:1px solid var(--line);border-radius:10px;padding:8px 8px 8px 12px}
.code code{flex:1;min-width:0;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.big{font-size:26px;font-weight:600;line-height:1.2}.big small{font-size:13px;font-weight:400;color:var(--mut)}
.tw{overflow-x:auto}.tw .tbl{min-width:560px}
.f{display:flex;flex-direction:column}.f label{font-size:12.5px;color:var(--mut);margin-bottom:5px;font-weight:500}
.f input,.f select{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:13.5px;color:var(--tx);background:var(--card)}
.f input:focus,.f select:focus,.ta:focus{outline:2px solid var(--tx);outline-offset:1px}
.f .help{font-size:12px;color:var(--mut);margin-top:5px}
.row{display:grid;grid-template-columns:150px 1fr;gap:10px}.row.cap{grid-template-columns:1fr auto}
.chips{display:flex;gap:8px}.chip{padding:7px 12px;border:1px solid var(--line);border-radius:99px;font-size:13px;color:var(--mut);cursor:pointer;background:transparent}.chip.on{background:var(--ink);color:var(--on-ink);border-color:var(--tx)}
.form{display:flex;flex-direction:column;gap:14px}.acts{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}
.ov{position:fixed;inset:0;background:rgba(14,59,67,.35);display:grid;place-items:center;padding:20px;z-index:20;overflow:auto}
.dlg{background:var(--card);border-radius:var(--r);width:min(520px,100%);padding:22px;box-shadow:0 20px 60px -20px rgba(0,0,0,.45);max-height:calc(100vh - 40px);overflow:auto}
.dlg.wide{width:min(720px,100%)}
.dlg{position:relative}.dlg-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--mut);display:grid;place-items:center;cursor:pointer;font:inherit;font-size:18px;line-height:1;padding:0}.dlg-x:hover{background:var(--soft);color:var(--tx)}.dlg-body>h2:first-child{padding-right:40px}
.dlg h2{margin:0 0 4px;font-size:17px;font-weight:600}.dlg p.sub2{margin:0 0 16px;color:var(--mut);font-size:13px}
.msgs{display:flex;flex-direction:column;gap:10px}.msg{display:flex;flex-direction:column;gap:2px;max-width:85%}.msg.user{align-self:flex-end;align-items:flex-end}
.msg .t{background:var(--soft);border-radius:12px;padding:8px 12px;white-space:pre-wrap;font-size:13.5px;line-height:1.6}.msg.user .t{background:var(--ink);color:var(--on-ink)}
.msg small{color:var(--mut);font-size:11.5px}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--on-ink);padding:9px 14px;border-radius:var(--r2);font-size:13px;z-index:30;box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}
[hidden]{display:none!important}
.stub{color:var(--mut);font-size:13.5px}
.grid{display:grid;grid-template-columns:1fr;gap:14px}.cols{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.lbl{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.chk{display:flex;align-items:center;gap:8px;font-size:13.5px;height:38px}.chk input{width:18px;height:18px;margin:0}.tbl.fit{min-width:0}.pre{margin:0 0 14px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:12px;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.7;white-space:pre-wrap;max-height:60vh;overflow:auto}
.tr{display:flex;align-items:center;gap:12px}.small{font-size:12.5px}.st.new i{background:var(--warn)}.st.setup i{background:#17727A}.act{text-align:right;white-space:nowrap}.lnk{font-weight:600;cursor:pointer}.lnk:hover{text-decoration:underline}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px}.row.amt{grid-template-columns:1fr 84px}.dlg.wide{width:min(640px,100%)}
@media (max-width:760px){.sh{flex-direction:column}.sh-side{width:auto;flex:none;flex-direction:row;align-items:center;gap:8px;padding:10px 12px;position:sticky;top:0;height:auto;z-index:7}
 .sh-side nav,.sh-bottom nav,.sb-who,.sb-acc>svg,.sb-tg{display:none}.sh-logo{padding:0;gap:7px}.sh-logo .mark{width:34px;height:34px}.sh-brand b{font-size:16px}.sh-brand small{font-size:10px}.sb-msearch{display:grid;width:34px;height:34px;place-items:center;border:0;background:rgba(255,255,255,.1);color:#fff;border-radius:10px;cursor:pointer;padding:0}.sh-bottom{margin:0 0 0 auto;flex-direction:row;align-items:center;gap:6px}.sb-acc{padding:0;background:transparent;margin:0}.sb-acc .pop{left:auto;right:0;top:calc(100% + 8px);bottom:auto;min-width:230px}nav.mtabs{display:flex}
 .sh-main{padding:12px 14px calc(86px + env(safe-area-inset-bottom,0px))}.hd{padding:8px 14px 0;position:static}.hd-pill{display:none}.card:not(.pad){overflow-x:auto}.tbl{min-width:560px}.tbl.wide{min-width:760px}.row{grid-template-columns:1fr}.row.cap{grid-template-columns:1fr auto}.two,.three,.cols{grid-template-columns:1fr}.tr{flex-wrap:wrap}.tbl.fit{min-width:0}}

/* maintenance switch (Settings → Platform) */
.mt-tog{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);margin-bottom:14px;cursor:default}.mt-tog[data-mt-toggle]{cursor:pointer}
.mt-sw{width:42px;height:24px;border-radius:12px;background:#B9C2C5;position:relative;flex:none;margin-top:2px;transition:background .15s}.mt-sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.mt-tog.on .mt-sw{background:#C43D2C}.mt-tog.on .mt-sw i{left:21px}
.mt-lbl b{display:block;font-size:14px}.mt-lbl small{color:var(--mut);font-size:12.5px;line-height:1.5;display:block}

/* website reading + knowledge in two parts (2026-10-21) */
.k2-part{display:flex;flex-direction:column;gap:8px;min-width:0}.k2-ph b{display:block;font-size:13.5px}.k2-ph small{display:block;color:var(--mut);font-size:12.5px;line-height:1.5}
.k2-auto{background:var(--soft);border:1px dashed var(--line);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.8;white-space:pre-wrap;min-height:120px}
.k2-auto.k2-building{color:var(--mut);display:grid;place-items:center;text-align:center}
.k2-sep{height:1px;background:var(--line);margin:6px 0 2px}
.kr-act{display:flex;align-items:center;gap:14px;margin:4px 0;flex-wrap:wrap}.kr-src{margin:0 0 4px}.kr-badn{color:#C43D2C;font-weight:700}
.k2-stage{display:flex;flex-direction:column;gap:5px;min-width:200px;font-size:12.5px;color:var(--mut)}.k2-stage b{color:var(--tx)}
.k2-prog{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.k2-prog i{display:block;height:100%;background:#17727A;transition:width .4s}
.k2-type{font-size:12px;padding:2px 9px;border-radius:100px;background:var(--soft);border:1px solid var(--line);white-space:nowrap}
.st.bad i{background:#C43D2C}
.k2-t tr[data-pid]{cursor:pointer}.k2-t tr[data-pid]:hover td{background:var(--soft)}
.k2-row-empty td{background:rgba(224,138,46,.07)}.k2-row-error td{background:rgba(196,61,44,.07)}
.k2-meta{color:var(--mut);font-size:12.5px;margin:-8px 0 12px;line-height:1.6}
.k2-sec{margin:10px 0}.k2-sec>b{display:block;font-size:13px;margin-bottom:5px}.k2-sec p{margin:0;font-size:13.5px;line-height:1.7}.k2-sec ul{margin:0;padding-inline-start:18px;font-size:13.5px;line-height:1.7}
.k2-sec dl{margin:0;font-size:13.5px;line-height:1.6}.k2-sec dt{font-weight:600}.k2-sec dd{margin:0 0 8px;color:var(--mut)}
.k2-words{display:flex;flex-wrap:wrap;gap:6px}.k2-words span{font-size:12px;padding:3px 9px;border-radius:100px;background:var(--soft);border:1px solid var(--line)}

/* company header actions + Embed inner tabs (2026-10-21) */
.co-acts{display:flex;gap:8px;align-items:center}.btn.teal{background:#17727A;border-color:#17727A;color:#fff}.danger-tx{color:#C43D2C!important}
.subtabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:4px}.subtabs a{padding:8px 12px;font-size:13.5px;color:var(--mut);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.subtabs a.on{color:var(--tx);border-color:var(--tx);font-weight:600}
.part{display:flex;flex-direction:column;gap:12px}
.tog{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);cursor:pointer}.tog .sw{width:42px;height:24px;border-radius:12px;background:#B9C2C5;position:relative;flex:none;margin-top:2px;transition:background .15s}.tog .sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}.tog.on .sw{background:#17727A}.tog.on .sw i{left:21px}.tog .tl b{display:block;font-size:14px}.tog .tl small{color:var(--mut);font-size:12.5px;line-height:1.5;display:block}
.src{display:flex;flex-direction:column;gap:6px;font-size:13.5px}.src>b{font-size:13px}.src label{display:flex;gap:8px;align-items:baseline;cursor:pointer}.src small{color:var(--mut)}
.pfx{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--soft);padding:2px 6px;border-radius:6px}
.how summary{cursor:pointer;font-size:13.5px;font-weight:600}.how .pre{margin:8px 0 0}
.keybox{background:#FFF8EE;border-color:#E08A2E}.keybox code{word-break:break-all}

/* country / dial-code picker (full list + search, 2026-10-21) */
.pk{position:relative;min-width:0}.row .pk:first-child{min-width:0}
.pk-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font:inherit;font-size:13.5px;padding:0 10px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--tx);cursor:pointer;text-align:left}
.pk-btn:focus-visible{outline:2px solid var(--tx);outline-offset:1px}.pk-cur{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-flag{font-size:17px;line-height:1;flex:none}.pk-dial{color:var(--mut);font-variant-numeric:tabular-nums;font-size:12.5px}
.menu.pk-panel{padding:0;min-width:0;overflow:hidden}
.pk-search{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid var(--line);color:var(--mut)}.pk-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:13.5px;color:var(--tx);outline:none;padding:0}
.pk-list{max-height:240px;overflow:auto}.pk-row{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;cursor:pointer}.pk-row:hover,.pk-row.on{background:var(--soft)}.pk-row.sel .pk-name{font-weight:600}
.pk-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.pk-name small{color:var(--mut);font-size:12px;font-weight:400}
.pk-foot{padding:6px 12px;font-size:11.5px;border-top:1px solid var(--line)}.pk-none{padding:14px 12px;font-size:13px}

/* sources under assistant replies in the transcript (2026-10-21) */
.msgs .msg .src{display:block;color:var(--mut);font-size:11.5px;margin-top:2px}.msgs .msg .src a{color:var(--mut);text-decoration:underline;text-underline-offset:2px}

/* Farqad → Widget tab (2026-10-21): settings beside a sticky live preview */
.wg-wrap{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:18px;align-items:start;margin-top:14px}
.wg-main{min-width:0;display:flex;flex-direction:column;gap:14px}.wg-ro{margin:0;font-size:12.5px}
.wg-grp{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.wg-grp:first-child{border-top:0;padding-top:0}.wg-grp>b{font-size:13.5px;font-weight:600}.wg-grp>small{color:var(--mut);font-size:12.5px;margin-top:-6px}
.wg-sw{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.wg-sw>div{min-width:0;flex:1}.wg-sw b{display:block;font-size:13.5px;font-weight:600}.wg-sw small{color:var(--mut);font-size:12px}
.wg-sw i,.wg-swi{width:30px;height:30px;border-radius:9px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;display:block}.wg-swi{position:relative;overflow:hidden;cursor:pointer}.wg-swi input{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);opacity:0;cursor:pointer;border:0;padding:0}
.wg-hex,.wg-hexv{width:96px;height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:12.5px;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;color:var(--tx);background:var(--card);text-transform:uppercase;flex:none}.wg-hexv{display:inline-flex;align-items:center;color:var(--mut);border-style:dashed}.wg-hex:focus{outline:2px solid var(--tx);outline-offset:1px}
.f .wg-num{display:flex;align-items:center;gap:8px}.f .wg-num input{width:120px}.wg-num span{color:var(--mut);font-size:12.5px}
.wg-t input{width:100%;min-width:200px;font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--card);color:var(--tx)}.wg-t input:disabled{color:var(--mut);background:var(--soft)}.wg-t input:focus{outline:2px solid var(--tx);outline-offset:1px}.wg-t td{vertical-align:middle}.wg-t td b{white-space:nowrap}.wg-t td small{max-width:220px}
.wg-togs{display:flex;flex-direction:column;gap:10px}.wg-soon{cursor:default;opacity:.7}.wg-soon-note{font-size:12.5px;color:var(--mut);padding:8px 12px;border:1px dashed var(--line);border-radius:10px}
.wg-prev{position:sticky;top:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.wg-prev-h{display:flex;flex-direction:column;gap:8px}.wg-prev-h b{font-size:14px;font-weight:600}.wg-prev-h small{color:var(--mut);font-size:12px}.wg-prev .help{font-size:12px;color:var(--mut)}
.wg-seg{display:inline-flex;gap:2px;background:var(--soft);border:1px solid var(--line);border-radius:100px;padding:3px;width:max-content;max-width:100%;flex-wrap:wrap}.wg-seg a{padding:4px 11px;border-radius:100px;font-size:12.5px;color:var(--mut);cursor:pointer}.wg-seg a.on{background:var(--card);color:var(--tx);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.lnk{text-decoration:underline;text-underline-offset:2px}
@media (max-width:1100px){.wg-wrap{grid-template-columns:1fr}.wg-prev{position:static}}
/* the widget scene inside the preview: a light client site, always, with the widget's own tokens (set inline from the form) */
.w-scene{position:relative;height:560px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);--navy:#0B1B32;--dark:#041121;--orange:#FF951A;--orange2:#ff8400;--wline:#E7ECF3;--muted:#5f718b;--soft:#F4F6FA;--teal:#2FB5B3;--green:#27b26a;font-size:14.5px;line-height:1.6;color:var(--navy);color-scheme:light}
.w-scene.mob{width:330px;max-width:100%;margin:0 auto}
.w-site{position:absolute;inset:0;padding:28px 36px;opacity:.9}
.w-site .s-top{display:flex;gap:18px;align-items:center;margin-bottom:54px}.w-site .s-top i{height:10px;width:56px;border-radius:6px;background:#E7ECF3}
.w-site .s-top i.logo{width:92px;height:22px;border-radius:8px;background:#0B1B32}.w-site .s-top i.cta{margin-inline-start:auto;width:110px;height:32px;border-radius:100px;background:#0B1B32}
.w-site .s-h1{height:30px;width:62%;border-radius:8px;background:#0B1B32;opacity:.9;margin-bottom:12px}.w-site .s-h1.s{width:40%;background:#FF951A;opacity:.85}
.w-site .s-p{height:12px;width:54%;border-radius:6px;background:#E7ECF3;margin-top:14px}.w-site .s-p.s{width:38%}
.w-site .s-btns{display:flex;gap:10px;margin-top:28px}.w-site .s-btns i{width:140px;height:42px;border-radius:100px;background:#0B1B32}.w-site .s-btns i.g{background:#fff;border:1.5px solid #E7ECF3}
.w-site.mob{padding:18px 16px}.w-site.mob .s-top{margin-bottom:34px}.w-site.mob .s-top i:first-child{width:70px;height:18px;background:#0B1B32}
.w-site.mob .s-h1{width:80%}.w-site.mob .s-h1.s{width:55%}.w-site.mob .s-p{width:90%}.w-site.mob .s-card{height:120px;border-radius:16px;background:#F4F6FA;margin-top:24px}
.w-fab{position:absolute;bottom:24px;width:max-content}
.w-bub{position:absolute;bottom:0;width:230px;background:rgba(255,255,255,.94);border:1px solid #E7ECF3;border-radius:18px;padding:10px 12px;font-size:13px;line-height:1.5;box-shadow:0 12px 30px rgba(11,27,50,.16);color:var(--navy)}.w-bub b{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:2px}
.w-orb{--s:56px;width:var(--s);height:var(--s);border-radius:50%;position:relative;flex:none;background:radial-gradient(circle at 32% 28%,#e8fbfa 0,#7fd8d5 12%,var(--teal) 34%,#16607a 62%,var(--navy) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 8px 20px rgba(11,27,50,.28),0 0 14px rgba(47,181,179,.38)}
.w-orb::before{content:"";position:absolute;left:22%;top:12%;width:30%;height:16%;border-radius:50%;background:rgba(255,255,255,.75);filter:blur(1px)}
.w-orb svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.w-orb .eye{fill:var(--dark);transform-box:fill-box;transform-origin:center}.w-orb .mouth{stroke:var(--dark);stroke-width:2.2;stroke-linecap:round;fill:none}
.w-win{position:absolute;bottom:24px;width:380px;max-width:calc(100% - 16px);height:min(600px,calc(100% - 48px));background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(4,17,33,.35),0 0 0 1px rgba(11,27,50,.06);display:flex;flex-direction:column;overflow:hidden}
.w-win[dir=rtl]{left:24px}.w-win[dir=ltr]{right:24px}
.w-win.mob{left:10px;right:10px;bottom:10px;width:auto;max-width:none;height:calc(100% - 20px)}
.w-h{background:var(--navy);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px}
.w-h .t{flex:1;min-width:0}.w-h .t b{display:block;font-weight:700;font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-h .t span{font-size:12px;color:#b8c4d3;display:flex;align-items:center;gap:6px}
.w-h .t span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex:none}
.w-h .ic{display:flex;gap:4px}.w-h .ic button{background:rgba(255,255,255,.08);border:0;color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:default}
.w-b{flex:1;overflow:hidden;padding:16px 14px;display:flex;flex-direction:column;gap:10px}
.w-msg{display:flex;gap:8px;align-items:flex-end;max-width:78%;align-self:flex-start}
.w-msg .w-orb{box-shadow:0 2px 8px rgba(11,27,50,.25);margin-bottom:2px}.w-msg .w-orb::before{display:none}.w-msg .w-orb .mouth{d:path("M41 66 q9 8 18 0")}
.w-msg .t{margin:0;padding:10px 14px;border-radius:18px;font-size:14.5px;line-height:1.6;word-break:break-word}
.w-msg.bot .t{background:var(--soft);border:1px solid var(--wline)}.w-win[dir=rtl] .w-msg.bot .t{border-bottom-right-radius:4px}.w-win[dir=ltr] .w-msg.bot .t{border-bottom-left-radius:4px}
.w-meta{font-size:10.5px;color:var(--muted);font-family:'Futura',system-ui,sans-serif;direction:ltr;margin:-5px 6px 2px 0;align-self:flex-start}
.w-quick{display:flex;flex-wrap:wrap;gap:8px}.w-chip{background:#fff;border:1.5px solid var(--navy);color:var(--navy);border-radius:100px;padding:8px 14px;font-size:13.5px;font-weight:700;min-height:38px;display:inline-flex;align-items:center}.w-chip.sel{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.w-f{background:#fff;border-top:1px solid var(--wline);padding:10px 12px 8px}
.w-inp{display:flex;align-items:center;gap:8px;background:var(--soft);border-radius:24px;padding:4px 4px 4px 16px}.w-win[dir=rtl] .w-inp{padding:4px 16px 4px 4px}
.w-inp .ph{flex:1;color:#8fa1b8;font-size:14.5px;padding:9px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-inp button{width:40px;height:40px;flex:none;border-radius:50%;border:0;background:var(--navy);color:#fff;display:grid;place-items:center;padding:0;cursor:default}
.w-pow{text-align:center;font-size:11px;color:var(--muted);margin-top:8px}.w-pow a{font-weight:600;color:var(--navy);text-decoration:underline;text-decoration-color:rgba(11,27,50,.35);text-underline-offset:3px;display:inline-flex;align-items:center;gap:3px}.w-pow svg{width:13px;height:13px;opacity:.75}

/* Limits tab + Prices card (2026-10-22) */
.lm-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lm-tile{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}.lm-tile .h{display:flex;justify-content:space-between;align-items:center;gap:8px}.lm-tile .h b{font-size:13.5px;font-weight:600}
.lm-big{font-size:22px;font-weight:600;line-height:1.2}.lm-big small{font-size:12.5px;font-weight:400;color:var(--mut)}
.lm-bar{height:6px;border-radius:3px;background:var(--soft);overflow:hidden}.lm-bar i{display:block;height:100%;width:0;background:#17727A;border-radius:3px;transition:width .2s}.lm-bar i.warn{background:#E08A2E}
.lm-proj{font-size:12px;color:var(--mut);line-height:1.5}
.lm-sw{width:36px;height:20px;border-radius:10px;background:#B9C2C5;position:relative;flex:none;display:inline-block;cursor:pointer}.lm-sw i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}.lm-sw.on{background:#17727A}.lm-sw.on i{left:18px}.lm-sw:focus-visible{outline:2px solid var(--tx);outline-offset:1px}
.lm-in{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lm-tile .lm-in input,.f .lm-in input{width:120px;height:34px;border:1px solid var(--line);border-radius:9px;padding:0 10px;font:inherit;font-size:13.5px;background:var(--card);color:var(--tx)}.lm-tile .lm-in input{flex:1;min-width:0}.lm-in input:disabled{color:var(--mut);background:var(--soft)}.lm-in>span{font-size:12.5px;color:var(--mut)}
.lm-two{margin-top:4px}
.lm-warn{display:flex;gap:10px;align-items:flex-start;background:#FFF1E2;border:1px solid #E08A2E;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--tx)}.lm-warn svg{flex:none;margin-top:2px;color:#E08A2E}:root[data-theme="dark"] .lm-warn{background:rgba(242,166,78,.14)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lm-warn{background:rgba(242,166,78,.14)}}
.lm-t td,.lm-pt td{vertical-align:middle}.lm-t td b,.lm-pt td b{display:block;font-weight:600}.lm-t td small,.lm-pt td small{display:block;color:var(--mut);font-size:12px}
.lm-pin{display:inline-flex;align-items:center;gap:4px}.lm-pin span{color:var(--mut);font-size:12.5px}.lm-pin input,.f .lm-in .lm-pin input{width:84px;height:30px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:13px;background:var(--card);color:var(--tx)}.lm-pin input:disabled{color:var(--mut);background:var(--soft)}
.lm-src{font-size:11.5px;color:var(--mut);padding:2px 8px;border:1px solid var(--line);border-radius:99px;white-space:nowrap;display:inline-block}.lm-src.warn{color:#C43D2C;border-color:#C43D2C}
.lm-badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:99px;border:1px solid #E08A2E;color:#E08A2E;margin-left:6px;vertical-align:1px;white-space:nowrap}.lm-badge.reached{border-color:#C43D2C;color:#C43D2C}
@media (max-width:760px){.lm-tiles{grid-template-columns:1fr}}

/* Knowledge tab when the site owns the prompt (2026-10-22) */
.k2-note{font-size:13px;line-height:1.6;color:var(--mut);padding:10px 14px;border:1px dashed var(--line);border-radius:12px;margin-bottom:14px}.k2-note b{color:var(--tx)}
.k2-dim .k2-part{opacity:.5;pointer-events:none}

/* Site structure card (approved «ب», 2026-10-22) */
.r2-sub{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}.r2-h{display:flex;flex-direction:column;gap:2px}.r2-h b{font-size:13.5px;font-weight:600}.r2-h small{color:var(--mut);font-size:12px}
.r2-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}.r2-grp{border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}.r2-grp>b{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.r2-grp ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.r2-grp li{display:flex;flex-direction:column;font-size:13px;line-height:1.4;min-width:0}.r2-grp li em{font-style:normal;color:var(--mut);font-size:12.5px}.r2-grp li small{color:var(--mut);font-size:11.5px;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r2-ext{font-style:normal;display:inline-flex;align-items:center;gap:3px;border:1px solid #E08A2E;color:#E08A2E;border-radius:99px;padding:0 6px;font-family:'Noto Sans',system-ui,sans-serif;font-size:10.5px;vertical-align:1px}
.r2-t td{vertical-align:middle;font-size:13px}.tw .r2-t{min-width:560px}
.r2-add{display:grid;grid-template-columns:1fr auto;gap:8px}.r2-add input{height:36px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:13.5px;background:var(--card);color:var(--tx)}.r2-add input:focus{outline:2px solid var(--tx);outline-offset:1px}
.code .small{margin-left:auto;white-space:nowrap}
@media (max-width:760px){.r2-groups{grid-template-columns:1fr}}

/* company favicon (2026-10-22) */
.co-nm{display:flex;align-items:center;gap:10px;min-width:0}.co-nm>div{min-width:0}.co-ico{width:22px;height:22px;border-radius:6px;object-fit:contain;background:var(--soft);flex:none;vertical-align:-5px}.co-ico.lg{width:26px;height:26px;margin-right:8px;border-radius:7px}.co-ico.none{display:none}

/* تبويب Design (آدم 2026-10-22): الحقول يسارًا ومعاينة رأس النافذة يمينًا */
.dz-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.dz-fields{display:flex;flex-direction:column;gap:14px;min-width:0}.dz-acts{justify-content:flex-start;align-items:center;gap:12px}
.dz-prev{display:flex;flex-direction:column;gap:8px;min-width:0}
.dz-win{--navy:#0B1B32;--dark:#041121;--teal:#2FB5B3;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(4,17,33,.22),0 0 0 1px rgba(11,27,50,.08);font-family:'Thmanyah Sans','thmanyah sans','Tajawal',system-ui,sans-serif}
.dz-win .w-h{padding:12px 14px}.dz-win .w-t{min-width:0}.dz-win .w-t b{display:block;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-win .w-t span{font-size:11.5px;opacity:.85}
.dz-body{padding:12px;background:#F4F6FA;min-height:84px}.dz-bub{background:#fff;border-radius:14px;padding:9px 12px;font-size:12.5px;color:#0B1B32;line-height:1.6;box-shadow:0 1px 2px rgba(11,27,50,.08);max-width:88%}
.wg-sw .lnk{margin-left:auto;font-size:12px;color:var(--mut);text-decoration:underline;cursor:pointer;white-space:nowrap}
@media (max-width:820px){.dz-grid{grid-template-columns:1fr}}
.dz-col .wg-sw{align-items:center}.dz-col .wg-swi{width:30px;height:30px;border-radius:9px;flex:none;overflow:hidden;cursor:pointer}.dz-col .wg-swi input{width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.dz-col .wg-hex{width:104px;height:34px;flex:none;padding:0 10px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.dz-col .wg-sw>div{flex:1;min-width:0}.dz-col .wg-sw small{display:block}
.tabs a.dim{opacity:.4;cursor:not-allowed}

/* تبويب Destinations (دورة الوجهات، الخيار أ، 2026-10-22) */
.ds-row{display:grid;grid-template-columns:118px minmax(0,1fr) minmax(0,1fr) 150px auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-top:8px}.ds-row b{display:block;font-size:13.5px;font-weight:600}.ds-row small{display:block;color:var(--mut);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-row select{height:34px;border:1px solid var(--line);border-radius:9px;padding:0 8px;font:inherit;font-size:13px;color:var(--tx);background:var(--card)}.ds-acts{display:flex;gap:6px}
.ds-head{display:grid;grid-template-columns:118px minmax(0,1fr) minmax(0,1fr) 150px auto;gap:10px;padding:0 12px;font-size:11px;color:var(--mut);letter-spacing:.04em;text-transform:uppercase;margin-top:6px}
.ds-sug{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;color:var(--mut);font-size:13px;margin-bottom:10px}.ds-sug b{color:var(--tx)}.ds-sug small{direction:ltr;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ds-sug .btn{margin-left:auto}
.ds-foot{justify-content:flex-start;align-items:center;gap:10px;margin-top:14px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 9px;background:var(--soft);color:var(--tx);white-space:nowrap}.pill.wa{background:#E7F7EE;color:#0D6B3A}.pill.bk{background:#E3F2F3;color:#17727A}.pill.ln{background:#FFF1E2;color:#9A5A12}
:root[data-theme="dark"] .pill.wa{background:rgba(46,158,107,.18);color:#8FE0B4}:root[data-theme="dark"] .pill.bk{background:rgba(95,196,201,.14);color:#8FD9DD}:root[data-theme="dark"] .pill.ln{background:rgba(242,166,78,.14);color:#F2C27A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pill.wa{background:rgba(46,158,107,.18);color:#8FE0B4}:root:not([data-theme="light"]) .pill.bk{background:rgba(95,196,201,.14);color:#8FD9DD}:root:not([data-theme="light"]) .pill.ln{background:rgba(242,166,78,.14);color:#F2C27A}}
@media (max-width:820px){.ds-row,.ds-head{grid-template-columns:1fr 1fr}.ds-head{display:none}}

/* نافذة إضافة الشركة (الخيار ب، 2026-10-22) */
.dlg.ac{max-height:calc(100vh - 40px);overflow:auto}
.ac-kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ac-kind{border:1.5px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;background:var(--card)}.ac-kind.on{border-color:var(--tx);box-shadow:0 0 0 1.5px var(--tx) inset}.ac-kind b{font-size:13.5px}.ac-kind small{color:var(--mut);font-size:12px;line-height:1.45}
.ac-site{display:flex;gap:8px;align-items:center}.ac-site input{flex:1;min-width:0}
.ac-sec{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;margin-top:10px}.ac-sec>.h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.ac-sec>.h b{font-size:13.5px}.ac-sec>.h small{color:var(--mut);font-size:12px}.ac-sec>.h .lnk{font-size:12px;cursor:pointer;text-decoration:underline;color:var(--mut)}.ac-sec.off>*:not(.h){display:none}.ac-sec[hidden]{display:none}
.from{display:inline-block;font-size:10.5px;font-weight:700;color:#17727A;border:1px solid currentColor;border-radius:999px;padding:0 7px;margin-left:6px;vertical-align:middle;line-height:1.5}
:root[data-theme="dark"] .from{color:#8FD9DD}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .from{color:#8FD9DD}}
.ac-ico{display:flex;align-items:center;gap:8px;min-height:38px;font-size:12.5px}.ac-fav{width:24px;height:24px;border-radius:6px;object-fit:cover;flex:none}
.ac-spin{display:inline-block;width:12px;height:12px;border:2px solid var(--line);border-top-color:#17727A;border-radius:50%;animation:acspin .8s linear infinite;vertical-align:middle;margin-right:4px}@keyframes acspin{to{transform:rotate(360deg)}}
.three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.ok{color:var(--ok);font-weight:700}
@media (max-width:720px){.ac-kinds,.three{grid-template-columns:1fr}}

/* تبويب Models (2026-10-22) */
.md-prov{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:10px}.md-ph{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--soft);flex-wrap:wrap}.md-ph b{font-size:13.5px}.md-ph small{color:var(--mut);font-size:12px}.md-ph .sp{margin-left:auto;display:flex;gap:8px;align-items:center}
.md-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr) 96px 104px 110px 28px;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid var(--line)}.md-row b{display:block;font-size:13px;direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-row small{display:block;color:var(--mut);font-size:11.5px}.md-row input{width:100%;height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:12.5px;color:var(--tx);background:var(--card)}.md-del{color:var(--mut);text-align:center;cursor:pointer;text-decoration:none}
.md-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.7fr) 96px 104px 110px 28px;gap:10px;padding:8px 12px 2px;font-size:10.5px;color:var(--mut);letter-spacing:.04em;text-transform:uppercase}
.rchips{display:flex;gap:5px;flex-wrap:wrap}.rchip{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:2px 8px;color:var(--mut);cursor:pointer;background:var(--card);user-select:none}.rchip.on{background:var(--btn);color:var(--btn-tx);border-color:var(--btn)}.rchip.pool.on{background:#E3F2F3;color:#17727A;border-color:#17727A}
:root[data-theme="dark"] .rchip.pool.on{background:rgba(95,196,201,.14);color:#8FD9DD;border-color:#5FC4C9}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rchip.pool.on{background:rgba(95,196,201,.14);color:#8FD9DD;border-color:#5FC4C9}}
.md-add{padding:9px 12px;border-top:1px dashed var(--line);display:flex;gap:10px;align-items:center;color:var(--mut);font-size:12.5px}.md-add a{cursor:pointer;text-decoration:underline;color:var(--tx)}
.pk-list{max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:2px;margin-top:8px}.pk-list label{display:flex;gap:8px;align-items:center;font-size:13px;direction:ltr;padding:5px 6px;border-radius:8px;cursor:pointer}.pk-list label:hover{background:var(--soft)}.pk-list label[hidden]{display:none}
@media (max-width:820px){.md-row,.md-head{grid-template-columns:1fr 1fr}.md-head{display:none}}
.ac-steps{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px;font-size:12px;color:var(--mut)}.ac-steps span{padding:4px 10px;border-radius:999px;background:var(--soft)}.ac-steps span.on{background:var(--btn);color:var(--btn-tx);font-weight:600}.ac-steps span.done{color:var(--ok)}

/* تنبيه الحذف الأحمر (2026-10-22) */
.danger-box{background:#FDECEA;border:1px solid #E85C47;color:#8E2A1C;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.6;margin-top:6px}.danger-box b{color:inherit}.danger-box p{margin:6px 0 0}.danger-list{margin:6px 0 0;padding-left:18px}.danger-list li{margin:2px 0}
:root[data-theme="dark"] .danger-box{background:rgba(196,61,44,.18);border-color:#C43D2C;color:#F2B8AE}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .danger-box{background:rgba(196,61,44,.18);border-color:#C43D2C;color:#F2B8AE}}
.danger-t{color:#C43D2C}.btn.danger-solid[disabled]{opacity:.45;cursor:not-allowed}

/* رصيد المزوّدين (2026-10-22) */
.bal{font-weight:700;font-size:13.5px}.bal.bad{color:#C43D2C}td .st small,td small.st{display:inline-flex;margin-top:3px;font-size:11.5px}

/* ذاكرة الأجوبة (2026-10-23) */
.mem-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.mem-stats>div{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.mem-stats b{display:block;font-size:18px}.mem-stats small{color:var(--mut);font-size:12px}.mem-t td{vertical-align:top;font-size:13px;max-width:360px;white-space:pre-wrap}.mem-t td small{display:block;color:var(--mut);font-size:11.5px;white-space:normal}.mem-t tr.dim td{opacity:.55}.mem-badge{color:#17727A;font-weight:600}.tog-l{display:flex;gap:8px;align-items:center;font-size:13.5px;height:38px}
@media (max-width:720px){.mem-stats{grid-template-columns:1fr}}
.f .tog-l input[type=checkbox]{width:16px;height:16px;flex:none;padding:0;margin:0}

/* الطلب الجديد وشروط الدفع (الخيار ب، 2026-10-23) */
.no-steps{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px;font-size:12px;color:var(--mut)}.no-steps span{padding:4px 10px;border-radius:999px;background:var(--soft)}.no-steps span.on{background:var(--btn);color:var(--btn-tx);font-weight:600}.no-steps span.done{color:var(--ok)}
.no-seg{display:inline-flex;align-self:flex-start;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-width:100%;flex-wrap:wrap;margin:4px 0}.no-seg button{border:0;background:var(--card);color:var(--mut);font:inherit;font-size:13px;padding:8px 14px;cursor:pointer;border-right:1px solid var(--line)}.no-seg button:last-child{border-right:0}.no-seg button.on{background:var(--btn);color:var(--btn-tx);font-weight:600}
.row.no-wa{grid-template-columns:190px 1fr}@media (max-width:560px){.row.no-wa{grid-template-columns:1fr}}
.no-q{width:100%;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:13.5px;color:var(--tx);background:var(--card)}
.no-list{border:1px solid var(--line);border-radius:12px;margin-top:8px;max-height:220px;overflow:auto}.no-co{display:flex;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid var(--line);cursor:pointer;font-size:13.5px}.no-co:first-child{border-top:0}.no-co:hover{background:var(--soft)}.no-co.on{background:var(--soft);box-shadow:inset 3px 0 0 var(--tx)}.no-co small{margin-left:auto;color:var(--mut);font-size:12px}
.no-note{font-size:12.5px;color:var(--mut);border-left:3px solid #17727A;padding:6px 10px;background:var(--soft);border-radius:0 8px 8px 0;margin-top:10px}.no-note b{color:var(--tx)}
.no-chk{display:flex;gap:8px;align-items:center;font-size:13px;margin:10px 0 4px}.no-chk input{width:16px;height:16px}
.no-st td,.no-st th{font-size:12.5px;vertical-align:middle}.no-st input{width:100%;min-width:0;height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:12.5px;color:var(--tx);background:var(--card)}
.no-tot{font-size:12.5px;color:var(--mut);margin-top:8px;line-height:1.6}.no-tot b{color:var(--tx)}
.no-pay .acts{flex-wrap:nowrap;align-items:center}.no-pay .acts .btn{flex:none;white-space:nowrap}.no-pay .acts .help{flex:1;min-width:0;margin:0}.no-st td:nth-child(2),.no-st td:nth-child(3){white-space:nowrap}
@media (max-width:560px){.no-pay .acts{flex-wrap:wrap}.no-seg[data-terms]{display:grid;grid-template-columns:1fr;align-self:stretch}.no-seg[data-terms] button{border-right:0;border-top:1px solid var(--line);text-align:left}.no-seg[data-terms] button:first-child{border-top:0}}
.no-pay{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.no-ph{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.no-ph small{color:var(--mut);font-size:12px}
.np{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 8px;white-space:nowrap;background:var(--soft);color:var(--mut)}.np i{width:6px;height:6px;border-radius:50%;background:currentColor}.np.free{background:#E3F2F3;color:#17727A}.np.ok{background:#E7F7EE;color:#0D6B3A}.np.over{background:#FDECEA;color:#C43D2C}.np.soon{background:#FFF1E2;color:#9A5A12}
:root[data-theme="dark"] .np.free{background:rgba(95,196,201,.14);color:#8FD9DD}:root[data-theme="dark"] .np.ok{background:rgba(46,158,107,.18);color:#8FE0B4}:root[data-theme="dark"] .np.over{background:rgba(196,61,44,.18);color:#F2B8AE}:root[data-theme="dark"] .np.soon{background:rgba(242,166,78,.14);color:#F2C27A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .np.free{background:rgba(95,196,201,.14);color:#8FD9DD}:root:not([data-theme="light"]) .np.ok{background:rgba(46,158,107,.18);color:#8FE0B4}:root:not([data-theme="light"]) .np.over{background:rgba(196,61,44,.18);color:#F2B8AE}:root:not([data-theme="light"]) .np.soon{background:rgba(242,166,78,.14);color:#F2C27A}}
td small .np{margin-top:3px}

/* ---- Access: portal members (2026-10-31) — two actions per row, remove = red ---- */
.pa-acts{display:flex;gap:12px;white-space:nowrap}.pa-acts .lnk{cursor:pointer;font-weight:600;font-size:13px}

/* ---- design «ب» stage 1 (2026-10-31): sidebar collapse, phone tab bar, status pills ---- */
@media (min-width:761px){body.side-col .sh-side{width:68px;flex-basis:68px;padding:14px 10px;align-items:center}body.side-col .sh-logo{padding:0;justify-content:center}body.side-col .sh-brand,body.side-col .sh-side nav a span,body.side-col .nb,body.side-col .nd,body.side-col .sb-who,body.side-col .sb-acc>svg{display:none}
 body.side-col .sh-side nav{width:100%}body.side-col .sh-side nav a{justify-content:center;padding:10px 0}body.side-col .sh-side nav a.on::before{left:-10px}body.side-col .sh-bottom{width:100%;align-items:center}body.side-col .sb-acc{padding:4px;background:transparent;justify-content:center;width:100%}body.side-col .sb-acc .pop{right:auto;width:214px}body.side-col .sb-tg svg{transform:rotate(180deg)}}
.mtabs{display:none;position:fixed;left:0;right:0;bottom:0;background:var(--side);color:var(--side-mut);padding:8px 6px calc(10px + env(safe-area-inset-bottom,0px));z-index:8}.mtabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:500;padding:6px 0}.mtabs a.on{color:#FF9478;font-weight:600}
.st.new,.st.setup{background:var(--soft);color:var(--tx)}.st.bad{background:var(--warn-bg);color:var(--warn-tx)}.st.bad i{background:#C43D2C}
.menu,.pop{border-radius:14px}.btn.gh{border-color:var(--line)}.lm-tile{border-radius:var(--r2)}
.subtabs{border-bottom:0;gap:4px}.subtabs a{border:0;margin:0;border-radius:99px;padding:6px 12px}.subtabs a.on{background:var(--ink);color:var(--on-ink);border-color:transparent}
/* ---- Companies list, design «ب» stage 2 (approved ش2, 2026-10-31): four tiles + richer table ---- */
.cb-sub{font-size:12.5px;margin:4px 0 0}
.cb-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cb-tile{border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--card);border:1px solid var(--line)}
.cb-tile.t1{background:var(--tint1);border:0}.cb-tile.t2{background:var(--tint2);border:0}.cb-tile.t3{background:var(--tint3);border:0}.cb-tile.t4{background:var(--tint4);border:0}
.cb-th{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--tx)}
.cb-big{font-size:34px;font-weight:600;line-height:1.1;letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.cb-tile small{font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cb-sp{color:var(--acc);display:inline-flex;align-items:center;vertical-align:middle}.cb-tile .cb-sp{margin-top:2px}.cb-spark{display:block;max-width:100%}
.cb-split{display:flex;height:6px;border-radius:99px;overflow:hidden;gap:2px;margin-top:2px}.cb-split i{display:block;height:100%}
.cb-mo{display:inline-flex;align-items:center;gap:8px}.cb-mo b{display:inline!important}
.cb-rate{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;border-radius:99px;padding:2px 8px}.cb-rate.up{color:var(--ok-tx);background:var(--ok-bg)}.cb-rate.down{color:var(--warn-tx);background:var(--warn-bg)}
.cb-t td{white-space:nowrap}
@media (max-width:980px){.cb-tiles{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.cb-opt{display:none}.cb-t{min-width:0}.cb-tiles{grid-template-columns:1fr 1fr;gap:8px}.cb-tile{padding:12px 12px}.cb-big{font-size:27px}}
/* الجداول داخل البطاقات غير المحشوّة: حشو خفيف كما في العدّة (آدم 2026-10-31: الإطار المزدوج حول القائمة) */
.card:not(.pad)>.tw{padding:8px 10px 10px}.card:not(.pad)>.tbl{width:calc(100% - 20px);margin:8px 10px 10px}
@media (max-width:760px){.card:not(.pad)>.tw{padding:6px 6px 8px}.card:not(.pad)>.tbl{width:calc(100% - 12px);margin:6px 6px 8px}}
/* ---- company page, design «ب» stage 3 (approved ص2, 2026-10-31): sub-line under the name + left section list with state ---- */
.co-sub{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:13px;color:var(--mut);margin:-8px 0 0}.co-sub a{color:var(--tx)}.co-sub i{font-style:normal;opacity:.5}
.cp-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:start}
.cp-sub{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:8px;box-shadow:var(--sh);position:sticky;top:62px}
.cp-sub a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:var(--mut);cursor:pointer}.cp-sub a.on{background:var(--soft);color:var(--tx)}.cp-sub a:hover:not(.on):not(.dim){color:var(--tx)}.cp-sub a.dim{opacity:.45;cursor:not-allowed}.cp-sub a svg{flex:none}
.cp-sub a>span{display:flex;flex-direction:column;min-width:0}.cp-sub b{font-weight:600;font-size:13px}.cp-sub small{font-size:11px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#pane{min-width:0;display:flex;flex-direction:column;gap:14px}
@media (max-width:900px){.cp-grid{grid-template-columns:1fr}.cp-sub{flex-direction:row;overflow-x:auto;position:static;padding:6px;gap:4px;scrollbar-width:none}.cp-sub::-webkit-scrollbar{display:none}.cp-sub a{flex:none;padding:6px 10px;border-radius:99px}.cp-sub a.on{background:var(--ink);color:var(--on-ink)}.cp-sub small{display:none}.cp-sub a svg{display:none}}
#pane .lm-tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
/* ---- Farqad page, design «ب» stage 5 (approved ف2, 2026-10-31): role tiles + pool chips; section list as on the company page ---- */
.fq-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.fq-model{font-size:18px;font-weight:600;letter-spacing:-.01em;display:block;text-align:left;line-height:1.2;word-break:break-all}
.fq-pv{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--mut);background:var(--card);border-radius:99px;padding:2px 8px}.fq-pv i{width:7px;height:7px;border-radius:50%}
.cb-tile small.fq-warn{color:var(--warn-tx)}
.fq-chips{display:flex;flex-wrap:wrap;gap:8px}.fq-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:99px;background:var(--soft);font-size:12.5px}.fq-chip i{width:8px;height:8px;border-radius:50%;flex:none}.fq-chip b{font-weight:600}.fq-chip small{color:var(--mut)}.fq-chip.warn small{color:var(--warn-tx)}
@media (max-width:1400px){.cp-grid .wg-wrap{grid-template-columns:1fr}.cp-grid .wg-prev{position:static}}
.cp-grid>.grid,.cp-grid>#fq,.cp-grid>#fqw,.cp-grid>#pane{min-width:0}
.cp-grid>.grid{grid-template-columns:minmax(0,1fr)}.card.pad>.tw,.card.pad>.fq-chips{min-width:0}
/* ---- Settings, design «ب» stage 6 (approved س2, 2026-10-31): Maintenance as its own section with a status strip ---- */
.st-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--r);background:var(--tint1)}.st-strip.paused{background:var(--tint2)}.st-strip small{flex:1;min-width:220px;color:var(--tx);font-size:12.5px;line-height:1.6}
/* الإعدادات داخل قائمة الحساب (آدم 2026-11-01): لا رابط Settings في الشريط؛ صفّ الحساب يُضاء في صفحة الإعدادات */
.sb-acc.on{background:rgba(255,255,255,.16)}.pop .lbl{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);padding:6px 10px 2px;font-weight:600}
.pop a.ph{display:block;padding:6px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;border-radius:10px 10px 4px 4px}.pop a.ph b{display:block;font-weight:600}.pop a.ph small{color:var(--mut);font-size:12px;display:block}

/* الأرقام الكبيرة والخلايا الرقمية بعائلة Bricolage كاملة (حتى k وM بجانب الرقم) */
.cb-big,.lm-big,.big,.k-num,.cb-mo b,.bal,.np,.fq-chip small,.cb-tile small,.lm-proj,.lm-pin,.lm-badge,.cb-rate,.sh-side nav a .nb{font-family:'Bricolage Grotesque','FQ Digits','Plus Jakarta Sans','Noto Sans','Noto Sans Arabic',system-ui,sans-serif;font-variant-numeric:tabular-nums}
.cb-big,.lm-big,.big{font-weight:600;letter-spacing:-.01em}
/* أيقونات البلاطات أكبر وأوضح داخل مربّع فاتح (آدم 2026-11-01) */
.cb-tile .cb-th{gap:9px;font-size:13px}.cb-tile .cb-th>svg{width:32px;height:32px;padding:6px;box-sizing:border-box;border-radius:9px;background:rgba(255,255,255,.75);color:var(--ink);stroke-width:1.75;flex:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cb-tile .cb-th>svg{background:rgba(255,255,255,.1);color:var(--tx)}}:root[data-theme="dark"] .cb-tile .cb-th>svg{background:rgba(255,255,255,.1);color:var(--tx)}
/* قائمة الحساب: الأيقونة بجانب النصّ بفراغ وحجم ثابتين (آدم 2026-11-01؛ كانت قاعدة display:block القديمة تلغي الصفّ المرن) */
.pop>a{display:flex;align-items:center;gap:9px;padding:8px 10px}.pop>a>svg{width:17px;height:17px;flex:none;stroke-width:1.6}.pop>a.ph{display:block;padding:6px 10px 8px}
/* بلاطات Companies/Orders بصفوف موحّدة (آدم 2026-11-01): العنوان · الرقم · الرسم أو الشريط (ارتفاع ثابت) · الملاحظة */
.cb-tiles .cb-tile{display:grid;grid-template-rows:auto auto 36px auto;align-content:start;row-gap:6px}
.cb-tiles .cb-tile>.cb-sp,.cb-tiles .cb-tile>.cb-split,.cb-tiles .cb-tile>.lm-bar{align-self:end;margin:0}.cb-tiles .cb-tile>.cb-split,.cb-tiles .cb-tile>.lm-bar{margin-bottom:6px}.cb-tiles .cb-tile>.cb-sp .cb-spark{height:34px}
.cb-tiles .cb-tile>small{align-self:end}
/* الأزرار الأساسية بنمط زر «دخول» في صفحة الدخول (آدم 2026-11-01): تدرّج مرجاني فاتح، نص بترولي، كبسولة بظل خفيف */
.btn{background:linear-gradient(135deg,#FFB79B,#FF9478);color:#0E3B43;font-weight:700;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 22px -12px rgba(232,92,71,.55);transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(1.04)}.btn:active{transform:translateY(1px)}
.btn.gh{background:transparent;color:var(--tx);border:1px solid var(--line);box-shadow:none;font-weight:600}.btn.gh:hover{background:var(--soft);filter:none}
.btn.danger-solid{background:#C43D2C;color:#fff;box-shadow:none}.btn.teal{background:#17727A;color:#fff;box-shadow:none}.btn[disabled]{opacity:.5;filter:none;transform:none}
/* قائمة الشركات: كل صفّ بطاقة مستقلة ورأس أعمدة عادي، كمثال Recent Sales (آدم 2026-11-01) */
.cb-list{display:flex;flex-direction:column;gap:2px}.cb-lt{display:flex;align-items:center;gap:8px;padding:4px 4px 0}.cb-lt b{font-size:15px;font-weight:700}.cb-cnt{font-size:11.5px;font-weight:700;background:var(--soft);color:var(--tx);border-radius:99px;padding:1px 8px}
.tbl.rows{border-collapse:separate;border-spacing:0 10px;margin-top:-6px}
.tbl.rows th{background:transparent;padding:2px 16px 0;font-size:12px;letter-spacing:0;text-transform:none;color:var(--mut);font-weight:500;border-radius:0}
.tbl.rows td{background:var(--card);padding:13px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tbl.rows td:first-child{border-radius:16px 0 0 16px;border-left:1px solid var(--line)}.tbl.rows td:last-child{border-radius:0 16px 16px 0;border-right:1px solid var(--line)}
.tbl.rows tr[data-go]:hover td{background:var(--card)}
.tbl.rows .co-ico{width:38px;height:38px;border-radius:0;object-fit:contain;background:transparent}.tbl.rows .co-nm{gap:12px}.tbl.rows .co-nm b{font-size:14px}
.tbl.rows .cb-mo b{font-size:14px}
.btn.gh.ic{color:var(--tx);border-color:var(--line)}.btn.gh.ic:hover{background:var(--soft)}
/* قائمة الشركات: الأعمدة الرقمية في الوسط، وزر ⋮ عمودي بلا إطار (آدم 2026-11-01) */
.cb-t th.num,.cb-t td.num{text-align:center}
.btn.more{background:transparent;border:0;box-shadow:none;width:32px;height:32px;padding:0;color:var(--mut)}.btn.more:hover{background:transparent;color:var(--tx)}
/* أيقونات الشركات بلا خلفية ولا قصّ: الملف كما هو على البطاقة (آدم 2026-11-01، الخيار أ) */
.co-ico,.co-ico.lg{background:transparent;border-radius:0;object-fit:contain}.co-ico.lg{width:32px;height:32px}
/* قائمة الطلبات بصفوف البطاقات نفسها (آدم 2026-11-01) */
.ob-t td>b{font-size:14px}.ob-t .act{white-space:nowrap}
/* أيقونات باهتة: بحث الهيدر وقائمة صفحة الشركة أكبر وأغمق (آدم 2026-11-01) */
.hd-pill>svg{width:18px;height:18px;color:var(--tx);opacity:.75;flex:none}
.cp-sub a svg{width:20px;height:20px;color:var(--tx);opacity:.75;stroke-width:1.75}.cp-sub a.on svg{opacity:1}
/* بحث الهيدر المتمدّد (آدم 2026-11-01): أيقونة 36px، وعند الفتح حبّة 300px والنتائج تحتها */
.hd-srch{position:relative;display:flex;align-items:center;flex:none;box-sizing:border-box;width:36px;height:36px;border-radius:99px;border:1px solid transparent;transition:width .18s ease,background .18s,box-shadow .18s,border-color .18s}
.hd-srch .hd-sbtn{display:grid;place-items:center;width:34px;height:34px;flex:none;border:0;padding:0;background:transparent;color:var(--tx);opacity:.75;border-radius:99px;cursor:pointer}
.hd-srch .hd-sbtn:hover{background:var(--soft);opacity:1}
.hd-srch input{display:none;flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--tx);padding:0 12px 0 2px}
.hd-srch input::placeholder{color:var(--mut)}
.hd-srch.open{width:300px;max-width:60vw;background:var(--card);border-color:var(--line);box-shadow:var(--sh)}
.hd-srch.open input{display:block}.hd-srch.open .hd-sbtn{opacity:1;background:transparent}
.hd-res{position:absolute;top:calc(100% + 6px);right:0;width:100%;min-width:300px;max-width:calc(100vw - 28px);background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px -20px rgba(0,0,0,.35);padding:6px;z-index:40}
.hd-res[hidden]{display:none}
.hd-res a b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hd-res a small{min-width:0;flex:none}
/* زر الطيّ أسفل الشعار قليلًا في الحالتين المفتوحة والمطوية (آدم 2026-11-01): top 50px في القاعدة الأساسية */
/* مسافة بين الشعار والقائمة في الشريط الجانبي (آدم 2026-11-01) */
@media (min-width:761px){.sh-side>nav{margin-top:14px}}
/* صفوف القوائم: إطار أفتح وظل خفيف جدًا أسفل كل صف (آدم 2026-11-01) */
.tbl.rows td{border-color:var(--rowb);box-shadow:none}
.tbl.rows td:first-child,.tbl.rows td:last-child{border-color:var(--rowb)}
/* أدوات الهيدر (آدم 2026-11-01): المظهر، الجرس، الحساب، ثم البحث */
.hd-tools{display:flex;align-items:center;gap:2px;flex:none}
.hd-ib{position:relative;display:grid;place-items:center;width:36px;height:36px;border:0;padding:0;background:transparent;color:var(--tx);opacity:.75;border-radius:99px;cursor:pointer}
.hd-ib:hover{background:var(--soft);opacity:1}
.hd-ib .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:#E85C47;border:2px solid var(--bg)}
.hd-nt,.hd-ac{position:relative;display:flex;align-items:center}
.hd-av2{width:32px;height:32px;margin:0 4px;border-radius:50%;border:0;padding:0;background:var(--ink);color:var(--on-ink);font-weight:700;font-size:12px;letter-spacing:.02em;cursor:pointer;font-family:inherit}
.hd-av2:hover{filter:brightness(1.15)}
.hd-ac .pop,.hd-nt .pop{top:calc(100% + 8px);right:0;left:auto;width:250px;color:var(--tx)}
.hd-npop a{flex-direction:column;align-items:flex-start;gap:1px}
.hd-npop a b{font-weight:600;font-size:13px}.hd-npop a small{color:var(--mut);font-size:11.5px}
@media (max-width:760px){.hd-tools{gap:0}.hd-av2{margin:0 2px}}
/* سويتش المظهر المنزلق في الهيدر (آدم 2026-11-01) */
.hd-sw{position:relative;flex:none;width:54px;height:28px;margin:0 6px 0 4px;border-radius:99px;border:1px solid var(--line);background:var(--soft);padding:0;cursor:pointer;transition:background .2s,border-color .2s}
.hd-sw .sw-i{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;color:var(--mut);opacity:.7}
.hd-sw .sw-sun{left:3px}.hd-sw .sw-moon{right:3px}
.hd-sw .sw-k{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--card);color:var(--tx);display:grid;place-items:center;box-shadow:0 1px 3px rgba(14,59,67,.25);transition:transform .22s cubic-bezier(.4,0,.2,1)}
.hd-sw.dark{background:#17444D;border-color:#1F545E}
.hd-sw.dark .sw-k{transform:translateX(26px);background:#fff;color:#0E3B43}
.hd-sw.dark .sw-i{color:rgba(255,255,255,.7)}
.hd-sw:hover .sw-k{box-shadow:0 2px 6px rgba(14,59,67,.35)}
/* توحيد مقاسات أدوات الهيدر (آدم 2026-11-01): أزرار 36px بأيقونات 20px، سويتش 62×32 بمقبض 26px، صورة الحساب 36px */
.hd-srch .hd-sbtn{width:36px;height:36px}.hd-srch .hd-sbtn>svg,.hd-ib>svg{width:20px;height:20px}
.hd-sw{width:62px;height:32px;margin:0 6px}
.hd-sw .sw-i{width:26px;height:26px}.hd-sw .sw-sun{left:2px}.hd-sw .sw-moon{right:2px}
.hd-sw .sw-k{width:26px;height:26px}.hd-sw.dark .sw-k{transform:translateX(30px)}
.hd-av2{width:36px;height:36px;font-size:13px}
/* سويتش المظهر داخل قائمة الحساب (آدم 2026-11-01): Theme = سويتش + Auto */
.pop .th .th-ctl{display:flex;align-items:center;gap:8px}
.pop .th .hd-sw{margin:0}
.pop .th-auto{height:32px;padding:0 10px 0 8px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--mut);cursor:pointer;background:var(--soft);border:1px solid var(--line)}
.pop .th-auto:hover{color:var(--tx)}.pop .th-auto.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
/* هوفر صفوف القوائم (آدم 2026-11-01): بلا رمادي؛ الصف يبقى أبيض ويظهر تحته ظل عند التمرير فقط */
.tbl.rows tr[data-go]:hover td{background:var(--card);border-color:var(--rowb)}
.tbl.rows tr[data-go]:hover{filter:drop-shadow(0 8px 10px var(--rowsh))}
/* صفوف القوائم كشبكة (آدم 2026-11-01): الصف عنصر واحد يحمل الحدود والزوايا وظل التمرير، فلا حواف ولا فواصل في أي متصفح (ظل الفلتر على tr ظهر مؤطَّرًا في Firefox) */
.tbl.rows{display:block;border-spacing:0;margin-top:0;width:100%}
.tbl.rows thead{display:block}.tbl.rows tbody{display:flex;flex-direction:column;gap:10px}
.tbl.rows tr{display:grid;align-items:center}
.tbl.rows th,.tbl.rows td{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;border:0!important;border-radius:0;background:transparent;box-shadow:none}
.tbl.rows th{padding:2px 16px 6px}.tbl.rows td{padding:13px 16px}
.tbl.rows tbody tr{background:var(--card);border:1px solid var(--rowb);border-radius:16px;transition:box-shadow .15s}
.tbl.rows tbody tr[data-go]{cursor:pointer}
.tbl.rows tbody tr[data-go]:hover{filter:none;box-shadow:0 8px 14px -6px var(--rowsh)}
.tbl.rows tbody tr[data-go]:hover td{background:transparent}
.tbl.rows td.num,.tbl.rows th.num{align-items:center}
.tbl.rows td.act,.tbl.rows th:last-child{flex-direction:row;justify-content:flex-end;align-items:center;gap:6px}
.tbl.rows td[colspan]{grid-column:1/-1;align-items:flex-start}
.cb-t tr{grid-template-columns:minmax(220px,2.2fr) 1.1fr 1.2fr .7fr .7fr .7fr 1fr 52px}
.ob-t tr{grid-template-columns:1fr 1.7fr 1.3fr 1.1fr .9fr 220px}
@media (max-width:760px){.tbl.rows.cb-t{min-width:600px}.cb-t tr{grid-template-columns:minmax(230px,1.8fr) 1fr .7fr 1fr 44px}.tbl.rows .co-nm b{white-space:normal}.tbl.rows td{padding:11px 12px}.tbl.rows th{padding:2px 12px 4px}.tbl.rows th.cb-opt,.tbl.rows td.cb-opt{display:none}.cb-list .tw{overflow-x:auto;margin:0 -8px -14px;padding:0 8px 14px}}
/* القائمة داخل إطار كبطاقة بيضاء (آدم 2026-11-01): العنوان والرؤوس والصفوف داخل بطاقة بحدود --line على خلفية اللوحة الرمادية */
.cb-list{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 14px 12px}
.cb-list .cb-lt{padding:0 4px 8px}
.cb-list .tbl.rows tbody tr{border-color:var(--rowb)}
@media (max-width:760px){.cb-list{padding:10px 10px 8px}}
/* عنوان القائمة أكبر قليلًا (آدم 2026-11-01) */
.cb-lt b{font-size:17px}.cb-cnt{font-size:12px;padding:2px 9px}
.cb-list .cb-lt{padding:2px 4px 10px}
/* فلتر القائمة في صفّ العنوان (آدم 2026-11-01): حقل نص + قائمتا اختيار على شكل حبّات */
.cb-flt{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cb-q,.fsel{height:30px;border:1px solid var(--line);border-radius:99px;font:inherit;font-size:12.5px;color:var(--tx);background:var(--bg);outline:0}
.cb-q{padding:0 12px;width:170px}.cb-q::placeholder{color:var(--mut)}.cb-q:focus,.fsel:focus{border-color:var(--mut)}
.fsel{appearance:none;-webkit-appearance:none;padding:0 26px 0 12px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236F7C80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:12px}
.cb-lt{flex-wrap:wrap;row-gap:8px}
@media (max-width:760px){.cb-flt{margin-left:0;width:100%}.cb-q{flex:1;min-width:120px}}
/* ظل آخر صف كان يُقصّ بحاوية التمرير (آدم 2026-11-01): على الشاشات الواسعة لا قصّ، وعلى الهاتف حشو يتّسع للظل */
@media (min-width:761px){.cb-list .tw{overflow:visible}}
/* مسافة أوسع تحت صفّ العنوان والفلتر (آدم 2026-11-01) */
.cb-list .cb-lt{padding:4px 4px 18px}.cb-flt{gap:8px}
/* سويتش المظهر بثلاثة مواضع داخل قائمة الحساب (آدم 2026-11-01): تلقائي · فاتح · داكن، والمقبض ينزلق إلى المختار */
.th-sw3{position:relative;display:inline-grid;grid-template-columns:repeat(3,28px);height:32px;padding:2px;box-sizing:border-box;border-radius:99px;border:1px solid var(--line);background:var(--soft)}
.th-sw3 button{position:relative;z-index:1;width:28px;height:26px;border:0;padding:0;background:transparent;color:var(--mut);display:grid;place-items:center;cursor:pointer;border-radius:99px;font:inherit}
.th-sw3 button.on{color:var(--tx)}.th-sw3 button:hover{color:var(--tx)}
.th-sw3 .sw3-k{position:absolute;top:2px;left:2px;width:28px;height:26px;border-radius:99px;background:var(--card);box-shadow:0 1px 3px rgba(14,59,67,.25);transition:transform .22s cubic-bezier(.4,0,.2,1)}
.th-sw3.pos-1 .sw3-k{transform:translateX(28px)}.th-sw3.pos-2 .sw3-k{transform:translateX(56px)}
/* مقبض سويتش المظهر بلون الزر البرتقالي (آدم 2026-11-01) */
.th-sw3 .sw3-k{background:linear-gradient(135deg,#FFB79B,#FF9478);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 10px -4px rgba(232,92,71,.55)}
.th-sw3 button.on{color:#0E3B43}
/* سويتش المظهر أوسع (آدم 2026-11-01): خانات 34px بدل 28 */
.th-sw3{grid-template-columns:repeat(3,34px);height:34px}
.th-sw3 button{width:34px;height:28px}
.th-sw3 .sw3-k{width:34px;height:28px}
.th-sw3.pos-1 .sw3-k{transform:translateX(34px)}.th-sw3.pos-2 .sw3-k{transform:translateX(68px)}
/* أيقونة Theme في قائمة الحساب، بمحاذاة بقية البنود (آدم 2026-11-01) */
.pop .th{padding-left:10px}.pop .th .th-lbl{display:flex;align-items:center;gap:9px}
/* حقل نافذة Feedback (آدم 2026-11-01) */
.f textarea{width:100%;box-sizing:border-box;min-height:110px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:13.5px;line-height:1.55;color:var(--tx);background:var(--card);resize:vertical}
.f textarea:focus{outline:2px solid var(--tx);outline-offset:1px}
/* أيقونات رؤوس البلاطات: أكبر وبلا مربع أبيض (آدم 2026-11-01) */
.cb-tile .cb-th>svg,:root[data-theme="dark"] .cb-tile .cb-th>svg{width:24px;height:24px;padding:0;background:transparent;border-radius:0;stroke-width:1.6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cb-tile .cb-th>svg{background:transparent}}
.cb-tile .cb-th{gap:8px;font-size:13.5px}
/* أزرار رأس صفحة الشركة بالنمط الجديد (آدم 2026-11-01): Edit = الزر البرتقالي، Pause = حبّة حمراء خفيفة، Resume = بترولي */
.co-acts{display:flex;align-items:center;gap:8px}
.btn.soft-danger{background:#FDECEA;color:#C43D2C;border:0;box-shadow:none;font-weight:700}.btn.soft-danger:hover{background:#FADAD5}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.soft-danger{background:rgba(232,92,71,.16);color:#FF9B8A}}
:root[data-theme="dark"] .btn.soft-danger{background:rgba(232,92,71,.16);color:#FF9B8A}
.co-acts .btn.teal{border:0;font-weight:700}
.co-acts .btn svg{width:15px;height:15px}
/* القيم الرقمية كاملة بخط الأرقام (آدم 2026-11-01): رقم الطلب وتاريخه والمبلغ وتاريخ الانتهاء، وأعمدة الأرقام في قائمة الشركات (مع k) */
.ob-t td:first-child b,.ob-t td:first-child small,.ob-t td:nth-child(3) small,.ob-t td:nth-child(4),.cb-t td.num{font-family:'Bricolage Grotesque','FQ Digits','Plus Jakarta Sans','Noto Sans','Noto Sans Arabic',system-ui,sans-serif;font-variant-numeric:tabular-nums}
.ob-t td:first-child b{font-weight:600;letter-spacing:.01em}
/* الأزرار الثانوية بالنمط الجديد في كل اللوحة (آدم 2026-11-01): حبّة رمادية بلا إطار بدل الزر المحدَّد القديم؛ أزرار ⋮ تبقى شفافة */
.btn.gh{background:var(--soft);border:0;box-shadow:none;color:var(--tx);font-weight:700}
.btn.gh:hover{filter:brightness(.96)}
.btn.gh.ic{border:0}
.btn.more,.btn.more:hover{background:transparent;filter:none}
/* زر إغلاق النوافذ (آدم 2026-11-01): أيقونة X مرسومة بدل حرف × الذي لا يتوسّط، حبّة رمادية بلا إطار وبعيدة عن الزاوية المستديرة */
.dlg-x{top:16px;right:16px;width:32px;height:32px;border:0;background:var(--soft);color:var(--tx);opacity:.8}
.dlg-x:hover{opacity:1;filter:brightness(.96)}.dlg-x svg{display:block;stroke-width:1.8}
/* الشريط الجانبي منفصل كلوح عائم (آدم 2026-11-01): هامش حوله وزوايا مستديرة، على الشاشات الواسعة فقط */
@media (min-width:761px){
.sh-side{margin:12px 0 12px 12px;height:calc(100vh - 24px);top:12px;border-radius:22px;box-shadow:0 10px 30px -18px rgba(14,59,67,.45)}
.sh-side nav a.on::before{left:-8px;border-radius:3px}
body.side-col .sh-side nav a.on::before{left:-6px}
}
/* شعار الشريط الجانبي (آدم 2026-11-01): النجمة المجسّمة أكبر، وكلمة Farqad بخط الشعار الأصلي (farqad-wordmark-en-sidebar.svg = الكلمة الفاتحة بإطار مقصوص على الحروف) */
.sh-logo{gap:10px}
.sh-logo .mark{width:52px;height:52px}
.sh-brand .sh-word{display:block;height:28px;width:auto;margin:0 0 3px}
.sh-brand small{font-size:11px}
body.side-col .sh-logo .mark{width:44px;height:44px}
@media (max-width:760px){.sh-logo .mark{width:38px;height:38px}.sh-brand .sh-word{height:22px;margin-bottom:2px}.sh-brand small{font-size:10px}}
/* نجمة الشعار أكبر قليلًا (آدم 2026-11-01): 58px، والمطوي 46 */
.sh-logo .mark{width:58px;height:58px}body.side-col .sh-logo .mark{width:46px;height:46px}
@media (max-width:760px){.sh-logo .mark{width:40px;height:40px}}
/* كلمة Farqad أصغر قليلًا وDeveloper Console أكبر قليلًا (آدم 2026-11-01) */
.sh-brand .sh-word{height:25px;margin-bottom:4px}.sh-brand small{font-size:12px;letter-spacing:0}
.sh-brand{align-items:flex-start;flex:1;margin-left:0}.sh-brand .sh-word{align-self:flex-start;width:auto;max-width:none}   /* بلا تمدّد أفقي للكلمة: نسبة الصورة كما هي */
@media (min-width:761px){.sh-logo{padding-left:0}}
@media (max-width:760px){.sh-brand .sh-word{height:20px}.sh-brand small{font-size:11px}}
/* زر الطيّ أسفل الشعار بعد تكبيره (آدم 2026-11-01): في الفراغ بين الشعار والقائمة */
.sb-tg{top:78px}
@media (min-width:761px){body.side-col .sb-tg{top:61px}}   /* المطوي: الشعار أصغر فالفراغ أعلى */
/* زر الطيّ بخلفية اللوحة بدل البرتقالي (آدم 2026-11-01) */
.sb-tg{background:var(--bg);color:var(--tx);border:1px solid var(--line);box-shadow:none}
.sb-tg:hover{background:var(--card);color:var(--tx)}
/* زر الطيّ (آدم 2026-11-01): إطار دائري أوضح (أقل شفافية) وسهم أكبر قليلًا */
.sb-tg{width:28px;height:28px;right:-14px;top:77px;border:1.5px solid #C4C9C9}
.sb-tg svg{width:16px;height:16px;stroke-width:2}
@media (min-width:761px){body.side-col .sb-tg{top:60px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sb-tg{border-color:#3C6A72}}
:root[data-theme="dark"] .sb-tg{border-color:#3C6A72}
/* سهم زر الطيّ ظاهر (آدم 2026-11-01): خطّ الرسم في الملف 1.5 من 24 فيصير بكسلًا واحدًا؛ يُفرض من CSS على المسار نفسه */
.sb-tg svg{width:18px;height:18px}.sb-tg svg path{stroke-width:2.6px;stroke:currentColor}
/* زر الطيّ بلا إطار (آدم 2026-11-01): الخلفية بلون اللوحة وحدها */
.sb-tg,:root[data-theme="dark"] .sb-tg{border:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sb-tg{border:0}}
/* حالات متابعة الطلبات في صفحة الشركة (بوابة العملاء، الدورة 2، 2026-11-01): الألوان نفسها في البوابة */
.st.pp-new{background:#FFE3DA;color:#B4432E}.st.pp-new i{background:#E8836B}.st.pp-con{background:#E1EAFB;color:#2E5BB7}.st.pp-con i{background:#5B8DEF}
.st.pp-won{background:var(--ok-bg);color:var(--ok-tx)}.st.pp-lost{background:var(--soft);color:var(--mut)}.st.pp-lost i{background:#9AA5A8}
:root[data-theme="dark"] .st.pp-new{background:rgba(232,131,107,.18);color:#F7B3A2}:root[data-theme="dark"] .st.pp-con{background:rgba(91,141,239,.18);color:#A9C4F7}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .st.pp-new{background:rgba(232,131,107,.18);color:#F7B3A2}:root:not([data-theme="light"]) .st.pp-con{background:rgba(91,141,239,.18);color:#A9C4F7}}
/* ===== البريد الصادر: قسم Email في الإعدادات (اختيار آدم «أأب»، 2026-11-03) ===== */
.ml-pw{display:flex;align-items:center;justify-content:space-between;gap:10px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:13px;color:var(--mut)}
/* الوضع الداكن «ج» (اختيار آدم 2026-11-03): رمادي غامق محايد بدل الأزرق البترولي — الرموز في أعلى الملف، والألوان الثابتة صارت شفافة فوق أي رمادي */
/* القوائم بصفوف البطاقات في الوضع الداكن (آدم 2026-11-03): خلفية القسم (--sect) أغمق قليلًا من الصفوف حتى يُعرف كل صف؛ في الفاتح --sect = --card فلا يتغيّر شيء */
.cb-list{background:var(--sect)}
/* ===== وجه فرقد بدل النجمة أعلى الشريط (اختيار آدم «ب»، 2026-11-03؛ المعاينة face_preview.py): كرة صفحة الدخول ونافذة المحادثة، ترمش، وعيناها تتبعان المؤشر (app.js) ===== */
.sh-logo .mark.fq-orb{width:46px;height:46px}
body.side-col .sh-logo .mark.fq-orb{width:40px;height:40px}
@media (max-width:760px){.sh-logo .mark.fq-orb{width:34px;height:34px}}
.fq-orb{border-radius:50%;position:relative;display:inline-block;flex:none;background:radial-gradient(circle at 32% 28%,#EAFBFA 0,#8FDDD9 12%,#4FBDB8 34%,#17727A 62%,#0E3B43 100%);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 4px 10px rgba(0,0,0,.28),0 0 10px rgba(79,189,184,.35)}
.fq-orb::before{content:"";position:absolute;left:22%;top:12%;width:30%;height:16%;border-radius:50%;background:rgba(255,255,255,.75);filter:blur(.6px)}
.fq-orb svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.fq-orb .eyes{transition:transform .25s cubic-bezier(.34,1.4,.5,1)}
.fq-orb .eye{fill:#0E3B43;transform-box:fill-box;transform-origin:center;animation:fqo-blink 5.2s infinite}.fq-orb .eye.r{animation-delay:.08s}
.fq-orb .mouth{stroke:#0E3B43;stroke-width:2.6;stroke-linecap:round;fill:none}
@keyframes fqo-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@media (prefers-reduced-motion:reduce){.fq-orb .eye{animation:none}.fq-orb .eyes{transition:none}}
/* ===== حركة طيّ الشريط وفتحه (اختيار آدم «أ»، 2026-11-03؛ المعاينة sidebar_anim_preview.py): CSS فقط، خُمس ثانية بلا ارتداد.
   يتحرك عرض الشريط وحجم الوجه، وتختفي الكلمات بالشفافية بدل الإخفاء، والأيقونات بحشوة ثابتة فلا تقفز. side-anim تُضاف بعد استرجاع الحالة المحفوظة ===== */
@media (min-width:761px){
  .sh-brand{min-width:0;overflow:hidden}
  .sh-brand small,.sh-side nav a span{white-space:nowrap}
  .sh-side nav a span{min-width:0;overflow:hidden}
  body.side-col .sh-side{align-items:stretch}
  body.side-col .sh-logo{justify-content:flex-start;padding-left:4px;width:auto}
  body.side-col .sh-brand{display:flex;opacity:0}
  body.side-col .sh-side nav a{justify-content:flex-start;padding:8px 14px}
  body.side-col .sh-side nav a span{display:inline;opacity:0}
  body.side-anim .sh-side{transition:width .2s cubic-bezier(.2,.8,.2,1),flex-basis .2s cubic-bezier(.2,.8,.2,1),padding .2s cubic-bezier(.2,.8,.2,1)}
  body.side-anim .sh-logo{transition:padding .2s cubic-bezier(.2,.8,.2,1)}
  body.side-anim .sh-logo .mark.fq-orb{transition:width .2s cubic-bezier(.2,.8,.2,1),height .2s cubic-bezier(.2,.8,.2,1)}
  body.side-anim .sh-side nav a{transition:padding .2s cubic-bezier(.2,.8,.2,1)}
  body.side-anim .sh-brand,body.side-anim .sh-side nav a span{transition:opacity .18s ease .12s}
  body.side-anim.side-col .sh-brand,body.side-anim.side-col .sh-side nav a span{transition:opacity .1s ease}
  body.side-anim .sb-tg{transition:top .2s cubic-bezier(.2,.8,.2,1)}
  body.side-anim .sb-tg svg{transition:transform .2s cubic-bezier(.2,.8,.2,1)}
}
@media (prefers-reduced-motion:reduce){body.side-anim .sh-side,body.side-anim .sh-logo,body.side-anim .sh-logo .mark.fq-orb,body.side-anim .sh-side nav a,body.side-anim .sh-brand,body.side-anim .sh-side nav a span,body.side-anim .sb-tg,body.side-anim .sb-tg svg{transition:none!important}}
/* ===== نص الشريط بجانب الوجه بلا كلمة Farqad (اختيار آدم «ب»، 2026-11-03؛ المعاينة brandtext_preview.py): الكلمة الأولى عريضة بيضاء، والثانية تحتها أخفّ ===== */
.sh-brand.bt{justify-content:center;gap:1px;line-height:1.06}
.sh-brand.bt b{display:block;font-family:'Bricolage Grotesque','Plus Jakarta Sans',sans-serif;white-space:nowrap}
.sh-brand.bt .bt-1{font-size:20px;font-weight:700;color:var(--side-tx);letter-spacing:-.015em}
.sh-brand.bt .bt-2{font-size:17px;font-weight:500;color:var(--side-mut);letter-spacing:-.005em}
@media (max-width:760px){.sh-brand.bt .bt-1{font-size:17px}.sh-brand.bt .bt-2{font-size:14px}}
/* القوائم بصفوف البطاقات: عند الهوفر يصير الصف أغمق قليلًا بدل الظل (آدم 2026-11-03) */
.tbl.rows tbody tr{transition:background-color .15s}
.tbl.rows tbody tr[data-go]:hover{box-shadow:none;background:var(--rowh)}
/* نافذة «أضف» بلا رابط (اختيار آدم «أ2»، 2026-11-03): بطاقتان، كلمة المرور الآن أو دعوة بالبريد */
.ac-kinds.au-two{grid-template-columns:1fr 1fr}
.ac-kind.au-dis{opacity:.5;cursor:not-allowed}
.au-pw{display:flex;gap:6px;align-items:center}.au-pw input{flex:1;min-width:0;font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;letter-spacing:.02em}
.au-note{display:flex;gap:10px;align-items:flex-start;background:var(--soft);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.6;color:var(--tx);margin:0}.au-note svg{flex:none;margin-top:2px;color:var(--mut)}
.au-cred{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;background:var(--soft);border-radius:12px;padding:12px 14px;font-size:13px;margin:12px 0 4px}.au-cred span{color:var(--mut)}.au-cred b{font-weight:600;word-break:break-all}
@media (max-width:560px){.ac-kinds.au-two{grid-template-columns:1fr}}
/* بند «Your Farqad» القادم في شريط البوابة (اختيار آدم «أ»، 2026-11-03؛ المعاينة yourfarqad_preview.py): باهت بلا رابط، وعليه «Soon» تختفي حين يُطوى الشريط */
.sh-side nav a.yf-soon{opacity:.55;cursor:not-allowed}
.sh-side nav a.yf-soon:hover{background:transparent;color:var(--side-mut)}
.yf-tag{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;line-height:1.4}
body.side-col .yf-tag{display:none}
/* آخر المحادثات في الصفحة الرئيسية للبوابة (اختيار آدم «و»، 2026-11-03؛ المعاينة latestconv_preview.py): مثل قائمة تطبيقات المراسلة.
   الخط الفاصل مستقيم يبدأ من محاذاة النص (لا حدّ علوي على سطر مستدير الزوايا، فلا ينحني عند طرفيه).
   «ج» (2026-11-03؛ المعاينة msgpill_preview.py): تحت الوقت شارتان — خضراء لعدد الرسائل، ورمادية .lc-grey لمدة المحادثة */
.lc-list{display:flex;flex-direction:column}
.lc-w-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 10px;border-radius:12px;cursor:pointer;color:inherit;transition:background-color .15s}
.lc-w-row+.lc-w-row::before{content:'';position:absolute;left:64px;right:10px;top:0;height:1px;background:var(--rowb)}
.lc-w-row:hover,.lc-w-row:focus-visible{background:var(--rowh);outline:none}.lc-w-row:hover::before,.lc-w-row:hover+.lc-w-row::before{opacity:0}
.lc-w-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--mut)}
.lc-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.lc-main b{font-size:14.5px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-main small{color:var(--mut);font-size:12.5px}
.lc-w-side{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.lc-w-side small{font-size:12px;color:var(--mut);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.lc-pills{display:flex;gap:5px}
.lc-w-side em{font-style:normal;height:22px;padding:0 9px;border-radius:99px;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--tint1);color:var(--tx)}
.lc-w-side em.lc-grey{background:var(--soft);color:var(--mut)}
.lc-empty{margin:4px 4px 8px}
/* رأس الصفحة (اختيار آدم «أ» بحواف دائرية، 2026-11-03؛ المعاينة topbar_preview.py) — البوابة ولوحة الفريق:
   حقل البحث مفتوح دائمًا (أبيض، عدسة، نص إرشادي، شارة الاختصار) قبل الجرس، والجرس دائرة بيضاء بحدّ رفيع. على الهاتف ينزل الحقل سطرًا كاملًا تحت الرأس */
.hd>.hd-srch.fixed{margin-left:auto}
.hd-srch.fixed,.hd-srch.fixed.open{width:280px;max-width:none;height:40px;padding:0 5px 0 3px;border-radius:99px;background:var(--card);border-color:var(--line);box-shadow:none;transition:border-color .15s}
.hd-srch.fixed:focus-within{border-color:var(--mut)}
.hd-srch.fixed .hd-sbtn{width:32px;height:32px;opacity:1;color:var(--mut)}.hd-srch.fixed .hd-sbtn:hover{background:transparent;color:var(--tx)}
.hd-srch.fixed input{display:block;padding:0 8px 0 0}
.hd-kbd{flex:none;font:inherit;font-size:11px;font-weight:600;line-height:1;color:var(--mut);background:var(--soft);border-radius:99px;padding:5px 8px;letter-spacing:.02em;white-space:nowrap}
.hd-tools{gap:8px}
.hd-nt .hd-ib{width:40px;height:40px;background:var(--card);border:1px solid var(--line);opacity:1}
.hd-nt .hd-ib:hover{background:var(--card);border-color:var(--mut)}
.hd-nt .hd-ib .dot{top:9px;right:10px;border-color:var(--card)}
@media (max-width:760px){.hd{flex-wrap:wrap}.hd>.hd-srch.fixed{order:3;flex:1 0 100%;width:auto;margin:0}.sb-msearch{display:none}.hd-tools{gap:6px}.hd-nt .hd-ib{width:36px;height:36px}.hd-nt .hd-ib .dot{top:8px;right:9px}}
/* بلا إطارات (اختيار آدم «1» للبوابة 2026-11-03، ثم لوحة الفريق 2026-11-04): أقسام الصفحة البيضاء (.card و.cb-list) وحقل البحث والجرس في الرأس بلا إطار رمادي؛
   يعود حدّ خفيف عند الكتابة في البحث (focus-within) وعند المرور على الجرس (القواعد أعلاه أعلى أولوية) */
.card,.cb-list{border-color:transparent}
.hd-srch.fixed,.hd-nt .hd-ib{border-color:transparent}
/* قسم All companies بطاقات في شبكة (اختيار آدم «ب»، 2026-11-04؛ المعاينة cosection_preview.py): رأس بالشعار والاسمين والربط والموقع والحالة و⋮، وتحته أربعة أرقام؛ الموقوفة شعارها رمادي */
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px}
.cx-card{min-width:0;background:var(--sect,var(--card));border:1px solid var(--rowb);border-radius:16px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:background-color .15s}
.cx-card:hover,.cx-card:focus-visible{background:var(--rowh);outline:none}
.cx-h{display:flex;align-items:center;gap:11px;min-width:0}.cx-h .st{margin-left:auto;flex:none}.cx-h .more{flex:none}
.cx-ic{width:30px;height:30px;object-fit:contain;flex:none}.cx-ic.none{visibility:hidden}
.cx-nm{min-width:0}.cx-nm b{display:block;font-size:14.5px;font-weight:600;line-height:1.35}
.cx-nm small{display:block;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-div{display:inline-block;width:1px;height:.85em;background:var(--mut);opacity:.45;margin:0 9px;vertical-align:-1px}
.cx-stats{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:8px;padding-top:12px;border-top:1px solid var(--rowb)}
.cx-stats small{display:block;font-size:11px;color:var(--mut);margin-bottom:3px}.cx-stats b{font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.cx-cv{display:inline-flex;align-items:center;gap:10px}.cx-stats .lm-badge{display:inline-block;margin-top:4px}
.cx-card.off .cx-ic{filter:grayscale(1);opacity:.6}
.cx-empty{margin:4px 4px 8px}
@media (max-width:760px){.cx-grid{grid-template-columns:minmax(0,1fr)}.cx-stats{grid-template-columns:1fr 1fr;row-gap:10px}}
/* حذف الشركة والمحذوفة (اختيار آدم «أ»، 2026-11-04؛ المعاينة codelete_preview.py): «Delete company» في ⋮، ونافذة بتأكيد الاسم، والمحذوفة في فلتر الحالة */
.menu a.cd-i{display:flex;align-items:center;gap:8px}
.menu a.danger+a.danger{border-top:0;margin-top:0;padding-top:7px;border-radius:8px}
.cd-copy{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--tx);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;cursor:pointer;margin:2px 0 4px}
.cx-card.cd-gone{cursor:default;opacity:.85}.cx-card.cd-gone:hover{background:var(--sect,var(--card))}
.cd-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--mut);flex:none}
.st.cd-left{background:#FBE7E2;color:#B4432E}.st.cd-left i{background:#E85C47}
.cx-stats b.cd-plan{font-size:13px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .st.cd-left{background:rgba(232,92,71,.18);color:#F2A094}}
:root[data-theme="dark"] .st.cd-left{background:rgba(232,92,71,.18);color:#F2A094}
/* زجاج القوائم والنوافذ في اللوحتين (اختيار آدم «ب»، 2026-11-04؛ المعاينة glass_preview.py؛ وصفة موقع وكالة سهيل بشفافية أعلى):
   القوائم (⋮، الحساب، الجرس، نتائج البحث، لوحة الدول) أبيض 60% + ضبابية 24 + تشبّع 1.4 + إطار أبيض خفيف + ظل كحلي؛ خلف النوافذ طبقة كحلية خفيفة تضبّب الصفحة، والنافذة أبيض 78% */
.menu,.pop,.hd-res{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.6);box-shadow:0 34px 80px -30px rgba(11,27,50,.42)}
.menu a:hover,.pop a:hover,.hd-res a:hover{background:rgba(14,59,67,.07)}
.ov{background:rgba(11,27,50,.14);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}
.dlg{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.6)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .menu,:root:not([data-theme="light"]) .pop,:root:not([data-theme="light"]) .hd-res{background:rgba(42,42,42,.55);border-color:rgba(255,255,255,.1);box-shadow:0 34px 80px -30px rgba(0,0,0,.7)}
  :root:not([data-theme="light"]) .menu a:hover,:root:not([data-theme="light"]) .pop a:hover,:root:not([data-theme="light"]) .hd-res a:hover{background:rgba(255,255,255,.07)}
  :root:not([data-theme="light"]) .ov{background:rgba(0,0,0,.25)}:root:not([data-theme="light"]) .dlg{background:rgba(42,42,42,.72);border-color:rgba(255,255,255,.1)}}
:root[data-theme="dark"] .menu,:root[data-theme="dark"] .pop,:root[data-theme="dark"] .hd-res{background:rgba(42,42,42,.55);border-color:rgba(255,255,255,.1);box-shadow:0 34px 80px -30px rgba(0,0,0,.7)}
:root[data-theme="dark"] .menu a:hover,:root[data-theme="dark"] .pop a:hover,:root[data-theme="dark"] .hd-res a:hover{background:rgba(255,255,255,.07)}
:root[data-theme="dark"] .ov{background:rgba(0,0,0,.25)}:root[data-theme="dark"] .dlg{background:rgba(42,42,42,.72);border-color:rgba(255,255,255,.1)}
/* حقول النماذج (آدم 2026-11-04: «الحقول يجب أن تكون بجوانب دائرية، ولماذا الإطار الرمادي»): كبسولة بلا إطار رمادي وبخلفية خفيفة، والنص متعدد الأسطر بزوايا 18؛
   في النوافذ الزجاجية خلفيتها بيضاء شفافة؛ عند الكتابة تبقى حلقة التركيز كما هي */
.f input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),.f select,.pk-btn{border-radius:99px;border-color:transparent;background-color:var(--soft);padding-left:16px;padding-right:16px}
.f textarea{border-radius:18px;border-color:transparent;background-color:var(--soft);padding-left:16px;padding-right:16px}
.dlg .f input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),.dlg .f select,.dlg .f textarea,.dlg .pk-btn{background-color:rgba(255,255,255,.72)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dlg .f input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),:root:not([data-theme="light"]) .dlg .f select,:root:not([data-theme="light"]) .dlg .f textarea,:root:not([data-theme="light"]) .dlg .pk-btn{background-color:rgba(255,255,255,.07)}}
:root[data-theme="dark"] .dlg .f input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]),:root[data-theme="dark"] .dlg .f select,:root[data-theme="dark"] .dlg .f textarea,:root[data-theme="dark"] .dlg .pk-btn{background-color:rgba(255,255,255,.07)}
/* التركيز والمرور بلا إطار رمادي (آدم 2026-11-04: «الإطارات عند الفوكس ترجع رمادية كما كانت»): الحقل يبيضّ وتحيط به حلقة فيروزية خفيفة بلون فرقد؛
   ومثله حقل البحث في الرأس والفلاتر (صارت بلا إطار وبخلفية خفيفة)؛ والمرور على الجرس يغيّر الخلفية بدل الإطار */
.f input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):focus,.f select:focus,.f textarea:focus,.pk-btn:focus-visible,.cb-q:focus,.fsel:focus,.ta:focus{outline:none;border-color:transparent;background-color:var(--card);box-shadow:0 0 0 3px rgba(79,189,184,.28)}
.dlg .f input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):focus,.dlg .f select:focus,.dlg .f textarea:focus{background-color:#fff}
.cb-q,.fsel{border-color:transparent;background-color:var(--soft)}
.hd-srch.fixed:focus-within,.hd-srch.fixed.open{border-color:transparent}.hd-srch.fixed:focus-within{box-shadow:0 0 0 3px rgba(79,189,184,.28)}
.hd-nt .hd-ib:hover{border-color:transparent;background:var(--rowh)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dlg .f input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):focus,:root:not([data-theme="light"]) .dlg .f select:focus,:root:not([data-theme="light"]) .dlg .f textarea:focus{background-color:rgba(255,255,255,.12)}}
:root[data-theme="dark"] .dlg .f input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]):focus,:root[data-theme="dark"] .dlg .f select:focus,:root[data-theme="dark"] .dlg .f textarea:focus{background-color:rgba(255,255,255,.12)}
/* رسوم البلاطات (البوابة «أ» 2026-11-04 tilechart_preview.py، ولوحة الفريق «ب» 2026-11-04 teamtiles_preview.py): بعرض صندوق المحتوى بين الرقم والسطر الصغير؛
   المحادثات خط ومساحة، الزوار أعمدة، التقييمات نقاط أحداث، الاستهلاك تراكمي وخط متقطع عند الحدّ؛ حركة دخول عند فتح الصفحة */
.tc-chart{position:relative;margin:2px 0;height:36px}
.tc-svg{display:block;width:100%;height:100%;overflow:visible}
.t1 .tc-chart{color:#17727A}.t2 .tc-chart{color:#E0664C}.t3 .tc-chart{color:#B07E1F}.t4 .tc-chart{color:#3E6B78}
.tc-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.tc-bar{fill:currentColor;opacity:.75}.tc-bar.tc-zero{opacity:.2}
.tc-dots{position:absolute;inset:0}.tc-base{position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;opacity:.3}
.tc-ev{position:absolute;width:8px;height:8px;border-radius:50%}.tc-ev.up{background:#2E9E6B}.tc-ev.down{background:#E5484D}
.tc-limlbl{position:absolute;right:0;top:-3px;font-size:10px;font-weight:600;color:var(--mut);line-height:1}
.tc-play .tc-line{stroke-dasharray:1;stroke-dashoffset:1;animation:tcdraw 1s cubic-bezier(.4,0,.2,1) forwards}
.tc-play .tc-area{opacity:0;animation:tcfade .6s .45s ease-out forwards}
.tc-play .tc-dot{transform:scale(0);animation:tcpop .35s .95s cubic-bezier(.34,1.56,.64,1) forwards}
.tc-play .tc-ev{transform:scale(0);animation:tcpop .3s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(.15s + var(--i) * 50ms)}
.tc-play .tc-bar{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);animation:tcgrow .5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--i) * 40ms)}
@keyframes tcdraw{to{stroke-dashoffset:0}}@keyframes tcfade{to{opacity:1}}@keyframes tcpop{to{transform:scale(1)}}@keyframes tcgrow{to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.tc-play .tc-line,.tc-play .tc-area,.tc-play .tc-dot,.tc-play .tc-ev,.tc-play .tc-bar{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .t1 .tc-chart{color:#5FC7C1}:root:not([data-theme="light"]) .t2 .tc-chart{color:#F2907A}:root:not([data-theme="light"]) .t3 .tc-chart{color:#E1B256}:root:not([data-theme="light"]) .t4 .tc-chart{color:#8FB3C0}:root:not([data-theme="light"]) .tc-dot{box-shadow:0 0 0 3px rgba(0,0,0,.35)}}
:root[data-theme="dark"] .t1 .tc-chart{color:#5FC7C1}:root[data-theme="dark"] .t2 .tc-chart{color:#F2907A}:root[data-theme="dark"] .t3 .tc-chart{color:#E1B256}:root[data-theme="dark"] .t4 .tc-chart{color:#8FB3C0}:root[data-theme="dark"] .tc-dot{box-shadow:0 0 0 3px rgba(0,0,0,.35)}
@media (max-width:760px){.tc-chart{height:30px}}
/* لوحة الفريق «ب»: شريط تركيب الشركات (نافذة محادثة / API / موقوفة) */
.tc-split{position:absolute;left:0;right:0;top:50%;height:10px;margin-top:-5px;display:flex;gap:2px;border-radius:99px;overflow:hidden}.tc-split i{display:block}
.tc-play .tc-split{transform-origin:left;transform:scaleX(0);animation:tcwide .8s .1s cubic-bezier(.4,0,.2,1) forwards}@keyframes tcwide{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.tc-play .tc-split{animation:none;transform:none}}
/* قسم All companies صفوف عريضة (اختيار آدم «ب»، 2026-11-04؛ المعاينة coslist_preview.py): هوية الشركة، رسم 14 يومًا بلون الشركة، أربعة أرقام بعناوين، الحالة وآخر محادثة؛ عدّاد وقائمة ترتيب في الرأس */
.cl-count{font-size:12px;font-weight:700;background:var(--soft);color:var(--mut);border-radius:99px;padding:2px 8px;margin-left:2px}
.cl-list{display:flex;flex-direction:column}
.cl-row{position:relative;display:grid;grid-template-columns:minmax(200px,280px) 326px minmax(260px,1fr) auto auto auto;align-items:center;gap:22px;padding:14px 10px;border-radius:14px;color:inherit;cursor:pointer;transition:background-color .15s}
.cl-row+.cl-row::before{content:'';position:absolute;left:56px;right:10px;top:0;height:1px;background:var(--rowb)}
.cl-row:hover,.cl-row:focus-visible{background:var(--rowh);outline:none}.cl-row:hover::before,.cl-row:hover+.cl-row::before{opacity:0}
.cl-id{display:flex;align-items:center;gap:12px;min-width:0}.cl-id .cx-ic{width:36px;height:36px}.cl-id>div{min-width:0}
.cl-id b{display:block;font-size:14.5px;font-weight:600;line-height:1.3}.cl-id b bdi{white-space:nowrap}.cl-id small{display:block;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.cl-chart{position:relative;height:30px;margin-right:26px}.cl-chart .tc-svg{display:block;width:100%;height:100%}   /* فراغ 26px بعد الرسم قبل عمود Chats، والعمود 326=300+26 حتى يبقى الرسم بطوله (آدم 2026-11-04) */.cl-chart small{position:absolute;right:0;top:-14px;font-size:10px;color:var(--mut)}
.cl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}   /* الأعمدة الأربعة موزّعة بالتساوي في مساحتها (آدم 2026-11-04) */
.cl-stat small{display:block;font-size:11px;color:var(--mut);letter-spacing:.02em;text-transform:uppercase;margin-bottom:2px}
.cl-stat b{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:4px}
.cl-end{text-align:right}.cl-end small{display:block;font-size:11.5px;color:var(--mut);margin-top:4px}.cl-end .lm-badge{display:block;margin-top:4px}
.cl-chev{color:var(--mut);display:grid;opacity:0;transition:opacity .15s}.cl-row:hover .cl-chev{opacity:1}
.cl-row.off .cx-ic{filter:grayscale(1);opacity:.6}
@media (max-width:1380px){.cl-row{grid-template-columns:minmax(180px,240px) 246px minmax(220px,1fr) auto auto auto;gap:16px}.cl-stats{gap:12px}}   /* شاشات متوسطة: رسم أضيق وأرقام أقرب حتى لا يفيض الصف */
@media (max-width:760px){.cl-row{grid-template-columns:1fr auto;gap:10px 12px}.cl-row .more{grid-column:2;grid-row:1}.cl-chart{grid-column:1/-1;height:26px;margin-right:0}.cl-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px}.cl-end{grid-column:1/-1;text-align:left}.cl-chev{display:none}.cl-row+.cl-row::before{left:10px}}

/* ---- محوّل الفترة في الرأس (اختيار آدم «ب»، 2026-11-06؛ المعاينة period_preview.py): كبسولة بيضاء بأيقونة تقويم والفترة وسهم قبل حقل البحث، وقائمة زجاجية بالفترات وCustom range ---- */
.pd-dd{position:relative;flex:none;margin-left:auto}.hd>.pd-dd:not([hidden])~.hd-srch.fixed{margin-left:0}
.pd-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 11px 0 13px;border:0;border-radius:99px;background:var(--card);color:var(--tx);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s}
.pd-btn>svg{flex:none;color:var(--mut)}.pd-btn>svg:first-child{color:var(--tx)}
.pd-btn:hover{background:var(--rowh)}.pd-btn:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(79,189,184,.28)}
.pd-menu{width:212px}
.pd-menu a{display:flex;align-items:center;justify-content:space-between;gap:8px}.pd-menu a.on{font-weight:600}.pd-menu a.on svg{color:var(--ok)}
.pd-menu .pd-cst{border-top:1px solid var(--line);margin-top:4px;padding-top:9px;border-radius:0 0 8px 8px}
.pd-range{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 4px 2px}.pd-range[hidden]{display:none}
.pd-range small{display:block;font-size:11px;color:var(--mut);margin:0 0 3px 8px}
.pd-range input{width:100%;height:32px;border:0;border-radius:99px;background:var(--soft);padding:0 10px;font:inherit;font-size:12.5px;color:var(--tx);box-sizing:border-box;outline:0}
.pd-range input:focus{box-shadow:0 0 0 3px rgba(79,189,184,.28)}
.pd-apply{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:4px 0 2px}.pd-err{font-size:11.5px;color:var(--warn);margin-right:auto}
@media (max-width:760px){.hd>.pd-dd{order:4;margin:0}.hd>.hd-srch.fixed{flex:1 1 calc(100% - 170px);width:auto;min-width:0}.pd-btn{height:38px}.pd-btn span{max-width:96px;overflow:hidden;text-overflow:ellipsis}}   /* الهاتف: الحقل ينزل إلى السطر الثاني (قاعدته أقل من السطر الأول بقدر الكبسولة) والكبسولة بجانبه */