/* ZALAKH SYSTEM v69.0 — the whole stylesheet (was the <style> block of the single-file app) */
:root{--ink:#1A1A1A;--gold:#C9A227;--dgold:#8A6B1C;--cream:#FBF7EC;--bg:#eef0f4;--line:#e3e6ec;--panel:#fff;--side:#141414}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI','Tahoma',sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}
.hide{display:none!important}button{font-family:inherit;cursor:pointer}a{cursor:pointer}
#login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at 50% 25%,#221a09,#0b0a06)}
.lcard{background:#fff;border-radius:16px;padding:36px 30px;width:100%;max-width:380px;box-shadow:0 12px 44px rgba(0,0,0,.45);text-align:center}
.wm{font-family:'Georgia',serif;letter-spacing:.30em;font-size:30px}.wm b{color:#F2C230;font-weight:700;text-shadow:0 0 12px rgba(242,194,48,.6)}
.wms{color:var(--dgold);font-size:10px;letter-spacing:.26em;margin:3px 0 2px}.wmai{color:var(--gold);font-size:10px;letter-spacing:.34em;margin-bottom:22px}
#login input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;margin:7px 0;font-size:15px;font-family:inherit}
#login input:focus{outline:none;border-color:var(--gold)}
#login .pwrap{position:relative;display:block}#login .pwrap input{padding-inline-end:44px}#login .eye{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:10px;background:none;border:0;cursor:pointer;font-size:17px;opacity:.55;padding:4px;line-height:1}#login .eye:hover{opacity:1}#login .pwrap.hide{display:none}
.gbtn{background:linear-gradient(180deg,#FFD24A,#C9A227);color:#0d0d0d;border:none;border-radius:10px;padding:13px;width:100%;font-size:15px;font-weight:700;margin-top:10px}
.err{color:#b3471f;font-size:13px;margin-top:10px;min-height:18px}#login .ok{color:#2d7a3e;font-size:13px;margin-top:4px;line-height:1.6}
.lmode{display:flex;gap:4px;margin:14px 0 6px;background:#f3efe4;border-radius:10px;padding:3px}.lmode button{flex:1;border:none;background:none;padding:8px;border-radius:8px;font-family:inherit;font-size:13px;color:#8a8272;cursor:pointer}.lmode button.on{background:#fff;color:#0d0d0d;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.lfor{display:block;margin-top:10px;font-size:12.5px;color:#8a8272;text-decoration:underline;cursor:pointer}
.subbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 22px;font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}
.subbar.trial{background:#EEF6FF;color:#1c4f8a}.subbar.warn{background:#FFF6DF;color:#7a5a00}.subbar.bad{background:#FDECEA;color:#9b2c1f}
.subbar .mini{white-space:nowrap}
.arow .day{direction:ltr;unicode-bidi:isolate}
/* R44: the three layers — anything tagged data-mod disappears when the layer is not in the company's plan */
body.no-gov [data-mod="gov"],body.no-auto [data-mod="automotive"],body.no-inv [data-mod="inventory"]{display:none!important}
#navNews{position:relative}#navNews .nb{position:absolute;inset-inline-end:14px;top:8px;background:#c0392b;color:#fff;font-size:10px;border-radius:10px;padding:1px 6px;min-width:18px;text-align:center}#navNews .nb.z{display:none}
.nwHead{background:linear-gradient(135deg,#141210,#2a2416);color:#F7F2E4;border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.nwHead h1{margin:0;font-size:22px;letter-spacing:.02em}.nwHead .sub{color:#E4BE55;font-size:12px;margin-top:4px}.nwHead .st{display:flex;gap:8px;flex-wrap:wrap}.nwHead .st span{background:rgba(255,255,255,.08);border:1px solid rgba(228,190,85,.35);border-radius:999px;padding:4px 11px;font-size:12px}
.nwBar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.nwBar .f{margin:0}
.nwChips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.nwChip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:12.5px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.nwChip.on{background:#141210;color:#F7F2E4;border-color:#141210}.nwChip b{font-weight:800}.nwChip .cnt{background:rgba(0,0,0,.08);border-radius:999px;padding:0 7px;font-size:11px}.nwChip.on .cnt{background:rgba(255,255,255,.18)}
.nwGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.nwCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;position:relative;transition:box-shadow .15s}.nwCard:hover{box-shadow:0 6px 22px rgba(20,18,16,.08)}.nwCard.rd{opacity:.6}.nwCard.hi{border-color:#e3b23c;box-shadow:inset 3px 0 0 #e3b23c}
.nwAv{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex:none;letter-spacing:.02em}
.nwTop{display:flex;gap:10px;align-items:flex-start}.nwTop .t{flex:1;min-width:0}.nwTop .t b{display:block;font-size:14.5px;line-height:1.5;cursor:pointer}.nwTop .t b:hover{color:#8A6B1C}
.nwMeta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:11.5px;color:#8a8272}.nwMeta .pill{font-size:10.5px}
.nwSum{background:#FBF7EC;border-radius:10px;padding:8px 11px;font-size:12.8px;line-height:1.7}.nwSum.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nwAct{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.nwAct .mini{padding:3px 8px}
.nwDay{grid-column:1/-1;font-size:12px;color:#8A6B1C;font-weight:800;margin:6px 2px -4px;letter-spacing:.04em}
.nwBadge{border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:800}.nwBadge.hi{background:#fde8e3;color:#b3471f}.nwBadge.mid{background:#fff3d6;color:#8A6B1C}
.nwTopBox{background:linear-gradient(180deg,#fff9e8,#fff);border:1px solid #eadfc4;border-radius:14px;padding:12px 16px;margin-bottom:12px}.nwTopBox h3{margin:0 0 6px;font-size:13.5px;color:#8A6B1C}.nwTopBox a{display:block;padding:5px 0;border-bottom:1px dashed #eadfc4;cursor:pointer;font-size:13px}.nwTopBox a:last-child{border-bottom:none}
.nwEmpty{text-align:center;padding:40px 12px;color:#8a8272}.nwEmpty .big{font-size:44px}
@media print{.nwHead,.nwBar,.nwChips,.nwAct{display:none}}
.cupub{max-width:760px;margin:0 auto;min-height:100vh;background:var(--bg)}.cupub .nwHead{margin:0}.cupub .frow{flex-wrap:wrap}.cupub .nwCard{margin:0 0 10px}
.newsit{padding:10px 12px;border-bottom:1px solid var(--line)}.newsit:last-child{border-bottom:none}.newsit b{display:block}.newsit small{color:#8a8272}.newsit.rd{opacity:.55}.newsit .sum{background:#FBF7EC;border-radius:8px;padding:6px 10px;margin-top:6px;font-size:12.5px}
.lyr{display:inline-block;font-size:10px;padding:1px 7px;border-radius:10px;background:#EEECE5;color:#6b665c;vertical-align:middle;margin-inline-start:6px}
.pill.p-trial{background:#E3F0FF;color:#1c4f8a}.pill.p-act{background:#E4F5E8;color:#1f6b35}.pill.p-bad{background:#FDE3E0;color:#9b2c1f}.pill.p-off{background:#EEECE5;color:#6b665c}.llang{margin-top:14px;font-size:12px;color:#8a8272;background:none;border:none;text-decoration:underline}
#app{display:flex;min-height:100vh}
.side{width:230px;background:var(--side);color:#e9e4d6;display:flex;flex-direction:column;flex-shrink:0}
.side .brand{padding:20px 18px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}
.side .brand .wm{font-size:22px}.side .brand .wm b{color:#FFC93C;text-shadow:0 0 10px rgba(255,201,60,.8)}
.side .brand .wms{font-size:9px;color:#E4BE55;font-weight:700}.side .brand .wmai{font-size:9px;margin-bottom:0;color:#FFC93C;font-weight:700}
.nav{padding:12px 8px;flex:1}
.nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;color:#cfc9ba;text-decoration:none;font-size:14.5px;margin:2px 0}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav a.on{background:linear-gradient(90deg,rgba(201,162,39,.22),transparent);color:#fff;font-weight:700;box-shadow:inset 3px 0 0 var(--gold)}
html[dir=ltr] .nav a.on{box-shadow:inset -3px 0 0 var(--gold)}
.nav .ico{width:20px;text-align:center}
.side .foot{padding:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:8px}
.side .foot button{flex:1;background:rgba(255,255,255,.08);color:#e9e4d6;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px;font-size:12.5px}
.main{flex:1;min-width:0}
.top{background:#fff;border-bottom:1px solid var(--line);padding:14px 22px;display:flex;justify-content:space-between;align-items:center}
.top h1{font-size:19px;font-weight:800}.top .who{font-size:12.5px;color:#8a8272}
.content{padding:22px;max-width:1150px;margin:0 auto}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}
.kpi .n{font-size:32px;font-weight:800;color:var(--dgold);padding-inline-end:50px;white-space:nowrap}
.kpi .n.lg{font-size:24px}
.kpi .n.xl{font-size:19px}.kpi.red .n{color:#b3471f}.kpi.green .n{color:#2e7d4f}
.kpi .l{font-size:13px;color:#6f6858;margin-top:2px}
.kpi .ico{position:absolute;inset-inline-end:14px;top:13px;font-size:20px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f3ecd9}
.kpi.red .ico{background:#fdeee9}.kpi.green .ico{background:#eaf6ee}.kpi.blue .ico{background:#eaf1fb}
h2{font-size:16px;color:var(--dgold);margin:26px 0 12px;display:flex;align-items:center;gap:8px}
h2::before{content:'';width:4px;height:18px;background:var(--gold);border-radius:3px}
.row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:start;background:#f5f6f8;color:#5c5f66;font-size:12px;padding:10px 14px;font-weight:700}
td{padding:11px 14px;border-top:1px solid #eef0f3}
tr.click{cursor:pointer}tr.click:hover td{background:#faf7ee}
.pill{display:inline-block;font-size:11px;padding:2px 10px;border-radius:20px;font-weight:700;white-space:nowrap}
.p-90{background:#eef7f0;color:#2e6b45}.p-60{background:#fff5da;color:#8a6b1c}.p-30{background:#fdeee9;color:#b3471f}
.p-emg{background:#c0392b;color:#fff}.p-ok{background:#eef2f7;color:#41505f}
.muted{color:#8a8272;font-size:13.5px;padding:20px;text-align:center}
.act{background:linear-gradient(135deg,#1c1c1c,#2a2417);color:#f3efe2;border-radius:14px;padding:4px 4px 8px;margin-top:16px}
.act .hd{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px}.act .hd b{font-size:15px}
.act .sound{background:var(--gold);color:#0d0d0d;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}
.arow{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border-radius:10px;padding:11px 14px;margin:6px 8px}
.arow .day{width:52px;text-align:center;font-weight:800;font-size:19px;color:var(--gold)}.arow.emg .day{color:#ff7a6b}
.arow .info{flex:1;font-size:14px}.arow .info small{color:#b9b3a3;font-size:12px}
.arow .act-tag{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px;background:#3a3320;color:#ffd98a}.arow.emg .act-tag{background:#c0392b;color:#fff}
.bars{display:flex;align-items:flex-end;gap:16px;height:150px;padding:14px 18px}
.bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.bar .col{width:100%;max-width:54px;border-radius:8px 8px 0 0}.bar .v{font-weight:800;font-size:16px}.bar .cap{font-size:12px;color:#6f6858}
.back{background:none;border:none;color:var(--dgold);font-weight:700;font-size:14px;margin-bottom:8px}
.dt{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px}
@media(max-width:820px){.dt{grid-template-columns:1fr}}
.chip{display:inline-block;background:#f3ecd9;color:#8A6B1C;border-radius:8px;padding:3px 9px;font-size:12px;margin:2px}
.btn{background:linear-gradient(180deg,#141414,#2a2a2a);color:var(--cream);border:none;border-radius:10px;padding:9px 16px;font-weight:700;font-size:13.5px}
.btn.g{background:linear-gradient(180deg,#FFD24A,#C9A227);color:#0d0d0d}
.seg{display:inline-flex;border:1.5px solid #d8cfae;border-radius:10px;overflow:hidden;background:#fff}
.seg button{border:none;background:transparent;color:#6b5d33;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer}
.seg button.on{background:linear-gradient(180deg,#FFD24A,#C9A227);color:#0d0d0d;box-shadow:inset 0 1px 3px rgba(0,0,0,.18)}
.rcat{border:1px solid #e5dcc2;border-radius:12px;background:#fff;padding:14px 16px;margin-bottom:12px}
.rcat h3{margin:0 0 8px;font-size:14.5px;color:#5c4d1f;border-bottom:2px solid #f0e6c8;padding-bottom:7px}
.rcat a.ritem{display:block;padding:7px 4px;border-radius:8px;cursor:pointer;color:inherit}
.rcat a.ritem:hover{background:#faf5e6}
.rcat a.ritem b{font-size:13.5px}
.rcat a.ritem small{display:block;color:#8a8272;font-size:11.5px;margin-top:1px}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.tplcard{width:158px;border:2px solid #e5dcc2;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;display:inline-block}
.tplcard.on{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,39,.25)}
.tplcard .tphd{font-family:Georgia,serif;letter-spacing:.2em;font-size:11px;text-align:center}
.tplcard .tpbody{padding:8px}.tplcard .tpline{height:6px;background:#eee7d2;border-radius:3px;margin:5px 0}.tplcard .tpline.short{width:60%}
.btn.sm{padding:5px 12px;font-size:12.5px}
.mini{background:none;border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-size:12px;color:var(--dgold)}
.ctx{background:#F7EFD8;border-color:#C9A227;font-weight:700}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99;padding:16px}
.mcard{background:#fff;border-radius:14px;padding:22px;max-width:480px;width:100%;max-height:92vh;overflow:auto}
.mcard:has(#blWrap){max-width:860px}
/* R77: one shared rule — any modal that carries a table of documents marks itself with an empty .mWide and gets room for it */
.mcard:has(.mWide){max-width:780px}
.mcard:has(.mWide) .panel{overflow-x:auto}
.mcard h2{margin-top:0}
label.f{display:block;font-size:13px;color:#6f6858;margin:9px 0 3px}
input.f,select.f,textarea.f{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:14px}
.frow{display:flex;gap:10px}.frow>div{flex:1}
@media(max-width:720px){.side{width:62px}.side .brand .wm,.side .brand .wms,.side .brand .wmai,.nav a span.tx,.side .foot{display:none}.nav a{justify-content:center}}
.tabbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px;border-bottom:1px solid var(--line)}
.tabb{background:none;border:none;padding:9px 14px;font-size:13.5px;color:#6f6858;border-bottom:2px solid transparent;font-weight:700;cursor:pointer}
.tabb.on{color:var(--dgold);border-bottom-color:var(--gold)}
td.num,th.num{text-align:right;white-space:nowrap}
.top{position:relative;gap:14px}
.gswrap{flex:1;max-width:420px;position:relative}
#gsearch{width:100%;padding:9px 14px;border:1px solid var(--line);border-radius:22px;font-family:inherit;font-size:13.5px;background:#f5f6f8}
#gsearch:focus{outline:none;border-color:var(--gold);background:#fff}
.gsdrop{position:absolute;top:110%;inset-inline-start:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.14);z-index:60;max-height:340px;overflow:auto}
.gsdrop a{display:block;padding:10px 14px;font-size:13.5px;color:var(--ink);text-decoration:none;border-top:1px solid #f2f3f6}
.gsdrop a:first-child{border-top:none}.gsdrop a:hover{background:#faf7ee}
.gsdrop .gcap{font-size:11px;color:#8a8272;padding:8px 14px 2px;font-weight:700}
.topend{display:flex;align-items:center;gap:14px}
.newbtn{border-radius:22px;padding:9px 20px}
.cmenu{position:absolute;top:calc(100% + 4px);inset-inline-end:22px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.18);z-index:70;display:flex;gap:6px;padding:14px}
.cmenu .col{min-width:150px;padding:0 10px}
.cmenu .col+.col{border-inline-start:1px solid var(--line)}
.cmenu .gcap{font-size:11px;color:#8a8272;font-weight:800;letter-spacing:.04em;margin-bottom:6px}
.cmenu a{display:block;padding:7px 6px;border-radius:8px;font-size:13.5px;color:var(--ink);text-decoration:none}
.cmenu a:hover{background:#faf7ee;color:var(--dgold)}
.greet{font-size:22px;font-weight:800;margin-bottom:2px}
.greet small{display:block;font-size:12.5px;color:#8a8272;font-weight:400}
.spills{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.navbadge{background:#b3471f;color:#fff;border-radius:10px;font-size:10px;font-weight:800;padding:1px 7px;margin-inline-start:auto}
.navbadge.hide{display:none}
.spill{background:#fff;border:1px solid var(--line);border-radius:20px;padding:7px 16px;font-size:13px;font-weight:700;color:var(--dgold);cursor:pointer}
.spill:hover{border-color:var(--gold);background:#fdf9ee}
.glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:6px}
.gcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.gcard .gt{font-size:12px;color:#6f6858;font-weight:700;margin-bottom:6px}
.gcard .gn{font-size:23px;font-weight:800;color:var(--ink)}
.gcard .gs{font-size:12px;color:#8a8272;margin-top:3px}
.gcard .bar2{height:7px;border-radius:4px;background:#eef0f3;margin-top:8px;overflow:hidden;display:flex}
@media(max-width:900px){.gswrap{display:none}}
.toasts{position:fixed;bottom:22px;inset-inline-start:22px;z-index:300;display:flex;flex-direction:column;gap:8px;max-width:340px}
.toast{background:#1c1c1c;color:#f3efe2;padding:12px 18px;border-radius:12px;font-size:13.5px;box-shadow:0 8px 26px rgba(0,0,0,.35);border-inline-start:4px solid var(--gold);transition:opacity .4s}
.rowmenu{position:relative;display:inline-block}
.rowmenu .rm{position:absolute;top:100%;inset-inline-end:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.16);z-index:50;min-width:170px;padding:5px}
.rowmenu .rm a{display:block;padding:7px 12px;border-radius:7px;font-size:13px;color:var(--ink);white-space:nowrap}
.rowmenu .rm a:hover{background:#faf7ee;color:var(--dgold)}
th.sortable{cursor:pointer;user-select:none}th.sortable:hover{color:var(--dgold)}
th .sarr{font-size:9px;margin-inline-start:3px}th .sarr.up::after{content:'▲'}th .sarr.dn::after{content:'▼'}
tr.bucket-hd td{background:#f3ecd9;color:#5c4d1f;font-weight:800;font-size:12.5px}
tr[data-tot] td{font-weight:800;background:#faf7ee}
.rbar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px}
.panel.pvis{overflow:visible}
body.privacy .gn,body.privacy .kpi .n,body.privacy td.num,body.privacy .gs,body.privacy .gcard .bar2{filter:blur(7px)}
.pvbtn{background:none;border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:12.5px;color:#6f6858;cursor:pointer}
.difftbl td{font-size:12.5px;padding:6px 10px}
textarea.f{unicode-bidi:plaintext}
.tblwrap th{white-space:nowrap}
/* R33: QBO-style grouped nav with hover flyouts (deep-linking into tabs) */
.ng{position:relative}
.ng .gh .car{margin-inline-start:auto;opacity:.45;font-size:13px}
html[dir=ltr] .ng .gh .car{transform:scaleX(-1)}
.ng .fly{display:none;position:absolute;top:-4px;inset-inline-start:100%;min-width:215px;background:var(--side);border:1px solid rgba(201,162,39,.4);border-radius:12px;padding:8px;z-index:650;box-shadow:0 14px 38px rgba(0,0,0,.45)}
.ng:hover .fly,.ng.open .fly{display:block}
html[dir=rtl] .ng .fly{right:100%;left:auto}
html[dir=ltr] .ng .fly{left:100%;right:auto}
.ng .fly a{margin:1px 0;white-space:nowrap}
.ng .fly a.dl{font-size:13px;padding:8px 14px;color:#bdb6a6}
.ng .fly a.dl:hover{color:#fff}
/* R33ج: a click takes the order and closes the flyout; captions split multi-screen groups; tall lists wrap into columns */
.ng.closed .fly{display:none!important}
.ng.up .fly{top:auto;bottom:-4px}
.ng .fly .fcap{font-size:11px;color:#c9a227;opacity:.85;padding:8px 14px 2px;letter-spacing:.3px}
.ng .fly .fcap:first-child{padding-top:4px}
.ng .fly.cols{column-count:2;column-gap:4px;min-width:430px}
.ng .fly.cols a,.ng .fly.cols .fcap{break-inside:avoid}
.ng .fly a.dl.on{color:#fff;background:rgba(201,162,39,.18)}
/* R35: per-row «⋯» overflow menu — the icon strip never grows off the row */
.rmw{position:relative;display:inline-block}
.rmd{position:absolute;top:100%;inset-inline-end:0;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;z-index:820;box-shadow:0 10px 28px rgba(0,0,0,.16);white-space:nowrap;display:flex;flex-direction:column;gap:3px;min-width:190px;text-align:start}
.rmd a.mini{display:block;border:none;padding:7px 10px;border-radius:8px}.rmd a.mini:hover{background:#FBF7EC}
.vch{margin:6px 26px;padding:12px 16px;border:1px solid #eadfc4;border-radius:10px;font-size:14px;line-height:2.1}
/* R35ب: attachment count badge (his phone-app idea) — visible BEFORE you click */
.attb{position:relative}.attb .nb{position:absolute;top:-7px;inset-inline-end:-7px;min-width:17px;height:17px;line-height:17px;padding:0 4px;border-radius:9px;background:#b3471f;color:#fff;font-size:10.5px;font-weight:800;text-align:center;font-family:Segoe UI,Tahoma,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.attb .nb:empty,.attb .nb.z{display:none}
/* R36: full-page voucher editor */
.vpg{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start}@media(max-width:980px){.vpg{grid-template-columns:1fr}}
.vpg .card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}.vpg .card h3{margin:0 0 10px;font-size:14px;color:#6b5d33}
.vsum div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dotted #eadfc4;font-size:13.5px}.vsum div:last-child{border:0}.vsum b.big{font-size:17px}
.vbar{position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(4px);border-top:1px solid var(--line);margin:16px -4px -4px;padding:12px 4px;display:flex;gap:8px;flex-wrap:wrap;z-index:5}
.vfile{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f0e9d6;font-size:13px}.vfile:last-child{border:0}
/* R38: numbers are always LTR so a minus sign leads (no more «315.00-») */
td.num,th.num,.num,.kpi .n,.vsum b,.tot b,.tot span:last-child{unicode-bidi:plaintext}
.rvtbl{width:100%;font-size:12.5px;border-collapse:collapse}.rvtbl th{font-weight:700;color:#8a8272;font-size:11px;padding:2px 6px;text-align:start}.rvtbl td{padding:5px 6px;border-top:1px solid #f0e9d6;white-space:nowrap;vertical-align:middle}.rvtbl td.rf{max-width:150px;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:start}
@media(max-width:720px){.ng .fly .tx{display:inline!important}.ng .fly{min-width:190px;inset-inline-start:56px}}
/* R39: on phones wide tables scroll inside their panel — the page itself never scrolls sideways */
@media(max-width:720px){.panel{overflow-x:auto}.panel table{min-width:560px}.tblwrap{overflow-x:auto}.content,#content{overflow-x:hidden}html,body{overflow-x:hidden}.row{flex-wrap:wrap}}
/* R33ب: combobox */
.cbxw{position:relative;display:block}
.cbxw select{display:none!important}
.cbxd{position:absolute;top:100%;inset-inline-start:0;min-width:100%;max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;z-index:940;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.cbxd.hide{display:none}
.cbxi{padding:8px 12px;cursor:pointer;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbxi:hover{background:#FBF7EC}
.cbx-add{color:#8A6B1C;font-weight:700;border-top:1px dashed #eadfc4}
/* R51: table headers stay visible while scrolling (like Excel freeze panes) */
thead th{position:sticky;top:0;z-index:3}
.tblwrap{max-height:78vh;overflow:auto}
@media print{thead th{position:static}.tblwrap{max-height:none;overflow:visible}}
.aiatt{border:1px dashed #cdbf9a;border-radius:10px;padding:8px 10px;background:#fffdf7}
.aiatt .row{gap:8px;flex-wrap:wrap;align-items:center}
.aiatt select.mini{padding:4px 8px;border:1px solid #d9cfae;border-radius:8px;background:#fff;font-size:12px}
.aiprev{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:12.5px}
.aiprev img{max-height:64px;max-width:96px;border-radius:6px;border:1px solid #eadfc4}
.aiwarn{background:#fff3e0;border:1px solid #f0b458;border-radius:8px;padding:8px 10px;margin-top:6px;font-size:12.5px;text-align:start}
.req-err,.req-err.f,input.req-err,select.req-err,textarea.req-err{border-color:#c0392b!important;box-shadow:0 0 0 2px rgba(192,57,43,.22)!important;background:#fff7f6!important}
.cuDrop{border:2px dashed #cdb97a;border-radius:12px;padding:14px;text-align:center;color:#6b6250;font-size:12.5px;cursor:pointer;margin:6px 0 10px;background:#FBF8EF}.cuDrop.over{background:#f3e9c9;border-color:#b8952f}
.lcard .rmChk{display:flex;gap:8px;align-items:center;justify-content:flex-start;font-size:12.5px;margin:2px 2px 10px;color:#5a5347;width:100%}.lcard .rmChk input{width:auto!important;margin:0!important;padding:0;flex:0 0 auto;accent-color:#c9a227}.lcard .rmChk span{white-space:nowrap}
.plBar{padding:12px 14px;margin-bottom:10px}.plRow{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}.plRow2{margin-top:8px;align-items:center}.plF{display:flex;flex-direction:column;gap:3px;min-width:120px}.plF>label{font-size:11px;color:#6f6858;font-weight:700;margin:0}.plF select.f,.plF input.f{margin:0;width:auto;min-width:120px}.plChk{display:flex;align-items:center;gap:6px;font-size:12.5px;cursor:pointer;margin:0;font-weight:600}.plWrap{overflow:auto;max-height:72vh}.plTbl{border-collapse:separate;border-spacing:0}.plTbl thead th{position:sticky;top:0;background:#fff;z-index:2}.plTbl th.plSticky,.plTbl td.plSticky{position:sticky;inset-inline-start:0;background:#fff;z-index:1;min-width:200px}.plTbl thead th.plSticky{z-index:3}.plHead{cursor:zoom-in}.plHead:hover{text-decoration:underline}@media print{.plWrap{max-height:none;overflow:visible}.plTbl th,.plTbl td{position:static}}
.zcOv{position:fixed;inset:0;background:rgba(20,16,8,.55);z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px}.zcBox{background:#fff;border-radius:14px;padding:20px 22px;max-width:420px;width:100%;box-shadow:0 18px 50px rgba(0,0,0,.35);text-align:start}.zcT{font-weight:800;font-size:15px;margin-bottom:6px}.zcM{font-size:14px;line-height:1.7;color:#2b2618;margin-bottom:14px}.zcB{display:flex;gap:8px;justify-content:flex-end}.zcDanger{background:#c0392b;color:#fff}
#login .eye svg{width:20px;height:20px;display:block;stroke:#5a5347;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rmAcc{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border:1px solid #e6dcc3;border-radius:8px;margin:4px 0;font-size:13px;background:#fff}.rmAcc a{cursor:pointer}

/* R69: export menu + print options */
.expd{position:relative;display:inline-block}.expd summary{list-style:none;cursor:pointer}.expd summary::-webkit-details-marker{display:none}
.expm{position:absolute;inset-inline-end:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:60;min-width:200px;padding:6px;display:flex;flex-direction:column}
.expm a{padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;white-space:nowrap;color:inherit}.expm a:hover{background:#f6f1e3}
.prtGrid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin:6px 0 10px}.prtGrid label{display:flex;gap:6px;align-items:center;font-size:13px;margin:0;cursor:pointer}

/* R69: every file input is a drop zone */
input[type=file].f{border:2px dashed #d9cdb0;border-radius:10px;padding:12px 10px;background:#fbf8f0;cursor:pointer}
input[type=file].f::before{content:attr(data-hint);display:block;font-size:11.5px;color:#8a8272;margin-bottom:4px}
.dragok{outline:3px dashed #C9A227!important;outline-offset:-3px;background:#fff8e1!important}

/* R70: report tables — one edge for numbers and their headings, light column lines, same-height toolbar controls */
.plTbl th,.plTbl td{border-inline-start:1px solid #f0e9d6}.plTbl th:first-child,.plTbl td:first-child{border-inline-start:none}
.plTbl thead th{vertical-align:bottom}
.plF select.f,.plF input.f{height:38px;box-sizing:border-box}
.plCrumb{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;color:#6f6858;margin-top:6px}.plCrumb .chip{padding:3px 10px}
.rptBack{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;font-weight:700;cursor:pointer;color:#8a6d1f}
.expm{position:fixed;inset:auto;min-width:210px}
input[type=file].f{min-height:64px}

/* R70: export · print · print options travel together as one unit when a toolbar wraps */
.expGrp{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}

/* R70.2: with a comparison, every bucket is a column group — a firmer line at the start of each group */
.plTbl th.plGrp,.plTbl td.plGrp{border-inline-start:2px solid #cbbf9f}
/* R71b: an input inside a line table never shrinks below a readable width — the table scrolls instead (owner: «السعر لا يظهر فصندوقه صغير جدًا») */
.tblwrap td>input.f{min-width:88px}.tblwrap td>input.f[type=number]{min-width:96px}.tblwrap td>select.f{min-width:110px}

/* R71b: the VAT 201 return as one FTA-shaped table — box numbers in a narrow text column, light column lines */
.vtTbl .vtBox{width:56px;white-space:nowrap;font-weight:700;text-align:start}.vtTbl th,.vtTbl td{border-inline-start:1px solid #f0e9d6}.vtTbl th:first-child,.vtTbl td:first-child{border-inline-start:none}

/* R71e: the thread on every transaction — 💬 beside 📎, open follow-ups in gold, system lines muted */
.ntb{position:relative}.ntb .nb{position:absolute;top:-7px;inset-inline-end:-7px;min-width:17px;height:17px;line-height:17px;padding:0 4px;border-radius:9px;background:#5a5347;color:#fff;font-size:10.5px;font-weight:800;text-align:center;font-family:Segoe UI,Tahoma,sans-serif}
.ntb .nb.op{background:#C9A227;color:#1a1a1a}.ntb .nb:empty,.ntb .nb.z{display:none}
.ntList{max-height:46vh;overflow:auto;padding:4px 2px;display:flex;flex-direction:column;gap:8px}
.ntSys{font-size:11.5px;color:#8a8272;text-align:start;padding:2px 6px}.ntSys small{opacity:.8}
.ntMsg{background:#FBF7EC;border:1px solid #efe6cf;border-radius:10px;padding:8px 12px;text-align:start}.ntMsg.done{opacity:.6}.ntMsg.pin{border-color:#C9A227;background:#FDF8E7}
.ntHead{display:flex;gap:8px;align-items:center;font-size:12px;color:#5a5347;flex-wrap:wrap}.ntHead small{color:#8a8272}.ntActs{margin-inline-start:auto;display:inline-flex;gap:4px}
.ntText{white-space:pre-wrap;line-height:1.7;padding-top:4px;font-size:13.5px}.ntAt{color:#8a6d1f;font-weight:700}
.ntComposer{margin-top:10px;border-top:1px solid #efe6cf;padding-top:10px}.ntComposer textarea{width:100%;resize:vertical}
@media print{.ntb{display:none!important}}

/* R73: every searchable picker shows it is a list — a chevron on the box (one rule for all pickers) */
.cbxw::after{content:'⌄';position:absolute;inset-inline-end:11px;top:50%;transform:translateY(-58%);pointer-events:none;color:#8a8272;font-size:15px;line-height:1}
.cbxw input.cbx{padding-inline-end:28px}
/* R73: the voucher lines */
.vchTbl{width:100%;border-collapse:collapse;min-width:620px}.vchTbl th{font-size:11.5px;color:#8a8272;text-align:start;padding:4px 6px}.vchTbl td{padding:4px 6px;vertical-align:top}.vchTbl td input.f{min-width:96px}.vchTbl td .cbxw input.cbx{min-width:250px;font-size:13px}

/* R74: the table layer — search bar, highlights, heading filters, column chooser */
.tbxBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px}.tbxBar .tbxQ{max-width:340px;margin:0;min-width:200px}
.tbxBar.tbxIn{margin:2px 14px 8px}.tbxBar.tbxIn .tbxQ{min-width:160px}
.tbxN{font-size:12px;color:#8a8272;font-weight:700}
mark.tbxHit{background:#FCE9A8;color:inherit;border-radius:3px;padding:0 1px;box-shadow:0 0 0 1px #F1D46B inset}
tr.tbxHidden{display:none}.tbxColHide{display:none}
th .tbxF::after{content:'▾'}th .tbxF{display:inline-block;margin-inline-start:4px;font-size:10px;color:#b7ab8c;cursor:pointer;padding:0 3px;border-radius:4px}th .tbxF:hover{background:#f3ecd9;color:#5c4d1f}th .tbxF.on{color:#fff;background:#C9A227}
.tbxPop{position:fixed;z-index:960;background:#fff;border:1px solid #e2d9c0;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:10px 12px;overflow:auto;text-align:start;font-size:13px}
.tbxPop .f{margin:4px 0}.tbxList{max-height:230px;overflow:auto;display:flex;flex-direction:column;gap:2px;margin-top:4px}.tbxList .plChk{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media print{.tbxBar,.tbxF,.tbxPop{display:none!important}mark.tbxHit{background:none;box-shadow:none}}
th.xcol,td.xcol{display:none}th.xcol.tbxColShow,td.xcol.tbxColShow{display:table-cell}
.cbxi.on{background:#FBF3DC;font-weight:700}
.frowEnd{align-items:flex-end}.frowEnd label.f{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* R74: a bulk button waits until something is ticked — and looks it */
button.mini:disabled{opacity:.45;cursor:not-allowed}
/* R75: import & export centre */
.impSteps{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 10px}.impStep{padding:4px 10px;border-radius:999px;background:#f3ecd9;color:#6b5a2a;font-size:12.5px}.impStep.on{background:#C9A227;color:#fff;font-weight:700}.impStep.done{background:#e3efe6;color:#2e7d4f}.impSep{color:#b7ab8c}
.impGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}.impGrH{margin:18px 2px 0;font-size:14px;color:#8a6b1c;border-bottom:1px solid #eee3c4;padding-bottom:4px}.impCard{padding:12px 14px;margin:0}.impCardH{display:flex;gap:8px;align-items:center}
.impDrop.on{background:#fdf8ec;border-color:#C9A227!important}.impBar{height:10px;background:#f3ecd9;border-radius:6px;overflow:hidden;margin-top:10px}.impBar>div{height:100%;background:#C9A227;transition:width .2s}
.impMap td{vertical-align:middle}.impMap select.f{margin:0;min-width:220px}.impRev td{vertical-align:top}


/* R80: a value typed in an input is written as text in prints and files; on screen the input shows it */
.pv{display:none}

/* R83b (Ali): the side menu stands on its own — fixed to the window height with its own scroll; the page scrolls by itself, and the
   language / logout buttons stay visible at the bottom whatever page is open */
.side{position:sticky;top:0;height:100vh;align-self:flex-start;overflow:hidden}
.side .brand,.side .foot{flex-shrink:0}
.nav{overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}
.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:6px}.nav::-webkit-scrollbar-track{background:transparent}
@media print{.side{position:static;height:auto}}
/* R83b (review): the flyouts are placed against the window by flyPlace (99_boot.js), so the menu's own scroll never clips them */
.side .ng .fly{position:fixed}
/* R83b-2 (Ali): a sticky menu is its own layer — it sits above the page (cards, tables, sticky headers) so its flyouts are never behind
   them, and below the modal overlay (.ov 99) so a dialog still covers it */
.side{z-index:90}
/* R83c (Ali): everything you can click shows that the pointer is on it — tabs, buttons, small actions, links, sortable headers, cards */
.tabb:hover:not(.on){color:var(--dgold);background:#faf6ea;border-bottom-color:rgba(201,162,39,.45)}
.mini{cursor:pointer;transition:background .12s,box-shadow .12s}.mini:not(:disabled):hover{background:#FBF5E3;box-shadow:0 0 0 1px rgba(201,162,39,.55)}
.btn{cursor:pointer;transition:filter .12s,box-shadow .12s}.btn:not(:disabled):hover{filter:brightness(1.12);box-shadow:0 2px 8px rgba(0,0,0,.15)}
#content a:not(.btn):not(.mini):not(.tabb):hover,.ov a:not(.btn):not(.mini):hover{color:var(--dgold);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#content [onclick]:not(input):not(select):not(textarea):not(tr):not(td):not(.btn):not(.mini):not(.tabb):not(a){cursor:pointer}
#content .kpi[onclick]:hover,#content .card[onclick]:hover,#content .panel[onclick]:hover,#content div[onclick].kpi:hover{box-shadow:0 0 0 2px rgba(201,162,39,.5);transition:box-shadow .12s}
th[onclick]:hover,th.sortable:hover,thead th[data-sort]:hover{background:#f6f1e3;cursor:pointer}
label.plChk:hover,label.f[style*="cursor:pointer"]:hover{color:var(--dgold)}
/* R83c (Ali): the column-filter list — each value on its own full line with its own scroll (they were squeezed on top of each other) */
.tbxList .plChk{flex-shrink:0;line-height:1.55;padding:3px 4px;border-radius:6px;cursor:pointer}.tbxList .plChk:hover{background:#faf6ea}
.tbxList{max-height:260px;border:1px solid #efe7d2;border-radius:8px;padding:4px}
.tbxList .plChk.tbxTop{background:#FBF2D3}

.btn:disabled{cursor:not-allowed;opacity:.6}

/* R85: talk to Sanad and Maher — the floating button and the chat panel (WhatsApp-like; full screen on a phone) */
.stFab{position:fixed;bottom:22px;inset-inline-end:22px;z-index:89;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#C9A227,#9c7a12);color:#fff;font-size:24px;box-shadow:0 8px 24px rgba(0,0,0,.25);cursor:pointer}
.stFab:hover{transform:scale(1.05)}.stFabN{position:absolute;top:-4px;inset-inline-end:-4px;background:#c0392b;color:#fff;border-radius:10px;font-size:11px;font-weight:800;padding:1px 6px;min-width:18px}
.stPanel{position:fixed;bottom:88px;inset-inline-end:22px;z-index:90;width:400px;max-width:calc(100vw - 32px);height:min(620px,calc(100vh - 110px));background:#fffdf7;border:1px solid #e2d9c0;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}
.stHead{display:flex;align-items:center;gap:4px;padding:8px;background:#1f1a0e;color:#fff}
.stTab{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:16px;padding:4px 10px;font-weight:700;cursor:pointer;font-size:13px}.stTab.on{background:#C9A227;border-color:#C9A227;color:#1f1a0e}
.stIc{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;padding:3px 5px;border-radius:6px}.stIc:hover{background:rgba(255,255,255,.12)}
.stBody{flex:1;overflow:auto;padding:10px;background:#f4efe2;text-align:start}
.stRow{display:flex;margin:6px 0}.stRow.me{justify-content:flex-end}
.stB{max-width:86%;padding:8px 10px;border-radius:12px;font-size:14px;line-height:1.65;box-shadow:0 1px 1px rgba(0,0,0,.08);word-wrap:break-word}
.stMe{background:#fff3cf}.stEmp{background:#fff}.stSys{background:#fdecea;color:#7a2a1d}.stTyping{opacity:.75;font-style:italic}
.stMeta{font-size:11px;color:#8a7f66;margin-top:2px;text-align:end}
.stAct{border:1px solid #efe7d2;background:#fffaf0;border-radius:10px;padding:6px 8px;margin-top:6px;font-size:13px}.stAct.st_done,.stAct.st_saved{background:#eef8f1;border-color:#cfe8d7}.stAct.st_declined{opacity:.6}.stAct.st_failed{background:#fdecea}
.stBtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.stState{font-size:12px;color:#2e7d4f;margin-top:4px}
.stQuote{border-inline-start:3px solid #C9A227;padding:4px 8px;margin-top:4px;background:#fff;white-space:normal}
.stJe{width:100%;margin-top:4px;font-size:12px;border-collapse:collapse}.stJe td{border-bottom:1px solid #f1ead8;padding:2px 4px}
.stCard{background:#fff;border:1px solid #efe7d2;border-radius:12px;padding:10px;margin:6px 0}.stBrief ul{margin:6px 0 0;padding-inline-start:18px}.stBrief li{margin:3px 0}.stBrief a{cursor:pointer}
.stEx{cursor:pointer;font-size:12px}
.stFoot{display:flex;align-items:flex-end;gap:6px;padding:8px;border-top:1px solid #efe7d2;background:#fff}
.stIn{flex:1;resize:none;min-height:38px;max-height:120px;margin:0}
.stMic,.stLangB{border:1px solid #e2d9c0;background:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:16px;flex-shrink:0}.stLangB{font-size:12px;font-weight:800}
.stMic.on{background:#c0392b;color:#fff;border-color:#c0392b;animation:stPulse 1.2s infinite}
@keyframes stPulse{0%{box-shadow:0 0 0 0 rgba(192,57,43,.5)}70%{box-shadow:0 0 0 10px rgba(192,57,43,0)}100%{box-shadow:0 0 0 0 rgba(192,57,43,0)}}
.stSend{width:42px;height:38px;padding:0;flex-shrink:0}.stMem li{margin:3px 0}
@media (max-width:600px){.stPanel{inset:0;width:100%;max-width:100%;height:100%;border-radius:0;bottom:0}.stFab{bottom:16px;inset-inline-end:16px}}
@media print{.stFab,.stPanel{display:none!important}}

/* R86: Sanad's mailbox card */
.smCard code{background:#faf6ea;border:1px solid #efe7d2;border-radius:6px;padding:1px 6px;font-size:12px;word-break:break-all}
.smSteps li{margin:2px 0}
