/* Quwwa: same family as Nuqta/Mutqin (soft surfaces, 16px radii), energetic accent. Logical properties keep RTL right. */
:root{--a:#e11d48;--a2:#f97316;--bg:#f6f6f9;--sf:#fff;--sf2:#f1f2f6;--ink:#0f172a;--mut:#64748b;--line:#e4e6ee;--warn:#d97706;--ok:#059669;--r:16px;--sh:0 1px 2px rgba(15,23,42,.05),0 4px 16px rgba(15,23,42,.06);--c0:var(--a);--c1:#2563eb;--c2:#059669;--c3:#d97706;color-scheme:light}
[data-acc=orange]{--a:#ea580c;--a2:#f59e0b}[data-acc=green]{--a:#059669;--a2:#84cc16}[data-acc=teal]{--a:#0d9488;--a2:#06b6d4}[data-acc=blue]{--a:#2563eb;--a2:#7c3aed}[data-acc=violet]{--a:#7c3aed;--a2:#db2777}
[data-theme=dark]{--bg:#0b0f1a;--sf:#141a29;--sf2:#1b2235;--ink:#e7e9f1;--mut:#94a0b6;--line:#262f47;--c1:#60a5fa;--c2:#34d399;--c3:#fbbf24;--sh:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.3);color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Arabic","Geeza Pro",Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45;padding-bottom:env(safe-area-inset-bottom)}
a{color:var(--a)}.mut{color:var(--mut)}.sm{font-size:.85em}h3{margin:.1rem 0 .6rem;font-size:1.05rem}h4{margin:1rem 0 .4rem}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.6rem;padding:max(.5rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) .5rem max(.8rem,env(safe-area-inset-left));min-width:0;background:color-mix(in srgb,var(--sf) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.45rem;text-decoration:none;color:var(--ink);font-size:1.1rem}
.nav{display:flex;gap:.15rem;justify-content:center;position:fixed;top:max(.45rem,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:21}.nav a{display:flex;align-items:center;gap:.3rem;padding:.45rem .7rem;border-radius:999px;text-decoration:none;color:var(--mut);font-weight:600}.nav a em{font-style:normal}.nav a.on{background:color-mix(in srgb,var(--a) 13%,transparent);color:var(--a)}
.tools{display:flex;gap:.3rem;flex-shrink:0;margin-inline-start:auto}.brand{min-width:0}.brand b{white-space:nowrap}.logo{flex-shrink:0;display:block}
@media (max-width:760px){.nav{position:fixed;top:auto;left:0;transform:none;bottom:0;inset-inline:0;background:var(--sf);border-top:1px solid var(--line);padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom));justify-content:space-around;z-index:30}.nav a{flex-direction:column;gap:0;font-size:.7rem;padding:.3rem .4rem}.nav a span{font-size:1.2rem}.top{justify-content:space-between}main{padding-bottom:5.5rem!important}.foot{padding-bottom:6rem!important}}
main{max-width:1100px;margin:auto;padding:1rem;display:flex;flex-direction:column;gap:.9rem}
.foot{text-align:center;padding:1rem}
.card{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);padding:1rem;box-shadow:var(--sh)}.card.live{display:block;text-decoration:none;color:var(--ink);border-color:var(--a)}
.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.end{justify-content:flex-end}.col{display:flex;flex-direction:column;gap:.5rem}
.btn{appearance:none;border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:12px;padding:.55rem .9rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;min-height:40px}
.btn:hover{border-color:var(--a)}.btn.pri{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;border-color:transparent}.btn.ghost{background:transparent}.btn.danger{color:#e11d48}.btn.sm{min-height:32px;padding:.3rem .6rem;font-size:.85rem}
.ib{appearance:none;border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:999px;width:38px;height:38px;display:inline-grid;place-items:center;cursor:pointer;font-size:1rem;position:relative;padding:0}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem}.ini{background:var(--sf2);color:var(--mut)}
.dot{position:absolute;inset-block-end:2px;inset-inline-end:2px;width:9px;height:9px;border-radius:50%;background:transparent}
#acct[data-s=ok] .dot{background:var(--ok)}#acct[data-s=busy] .dot{background:var(--c1)}#acct[data-s=err] .dot,#acct[data-s=stale] .dot,#acct.stale .dot{background:var(--warn)}#acct[data-s=off] .dot{background:var(--mut)}
.in{font:inherit;color:var(--ink);background:var(--sf2);border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;min-height:40px;width:100%}.in:focus{outline:2px solid color-mix(in srgb,var(--a) 50%,transparent);border-color:transparent}
.in.sm{width:4.6rem;min-height:34px;padding:.3rem .4rem;text-align:center}.in.title{font-size:1.15rem;font-weight:700;flex:1;min-width:10rem}.in.big{font-size:1.1rem;min-height:48px}.in.set{border-color:var(--a)}
textarea.in{min-height:4rem}select.in[multiple]{min-height:5rem}
.form{display:flex;flex-direction:column;gap:.6rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}
.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}
.chk{display:flex;gap:.5rem;align-items:center;margin:.6rem 0}
.li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;width:100%;text-align:start;padding:.6rem .4rem;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}.li:last-child{border-bottom:0}.li:hover{background:var(--sf2)}
.lst{display:flex;flex-direction:column;max-height:60vh;overflow:auto}main .lst{max-height:none}
.num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.sum{margin:.2rem 0;color:var(--mut)}.sum b{color:var(--ink)}
.dnav{display:flex;justify-content:center;align-items:center;gap:.5rem}
.rings{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}@media (max-width:560px){.rings{grid-template-columns:repeat(2,1fr)}}
.ring{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);padding:.7rem;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:var(--sh)}
.ring svg{width:84px;height:84px}.ring b{position:absolute;top:2.35rem;font-size:1.05rem}.ring em{font-style:normal;font-weight:600}
.rt{fill:none;stroke:var(--sf2);stroke-width:8}.rv{fill:none;stroke:var(--a);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s}.rv.over{stroke:var(--warn)}
.kgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.kpi{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);padding:.7rem .9rem;box-shadow:var(--sh);display:flex;flex-direction:column}.kpi span{color:var(--mut);font-size:.85rem}.kpi b{font-size:1.3rem}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:.9rem}
.pb{display:inline-block;width:100%;height:8px;background:var(--sf2);border-radius:99px;overflow:hidden;vertical-align:middle}.pb i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--a2));border-radius:99px}.pb.warn i{background:var(--warn)}
[dir=rtl] .pb i{background:linear-gradient(270deg,var(--a),var(--a2))}
.ng{border-top:1px solid var(--line);padding:.35rem 0}.ng summary{cursor:pointer;font-weight:600;padding:.25rem 0}.nt{width:100%;border-collapse:collapse;font-size:.9rem}.nt th{text-align:start;font-weight:400;padding:.2rem 0}.nt td{padding:.2rem .35rem}.pbc{width:35%}
.seg{display:inline-flex;background:var(--sf2);border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:0;background:none;color:var(--mut);font:inherit;font-weight:600;padding:.4rem .8rem;border-radius:9px;cursor:pointer}.seg button.on{background:var(--sf);color:var(--ink);box-shadow:var(--sh)}
.chips{display:flex;gap:.35rem;flex-wrap:wrap;margin:.5rem 0}.chip{border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:999px;padding:.3rem .75rem;font:inherit;font-size:.85rem;cursor:pointer}.chip.on{background:var(--a);color:#fff;border-color:var(--a)}
.toast{position:fixed;bottom:calc(5.5rem + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:.65rem 1rem;border-radius:12px;z-index:100;display:flex;gap:.8rem;align-items:center;box-shadow:var(--sh);max-width:92vw}.toast button{background:none;border:0;color:var(--a2);font:inherit;font-weight:700;cursor:pointer}
.modal{position:fixed;inset:0;padding-top:env(safe-area-inset-top)!important;background:rgba(8,10,20,.45);z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:0}
.sheet{background:var(--sf);width:100%;max-width:520px;max-height:92vh;max-height:calc(100dvh - env(safe-area-inset-top) - 1rem);overflow:auto;border-radius:20px 20px 0 0;padding:1.1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.6rem}.sheet.wide{max-width:760px}
@media (min-width:700px){.modal{align-items:center;padding:1rem}.sheet{border-radius:20px}}
.cam{position:relative;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:4/3}.cam video{width:100%;height:100%;object-fit:cover}.cam i{position:absolute;inset:30% 12%;border:2px solid var(--a2);border-radius:10px;box-shadow:0 0 0 999px rgba(0,0,0,.25)}
.sets{width:100%;border-collapse:collapse;margin:.4rem 0}.sets th{font-size:.75rem;color:var(--mut);font-weight:600;padding:.2rem}.sets td{padding:.2rem;text-align:center}.sets tr.done td{background:color-mix(in srgb,var(--ok) 10%,transparent)}
.st{border:0;background:var(--sf2);color:var(--ink);border-radius:8px;width:30px;height:30px;font-weight:700;cursor:pointer}
.ck{border:1px solid var(--line);background:var(--sf2);color:var(--mut);border-radius:8px;width:34px;height:34px;cursor:pointer;font-weight:700}.ck.on{background:var(--ok);color:#fff;border-color:var(--ok)}.pr{margin-inline-start:.2rem}
.rest{position:fixed;bottom:calc(5.2rem + env(safe-area-inset-bottom));inset-inline:1rem;max-width:420px;margin:auto;background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;border-radius:14px;padding:.55rem .8rem;display:flex;gap:.5rem;align-items:center;z-index:40;box-shadow:var(--sh)}.rest span{flex:1}.rest button{background:rgba(255,255,255,.2);border:0;color:#fff;border-radius:8px;padding:.35rem .6rem;font:inherit;cursor:pointer}
.tblw{overflow:auto}.tbl{border-collapse:collapse;width:100%;font-size:.85rem}.tbl th,.tbl td{padding:.35rem .45rem;border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}.tbl tr[data-d]{cursor:pointer}.tbl tr[data-d]:hover{background:var(--sf2)}
.chart{width:100%;height:auto;display:block}.gl{stroke:var(--line);stroke-width:1}.tx{fill:var(--mut);font-size:11px}.tg{stroke:var(--mut);stroke-dasharray:4 4;stroke-width:1.5}
.ln{fill:none;stroke-width:2.5;stroke-linejoin:round}.ln.thin{stroke-width:1;opacity:.45}.ln.c0,.pt.c0{stroke:var(--c0)}.ln.c1{stroke:var(--c1)}.pt.c0{fill:var(--c0)}.pt{stroke-width:0}
.br{fill:var(--a);cursor:pointer;rx:3}.br:hover{opacity:.8}.br.over{fill:var(--warn)}
.lg{display:flex;gap:1rem;margin:.3rem 0 0}.lg i,.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:.3rem}
i.c0{background:var(--c0)}i.c1{background:var(--c1)}i.c2{background:var(--c2)}i.c3{background:var(--c3)}i.tgk{background:var(--mut)}
.hb{display:grid;grid-template-columns:minmax(6rem,9rem) 1fr 4rem;gap:.5rem;align-items:center;font-size:.88rem;margin:.25rem 0}
.dwrap{display:flex;gap:1rem;align-items:center}.donut{width:140px;height:140px;flex:none}.arc{fill:none;stroke-width:16}.arc.c0{stroke:var(--c0)}.arc.c1{stroke:var(--c1)}.arc.c2{stroke:var(--c2)}.dv{fill:var(--ink);font-size:12px;font-weight:700}.legend{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}
.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px;overflow:auto}.hc{width:13px;height:13px;border-radius:3px;background:var(--sf2);display:block}.hc.l1{background:color-mix(in srgb,var(--a) 30%,var(--sf2))}.hc.l2{background:color-mix(in srgb,var(--a) 55%,var(--sf2))}.hc.l3{background:color-mix(in srgb,var(--a) 80%,var(--sf2))}.hc.l4{background:var(--a)}
.accs{display:flex;gap:.5rem}.acc{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer}.acc.on{border-color:var(--ink)}.a-red{background:#e11d48}.a-orange{background:#ea580c}.a-green{background:#059669}.a-teal{background:#0d9488}.a-blue{background:#2563eb}.a-violet{background:#7c3aed}
.qa{justify-content:center}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.wbar{height:10px;border-radius:99px;background:var(--sf2);overflow:hidden;margin:.3rem 0}.wbar i{display:block;height:100%;background:linear-gradient(90deg,#0ea5e9,#2563eb);border-radius:inherit;transition:width .3s}

.wn ul{padding-inline-start:1.2rem}.wn li{margin:.25rem 0}.ltag{font-size:.68rem;font-weight:700;padding:.08rem .45rem;border-radius:99px;background:var(--sf2,#eee);vertical-align:middle;margin-inline-start:.35rem}.lt-major{background:#fde2e2;color:#9b1c1c}.lt-feature{background:#dcfce7;color:#166534}.lt-fix{background:#e0e7ff;color:#3730a3}

.sst{font-size:.72rem;white-space:nowrap;align-self:center}.av.lg{width:48px;height:48px;float:inline-start;margin-inline-end:10px}
@media(max-width:380px){.top .sst{display:none}}