/* Groupe Rim / Adellah Folar — visual layer (RTL). Loaded after the original inline <style>. Light + night mode. */
:root{--bg:#f4f7fc;--surface:#fff;--surface2:#f7f9fd;--line:#e5eaf3;--ink:#17253c;--muted:#6f7d95;--nav:#0f1f3d;--nav2:#162b52;--navink:#b9c8e6;--blue:#2563eb;--blue-soft:#e8efff;--green:#10b981;--green-soft:#dff7ec;--amber:#f59e0b;--amber-soft:#fff3d6;--red:#ef4444;--red-soft:#ffe5e5;--violet:#7c5cf0;--violet-soft:#eee9ff;--shadow:0 6px 22px #12284c0d}
body.dark{--bg:#0b1424;--surface:#13223b;--surface2:#0f1b30;--line:#243653;--ink:#e8f0ff;--muted:#8da0c0;--nav:#0a1730;--nav2:#13254a;--navink:#a9bbdc;--blue-soft:#17305f;--green-soft:#0f3a30;--amber-soft:#3d3010;--red-soft:#451c22;--violet-soft:#2a2457;--shadow:0 6px 22px #0006}
body{background:var(--bg);color:var(--ink);font-family:"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.shell{background:var(--bg)}
.sidebar{width:262px;background:linear-gradient(180deg,var(--nav),var(--nav2));padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:2px}
.brand{display:flex;align-items:center;gap:10px;font-size:19px;margin:4px 8px 18px;color:#fff;letter-spacing:0}
.brand span{color:#8ab4ff}.brand .logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:grid;place-items:center;flex:0 0 38px}
.af-navgroup{margin:2px 0}
.nav{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;color:var(--navink);font-weight:600;font-size:14px;background:transparent;text-align:right}
.nav .ic{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center}.nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav .chev{margin-inline-start:auto;opacity:.6;font-size:12px}
.nav.active,.nav:hover{background:#2563eb;color:#fff}.nav:hover:not(.active){background:#1c3563}
.af-sub{padding:2px 0 6px;margin-inline-start:20px;border-inline-start:1px solid #ffffff22}.af-sub .nav{font-weight:500;font-size:13px;padding:8px 12px}
.af-userbox{margin-top:auto;padding:12px;border-top:1px solid #ffffff1c;color:#fff;display:flex;gap:10px;align-items:center;font-size:13px}
.af-avatar{width:36px;height:36px;border-radius:50%;background:#3b82f6;display:grid;place-items:center;font-weight:800}
.main{max-width:1560px;padding:0 26px 90px}
.top{position:sticky;top:0;z-index:20;background:var(--bg);margin:0 -26px 18px;padding:12px 26px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}
.top h1{font-size:0;margin:0;width:0;overflow:hidden}.top .muted{display:none}
.af-search{flex:1;max-width:520px;position:relative}.af-search input{padding:11px 40px 11px 74px;border-radius:12px;background:var(--surface);border-color:var(--line);color:var(--ink)}
.af-search svg{position:absolute;right:13px;top:11px;width:19px;height:19px;stroke:var(--muted);fill:none;stroke-width:2}.af-search kbd{position:absolute;left:10px;top:9px;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.af-iconbtn{width:42px;height:42px;padding:0;border-radius:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);display:grid;place-items:center;position:relative;flex:0 0 42px}
.af-iconbtn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9}.af-badge{position:absolute;top:-6px;left:-4px;background:var(--red);color:#fff;border-radius:20px;font-size:11px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px}
.af-top-spacer{flex:1}.af-storepill{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-weight:700;font-size:13px;color:var(--ink)}
.af-menu-btn{display:none}
.af-hello{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:6px 0 16px}.af-hello h2{font-size:26px;margin:0}.af-hello p{margin:4px 0 0;color:var(--muted)}
.af-switch{display:inline-flex;background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px;box-shadow:var(--shadow)}
.af-switch button{background:transparent;color:var(--ink);padding:10px 18px;border-radius:11px;display:flex;gap:8px;align-items:center;font-size:14px}
.af-switch button.on{background:var(--blue);color:#fff}.af-switch button.on[data-s=af]{background:var(--green)}
.af-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.af-stat{border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
.af-stat .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:0 0 52px;color:#fff}.af-stat .ico svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8}
.af-stat b{display:block;font-size:26px;line-height:1.2}.af-stat span{color:var(--muted);font-size:13px}.af-stat small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.af-stat.c1{background:var(--blue-soft)}.af-stat.c1 .ico{background:var(--blue)}.af-stat.c2{background:var(--green-soft)}.af-stat.c2 .ico{background:var(--green)}
.af-stat.c3{background:var(--amber-soft)}.af-stat.c3 .ico{background:var(--amber)}.af-stat.c4{background:var(--violet-soft)}.af-stat.c4 .ico{background:var(--violet)}
.af-grid{display:grid;gap:14px;margin-bottom:14px}.af-g3{grid-template-columns:2fr 1fr 1fr}.af-g2{grid-template-columns:1fr 1fr}
.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);color:var(--ink)}
.af-panel h3,.panel h3{font-size:16px;margin:0 0 10px}.af-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:6px}.af-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:6px}
.af-chart{width:100%;height:auto;display:block}.af-chart text{fill:var(--muted);font-size:11px}.af-chart .grid{stroke:var(--line)}
.af-note{font-size:11px;color:var(--muted);margin-top:6px}
.af-donut{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.af-donut ul{list-style:none;margin:0;padding:0;flex:1;min-width:140px}.af-donut li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}
.af-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:12px;overflow:auto}.af-tabs button{background:transparent;color:var(--muted);border-radius:0;padding:10px 14px;border-bottom:3px solid transparent;white-space:nowrap}.af-tabs button.on{color:var(--blue);border-bottom-color:var(--blue)}
.af-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.af-quick button{display:flex;gap:12px;align-items:center;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:14px;text-align:right;box-shadow:var(--shadow)}
.af-quick .qi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:0 0 44px}.af-quick small{display:block;color:var(--muted);font-weight:400}
.store-tag{display:inline-block;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700}.store-tag.export{background:var(--blue-soft);color:var(--blue)}.store-tag.af{background:var(--green-soft);color:#0a8f64}.store-tag.unl{background:var(--amber-soft);color:#9a6700}
.sift-b{display:inline-block;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:700;background:var(--violet-soft);color:var(--violet)}.sift-b.none{background:var(--surface2);color:var(--muted)}
th{background:var(--surface2);color:var(--muted)}td,th{border-bottom-color:var(--line)}tr:hover td{background:var(--surface2)}
input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}
button.secondary{background:var(--blue-soft);color:var(--blue)}button.danger{background:var(--red-soft);color:var(--red)}
.tag{background:var(--blue-soft);color:var(--blue)}.tag.good{background:var(--green-soft);color:#0a8f64}.tag.warn{background:var(--amber-soft);color:#9a6700}.tag.bad{background:var(--red-soft);color:var(--red)}
.af-bottomnav{display:none}
.af-pos{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.af-scanchip{display:inline-flex;gap:8px;align-items:center;padding:6px 12px;border-radius:30px;background:var(--green-soft);color:#0a8f64;font-size:12px;font-weight:700}.af-scanchip.err{background:var(--red-soft);color:var(--red)}
.af-scanchip i{width:8px;height:8px;border-radius:50%;background:currentColor}
.af-results{display:grid;gap:8px;max-height:340px;overflow:auto}.af-results button{display:flex;justify-content:space-between;background:var(--surface2);color:var(--ink);border:1px solid var(--line);text-align:right;font-weight:600}
.af-total{font-size:30px;font-weight:800}.af-btn-big{width:100%;padding:16px;font-size:17px;background:var(--green)}
.af-modal{position:fixed;inset:0;background:#0008;z-index:60;display:grid;place-items:center;padding:16px}.af-modal>div{background:var(--surface);color:var(--ink);border-radius:18px;max-width:560px;width:100%;padding:20px;max-height:90vh;overflow:auto}
@media(max-width:1100px){.af-stats,.af-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.af-g3,.af-g2,.af-pos{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{position:fixed;right:0;top:0;z-index:50;transform:translateX(105%);transition:transform .2s;box-shadow:-10px 0 40px #0006}.sidebar.open{transform:none}.af-menu-btn{display:grid}.main{padding:0 14px 96px}.top{margin:0 -14px 14px;padding:10px 14px}.af-search kbd,.af-storepill span.nm{display:none}
 .af-bottomnav{display:flex;position:fixed;bottom:0;right:0;left:0;background:var(--surface);border-top:1px solid var(--line);z-index:40;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.af-bottomnav button{flex:1;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;padding:6px 2px}.af-bottomnav button.on{color:var(--blue)}.af-bottomnav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9}
 .af-hello h2{font-size:21px}.af-stat b{font-size:21px}.af-stat{padding:12px}.af-stat .ico{width:42px;height:42px;flex-basis:42px}.af-switch{width:100%}.af-switch button{flex:1;justify-content:center;padding:9px 6px;font-size:13px}table{min-width:560px}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.af-stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.af-quick{grid-template-columns:1fr 1fr}}
@media print{.sidebar,.top,.af-bottomnav,#message{display:none!important}}
@media(max-width:900px){.top{gap:8px}.af-top-spacer{display:none}.af-search{min-width:0;flex:1 1 0}.af-search input{padding-left:10px;min-width:0}.af-iconbtn{width:38px;height:38px;flex-basis:38px}.af-storepill{padding:8px;font-size:12px}}
@media(max-width:520px){.af-storepill{display:none}}