@font-face{font-family:"Plex Ar";src:url(fonts/plex-arabic-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Ar";src:url(fonts/plex-arabic-medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Ar";src:url(fonts/plex-arabic-semibold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Ar";src:url(fonts/plex-arabic-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
 --night:#0E0A1F;--deep:#1A1033;--plum:#2A1B4D;--violet:#9277F0;--royal:#5B7BFF;--cyan:#1FB6E8;--lav:#C9BCFF;--light:#F7F8FB;--ink:#0B0C0F;
 --muted:#A3A8C6;--dim:#7C819F;--line:rgba(201,188,255,.12);--line2:rgba(201,188,255,.2);--card:rgba(255,255,255,.035);--card2:rgba(255,255,255,.06);
 --ok:#2ED3A0;--warn:#F5B547;--bad:#FF5D73;
 --grad:linear-gradient(135deg,#9277F0 0%,#5B7BFF 55%,#1FB6E8 100%);
 --r:18px;--side:264px;--top:64px;
 --font:"Plex Ar","Inter",system-ui,sans-serif;
 --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;color-scheme:dark}
body{margin:0;background:var(--night);color:var(--light);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:10px}
h1,h2,h3,h4{margin:0;line-height:1.3;font-weight:700}
p{margin:0}
.num,.ltr{font-family:"Inter","Plex Ar",sans-serif;font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate}
.gt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.muted{color:var(--muted)}.dim{color:var(--dim)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(1100px 600px at 70% -10%,#24164a 0%,transparent 60%),var(--night)}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35}
.aurora i:nth-child(1){width:50vmax;height:50vmax;background:#4b2fb3;top:-28vmax;inset-inline-start:-18vmax}
.aurora i:nth-child(2){width:36vmax;height:36vmax;background:#9277F0;top:30vh;inset-inline-end:-22vmax;opacity:.16}
.aurora i:nth-child(3){width:34vmax;height:34vmax;background:#1FB6E8;bottom:-24vmax;inset-inline-start:30vw;opacity:.09}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh;min-height:100dvh}
.side{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;border-inline-end:1px solid var(--line);background:linear-gradient(180deg,rgba(26,16,51,.85),rgba(14,10,31,.9));backdrop-filter:blur(20px);padding:16px 12px;overflow-y:auto;scrollbar-width:thin}
.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 14px}
.brand svg{width:34px;height:34px;flex:none}
.brand b{font-size:21px;line-height:1}
.brand small{display:block;font:600 11px Inter;color:var(--dim);letter-spacing:.02em;margin-top:3px}
.ws{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:start;margin-bottom:12px;transition:background .2s}
.ws:hover{background:var(--card2)}
.ws .av{width:34px;height:34px;border-radius:10px;background:var(--grad);display:grid;place-items:center;font-weight:700;flex:none}
.ws div{min-width:0;flex:1}.ws b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws span{font-size:12px;color:var(--muted)}
.nav-g{font-size:11.5px;color:var(--dim);font-weight:600;padding:12px 12px 4px}
.nav a{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:11px;color:var(--muted);font-size:14.5px;font-weight:500;position:relative;transition:color .15s,background .15s}
.nav a svg{width:18px;height:18px;flex:none;opacity:.85}
.nav a:hover{color:#fff;background:rgba(255,255,255,.045)}
.nav a.on{color:#fff;background:linear-gradient(90deg,rgba(146,119,240,.22),rgba(91,123,255,.08))}
[dir=rtl] .nav a.on{background:linear-gradient(270deg,rgba(146,119,240,.22),rgba(91,123,255,.08))}
.nav a.on::before{content:"";position:absolute;inset-inline-start:-12px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--grad)}
.nav a .pill{margin-inline-start:auto;font:600 11px Inter;padding:1px 7px;border-radius:20px;background:rgba(146,119,240,.25);color:var(--lav)}
.nav a .pill.new{background:var(--grad);color:#fff}
.side-foot{margin-top:auto;padding-top:14px}
.usage{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card);font-size:12.5px}
.bar{height:6px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;border-radius:6px;background:var(--grad);transition:width .8s var(--ease)}
.main{min-width:0;display:flex;flex-direction:column}
.top{position:sticky;top:0;z-index:30;height:var(--top);display:flex;align-items:center;gap:12px;padding:0 28px;background:rgba(14,10,31,.72);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--line)}
.search{flex:1;max-width:460px;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--dim);cursor:pointer;font-size:14px;transition:border-color .2s}
.search:hover{border-color:var(--line2)}
.search svg{width:17px;height:17px}
.search kbd{margin-inline-start:auto;font:600 11px Inter;border:1px solid var(--line2);border-radius:6px;padding:1px 6px}
.top .sp{flex:1}
.iconbtn{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);cursor:pointer;transition:background .2s,transform .1s}
.iconbtn:hover{background:var(--card2)}.iconbtn:active{transform:scale(.95)}
.iconbtn svg{width:18px;height:18px}
.iconbtn .dot{position:absolute;top:8px;inset-inline-end:9px;width:8px;height:8px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 2px var(--night)}
.me{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#5B3FC4,#1FB6E8);display:grid;place-items:center;font-weight:700;font-size:14px;cursor:pointer;border:2px solid rgba(255,255,255,.15)}
.live-badge{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:12px;font-size:13px;color:var(--muted);border:1px solid var(--line);background:var(--card)}
.view{padding:28px;max-width:1440px;width:100%;margin:0 auto;animation:viewIn .45s var(--ease)}
@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.mobile-top,.tabbar{display:none}

/* ---------- headings ---------- */
.ph{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.ph h1{font-size:28px;letter-spacing:-.01em}
.ph p{color:var(--muted);margin-top:4px;font-size:15px}
.ph .acts{margin-inline-start:auto;display:flex;gap:10px;flex-wrap:wrap}
.crumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--dim);margin-bottom:6px}
.crumb a:hover{color:#fff}
.sec-t{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.sec-t h2{font-size:17px}
.sec-t .more{margin-inline-start:auto;font-size:13px;color:var(--lav)}
.sec-t .more:hover{color:#fff}

/* ---------- buttons, inputs ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;border:1px solid var(--line2);background:var(--card2);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:transform .12s,background .2s,box-shadow .2s,opacity .2s}
.btn:hover{background:rgba(255,255,255,.1)}
.btn:active{transform:scale(.97)}
.btn svg{width:17px;height:17px}
.btn.pri{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 24px -10px rgba(146,119,240,.7)}
.btn.pri:hover{box-shadow:0 10px 30px -8px rgba(146,119,240,.9);filter:brightness(1.06)}
.btn.ghost{background:transparent;border-color:transparent}
.btn.ghost:hover{background:var(--card2)}
.btn.danger{background:rgba(255,93,115,.14);border-color:rgba(255,93,115,.35);color:#FFB3BE}
.btn.danger.solid{background:linear-gradient(135deg,#FF5D73,#E8384F);color:#fff;border-color:transparent}
.btn.sm{height:32px;padding:0 11px;font-size:13px;border-radius:10px}
.btn.lg{height:50px;padding:0 22px;font-size:16px;border-radius:14px}
.btn.block{width:100%}
.btn[disabled]{opacity:.45;pointer-events:none}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:13px;color:var(--muted);font-weight:500}
.inp,select.inp,textarea.inp{width:100%;height:44px;padding:0 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line2);outline:none;transition:border-color .2s,box-shadow .2s}
textarea.inp{height:auto;padding:12px 14px;resize:vertical;min-height:96px;line-height:1.6}
.inp:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(146,119,240,.18)}
select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:18px 19px,23px 19px;background-size:5px 5px;background-repeat:no-repeat}
[dir=ltr] select.inp{background-position:calc(100% - 23px) 19px,calc(100% - 18px) 19px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.row.nw{flex-wrap:nowrap}
.sw{position:relative;display:inline-block;vertical-align:middle;width:44px;height:26px;flex:none;cursor:pointer}
.sw input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0;z-index:1}
.sw span{position:absolute;inset:0;border-radius:20px;background:rgba(255,255,255,.12);transition:background .25s}
.sw span::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s var(--ease);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.sw input:checked+span{background:var(--grad)}
[dir=rtl] .sw input:checked+span::after{transform:translateX(-18px)}
[dir=ltr] .sw input:checked+span::after{transform:translateX(18px)}
.sw input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:2px}
.seg{display:inline-flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);gap:2px;flex-wrap:wrap}
.seg button{border:0;background:transparent;padding:6px 13px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.seg button.on{background:rgba(146,119,240,.25);color:#fff}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card);font-size:13px;cursor:pointer;transition:all .2s;color:var(--muted)}
.chip:hover{color:#fff}
.chip.on{background:rgba(146,119,240,.22);border-color:rgba(146,119,240,.6);color:#fff}

/* ---------- cards, grids ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;position:relative}
.card.pad0{padding:0;overflow:hidden}
.card.glow{background:linear-gradient(160deg,rgba(146,119,240,.14),rgba(31,182,232,.04) 60%),var(--card)}
.card.hov{transition:transform .25s var(--ease),border-color .25s,background .25s;cursor:pointer}
.card.hov:hover{transform:translateY(-3px);border-color:var(--line2);background:var(--card2)}
.g{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-auto{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.g-auto-s{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:start}
.split.r{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.stack>*+*{margin-top:16px}
.kpi{display:flex;flex-direction:column;gap:4px}
.kpi .l{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.kpi .l svg{width:16px;height:16px;color:var(--lav)}
.kpi .v{font:650 30px Inter;letter-spacing:-.02em;line-height:1.2}
.kpi .v small{font-size:15px;color:var(--muted);font-weight:500;margin-inline-start:4px}
.kpi .d{font-size:12.5px;color:var(--ok)}
.kpi .d.bad{color:var(--bad)}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;background:rgba(255,255,255,.07);color:var(--muted)}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.badge.nodot::before{display:none}
.badge.on{background:rgba(31,182,232,.14);color:#67D3F5}
.badge.ok{background:rgba(46,211,160,.13);color:#5BE3B8}
.badge.off{background:rgba(255,93,115,.13);color:#FF8A9B}
.badge.warn{background:rgba(245,181,71,.14);color:#FFC96B}
.badge.pres{background:rgba(146,119,240,.2);color:var(--lav)}
.badge.on::before,.badge.ok::before{box-shadow:0 0 0 0 currentColor;animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(46,211,200,.55)}80%,100%{box-shadow:0 0 0 6px rgba(46,211,200,0)}}
.tag{font-size:11.5px;padding:2px 8px;border-radius:6px;background:rgba(201,188,255,.1);color:var(--lav);font-weight:600}
.demo-note{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#FFC96B;background:rgba(245,181,71,.1);border:1px dashed rgba(245,181,71,.4);padding:3px 10px;border-radius:8px}
.list{display:flex;flex-direction:column}
.li{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.li:last-child{border-bottom:0}
.li .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(146,119,240,.15);color:var(--lav);flex:none}
.li .ic svg{width:18px;height:18px}
.li .ic.warn{background:rgba(245,181,71,.14);color:#FFC96B}.li .ic.bad{background:rgba(255,93,115,.14);color:#FF8A9B}.li .ic.ok{background:rgba(46,211,160,.13);color:#5BE3B8}
.li .t{flex:1;min-width:0}.li .t b{display:block;font-size:14px;font-weight:600}.li .t span{font-size:12.5px;color:var(--muted)}
.li .r{font-size:12.5px;color:var(--dim);white-space:nowrap}
table.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{font-size:12px;color:var(--dim);font-weight:600;text-align:start;padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr{transition:background .15s}
.tbl tbody tr:hover{background:rgba(255,255,255,.025)}
.tbl tr.click{cursor:pointer}
.tw{overflow-x:auto}
.empty{text-align:center;padding:48px 20px;color:var(--muted)}
.empty .eic{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;background:rgba(146,119,240,.14);color:var(--lav)}
.empty .eic svg{width:28px;height:28px}
.empty h3{color:#fff;font-size:17px;margin-bottom:6px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}
.tabs button{border:0;background:none;padding:10px 14px;font-size:14.5px;font-weight:500;color:var(--muted);cursor:pointer;position:relative;white-space:nowrap}
.tabs button.on{color:#fff}
.tabs button.on::after{content:"";position:absolute;inset-inline:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--grad)}
.thumb{position:relative;border-radius:14px;overflow:hidden;background:#000;aspect-ratio:16/9}
.thumb img{width:100%;height:100%;object-fit:cover}

/* ---------- screen previews (slides scale with container) ---------- */
.scr{position:relative;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;border-radius:12px;background:#07050f;isolation:isolate}
.scr.p{aspect-ratio:9/16}
.tv{padding:6px;border-radius:16px;background:linear-gradient(160deg,#2a2440,#0c0a14);box-shadow:0 20px 50px -20px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.06)}
.tv .scr{border-radius:10px}
.live-dot{position:absolute;top:8px;inset-inline-start:8px;z-index:5;display:flex;align-items:center;gap:5px;font:700 10px Inter;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;letter-spacing:.04em}
.live-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:#FF5D73;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
.sl{position:absolute;inset:0;color:#fff;font-family:var(--font)}
.sl .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sl .ov{position:absolute;inset:0}
.sl .brandmark{position:absolute;top:4cqw;inset-inline-end:4cqw;display:flex;align-items:center;gap:1cqw;font-size:1.8cqw;font-weight:700;opacity:.9}
.sl .brandmark svg{width:3cqw;height:3cqw}
.sl .clock{position:absolute;top:3.6cqw;inset-inline-start:4cqw;font:600 2.2cqw Inter;opacity:.85;direction:ltr}
/* offer */
.s-offer .ov{background:linear-gradient(270deg,rgba(14,10,31,.94) 0%,rgba(14,10,31,.75) 38%,rgba(14,10,31,0) 70%)}
[dir=ltr] .s-offer .ov{background:linear-gradient(90deg,rgba(14,10,31,.94) 0%,rgba(14,10,31,.75) 38%,rgba(14,10,31,0) 70%)}
.s-offer .tx{position:absolute;inset-inline-start:6cqw;top:50%;transform:translateY(-50%);width:46cqw}
.s-offer .k{display:inline-block;font-size:1.9cqw;font-weight:600;padding:.6cqw 1.6cqw;border-radius:5cqw;background:var(--grad);margin-bottom:2cqw}
.s-offer h3{font-size:6.2cqw;line-height:1.15;font-weight:700}
.s-offer h3 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.s-offer p{font-size:2.3cqw;opacity:.85;margin-top:1.6cqw}
.s-offer .pr{display:flex;align-items:baseline;gap:2cqw;margin-top:2.6cqw}
.s-offer .pr b{font:700 5cqw Inter}
.s-offer .pr s{font:500 2.6cqw Inter;opacity:.55}
.s-offer .pr span{font-size:2cqw;opacity:.8}
.s-offer.v2 .ov{background:radial-gradient(70% 90% at 70% 50%,rgba(14,10,31,.15),rgba(14,10,31,.9))}
.s-offer.v3 .ov{background:linear-gradient(0deg,rgba(26,16,51,.95) 0%,rgba(26,16,51,.5) 45%,rgba(26,16,51,0) 75%)}
.s-offer.v3 .tx{top:auto;bottom:6cqw;transform:none;width:80cqw}
/* menu board */
.s-menu{background:radial-gradient(120% 90% at 85% 0%,#2b1b52 0%,#120c25 55%,#0b0816 100%)}
.s-menu .hd{position:absolute;top:3.6cqw;inset-inline-start:4cqw;inset-inline-end:4cqw;display:flex;align-items:center;gap:2cqw}
.s-menu .hd h3{font-size:3.6cqw;font-weight:700}
.s-menu .hd span{font-size:1.6cqw;opacity:.7;margin-inline-start:auto}
.s-menu .items{position:absolute;inset:11cqw 4cqw 4cqw;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1.6cqw}
.s-menu .it{position:relative;border-radius:1.6cqw;overflow:hidden;background:#1b1433;transition:opacity .4s,transform .4s}
.s-menu .it img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.s-menu .it::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,6,22,.92),rgba(10,6,22,.15) 60%,transparent)}
.s-menu .it div{position:absolute;inset-inline:1.4cqw;bottom:1.1cqw;z-index:1;display:flex;align-items:flex-end;gap:1cqw}
.s-menu .it b{font-size:1.9cqw;font-weight:700;line-height:1.25;flex:1}
.s-menu .it b small{display:block;font-size:1.2cqw;font-weight:400;opacity:.7}
.s-menu .it i{font:700 2.3cqw Inter;font-style:normal;background:rgba(146,119,240,.9);padding:.3cqw 1cqw;border-radius:1cqw;direction:ltr}
.s-menu .it.flash i{animation:flash 1.2s}
@keyframes flash{0%,100%{background:rgba(146,119,240,.9)}30%{background:#1FB6E8;transform:scale(1.25)}}
.s-menu .ft{position:absolute;bottom:1.2cqw;inset-inline-start:4cqw;font-size:1.2cqw;opacity:.55}
/* welcome */
.s-welcome .ov{background:radial-gradient(60% 70% at 50% 50%,rgba(14,10,31,.55),rgba(14,10,31,.15))}
.s-welcome .tx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6cqw}
.s-welcome .tx small{font-size:2cqw;letter-spacing:.1em;opacity:.8;font-weight:500}
.s-welcome .tx h3{font-size:5.6cqw;font-weight:700;line-height:1.2;margin-top:1cqw;text-shadow:0 .4cqw 3cqw rgba(0,0,0,.4)}
.s-welcome .tx h3 em{font-style:normal;background:linear-gradient(135deg,#d7ccff,#9fdcf7);-webkit-background-clip:text;background-clip:text;color:transparent}
.s-welcome .tx p{font-size:2.2cqw;opacity:.85;margin-top:1.4cqw}
.s-welcome .tx .line{width:10cqw;height:.3cqw;border-radius:1cqw;background:var(--grad);margin-top:2cqw}
/* season templates */
.s-season .ov{background:linear-gradient(270deg,rgba(8,6,18,.85),rgba(8,6,18,.35) 55%,transparent)}
[dir=ltr] .s-season .ov{background:linear-gradient(90deg,rgba(8,6,18,.85),rgba(8,6,18,.35) 55%,transparent)}
.s-season .tx{position:absolute;inset-inline-start:6cqw;top:50%;transform:translateY(-50%);max-width:52cqw}
.s-season small{font-size:2cqw;opacity:.85;font-weight:600}
.s-season h3{font-size:6.4cqw;line-height:1.15;margin-top:.8cqw}
.s-season p{font-size:2.3cqw;opacity:.85;margin-top:1.5cqw}
.s-season.green h3{color:#7BE3A6}
.s-season.gold h3{color:#F2D29A}
.s-season.ram h3{color:#F4D89A}
.s-season.ram .ov{background:linear-gradient(270deg,rgba(8,6,18,.7),rgba(8,6,18,.1) 60%,transparent)}
/* prayer */
.s-prayer .ov{background:rgba(8,6,20,.45)}
.s-prayer .tx{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.s-prayer small{font-size:2.2cqw;opacity:.85}
.s-prayer h3{font-size:5.4cqw;margin-top:.6cqw}
.s-prayer .cd{font:600 7.4cqw Inter;margin-top:1.5cqw;letter-spacing:.02em;direction:ltr}
.s-prayer p{font-size:2cqw;opacity:.8;margin-top:.8cqw}
/* dashboard */
.s-dash{background:radial-gradient(120% 100% at 100% 0%,#24164a,#0d0a1c 60%);padding:3.4cqw;display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:1.6cqw}
.s-dash .hd{grid-column:1/-1;display:flex;align-items:center;gap:1.6cqw}
.s-dash .hd h3{font-size:2.8cqw}
.s-dash .hd span{font-size:1.5cqw;opacity:.7}
.s-dash .hd .lv{margin-inline-start:auto;font:600 1.4cqw Inter;color:#5BE3B8;display:flex;align-items:center;gap:.6cqw}
.s-dash .hd .lv::before{content:"";width:1cqw;height:1cqw;border-radius:50%;background:#2ED3A0}
.s-dash .tl{background:rgba(255,255,255,.05);border:1px solid rgba(201,188,255,.14);border-radius:1.6cqw;padding:1.6cqw;display:flex;flex-direction:column;min-height:0}
.s-dash .tl small{font-size:1.4cqw;opacity:.7}
.s-dash .tl b{font:650 3.6cqw Inter;margin-top:.4cqw;direction:ltr;text-align:start}
.s-dash .tl b em{font-style:normal;font-size:1.8cqw;opacity:.6}
.s-dash .tl.big{grid-row:2/4;align-items:center;justify-content:center}
.s-dash .gauge{width:70%;margin-top:1cqw}
.s-dash .gauge text{font-family:Inter;font-weight:700}
.s-dash .spark{margin-top:auto;width:100%;height:5cqw}
.s-dash .bars{display:flex;align-items:flex-end;gap:.7cqw;height:6cqw;margin-top:auto}
.s-dash .bars i{flex:1;border-radius:.4cqw .4cqw 0 0;background:var(--grad);opacity:.85}
.s-dash .bars i.t{background:rgba(255,255,255,.15)}
/* queue */
.s-queue{background:linear-gradient(135deg,#140d2a,#0a0815)}
.s-queue .bg{width:42%;inset-inline-start:auto;inset-inline-end:0;opacity:.9}
.s-queue .ov{width:42%;inset-inline-start:auto;inset-inline-end:0;background:linear-gradient(270deg,transparent 40%,#110b24)}
[dir=ltr] .s-queue .ov{background:linear-gradient(90deg,transparent 40%,#110b24)}
.s-queue .main{position:absolute;inset-inline-start:5cqw;top:5cqw;bottom:5cqw;width:50cqw;display:flex;flex-direction:column}
.s-queue small{font-size:1.9cqw;opacity:.75}
.s-queue .now{font:700 11cqw Inter;line-height:1;margin-top:1cqw;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr;text-align:start}
.s-queue .to{font-size:2.6cqw;font-weight:600;margin-top:.8cqw}
.s-queue .nx{margin-top:auto;display:flex;gap:1.2cqw}
.s-queue .nx span{flex:1;background:rgba(255,255,255,.07);border-radius:1.2cqw;padding:1cqw;text-align:center;font:600 2.3cqw Inter}
.s-queue .nx span em{display:block;font:400 1.3cqw var(--font);opacity:.7;font-style:normal}
/* room door panel */
.s-room{background:#0c0918;display:grid;grid-template-columns:1.1fr 1fr}
.s-room .st{padding:4.5cqw;display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(46,211,160,.28),rgba(46,211,160,.05))}
.s-room.busy .st{background:linear-gradient(160deg,rgba(255,93,115,.3),rgba(255,93,115,.05))}
.s-room .st small{font-size:1.8cqw;opacity:.8}
.s-room .st h3{font-size:4.4cqw;margin-top:.5cqw}
.s-room .st .big{font-size:6cqw;font-weight:700;margin-top:auto;color:#6BF0C2}
.s-room.busy .st .big{color:#FF9AA8}
.s-room .st p{font-size:2cqw;opacity:.85}
.s-room .st .bk{margin-top:2cqw;display:flex;gap:1.2cqw}
.s-room .st .bk span{font-size:1.7cqw;padding:1cqw 1.8cqw;border-radius:1.2cqw;background:rgba(255,255,255,.12);font-weight:600}
.s-room .ag{padding:4cqw 3.6cqw;display:flex;flex-direction:column;gap:1.4cqw}
.s-room .ag h4{font-size:2cqw;opacity:.75;font-weight:600}
.s-room .ag div{border-inline-start:.4cqw solid var(--violet);padding:.6cqw 1.4cqw;background:rgba(255,255,255,.04);border-radius:.6cqw}
.s-room .ag div b{display:block;font-size:2cqw}
.s-room .ag div span{font:500 1.6cqw Inter;opacity:.7}
/* share/present */
.s-share .ov{background:linear-gradient(270deg,rgba(10,7,22,.92) 0%,rgba(10,7,22,.72) 50%,rgba(10,7,22,.4))}
[dir=ltr] .s-share .ov{background:linear-gradient(90deg,rgba(10,7,22,.92) 0%,rgba(10,7,22,.72) 50%,rgba(10,7,22,.4))}
.s-share .tx{position:absolute;inset-inline-start:6cqw;top:7cqw;width:52cqw}
.s-share small{font-size:2cqw;opacity:.8}
.s-share h3{font-size:5cqw;line-height:1.2;margin-top:.5cqw}
.s-share .ways{display:flex;flex-direction:column;gap:1.3cqw;margin-top:3cqw}
.s-share .ways div{display:flex;align-items:center;gap:1.6cqw;font-size:2.1cqw}
.s-share .ways b{font:700 1.8cqw Inter;padding:.6cqw 1.2cqw;border-radius:1cqw;background:rgba(255,255,255,.12);min-width:13cqw;text-align:center;direction:ltr}
.s-share .qr{position:absolute;inset-inline-end:7cqw;top:50%;transform:translateY(-50%);width:24cqw;background:#fff;border-radius:2cqw;padding:1.6cqw;text-align:center;color:#0E0A1F}
.s-share .qr img{width:100%}
.s-share .qr b{display:block;font:700 3.6cqw Inter;letter-spacing:.2em;margin-top:.6cqw;direction:ltr}
.s-share .qr span{font-size:1.4cqw;opacity:.7}
/* emergency */
.s-emg{background:repeating-linear-gradient(-45deg,#3a0a12 0 3cqw,#2a0710 3cqw 6cqw)}
.s-emg.warn{background:repeating-linear-gradient(-45deg,#3a2a08 0 3cqw,#2a1f06 3cqw 6cqw)}
.s-emg.info{background:radial-gradient(100% 100% at 50% 0%,#2a1b4d,#0e0a1f)}
.s-emg .tx{position:absolute;inset:4cqw;border-radius:2.4cqw;border:.4cqw solid #FF5D73;background:rgba(20,4,8,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4cqw}
.s-emg.warn .tx{border-color:#F5B547;background:rgba(20,14,4,.75)}
.s-emg.info .tx{border-color:#9277F0;background:rgba(14,10,31,.6)}
.s-emg .ico{width:9cqw;height:9cqw;border-radius:50%;display:grid;place-items:center;background:#FF5D73;animation:pulse 1.2s infinite}
.s-emg.warn .ico{background:#F5B547}.s-emg.info .ico{background:var(--violet);animation:none}
.s-emg .ico svg{width:5cqw;height:5cqw}
@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 2cqw rgba(255,93,115,.15)}}
.s-emg h3{font-size:5.4cqw;margin-top:2cqw}
.s-emg p{font-size:2.4cqw;opacity:.9;margin-top:1cqw;max-width:70cqw}
/* retail */
.s-retail{background:#f3f1f8;color:#120c25}
.s-retail .bg{width:55%;inset-inline-start:auto;inset-inline-end:0}
.s-retail .tx{position:absolute;inset-inline-start:5cqw;top:50%;transform:translateY(-50%);width:40cqw}
.s-retail small{font-size:1.8cqw;font-weight:600;color:#5B3FC4}
.s-retail h3{font-size:4.8cqw;line-height:1.15;margin-top:.6cqw}
.s-retail .pr{display:flex;align-items:baseline;gap:1.5cqw;margin-top:2cqw}
.s-retail .pr b{font:700 4.4cqw Inter}
.s-retail .pr s{font:500 2.2cqw Inter;opacity:.5}
.s-retail .src{display:inline-flex;margin-top:2cqw;font-size:1.5cqw;padding:.6cqw 1.4cqw;border-radius:2cqw;background:#120c25;color:#fff}
/* kpi wall */
.s-kpi{background:radial-gradient(120% 100% at 0% 0%,#22164a,#0b0918 60%);padding:3.4cqw;display:flex;flex-direction:column;gap:1.6cqw}
.s-kpi .hd{display:flex;align-items:center;gap:1.4cqw}.s-kpi .hd h3{font-size:2.8cqw}
.s-kpi .hd span{margin-inline-start:auto;font:600 1.5cqw Inter;opacity:.7}
.s-kpi .row4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4cqw}
.s-kpi .row4 div{background:rgba(255,255,255,.05);border:1px solid rgba(201,188,255,.14);border-radius:1.4cqw;padding:1.4cqw}
.s-kpi .row4 small{font-size:1.4cqw;opacity:.7}
.s-kpi .row4 b{display:block;font:650 3.2cqw Inter;direction:ltr;text-align:start}
.s-kpi .row4 em{font-style:normal;font:600 1.4cqw Inter;color:#5BE3B8}
.s-kpi .ch{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(201,188,255,.12);border-radius:1.4cqw;padding:1.4cqw;min-height:0}
.s-kpi .ch svg{width:100%;height:100%}
.s-kpi .ticker{font-size:1.6cqw;opacity:.8;white-space:nowrap;overflow:hidden}

/* ---------- specific pages ---------- */
.hero-home{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
.now-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.ncard{cursor:pointer}
.ncard .meta{display:flex;align-items:center;gap:8px;margin-top:10px}
.ncard .meta b{font-size:14px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ncard .sub{font-size:12px;color:var(--dim);margin-top:2px}
.ncard .scr{transition:transform .3s var(--ease),box-shadow .3s}
.ncard:hover .scr{transform:scale(1.02);box-shadow:0 14px 34px -14px rgba(146,119,240,.6)}
.scr.offline::after{content:"غير متصل";position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,6,16,.78);backdrop-filter:grayscale(1) blur(2px);font-size:13px;color:#FF8A9B;font-weight:600;z-index:6}
.qa{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.qa button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;text-align:start;transition:all .2s}
.qa button:hover{background:var(--card2);border-color:var(--line2);transform:translateY(-2px)}
.qa button .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--grad)}
.qa button .ic svg{width:17px;height:17px}
.qa button b{font-size:14px}.qa button span{font-size:12px;color:var(--muted);line-height:1.4}
.qa button.emg .ic{background:linear-gradient(135deg,#FF5D73,#E8384F)}
.ring{position:relative;width:132px;height:132px;flex:none}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .c{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.ring .c b{font:700 28px Inter;display:block;line-height:1}
.ring .c span{font-size:12px;color:var(--muted)}
.mapbox{position:relative;aspect-ratio:600/520;max-height:460px;margin:0 auto}
.mapbox svg.ksa{width:100%;height:100%}
.pin{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:2}
.pin i{display:block;width:16px;height:16px;border-radius:50%;background:var(--cyan);border:3px solid #0E0A1F;box-shadow:0 0 0 0 rgba(31,182,232,.6);animation:pin 2.2s infinite}
.pin.warn i{background:var(--warn)}
@keyframes pin{0%{box-shadow:0 0 0 0 rgba(31,182,232,.55)}80%,100%{box-shadow:0 0 0 16px rgba(31,182,232,0)}}
.pin span{position:absolute;top:20px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:600;background:rgba(14,10,31,.85);padding:2px 8px;border-radius:8px;border:1px solid var(--line)}
.dev-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.spec div{padding:12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.spec small{display:block;font-size:12px;color:var(--dim)}
.spec b{font-size:15px}
.setrow{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.setrow:last-child{border-bottom:0}
.setrow .t{flex:1;min-width:0}.setrow .t b{display:block;font-size:14.5px;font-weight:600}.setrow .t span{font-size:13px;color:var(--muted)}
.setrow .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(146,119,240,.14);color:var(--lav);flex:none}
.setrow .ic svg{width:19px;height:19px}
.wallb{display:grid;gap:4px;padding:10px;border-radius:16px;background:#0a0814;border:1px solid var(--line);aspect-ratio:16/9;position:relative}
.wallb .cell{position:relative;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.04);border:1px dashed var(--line2);display:grid;place-items:center;color:var(--dim);font-size:12px;cursor:pointer;transition:all .2s}
.wallb .cell.f{border:0}
.wallb .cell:hover{border-color:var(--violet)}
.wallb .cell .n{position:absolute;top:6px;inset-inline-start:6px;z-index:3;font:700 11px Inter;background:rgba(0,0,0,.6);padding:1px 7px;border-radius:6px;color:#fff}
.wallb .span{position:absolute;inset:10px;border-radius:8px;overflow:hidden;pointer-events:none}
.wallb .span .scr{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.wallb .gridlines{position:absolute;inset:10px;display:grid;gap:4px;pointer-events:none;z-index:2}
.wallb .gridlines i{border:2px solid #0a0814;border-radius:2px}
.lib-card .thumb,.lib-card .scr{border-radius:12px}
.lib-card .meta{padding:10px 2px 0}
.lib-card .meta b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lib-card .meta span{font-size:12px;color:var(--dim)}
.lib-card .ty{position:absolute;top:8px;inset-inline-end:8px;z-index:4;font:600 11px Inter;padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}
.drop{border:2px dashed var(--line2);border-radius:18px;padding:28px;text-align:center;color:var(--muted);transition:all .25s;cursor:pointer}
.drop:hover,.drop.over{border-color:var(--violet);background:rgba(146,119,240,.07);color:#fff}
.drop svg{width:30px;height:30px;margin:0 auto 8px;color:var(--lav)}
.up-item{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:10px}
.up-item .bar{flex:1;margin:0}
.designer{display:flex;align-items:center;gap:12px}
.designer .av{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.ai-box{position:relative;border-radius:22px;padding:22px;background:linear-gradient(160deg,rgba(146,119,240,.18),rgba(31,182,232,.06)),rgba(255,255,255,.03);border:1px solid rgba(146,119,240,.35);overflow:hidden}
.ai-box::before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;pointer-events:none}
.ai-in{display:flex;gap:10px;align-items:flex-end}
.ai-in textarea{flex:1;min-height:58px;font-size:17px;background:rgba(10,6,22,.5)}
.ai-steps{display:flex;flex-direction:column;gap:10px;padding:8px 0}
.ai-steps div{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--dim);transition:color .3s}
.ai-steps div i{width:20px;height:20px;border-radius:50%;border:2px solid var(--line2);flex:none;display:grid;place-items:center}
.ai-steps div.on{color:#fff}.ai-steps div.on i{border-color:var(--violet);border-top-color:transparent;animation:spin .8s linear infinite}
.ai-steps div.done{color:var(--muted)}.ai-steps div.done i{border-color:var(--ok);background:var(--ok)}
.ai-steps div.done i::after{content:"";width:5px;height:9px;border:solid #0E0A1F;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
@keyframes spin{to{transform:rotate(360deg)}}
.shimmer{position:relative;overflow:hidden;background:rgba(255,255,255,.05);border-radius:12px;aspect-ratio:16/9}
.shimmer::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(201,188,255,.14),transparent);animation:sh 1.3s infinite}
@keyframes sh{to{transform:translateX(100%)}}
.variant{cursor:pointer;border-radius:16px;padding:6px;border:2px solid transparent;transition:all .25s;animation:pop .5s var(--ease) both}
.variant.on{border-color:var(--violet);background:rgba(146,119,240,.1)}
.variant:nth-child(2){animation-delay:.12s}.variant:nth-child(3){animation-delay:.24s}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.pl-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);margin-bottom:8px;transition:transform .2s,background .2s,box-shadow .2s;user-select:none}
.pl-item.drag{opacity:.4}
.pl-item.over{box-shadow:0 0 0 2px var(--violet)}
.pl-item .h{cursor:grab;color:var(--dim);padding:4px;touch-action:none}
.pl-item .h svg{width:18px;height:18px}
.pl-item .scr{width:112px;flex:none;border-radius:8px}
.pl-item .t{flex:1;min-width:0}.pl-item .t b{display:block;font-size:14px}.pl-item .t span{font-size:12px;color:var(--dim)}
.pl-item .du{display:flex;align-items:center;gap:4px}
.pl-item .du input{width:52px;height:32px;text-align:center;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid var(--line2);font-family:Inter}
.mv{display:flex;flex-direction:column;gap:2px}
.mv button{width:26px;height:20px;border:0;border-radius:6px;background:rgba(255,255,255,.06);cursor:pointer;display:grid;place-items:center}
.mv button svg{width:14px;height:14px}
.cal{display:grid;grid-template-columns:54px repeat(7,minmax(90px,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:760px;background:rgba(255,255,255,.015)}
.cal .h{padding:10px 6px;text-align:center;font-size:13px;font-weight:600;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03)}
.cal .h.today{color:var(--cyan)}
.cal .tcol{position:relative}
.cal .tcol div{height:44px;font:500 11px Inter;color:var(--dim);text-align:center;padding-top:2px;border-bottom:1px solid rgba(201,188,255,.05)}
.cal .day{position:relative;border-inline-start:1px solid var(--line)}
.cal .day .slot{height:44px;border-bottom:1px solid rgba(201,188,255,.05);cursor:pointer}
.cal .day .slot:hover{background:rgba(146,119,240,.06)}
.cal .ev{position:absolute;inset-inline:4px;border-radius:9px;padding:5px 8px;font-size:12px;overflow:hidden;cursor:pointer;color:#fff;border-inline-start:3px solid #fff;backdrop-filter:blur(2px);transition:filter .2s;z-index:1}
.cal .ev:hover{filter:brightness(1.15)}
.cal .ev b{display:block;font-size:12px;line-height:1.35}
.cal .ev span{font:500 10.5px Inter;opacity:.8}
.cal .pray{position:absolute;inset-inline:0;height:2px;background:repeating-linear-gradient(90deg,#F5B547 0 6px,transparent 6px 10px);z-index:2;pointer-events:none}
.cal .pray::after{content:attr(data-n);position:absolute;top:-9px;inset-inline-end:4px;font-size:10px;color:#FFC96B;background:#160f2c;padding:0 4px;border-radius:4px}
.cal .now{position:absolute;inset-inline:0;height:2px;background:var(--cyan);z-index:3;pointer-events:none}
.cal .now::before{content:"";position:absolute;inset-inline-start:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--cyan)}
.daypart{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.daypart div{padding:12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.daypart b{display:block;font-size:14px}.daypart span{font:500 12px Inter;color:var(--dim)}
.daypart em{display:block;font-style:normal;font-size:12.5px;color:var(--lav);margin-top:6px}
.ptimes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ptimes div{text-align:center;padding:10px 4px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.ptimes div.nx{border-color:rgba(245,181,71,.5);background:rgba(245,181,71,.08)}
.ptimes b{display:block;font-size:13px}.ptimes span{font:600 14px Inter}
.cd-big{font:650 40px Inter;letter-spacing:.02em;direction:ltr;text-align:start}
.integ .logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font:800 18px Inter;color:#fff;flex:none}
.integ .hd{display:flex;align-items:center;gap:12px}
.integ .hd b{display:block;font-size:15.5px}
.integ p{font-size:13px;color:var(--muted);margin:12px 0 14px;min-height:42px}
.integ .ft{display:flex;align-items:center;gap:8px}
.integ .ft span.dim{margin-inline-end:auto}
.integ .ft .btn.pri{margin-inline-start:auto}
.room-card .st{display:flex;align-items:center;gap:8px;margin-top:8px}
.room-card .tl{display:flex;height:8px;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.06);margin-top:12px;position:relative}
.room-card .tl i{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#9277F0,#5B7BFF);border-radius:4px}
.timeline{position:relative;padding-inline-start:22px}
.timeline::before{content:"";position:absolute;inset-inline-start:7px;top:6px;bottom:6px;width:2px;background:var(--line2)}
.timeline .ti{position:relative;padding:8px 0 14px}
.timeline .ti::before{content:"";position:absolute;inset-inline-start:-20px;top:13px;width:12px;height:12px;border-radius:50%;background:var(--violet);border:3px solid var(--night)}
.timeline .ti.now::before{background:var(--cyan);box-shadow:0 0 0 4px rgba(31,182,232,.25)}
.timeline .ti b{display:block;font-size:14px}.timeline .ti span{font-size:12.5px;color:var(--muted)}
.hold{position:relative;overflow:hidden}
.hold .fill{position:absolute;inset:0;background:rgba(255,255,255,.25);transform:scaleX(0);transform-origin:right;pointer-events:none}
[dir=ltr] .hold .fill{transform-origin:left}
.hold.holding .fill{transform:scaleX(1);transition:transform 1.6s linear}
.bcast-banner{position:sticky;top:var(--top);z-index:25;display:flex;align-items:center;gap:12px;padding:10px 28px;background:linear-gradient(90deg,#B81F38,#E8384F);color:#fff;font-weight:600;font-size:14px;animation:viewIn .3s}
.bcast-banner .btn{margin-inline-start:auto;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff}
.bcast-banner i{width:9px;height:9px;border-radius:50%;background:#fff;animation:blink 1s infinite}
.perm td{text-align:center}.perm td:first-child{text-align:start}
.perm .y{color:var(--ok)}.perm .n{color:var(--dim)}
.chart{width:100%;height:220px}
.chart text{font-family:Inter;font-size:11px;fill:var(--dim)}
.legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:6px;vertical-align:middle}
.hbar{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:10px}
.hbar span{width:150px;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbar .bar{flex:1;margin:0;height:8px}
.hbar b{font:600 12.5px Inter;width:52px;text-align:end}
.plan{display:flex;flex-direction:column}
.plan.cur{border-color:rgba(146,119,240,.6);background:linear-gradient(170deg,rgba(146,119,240,.16),transparent 60%),var(--card)}
.plan h3{font-size:18px}
.plan .pr{font:700 38px Inter;margin:10px 0 2px;letter-spacing:-.02em}
.plan .pr small{font:500 14px var(--font);color:var(--muted)}
.plan ul{list-style:none;padding:0;margin:14px 0 18px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--muted)}
.plan li{display:flex;gap:8px;align-items:flex-start}
.plan li svg{width:16px;height:16px;color:var(--ok);flex:none;margin-top:3px}
.plan .btn{margin-top:auto}
.pay{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer;margin-bottom:10px}
.pay.on{border-color:var(--violet);background:rgba(146,119,240,.08)}
.pay .lg{width:52px;height:34px;border-radius:8px;display:grid;place-items:center;font:800 13px Inter;flex:none}
.inv{background:#fff;color:#0E0A1F;border-radius:16px;padding:24px;font-size:13px}
.inv h3{font-size:18px}
.inv table{width:100%;border-collapse:collapse;margin:14px 0}
.inv td,.inv th{padding:8px 4px;border-bottom:1px solid #e6e3ef;text-align:start}
.inv .qr{width:120px;height:120px}
.chat{display:flex;flex-direction:column;height:420px}
.chat .msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:6px 2px 12px}
.chat .m{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.55;animation:pop .3s var(--ease)}
.chat .m.them{background:rgba(255,255,255,.06);align-self:flex-start;border-end-start-radius:4px}
.chat .m.me{background:var(--grad);align-self:flex-end;border-end-end-radius:4px}
.chat .typing{display:flex;gap:4px;padding:14px;align-self:flex-start;background:rgba(255,255,255,.06);border-radius:16px}
.chat .typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:tdot 1s infinite}
.chat .typing i:nth-child(2){animation-delay:.15s}.chat .typing i:nth-child(3){animation-delay:.3s}
@keyframes tdot{50%{transform:translateY(-4px);opacity:.4}}
.gov{border-color:rgba(46,211,160,.35);background:linear-gradient(160deg,rgba(46,211,160,.1),transparent 60%),var(--card)}

/* ---------- overlays ---------- */
.toasts{position:fixed;bottom:24px;inset-inline-start:50%;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;width:min(92vw,440px)}
[dir=rtl] .toasts{transform:translateX(50%)}
.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:rgba(30,22,58,.92);backdrop-filter:blur(16px);border:1px solid var(--line2);box-shadow:0 20px 40px -12px rgba(0,0,0,.6);font-size:14px;animation:tin .4s var(--ease);pointer-events:auto;width:100%}
.toast.out{animation:tout .3s forwards}
.toast .ti{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(46,211,160,.18);color:var(--ok);flex:none}
.toast .ti svg{width:15px;height:15px}
.toast.bad .ti{background:rgba(255,93,115,.18);color:var(--bad)}
.toast.info .ti{background:rgba(146,119,240,.2);color:var(--lav)}
@keyframes tin{from{opacity:0;transform:translateY(16px) scale(.96)}}
@keyframes tout{to{opacity:0;transform:translateY(10px) scale(.96)}}
.modal-bg{position:fixed;inset:0;z-index:150;background:rgba(6,4,14,.6);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;animation:fade .25s}
@keyframes fade{from{opacity:0}}
.modal{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;border-radius:22px;background:linear-gradient(170deg,#211544,#150e2c);border:1px solid var(--line2);box-shadow:0 40px 80px -20px rgba(0,0,0,.7);animation:mIn .35s var(--ease)}
.modal.wide{width:min(860px,100%)}
@keyframes mIn{from{opacity:0;transform:translateY(16px) scale(.97)}}
.modal .mh{display:flex;align-items:center;gap:12px;padding:20px 22px 0}
.modal .mh h3{font-size:18px;flex:1}
.modal .mb{padding:18px 22px}
.modal .mf{display:flex;gap:10px;justify-content:flex-end;padding:0 22px 20px;flex-wrap:wrap}
.drawer-bg{position:fixed;inset:0;z-index:140;background:rgba(6,4,14,.5);animation:fade .2s}
.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(420px,100%);z-index:141;background:linear-gradient(170deg,#1d1340,#120c26);border-inline-start:1px solid var(--line2);box-shadow:-30px 0 60px rgba(0,0,0,.5);display:flex;flex-direction:column;animation:dIn .35s var(--ease)}
@keyframes dIn{from{transform:translateX(-100%)}}
[dir=ltr] .drawer{animation-name:dInL}
@keyframes dInL{from{transform:translateX(100%)}}
.drawer .mh{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.drawer .mh h3{flex:1;font-size:17px}
.drawer .mb{flex:1;overflow-y:auto;padding:12px 20px}
.cmdk{width:min(620px,100%);align-self:start;margin-top:10vh}
.cmdk input{width:100%;height:58px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 22px;font-size:17px;outline:none}
.cmdk .res{max-height:50vh;overflow-y:auto;padding:8px}
.cmdk .res a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--muted);font-size:14.5px}
.cmdk .res a svg{width:18px;height:18px}
.cmdk .res a.sel,.cmdk .res a:hover{background:rgba(146,119,240,.18);color:#fff}
.cmdk .res small{margin-inline-start:auto;font-size:12px;color:var(--dim)}

/* ---------- auth / onboarding ---------- */
.auth{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.auth .fpane{display:flex;flex-direction:column;padding:36px clamp(24px,5vw,72px)}
.auth .fpane .in{margin:auto 0;width:100%;max-width:440px;animation:viewIn .5s var(--ease)}
.auth .vpane{position:relative;overflow:hidden;margin:14px;border-radius:28px;background:#000}
.auth .vpane img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auth .vpane .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,10,31,.95) 0%,rgba(14,10,31,.2) 55%,rgba(14,10,31,.1))}
.auth .vpane .cap{position:absolute;inset-inline:40px;bottom:40px}
.auth .vpane .cap h2{font-size:32px;line-height:1.25}
.auth .vpane .cap p{color:var(--muted);margin-top:8px;font-size:16px}
.auth .vpane .float{position:absolute;top:40px;inset-inline-end:40px;width:46%;animation:floaty 6s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(-10px)}}
.auth h1{font-size:30px;margin-top:22px}
.auth .sub{color:var(--muted);margin:8px 0 26px}
.phone{display:flex;align-items:center;height:54px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.04);overflow:hidden;direction:ltr;transition:border-color .2s,box-shadow .2s}
.phone:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(146,119,240,.18)}
.phone span{padding:0 14px;font:600 16px Inter;color:var(--muted);border-inline-end:1px solid var(--line2);height:100%;display:flex;align-items:center;gap:8px}
.phone input{flex:1;height:100%;border:0;background:transparent;outline:none;padding:0 14px;font:500 18px Inter;letter-spacing:.04em}
.otp{display:flex;gap:10px;direction:ltr;justify-content:center}
.otp input{width:52px;height:60px;text-align:center;font:700 24px Inter;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.04);outline:none;transition:all .2s}
.otp input:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(146,119,240,.18);transform:translateY(-2px)}
.otp.ok input{border-color:var(--ok)}
.steps{display:flex;gap:6px;margin-bottom:26px}
.steps i{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden;position:relative}
.steps i.on::after{content:"";position:absolute;inset:0;background:var(--grad);animation:grow .6s var(--ease)}
@keyframes grow{from{transform:scaleX(0)}}
.btype{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.btype button{position:relative;border:2px solid transparent;border-radius:16px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;padding:0;background:#000;transition:all .25s}
.btype button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .25s,transform .4s}
.btype button:hover img{opacity:.95;transform:scale(1.05)}
.btype button span{position:absolute;inset-inline:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(0deg,rgba(10,6,22,.95),transparent);font-size:13.5px;font-weight:600;text-align:start}
.btype button.on{border-color:var(--violet);box-shadow:0 0 0 4px rgba(146,119,240,.25)}
.btype button.on::after{content:"✓";position:absolute;top:8px;inset-inline-end:8px;width:22px;height:22px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:13px;font-weight:700}
.pair-anim{position:relative;display:grid;place-items:center;padding:20px 0}
.pair-anim img{width:min(320px,80%);border-radius:20px}
.pair-anim .wave{position:absolute;width:140px;height:140px;border-radius:50%;border:2px solid var(--cyan);opacity:0;animation:wave 2.4s infinite}
.pair-anim .wave:nth-child(2){animation-delay:.8s}.pair-anim .wave:nth-child(3){animation-delay:1.6s}
@keyframes wave{0%{transform:scale(.4);opacity:.8}100%{transform:scale(2.2);opacity:0}}
.success-check{width:84px;height:84px;margin:10px auto 18px;border-radius:50%;background:var(--grad);display:grid;place-items:center;animation:pop .5s var(--ease);box-shadow:0 0 0 12px rgba(146,119,240,.15)}
.success-check svg{width:42px;height:42px;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .6s .3s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:300;overflow:hidden}
.confetti i{position:absolute;top:-10px;width:8px;height:14px;border-radius:2px;animation:fall 2.4s ease-in forwards}
@keyframes fall{to{transform:translateY(105vh) rotate(720deg);opacity:.7}}

/* ---------- player ---------- */
.player{position:fixed;inset:0;background:#000;z-index:400;display:grid;place-items:center}
.player .stage{width:min(100vw,calc(100vh*16/9));width:min(100vw,calc(100dvh*16/9))}
.player .scr{border-radius:0}
.player .pbar{position:absolute;bottom:0;inset-inline:0;height:3px;background:rgba(255,255,255,.1);z-index:10}
.player .pbar i{display:block;height:100%;background:var(--grad);width:0}
.player .pctl{position:absolute;top:16px;inset-inline:16px;display:flex;gap:8px;align-items:center;z-index:10;opacity:0;transition:opacity .3s}
.player:hover .pctl,.player.show .pctl{opacity:1}
.player .pctl .sp{flex:1}
.player .pctl .btn{background:rgba(0,0,0,.55);backdrop-filter:blur(10px)}
.player .fade{animation:pfade .8s var(--ease)}
@keyframes pfade{from{opacity:0;transform:scale(1.015)}}

/* ---------- responsive ---------- */
@media (max-width:1180px){
 .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .split,.split.r,.hero-home,.dev-hero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
 :root{--top:58px}
 .shell{grid-template-columns:1fr}
 .side{display:none}
 .top{display:none}
 .mobile-top{display:flex;position:sticky;top:0;z-index:30;height:58px;align-items:center;gap:10px;padding:0 14px;background:rgba(14,10,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
 .mobile-top .brand{padding:0}
 .mobile-top .brand svg{width:30px;height:30px}
 .mobile-top .sp{flex:1}
 .mobile-top .iconbtn{width:38px;height:38px}
 .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;inset-inline:0;z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(18,12,38,.9);backdrop-filter:blur(20px);border-top:1px solid var(--line)}
 .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:11px;color:var(--dim);border:0;background:none;cursor:pointer}
 .tabbar svg{width:22px;height:22px}
 .tabbar .on{color:#fff}
 .tabbar .on svg{color:var(--lav)}
 .tabbar .ai{position:relative}
 .tabbar .ai span.b{width:46px;height:46px;margin-top:-22px;border-radius:16px;background:var(--grad);display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px -8px rgba(146,119,240,.8)}
 .view{padding:18px 14px 100px}
 .ph h1{font-size:23px}
 .ph .acts{margin-inline-start:0;width:100%}
 .g3{grid-template-columns:1fr}
 .g2{grid-template-columns:1fr}
 .bcast-banner{top:58px;padding:10px 14px;font-size:13px}
 .auth{grid-template-columns:1fr}
 .auth .vpane{display:none}
 .auth .fpane{padding:24px 18px}
 .btype{grid-template-columns:repeat(2,1fr)}
 .daypart{grid-template-columns:repeat(2,1fr)}
 .tbl.cards thead{display:none}
 .tbl.cards tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 4px;border-bottom:1px solid var(--line)}
 .tbl.cards td{padding:2px 0;border:0}
 .tbl.cards td.hm{display:none}
 .drawer{width:100%}
 .modal-bg{place-items:end center;padding:0}
 .modal{border-radius:22px 22px 0 0;width:100%;max-height:92dvh}
 .cmdk{margin-top:0;align-self:end}
 .toasts{bottom:92px}
 .hbar span{width:100px}
}
@media (max-width:560px){
 .g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .kpi .v{font-size:24px}
 .card{padding:16px}
 .now-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .g-auto,.g-auto-s{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .g-auto.one{grid-template-columns:1fr}
 .ptimes{grid-template-columns:repeat(5,1fr);gap:4px}
 .ptimes b{font-size:11.5px}.ptimes span{font-size:12px}
 .pl-item .scr{width:78px}
 .otp input{width:44px;height:54px}
 .spec{grid-template-columns:1fr 1fr}
 .ring{width:110px;height:110px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.sec-t .sw{margin-inline-start:auto}

.player .pctl .btn{color:#fff}
@media (max-width:560px){
 .pl-item .scr{display:none}
 .pl-item{gap:8px;padding:10px 8px}
 .home-ring{display:none}
 .player .pctl span.btn,.player .pctl [data-a=pFull]{display:none}
}

/* ===================== v2: calmer shell, wizard, assistant ===================== */
.nav-more{display:flex;align-items:center;gap:11px;width:100%;padding:8px 12px;border-radius:11px;color:var(--dim);font-size:14px;font-weight:500;background:none;border:0;cursor:pointer;margin-top:6px;transition:color .15s,background .15s}
.nav-more:hover{color:#fff;background:rgba(255,255,255,.045)}
.nav-more svg{width:18px;height:18px;flex:none}
.nav-more svg:last-child{margin-inline-start:auto;width:15px;height:15px;transition:transform .3s var(--ease)}
.nav-more.open svg:last-child{transform:rotate(180deg)}
.nav-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.nav-sub.open{grid-template-rows:1fr}
.nav-sub>div{overflow:hidden}
.nav-sub a{font-size:13.5px;padding:7px 12px 7px 12px;padding-inline-start:20px}
.side .nav{display:flex;flex-direction:column;gap:2px}
.side-foot{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:10px}
.foot-l{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:11px;color:var(--muted);font-size:13.5px;transition:all .15s}
.foot-l:hover,.foot-l.on{color:#fff;background:rgba(255,255,255,.045)}
.foot-l svg{width:17px;height:17px}
.av.logo{overflow:hidden;padding:3px}.av.logo img{width:100%;height:100%;object-fit:contain}
.av.xl{width:64px;height:64px;border-radius:18px;font-size:26px;display:grid;place-items:center;font-weight:700;background:var(--grad);flex:none}
.li .av.ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:700;background:var(--grad)}
.search span{color:var(--dim)}

/* home */
.home{max-width:1080px;margin:0 auto}
.hello{display:flex;align-items:flex-end;gap:16px;margin:6px 0 22px}
.hello h1{font-size:30px;letter-spacing:-.01em}
.hello p{color:var(--muted);margin-top:4px}
.hello .btn{margin-inline-start:auto}
.hstat{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:18px 22px;margin-bottom:34px}
.hs{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--muted)}
.hs b{font-size:28px;color:#fff;font-weight:700;line-height:1}
.hs.off b{color:#FF8A9A}
.hs.off:hover span:last-child{color:#fff}
.hs.okall{color:var(--ok)}.hs.okall svg{width:18px;height:18px}
.hs.pray{color:var(--lav)}.hs.pray svg{width:17px;height:17px}.hs.pray b{font-size:14.5px;color:#fff}
.hsep{width:1px;height:28px;background:var(--line2)}
.pulse{width:10px;height:10px;border-radius:50%;position:relative;flex:none}
.pulse.ok{background:var(--ok)}.pulse.bad{background:var(--bad)}
.pulse::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid currentColor;opacity:0;animation:pulse 2.4s infinite}
.pulse.ok::after{color:var(--ok)}.pulse.bad::after{color:var(--bad)}
@keyframes pulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.6);opacity:0}}
.hsec{margin-bottom:34px}
.hsec .sec-t{margin-bottom:14px}
.now4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.qa3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qa-t{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--card);transition:transform .25s var(--ease),background .2s,border-color .2s}
.qa-t:hover{transform:translateY(-3px);background:var(--card2);border-color:rgba(146,119,240,.45)}
.qa-t .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--grad);margin-bottom:8px;box-shadow:0 10px 24px -12px rgba(146,119,240,.9)}
.qa-t .ic svg{width:19px;height:19px}
.qa-t b{font-size:15.5px}
.qa-t span{font-size:13px;color:var(--muted)}
.qa-t i{position:absolute;top:20px;inset-inline-end:18px;color:var(--dim);transition:transform .25s var(--ease)}
.qa-t i svg{width:16px;height:16px}
.qa-t:hover i{transform:translateX(-4px);color:#fff}
.more-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.more-t{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--card);transition:all .2s}
.more-t:hover{background:var(--card2);transform:translateY(-2px)}
.more-t .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(146,119,240,.2);color:var(--lav)}
.more-t .ic svg{width:18px;height:18px}
.dash-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.demo-types{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.demo-types.wide{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.demo-types button{position:relative;height:64px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:#000;cursor:pointer;padding:0;transition:all .2s}
.demo-types button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .2s}
.demo-types button:hover img{opacity:.8}
.demo-types button span{position:relative;font-size:12.5px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.demo-types button.on{border-color:var(--violet);box-shadow:0 0 0 3px rgba(146,119,240,.25)}
.s-welcome .orglogo{height:7cqw;width:auto;max-width:22cqw;object-fit:contain;border-radius:1cqw;background:#fff;padding:.7cqw;margin-bottom:1.6cqw}
.swatches{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sw-c{width:34px;height:34px;border-radius:11px;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .15s;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.sw-c:hover{transform:scale(1.08)}
.sw-c.on{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.sw-c.custom{display:grid;place-items:center;background:var(--card2);border:1px dashed var(--line2);color:var(--muted)}
.sw-c.custom svg{width:16px;height:16px;pointer-events:none}
.sw-c.custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
select.inp{cursor:pointer}

/* first-run wizard */
.wz{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.wz-top{display:flex;align-items:center;gap:24px;padding:18px clamp(18px,4vw,48px)}
.wz-top .brand{padding:0}
.wz-prog{flex:1;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);text-align:center}
.wz-prog .bar{height:5px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}
.wz-prog .bar i{display:block;height:100%;border-radius:5px;background:var(--grad);transition:width .6s var(--ease)}
.wz-body{flex:1;display:flex;justify-content:center;padding:20px clamp(18px,4vw,48px) 30px}
.wz-in{width:100%;max-width:900px;margin:auto 0}
.wz-in.fwd{animation:wzF .5s var(--ease)}.wz-in.back{animation:wzB .5s var(--ease)}
@keyframes wzF{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes wzB{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.wz h1{font-size:34px;letter-spacing:-.01em}
.wz .sub{color:var(--muted);margin:8px 0 28px;font-size:16px}
.wz-h2{font-size:17px;margin:30px 0 12px}
.wz-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}
.wz-prev{display:flex;flex-direction:column;gap:10px;align-items:center}
.wz-prev .tv{width:100%;box-shadow:0 30px 70px -30px rgba(146,119,240,.6)}
.inp.lg{height:54px;font-size:18px;border-radius:14px}
.logo-up{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;border:1px dashed var(--line2);background:var(--card);cursor:pointer;transition:all .2s}
.logo-up:hover{border-color:var(--violet);background:var(--card2)}
.logo-up>svg,.logo-up>img{width:48px;height:48px;border-radius:12px;flex:none}
.logo-up>svg{padding:12px;background:rgba(146,119,240,.18);color:var(--lav)}
.logo-up>img{object-fit:contain;background:#fff;padding:4px}
.logo-up span{display:flex;flex-direction:column;font-weight:600;font-size:14.5px}
.logo-up small{font-weight:400;color:var(--dim);font-size:12px}
.wz-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.wz-types button{position:relative;aspect-ratio:4/3.3;border-radius:20px;overflow:hidden;border:2px solid transparent;background:#000;cursor:pointer;padding:0;text-align:start;transition:transform .3s var(--ease),border-color .2s,box-shadow .2s}
.wz-types button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:opacity .3s,transform .6s var(--ease)}
.wz-types button:hover{transform:translateY(-3px)}
.wz-types button:hover img{opacity:1;transform:scale(1.06)}
.wz-types button span{position:absolute;inset-inline:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(0deg,rgba(10,6,22,.96),rgba(10,6,22,.55) 60%,transparent);display:flex;flex-direction:column}
.wz-types button b{font-size:15.5px}
.wz-types button small{font-size:12px;color:var(--muted)}
.wz-types button.on{border-color:var(--violet);box-shadow:0 0 0 5px rgba(146,119,240,.28)}
.wz-types button.on::after{content:"✓";position:absolute;top:10px;inset-inline-end:10px;width:26px;height:26px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:700;animation:pop .35s var(--ease)}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.wz-opts,.wz-sys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.opt{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;border:1.5px solid var(--line);background:var(--card);cursor:pointer;text-align:start;transition:all .2s}
.opt:hover{background:var(--card2);border-color:var(--line2)}
.opt .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(146,119,240,.16);color:var(--lav);flex:none;transition:all .2s}
.opt .ic svg{width:21px;height:21px}
.opt .logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font:800 17px Inter;color:#fff;flex:none}
.opt .t{flex:1;min-width:0;display:flex;flex-direction:column}
.opt .t b{font-size:15px}.opt .t small{font-size:12.5px;color:var(--muted)}
.opt .ck{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;flex:none;transition:all .2s}
.opt .ck svg{width:14px;height:14px;opacity:0}
.opt.on{border-color:rgba(146,119,240,.75);background:rgba(146,119,240,.12)}
.opt.on .ic{background:var(--grad);color:#fff}
.opt.on .ck{background:var(--grad);border-color:transparent}.opt.on .ck svg{opacity:1}
.wz-size{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wz-size .card{display:flex;flex-direction:column;gap:14px}
.stepper{display:flex;align-items:center;gap:18px}
.stepper button{width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);background:var(--card2);font-size:22px;cursor:pointer;transition:all .15s}
.stepper button:hover{background:rgba(146,119,240,.25)}
.stepper span{font-size:30px;font-weight:700;min-width:44px;text-align:center}
.wz-cities .chip{padding:9px 16px;font-size:14px}
.wz-row{display:flex;align-items:center;gap:16px;margin-bottom:12px;padding:16px 18px}
.wz-row .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.wz-row .t>span{font-size:13px;color:var(--muted)}
.ptimes-s{display:flex;flex-wrap:wrap;gap:6px 14px}
.ptimes-s span{font-size:12.5px;color:var(--muted)}.ptimes-s b{color:#fff;font-weight:600}
.wz-hours{gap:12px}.wz-hours .field{flex:1;margin:0}
.wz-foot{position:sticky;bottom:0;padding:16px clamp(18px,4vw,48px);background:linear-gradient(0deg,rgba(14,10,31,.98) 60%,rgba(14,10,31,0));}
.wz-foot>div{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:10px}
.wz-foot .sp{flex:1}
.wz-foot .btn[disabled]{opacity:.4;cursor:not-allowed}
.wz-foot .btn.lg svg{width:16px;height:16px}
.ready-hd{text-align:center;margin-bottom:22px}
.ok-burst{width:64px;height:64px;border-radius:50%;background:var(--grad);display:grid;place-items:center;margin:0 auto 16px;animation:pop .5s var(--ease);box-shadow:0 0 0 10px rgba(146,119,240,.15),0 0 0 22px rgba(146,119,240,.07)}
.ok-burst svg{width:30px;height:30px;stroke-width:3}
.ready .sub{margin-bottom:0}
.ready-g{display:flex;flex-direction:column;gap:22px}
.ready-g>.card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.ready-g>.card .rl:nth-last-child(2){border-bottom:0}
.rl{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.rl:last-child{border-bottom:0}
.rl .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(146,119,240,.18);color:var(--lav);flex:none}
.rl .ic svg{width:17px;height:17px}
.rl b{display:block;font-size:14.5px;margin-bottom:4px}
.rl span{font-size:13px;color:var(--muted)}
.rl .chips{gap:6px}.rl .chip{font-size:12px;padding:3px 10px;cursor:default}
.ready-t{display:block;font-size:14.5px;margin-bottom:10px}
.ready-tpl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ready-tpl .tv{animation:viewIn .6s var(--ease) both}
.ready-tpl .tv:nth-child(2){animation-delay:.1s}.ready-tpl .tv:nth-child(3){animation-delay:.2s}

/* AI assistant — left side, full height */
:root{--aw:360px}
#asst,#asfab{display:none}
body.app-on #asst{display:flex}
body.app-on .shell{padding-left:var(--aw);transition:padding-left .3s var(--ease)}
body.as-drag .shell,body.as-drag #asst{transition:none}
body.as-drag{cursor:col-resize;user-select:none}
#asst{position:fixed;left:0;top:0;bottom:0;width:var(--aw);z-index:35;flex-direction:column;background:linear-gradient(180deg,rgba(29,19,64,.96),rgba(16,11,34,.98));border-right:1px solid var(--line2);backdrop-filter:blur(20px);transition:width .3s var(--ease)}
.as-grip{position:absolute;top:0;bottom:0;right:-5px;width:10px;cursor:col-resize;z-index:2}
.as-grip::after{content:"";position:absolute;top:50%;right:3px;width:4px;height:44px;margin-top:-22px;border-radius:4px;background:var(--line2);opacity:0;transition:opacity .2s}
#asst:hover .as-grip::after,body.as-drag .as-grip::after{opacity:1}
.as-hd{display:flex;align-items:center;gap:11px;padding:14px 16px;height:var(--top);border-bottom:1px solid var(--line)}
.as-hd div{flex:1;min-width:0}
.as-hd b{display:block;font-size:14.5px}
.as-hd small{display:block;font-size:12px;color:var(--muted)}
.as-ic{width:34px;height:34px;border-radius:11px;background:var(--grad);display:grid;place-items:center;flex:none;box-shadow:0 8px 20px -8px rgba(146,119,240,.9)}
.as-ic svg{width:17px;height:17px}
.as-close{display:none}
.as-log{flex:1;overflow-y:auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}
.am{display:flex;gap:10px;animation:viewIn .35s var(--ease)}
.am p{font-size:14px;line-height:1.65}
.am.u{justify-content:flex-start}
.am.u p{max-width:85%;padding:10px 14px;border-radius:16px;border-start-start-radius:5px;background:var(--grad);color:#fff}
.am.a .aav{width:28px;height:28px;border-radius:9px;background:rgba(146,119,240,.22);color:var(--lav);display:grid;place-items:center;flex:none;margin-top:2px}
.am.a .aav svg{width:14px;height:14px}
.am.a>div{flex:1;min-width:0}
.am.a p{color:#E6E2F8}
.am.typing p{display:flex;gap:5px;padding-top:10px}
.am.typing p i{width:7px;height:7px;border-radius:50%;background:var(--lav);opacity:.4;animation:blink 1.1s infinite}
.am.typing p i:nth-child(2){animation-delay:.18s}.am.typing p i:nth-child(3){animation-delay:.36s}
@keyframes blink{50%{opacity:1;transform:translateY(-2px)}}
.plan{margin-top:10px;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.04);overflow:hidden}
.plan .pv{padding:10px 10px 0}
.plan .pv .scr{border-radius:10px}
.plan .pb{padding:10px 14px 4px}
.plan .pb>b{display:block;font-size:13.5px;margin-bottom:6px}
.plan .pr{display:flex;gap:10px;font-size:12.5px;padding:4px 0;border-top:1px dashed var(--line)}
.plan .pr span{color:var(--dim);flex:none;min-width:56px}
.plan .pr em{font-style:normal;color:#fff;flex:1;min-width:0}
.plan .pa{display:flex;gap:8px;padding:10px 14px 14px}
.plan .pa .btn{margin:0}
.plan .pa .btn.pri{flex:1}
.plan .pres{display:flex;align-items:center;gap:8px;padding:10px 14px;margin:6px 0 0;background:rgba(46,211,160,.12);color:#9CF0D1;font-size:12.5px;animation:viewIn .4s var(--ease)}
.plan .pres svg{width:15px;height:15px;flex:none}
.plan .pres span{flex:1}
.plan .pres a{color:#fff;font-weight:600;white-space:nowrap}
.plan .pres.no{background:rgba(255,255,255,.04);color:var(--dim)}
.plan.done{border-color:rgba(46,211,160,.35)}
.as-foot{padding:10px 14px 14px;border-top:1px solid var(--line)}
.as-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.as-chips.in{margin:10px 0 0}
.as-chips button{font-size:12.5px;padding:6px 11px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--muted);cursor:pointer;text-align:start;transition:all .2s}
.as-chips button:hover{color:#fff;border-color:rgba(146,119,240,.6);background:rgba(146,119,240,.15)}
.as-in{display:flex;align-items:flex-end;gap:8px;padding:6px 6px 6px 6px;border-radius:16px;border:1px solid var(--line2);background:rgba(255,255,255,.05);transition:border-color .2s,box-shadow .2s}
.as-in:focus-within{border-color:rgba(146,119,240,.7);box-shadow:0 0 0 4px rgba(146,119,240,.15)}
.as-in textarea{flex:1;resize:none;border:0;background:none;outline:none;padding:8px 8px;font-size:14px;line-height:1.5;max-height:120px;color:#fff}
.as-in textarea::placeholder{color:var(--dim)}
.as-in .send{width:38px;height:38px;border-radius:12px;border:0;background:var(--grad);display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .15s}
.as-in .send:hover{transform:scale(1.06)}
.as-in .send svg{width:17px;height:17px;transform:scaleX(-1)}
.asst.col{width:64px}
.as-strip{flex:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0;border:0;background:none;color:var(--muted);cursor:pointer}
.as-strip:hover{color:#fff}
.as-strip .as-vt{writing-mode:vertical-rl;font-size:13.5px;font-weight:600;letter-spacing:.02em}
.as-strip>svg{width:16px;height:16px;margin-top:auto}
.spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:1280px){.now4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.qa3{grid-template-columns:1fr}.qa-t{flex-direction:row;align-items:center;gap:14px}.qa-t .ic{margin:0}.qa-t span{margin-inline-start:auto;padding-inline-end:26px}.qa-t i{top:50%;margin-top:-8px}}
@media (max-width:900px){
 body.app-on .shell{padding-left:0}
 body.app-on #asst{display:none}
 body.app-on #asfab{display:grid;place-items:center;position:fixed;left:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:45;width:54px;height:54px;border-radius:18px;border:0;background:var(--grad);color:#fff;box-shadow:0 14px 30px -10px rgba(146,119,240,.9);cursor:pointer;animation:pop .4s var(--ease)}
 #asfab svg{width:24px;height:24px}
 body.app-on.as-sheet #asst{display:flex;inset:0;width:100%!important;z-index:160;border:0;animation:sheetUp .35s var(--ease)}
 body.as-sheet #asfab{display:none!important}
 body.as-sheet .as-x{display:none}body.as-sheet .as-close{display:grid}
 .as-grip{display:none}
 .as-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
 .hello{margin:0 0 16px}.hello h1{font-size:23px}.hello .btn{display:none}
 .hstat{gap:14px;padding:14px 16px;margin-bottom:24px}.hs b{font-size:22px}.hsep{display:none}.hs.pray{width:100%}
 .wz h1{font-size:25px}.wz .sub{font-size:14.5px;margin-bottom:20px}
 .wz-two{grid-template-columns:1fr;gap:20px}
 .ready-g>.card{grid-template-columns:1fr}
 .ready-g>.card .rl:nth-last-child(2){border-bottom:1px solid var(--line)}
 .wz-prev{order:-1}.wz-prev .tv{max-width:360px}
 .wz-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .wz-types button{border-radius:16px}.wz-types button b{font-size:14px}.wz-types button small{display:none}
 .wz-opts,.wz-sys,.wz-size{grid-template-columns:1fr}
 .wz-top{gap:12px;padding:12px 16px}.wz-top .brand b,.wz-top .brand small{display:none}
 .wz-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
 .wz-foot .btn.lg{height:46px;padding:0 14px;font-size:14px}
 .dash-list{grid-template-columns:1fr}
}
@keyframes sheetUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:560px){.now4{gap:10px}.qa-t span{display:none}.ready-tpl{grid-template-columns:repeat(3,1fr)}}


/* ===================== v3: language (AR/EN) + theme (light/dark/system) ===================== */
:root{--warnT:#FFC96B;--badT:#FF8A9B;--okT:#5BE3B8;--shadow:none;--surface:rgba(255,255,255,.035)}
html[lang=en]{--font:"Inter","Plex Ar",system-ui,-apple-system,"Segoe UI",sans-serif}
html[lang=en] body{font-size:14.5px;letter-spacing:-.003em}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:-.015em}
html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)!important}
body.lang-out #app,body.lang-out #asst{opacity:.35;transition:opacity .18s}
/* controls */
.i18n-lang{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--light);font:600 13px/1 "Inter","Plex Ar",sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
.i18n-lang svg{width:17px;height:17px;flex:none;opacity:.8}
.i18n-lang span{font-family:"Plex Ar","Inter",sans-serif}
.i18n-lang:hover{border-color:var(--violet);background:rgba(146,119,240,.12)}
.i18n-lang.sm{height:36px;padding:0 10px}
.i18n-theme svg{width:19px;height:19px}
.i18n-seg{flex-wrap:nowrap}
.i18n-seg button{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.i18n-seg button svg{width:15px;height:15px}
.i18n-seg button:first-child{font-family:"Plex Ar","Inter",sans-serif}
.thpop{position:fixed;z-index:300;min-width:190px;padding:6px;border-radius:14px;background:linear-gradient(170deg,#1d1340,#120c26);border:1px solid var(--line2);box-shadow:0 24px 50px -16px rgba(0,0,0,.6);animation:fade .15s}
.thpop button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:none;cursor:pointer;font-size:14px;text-align:start}
.thpop button svg{width:17px;height:17px;flex:none}
.thpop button span{flex:1}
.thpop button:hover{background:rgba(146,119,240,.14)}
.thpop button.on{color:var(--lav)}
.auth-top{display:flex;align-items:center;gap:10px}
.auth-top .sp{flex:1}
.auth-top .seg{padding:3px}
.auth-top .seg button{padding:5px 11px;font-size:13px}
.wz-tg{display:flex;align-items:center;gap:8px}
.wz-tg .seg button{padding:5px 11px;font-size:13px}
.appear .setrow{flex-wrap:wrap}
@media (max-width:640px){.appear .setrow .seg,.card .setrow .i18n-seg{margin-inline-start:48px}.auth-top .seg button{padding:5px 9px}.wz-top .wz-tg .seg{display:none}}
@media (max-width:420px){.mobile-top .i18n-lang{padding:0 9px}}
html[lang=en] .scr.offline::after{content:"Offline"}

/* ---------- LTR mirror (English) ---------- */
[dir=ltr] #asst{left:auto;right:0;border-right:0;border-left:1px solid var(--line2)}
[dir=ltr] body.app-on .shell{padding-left:0;padding-right:var(--aw);transition:padding-right .3s var(--ease)}
[dir=ltr] .as-grip{right:auto;left:-5px}
[dir=ltr] .as-grip::after{right:auto;left:3px}
[dir=ltr] .as-in .send svg{transform:none}
[dir=ltr] .hold .fill{transform-origin:left}
[dir=ltr] .qa-t:hover i{transform:translateX(4px)}
[dir=ltr] svg.i-chev,[dir=ltr] svg.i-chevl,[dir=ltr] svg.i-logout,[dir=ltr] svg.flip{transform:scaleX(-1)}
@media (max-width:900px){[dir=ltr] body.app-on .shell{padding-right:0}[dir=ltr] body.app-on #asfab{left:auto;right:16px}}


/* ---- light theme: generated mapping of hard-coded dark-theme colours ---- */
:where(html[data-theme=light]) .side{background:linear-gradient(180deg,rgba(255,255,255,0.85),rgba(255,255,255,0.9))}
:where(html[data-theme=light]) .nav a:hover{color:var(--light);background:rgba(60,40,140,0.041)}
:where(html[data-theme=light]) .nav a.on{color:var(--light)}
:where(html[data-theme=light]) .bar{background:rgba(60,40,140,0.072)}
:where(html[data-theme=light]) .top{background:rgba(255,255,255,0.75)}
:where(html[data-theme=light]) .me{border:2px solid rgba(43,27,94,0.15)}
:where(html[data-theme=light]) .crumb a:hover{color:var(--light)}
:where(html[data-theme=light]) .sec-t .more:hover{color:var(--light)}
:where(html[data-theme=light]) .btn:hover{background:rgba(60,40,140,0.09)}
:where(html[data-theme=light]) .btn.danger{color:#C42740}
:where(html[data-theme=light]) .inp,:where(html[data-theme=light]) select.inp,:where(html[data-theme=light]) textarea.inp{background:rgba(60,40,140,0.036)}
:where(html[data-theme=light]) .sw span{background:rgba(60,40,140,0.108)}
:where(html[data-theme=light]) .sw span::after{box-shadow:0 2px 6px rgba(43,27,94,0.09)}
:where(html[data-theme=light]) .seg{background:rgba(60,40,140,0.036)}
:where(html[data-theme=light]) .seg button.on{color:var(--light)}
:where(html[data-theme=light]) .chip:hover{color:var(--light)}
:where(html[data-theme=light]) .chip.on{color:var(--light)}
:where(html[data-theme=light]) .badge{background:rgba(60,40,140,0.063)}
:where(html[data-theme=light]) .badge.on{color:#0A7FAE}
:where(html[data-theme=light]) .badge.ok{color:#08875F}
:where(html[data-theme=light]) .badge.off{color:#D42F4B}
:where(html[data-theme=light]) .badge.warn{color:#9A5B00}
:where(html[data-theme=light]) .tag{background:rgba(91,63,196,0.085)}
:where(html[data-theme=light]) .demo-note{color:#9A5B00}
:where(html[data-theme=light]) .li .ic.warn{color:#9A5B00}
:where(html[data-theme=light]) .li .ic.bad{color:#D42F4B}
:where(html[data-theme=light]) .li .ic.ok{color:#08875F}
:where(html[data-theme=light]) .tbl tbody tr:hover{background:rgba(60,40,140,0.023)}
:where(html[data-theme=light]) .empty h3{color:var(--light)}
:where(html[data-theme=light]) .tabs button.on{color:var(--light)}
:where(html[data-theme=light]) .spec div{background:rgba(60,40,140,0.027)}
:where(html[data-theme=light]) .drop:hover,:where(html[data-theme=light]) .drop.over{color:var(--light)}
:where(html[data-theme=light]) .ai-box{background:linear-gradient(160deg,rgba(146,119,240,.18),rgba(31,182,232,.06)),rgba(60,40,140,0.027)}
:where(html[data-theme=light]) .ai-in textarea{background:rgba(255,255,255,0.75)}
:where(html[data-theme=light]) .ai-steps div.on{color:var(--light)}
:where(html[data-theme=light]) .ai-steps div.done i::after{border:solid rgba(43,27,94,.12)}
:where(html[data-theme=light]) .pl-item{background:rgba(60,40,140,0.027)}
:where(html[data-theme=light]) .pl-item .du input{background:rgba(60,40,140,0.045)}
:where(html[data-theme=light]) .mv button{background:rgba(60,40,140,0.054)}
:where(html[data-theme=light]) .cal{background:rgba(60,40,140,0.013)}
:where(html[data-theme=light]) .cal .h{background:rgba(60,40,140,0.027)}
:where(html[data-theme=light]) .cal .tcol div{border-bottom:1px solid rgba(91,63,196,0.043)}
:where(html[data-theme=light]) .cal .day .slot{border-bottom:1px solid rgba(91,63,196,0.043)}
:where(html[data-theme=light]) .cal .ev{border-inline-start:3px solid rgba(43,27,94,1)}
:where(html[data-theme=light]) .cal .pray::after{color:#9A5B00;background:rgba(255,255,255,1)}
:where(html[data-theme=light]) .daypart div{background:rgba(60,40,140,0.027)}
:where(html[data-theme=light]) .ptimes div{background:rgba(60,40,140,0.027)}
:where(html[data-theme=light]) .room-card .tl{background:rgba(60,40,140,0.054)}
:where(html[data-theme=light]) .pay{background:rgba(60,40,140,0.027)}
:where(html[data-theme=light]) .chat .m.them{background:rgba(60,40,140,0.054)}
:where(html[data-theme=light]) .chat .typing{background:rgba(60,40,140,0.054)}
:where(html[data-theme=light]) .toast{background:rgba(255,255,255,0.92);box-shadow:0 20px 40px -12px rgba(43,27,94,0.18)}
:where(html[data-theme=light]) .modal{background:linear-gradient(170deg,rgba(255,255,255,1),rgba(255,255,255,1));box-shadow:0 40px 80px -20px rgba(43,27,94,0.21)}
:where(html[data-theme=light]) .drawer{background:linear-gradient(170deg,rgba(255,255,255,1),rgba(255,255,255,1));box-shadow:-30px 0 60px rgba(43,27,94,0.15)}
:where(html[data-theme=light]) .cmdk .res a.sel,:where(html[data-theme=light]) .cmdk .res a:hover{color:var(--light)}
:where(html[data-theme=light]) .phone{background:rgba(60,40,140,0.036)}
:where(html[data-theme=light]) .otp input{background:rgba(60,40,140,0.036)}
:where(html[data-theme=light]) .steps i{background:rgba(60,40,140,0.09)}
:where(html[data-theme=light]) .btype button span{background:linear-gradient(0deg,rgba(255,255,255,0.95),transparent)}
@media (max-width:900px){:where(html[data-theme=light]) .mobile-top{background:rgba(255,255,255,0.82)}}
@media (max-width:900px){:where(html[data-theme=light]) .tabbar{background:rgba(255,255,255,0.9)}}
@media (max-width:900px){:where(html[data-theme=light]) .tabbar .on{color:var(--light)}}
:where(html[data-theme=light]) .nav-more:hover{color:var(--light);background:rgba(60,40,140,0.041)}
:where(html[data-theme=light]) .foot-l:hover,:where(html[data-theme=light]) .foot-l.on{color:var(--light);background:rgba(60,40,140,0.041)}
:where(html[data-theme=light]) .hs b{color:var(--light)}
:where(html[data-theme=light]) .hs.off:hover span:last-child{color:var(--light)}
:where(html[data-theme=light]) .hs.pray b{color:var(--light)}
:where(html[data-theme=light]) .qa-t:hover i{color:var(--light)}
:where(html[data-theme=light]) .demo-types button span{text-shadow:0 1px 6px rgba(43,27,94,0.22)}
:where(html[data-theme=light]) .sw-c{box-shadow:inset 0 0 0 1px rgba(60,40,140,0.09)}
:where(html[data-theme=light]) .sw-c.on{border-color:rgba(43,27,94,1);box-shadow:0 0 0 3px rgba(60,40,140,0.108)}
:where(html[data-theme=light]) .wz-prog .bar{background:rgba(60,40,140,0.072)}
:where(html[data-theme=light]) .wz-types button span{background:linear-gradient(0deg,rgba(255,255,255,0.96),rgba(255,255,255,0.75) 60%,transparent)}
:where(html[data-theme=light]) .ptimes-s b{color:var(--light)}
:where(html[data-theme=light]) .wz-foot{background:linear-gradient(0deg,rgba(255,255,255,0.98) 60%,rgba(255,255,255,0))}
:where(html[data-theme=light]) #asst{background:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(255,255,255,0.98))}
:where(html[data-theme=light]) .plan{background:rgba(60,40,140,0.036)}
:where(html[data-theme=light]) .plan .pr em{color:var(--light)}
:where(html[data-theme=light]) .plan .pres.no{background:rgba(60,40,140,0.036)}
:where(html[data-theme=light]) .as-chips button:hover{color:var(--light)}
:where(html[data-theme=light]) .as-in{background:rgba(60,40,140,0.045)}
:where(html[data-theme=light]) .as-in textarea{color:var(--light)}
:where(html[data-theme=light]) .as-strip:hover{color:var(--light)}
/* ===================== LIGHT THEME ===================== */
html[data-theme=light]{color-scheme:light;
 --night:#F6F4FE;--deep:#FFFFFF;--plum:#EEEAFB;--violet:#7A5CF0;--royal:#4A68F0;--cyan:#0E9FD3;--lav:#5B3FC4;--light:#1C1541;
 --muted:#545978;--dim:#7B7F9B;--line:rgba(43,27,94,.09);--line2:rgba(43,27,94,.16);--card:#FFFFFF;--card2:#F8F6FF;
 --ok:#11A579;--warn:#D08A14;--bad:#E5405A;--warnT:#9A5B00;--badT:#C8304A;--okT:#08875F;
 --shadow:0 1px 2px rgba(43,27,94,.05),0 8px 24px -12px rgba(43,27,94,.14);--surface:#fff}
html[data-theme=light] body{background:var(--night)}
html[data-theme=light] .aurora{background:radial-gradient(1100px 600px at 70% -10%,#ECE6FF 0%,transparent 60%),radial-gradient(900px 500px at 0% 100%,#E3F5FC 0%,transparent 60%),var(--night)}
html[data-theme=light] .aurora i{opacity:.12!important;filter:blur(110px)}
html[data-theme=light] .aurora i:nth-child(1){background:#B9A6FF}
html[data-theme=light] .card,html[data-theme=light] .ncard,html[data-theme=light] .pl-item,html[data-theme=light] .room-card,html[data-theme=light] .integ,html[data-theme=light] .plan,html[data-theme=light] .stat,html[data-theme=light] .lib-card,html[data-theme=light] .qa-t,html[data-theme=light] .wz-types button,html[data-theme=light] .opt,html[data-theme=light] .demo-types button,html[data-theme=light] .btype button,html[data-theme=light] .variant{box-shadow:var(--shadow)}
html[data-theme=light] .card.glow{background:linear-gradient(160deg,rgba(146,119,240,.10),rgba(31,182,232,.05) 60%),#fff}
html[data-theme=light] .side{box-shadow:1px 0 0 var(--line)}
html[data-theme=light] .btn{background:#fff;border-color:var(--line2);box-shadow:0 1px 2px rgba(43,27,94,.06)}
html[data-theme=light] .btn:hover{background:#F3F0FF}
html[data-theme=light] .btn.ghost{background:transparent;box-shadow:none}
html[data-theme=light] .btn.pri{background:var(--grad);color:#fff;box-shadow:0 8px 22px -10px rgba(91,63,196,.55)}
html[data-theme=light] .btn.danger{background:rgba(229,64,90,.08);color:#C42740}
html[data-theme=light] .btn.danger.solid{background:linear-gradient(135deg,#FF5D73,#E8384F);color:#fff}
html[data-theme=light] .inp,html[data-theme=light] select.inp,html[data-theme=light] textarea.inp{background:#fff}
html[data-theme=light] .seg{background:#F1EEFB}
html[data-theme=light] .seg button.on{background:#fff;color:var(--light);box-shadow:0 1px 3px rgba(43,27,94,.14)}
html[data-theme=light] .nav a{color:var(--muted)}
html[data-theme=light] .nav a:hover{color:var(--light);background:rgba(91,63,196,.06)}
html[data-theme=light] .nav a.on{color:#3B2A8C;background:linear-gradient(90deg,rgba(146,119,240,.18),rgba(91,123,255,.06))}
html[data-theme=light] .nav a.on svg{color:var(--violet)}
html[data-theme=light] .badge.pres,html[data-theme=light] .tag,html[data-theme=light] .nav a .pill{color:#4B32B0}
html[data-theme=light] .badge.on{color:#0A7FAE}
html[data-theme=light] .thpop{background:#fff;box-shadow:0 24px 50px -16px rgba(43,27,94,.3)}
html[data-theme=light] .i18n-lang{background:#fff}
html[data-theme=light] .modal,html[data-theme=light] .drawer{background:#fff;box-shadow:0 30px 70px -20px rgba(43,27,94,.35)}
html[data-theme=light] .modal-bg,html[data-theme=light] .drawer-bg{background:rgba(28,21,65,.32)}
html[data-theme=light] .toast{background:#fff;color:var(--light);border-color:var(--line2)}
html[data-theme=light] #asst{background:linear-gradient(180deg,#FFFFFF,#FAF8FF);box-shadow:0 0 40px -18px rgba(43,27,94,.25)}
html[data-theme=light] .am.a p{background:#F3F0FE;color:var(--light);border-color:transparent}
html[data-theme=light] .plan{background:#fff}
html[data-theme=light] .as-in{background:#fff}
html[data-theme=light] .tbl thead th{color:var(--muted)}
html[data-theme=light] .auth .fpane{background:rgba(255,255,255,.7)}
html[data-theme=light] .wz-foot{background:rgba(255,255,255,.88)}
html[data-theme=light] .tabbar{background:rgba(255,255,255,.92);box-shadow:0 -8px 24px -14px rgba(43,27,94,.25)}
html[data-theme=light] .gt{background:linear-gradient(135deg,#7A5CF0 0%,#4A68F0 55%,#0E9FD3 100%);-webkit-background-clip:text;background-clip:text}
html[data-theme=light] .demo-note{color:#8A5300;background:rgba(245,181,71,.12)}
/* previews, TV, player and photos stay dark (they show what the screen shows) */
html[data-theme=light] .scr,html[data-theme=light] .tv,html[data-theme=light] .player,html[data-theme=light] .vpane,html[data-theme=light] .wallb,html[data-theme=light] .thumb{
 --night:#0E0A1F;--deep:#1A1033;--plum:#2A1B4D;--violet:#9277F0;--royal:#5B7BFF;--cyan:#1FB6E8;--lav:#C9BCFF;--light:#F7F8FB;--muted:#A3A8C6;--dim:#7C819F;
 --line:rgba(201,188,255,.12);--line2:rgba(201,188,255,.2);--card:rgba(255,255,255,.035);--card2:rgba(255,255,255,.06);--ok:#2ED3A0;--warn:#F5B547;--bad:#FF5D73;--warnT:#FFC96B;--badT:#FF8A9B;--okT:#5BE3B8;color:#F7F8FB}
html[data-theme=light] .tv{box-shadow:0 18px 40px -22px rgba(43,27,94,.45),inset 0 0 0 1px rgba(255,255,255,.06)}
html[data-theme=light] body:has(.player){background:#0E0A1F}

/* ---------- branded dropdowns (replace native select popups) ---------- */
select,option{color-scheme:dark}
option,optgroup{background:#1A1033;color:#F7F8FB}
html[data-theme=light] select,html[data-theme=light] option{color-scheme:light}
html[data-theme=light] option,html[data-theme=light] optgroup{background:#fff;color:#1C1541}
select.rsel-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;border:0}
.rsel{display:flex;align-items:center;gap:10px;text-align:start;cursor:pointer;justify-content:space-between;min-width:0}
.rsel:not(.inp){height:40px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line2)}
.rsel .rsel-v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rsel svg{flex:none;opacity:.65;transition:transform .2s var(--ease)}
.rsel.open svg{transform:rotate(180deg)}
.rsel.open,.rsel:focus-visible{border-color:var(--violet);box-shadow:0 0 0 4px rgba(146,119,240,.18);outline:none}
.rsel:disabled{opacity:.5;cursor:not-allowed}
.rsel-pop{position:fixed;z-index:400;overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:14px;background:#1B1238;border:1px solid rgba(201,188,255,.22);box-shadow:0 24px 60px -18px rgba(0,0,0,.75);color:#F7F8FB;outline:none;scrollbar-width:thin;scrollbar-color:rgba(201,188,255,.3) transparent}
.rsel-pop.dn{animation:rsIn .16s var(--ease)}.rsel-pop.up{animation:rsUp .16s var(--ease)}
@keyframes rsIn{from{opacity:0;transform:translateY(-4px)}}@keyframes rsUp{from{opacity:0;transform:translateY(4px)}}
.rsel-o{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:14px;line-height:1.35;color:#E9E7F7;white-space:nowrap}
.rsel-o.act{background:rgba(146,119,240,.2);color:#fff}
.rsel-o.on{color:#fff;font-weight:600}
.rsel-o.on svg{color:#67D3F5}
.rsel-o.dis{opacity:.4;cursor:default}
.rsel-g{padding:8px 12px 4px;font-size:11.5px;font-weight:700;color:#A3A8C6;letter-spacing:.02em}
html[data-theme=light] .rsel:not(.inp){background:#fff}
html[data-theme=light] .rsel-pop{background:#fff;border-color:rgba(43,27,94,.14);box-shadow:0 24px 50px -16px rgba(43,27,94,.32);color:#1C1541;scrollbar-color:rgba(43,27,94,.25) transparent}
html[data-theme=light] .rsel-o{color:#2A2350}
html[data-theme=light] .rsel-o.act{background:#F0ECFF;color:#1C1541}
html[data-theme=light] .rsel-o.on{color:#3B2A8C}
html[data-theme=light] .rsel-o.on svg{color:#7A5CF0}
html[data-theme=light] .rsel-g{color:#7B7F9B}

html[data-theme=light] .sw span{background:rgba(43,27,94,.16)}
html[data-theme=light] .sw input:checked+span{background:var(--grad)}
html[data-theme=light] .sw span::after{box-shadow:0 1px 3px rgba(43,27,94,.3)}
html[data-theme=light] .sw-c.on{border-color:#fff;box-shadow:0 0 0 3px rgba(91,63,196,.5)}
html[data-theme=light] .sw-c{box-shadow:inset 0 0 0 1px rgba(43,27,94,.12)}

html[data-theme=light] .cal .ev{color:#1C1541;backdrop-filter:none}
html[data-theme=light] .cal .ev span{opacity:.72}
html[data-theme=light] .lib-card .ty{color:#fff}
html[lang=en] .ptimes span{font-size:12.5px;white-space:nowrap}
html[lang=en] .ptimes b{white-space:nowrap}

#plist{container-type:inline-size}
@container (max-width:470px){.pl-item{gap:8px;padding:8px}.pl-item .scr{width:78px}.pl-item .du input{width:46px}}
.card:has(>table.tbl),.card:has(>.tbl-wrap){overflow-x:auto}
.tbl td .btn{white-space:nowrap}

.auth .fpane{min-width:0}
.auth-top{min-width:0}
.phone>span{white-space:nowrap}
@media (max-width:480px){.auth-top{gap:6px}.auth-top .brand small,.auth-top .brand .sub{display:none}.auth-top .seg button{padding:4px 8px;font-size:12.5px}.auth-top .iconbtn{width:34px;height:34px}}

.split>*,.g>*,.stack>*,.ready-g>*{min-width:0}
@media (max-width:640px){
 table.tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .btn.lg{white-space:normal;height:auto;min-height:50px;padding-block:10px;line-height:1.3;text-align:center}
 .seg{max-width:100%}
 .sec-t{flex-wrap:wrap;row-gap:6px}
}

html[data-theme=light] .demo-types button span{color:#fff}
html[data-theme=light] .wz-types button.on::after,html[data-theme=light] .btype button.on::after{color:#fff}

html[data-theme=light] .wz-types button,html[data-theme=light] .btype button{background:#fff;border-color:rgba(43,27,94,.08)}
html[data-theme=light] .wz-types button img{opacity:.96}
html[data-theme=light] .wz-types button.on,html[data-theme=light] .btype button.on{border-color:var(--violet)}

html[data-theme=light] .plan .pres{background:rgba(17,165,121,.1);color:#076B4C}
html[data-theme=light] .plan .pres a{color:#076B4C}
html[data-theme=light] .hs.off b{color:#C8304A}
html[data-theme=light] .am.a p{color:var(--light)}
@media (max-width:420px){.mobile-top .brand small,.mobile-top .brand .sub{display:none}}


/* ===== v4: per-business modules ===== */
[data-gated]{display:none!important}
.live-badge.onprem{color:var(--ok);border-color:rgba(46,211,160,.35);text-decoration:none}
.live-badge.onprem svg{width:16px;height:16px}
.hs.onp{color:var(--ok);text-decoration:none;font-size:13.5px;display:flex;align-items:center;gap:8px}.hs.onp svg{width:18px;height:18px}
/* feature-off screen */
.mod-off{max-width:560px;margin:6vh auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 28px;border:1px solid var(--line);border-radius:24px;background:var(--card)}
.mod-off .mo-ic{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:var(--card2);border:1px dashed var(--line2);color:var(--lav);margin-bottom:4px}
.mod-off .mo-ic svg{width:34px;height:34px;opacity:.75}
.mod-off h1{font-size:26px}
.mod-off p{color:var(--muted);font-size:15px;max-width:440px}
.mod-off p.dim{color:var(--dim);font-size:13.5px}
.mod-off .mo-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:8px 0 2px}
.mod-off .gt{font-size:13.5px;font-weight:600}
/* settings → features */
.feat-hd{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.feat-hd .fh-t{flex:1;min-width:240px}.feat-hd h2{font-size:19px;margin-bottom:4px}.feat-hd p{font-size:13.5px;max-width:640px}
.feat-hd .fh-a{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.feat-g{margin-bottom:18px}
.feat-g h3{font-size:13px;font-weight:700;color:var(--dim);letter-spacing:.02em;margin:0 4px 8px}
.feat-list{padding-top:4px;padding-bottom:4px}
.feat-list .setrow:last-child{border-bottom:0}
.setrow.feat .ic{opacity:.55;transition:opacity .25s}
.setrow.feat.is-on .ic{opacity:1}
.setrow.feat .t b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.setrow.feat:not(.is-on) .t b{color:var(--muted)}
.rec{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:rgba(46,211,160,.12);color:var(--ok);white-space:nowrap}
.rec svg{width:12px;height:12px}
.rec.core{background:rgba(201,188,255,.12);color:var(--lav)}
.sw input:disabled+span{opacity:.55;cursor:not-allowed}
/* onboarding: module picker */
.wz-sec{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--lav);margin:22px 0 10px}
.wz-sec svg{width:16px;height:16px}
.wz-more{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:0 14px;background:var(--card)}
.wz-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px;font-weight:600;font-size:14.5px;color:var(--muted)}
.wz-more summary::-webkit-details-marker{display:none}
.wz-more summary svg{width:18px;height:18px;transition:transform .25s var(--ease)}
.wz-more[open] summary svg{transform:rotate(180deg)}
.wz-more .wz-opts{padding-bottom:14px}
.wz-opts.sm .opt small{display:none}
.wz-opts.sm .opt{padding-top:12px;padding-bottom:12px}
.wz-core{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-top:16px}
.wz-core svg{width:15px;height:15px;color:var(--ok);flex:none}
/* offers & announcements */
.off-stores{margin-bottom:6px}
.lib-card .btn.block{margin-top:8px}
.vis-live .scr{border-radius:14px}
/* phone: the assistant lives in the tab bar, no floating button over the content */
@media (max-width:900px){
 body.app-on #asfab{display:none!important}
 .tabbar .ai{color:var(--lav)}
 .tabbar .ai span:last-child{margin-top:2px}
 .mod-off{margin-top:2vh;padding:28px 18px}
 .feat-hd .fh-a{width:100%}
}
html[data-theme=light] .mod-off{background:#fff;box-shadow:0 18px 40px -26px rgba(43,27,94,.35)}
html[data-theme=light] .mod-off .mo-ic{background:#F3F0FF;color:#6A4FE0}
html[data-theme=light] .rec{background:rgba(16,150,110,.1);color:#0B7F5C}
html[data-theme=light] .rec.core{background:#EFEBFF;color:#5B3FD6}
html[data-theme=light] .wz-sec{color:#5B3FD6}
html[data-theme=light] .wz-more{background:#fff}
html[data-theme=light] .live-badge.onprem,html[data-theme=light] .hs.onp{color:#0B7F5C}
html[data-theme=light] .tabbar .ai{color:#5B3FD6}

.core-lock{width:44px;height:26px;display:grid;place-items:center;border-radius:999px;background:rgba(201,188,255,.1);color:var(--lav);flex:none}
.core-lock svg{width:15px;height:15px}
html[data-theme=light] .core-lock{background:#EFEBFF;color:#5B3FD6}

/* ===================== v5: rich per-business home dashboard ===================== */
.home.hdash{max-width:1480px;container-type:inline-size;container-name:hd}
.hdash .hello{align-items:center;flex-wrap:wrap;margin:2px 0 18px}
.hdash .hello h1{font-size:26px}
.hdash .hello p{font-size:13.5px}
.hello-a{margin-inline-start:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hello-a .btn{margin:0}
.chip-s{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:12.5px;color:var(--muted)}
.chip-s svg{width:15px;height:15px;color:var(--lav)} .chip-s b{color:var(--light)}
.hd-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kp{padding:14px 14px 0;display:flex;flex-direction:column;gap:4px;overflow:hidden;min-height:136px}
.kp-l{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);line-height:1.35;min-height:32px}
.kp-l svg{width:15px;height:15px;color:var(--lav);flex:none}
.kp-v{font:650 25px/1.15 Inter,var(--font);letter-spacing:-.02em;color:var(--light);white-space:nowrap}
.kp-v small{font-size:14px;font-weight:500;color:var(--dim);margin-inline-start:2px}
.kp-f{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden}
.dl{font:600 11px Inter;padding:1px 6px;border-radius:6px}
.dl.g{color:#5BE3B8;background:rgba(46,211,160,.12)} .dl.b{color:#FF8A9B;background:rgba(255,93,115,.12)}
.hsp{display:block;width:calc(100% + 28px);margin:6px -14px 0;height:34px}
.hd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.hd-grid>.w{min-width:0;padding:18px;display:flex;flex-direction:column}
.w.s12{grid-column:span 12}.w.s8{grid-column:span 8}.w.s6{grid-column:span 6}.w.s4{grid-column:span 4}
.wh{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.wh .wi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(146,119,240,.14);color:var(--lav);flex:none}
.wh .wi svg{width:17px;height:17px}
.wt{flex:1;min-width:0} .wt h3{font-size:15px;line-height:1.3} .wt span{display:block;font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--lav);white-space:nowrap;flex:none}
.wl svg{width:14px;height:14px} .wl:hover{color:var(--light)}
/* live screens */
.lw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lw-c{display:flex;flex-direction:column;gap:5px;min-width:0;border-radius:14px;transition:transform .25s var(--ease)}
.lw-c:hover{transform:translateY(-2px)}
.lw-c .scr{border-radius:10px;box-shadow:0 10px 26px -16px rgba(0,0,0,.7)}
.lw-c.off .scr{filter:grayscale(.85) brightness(.55)}
.lw-m{display:flex;align-items:center;gap:7px;margin-top:4px;min-width:0}
.lw-m .pulse{width:8px;height:8px}
.lw-m b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lw-s{display:flex;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--dim)}
.lw-s span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lw-p{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);min-width:0}
.lw-p svg{width:12px;height:12px;flex:none;color:var(--cyan)} .lw-c.off .lw-p svg{color:var(--bad)}
.lw-p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* attention */
.attn,.sugs,.feed{display:flex;flex-direction:column;gap:8px}
.at,.sg{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.at .ai,.sg .si,.fd .fi{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(146,119,240,.14);color:var(--lav)}
.at .ai svg,.sg .si svg,.fd .fi svg{width:16px;height:16px}
.at.bad .ai{background:rgba(255,93,115,.14);color:var(--bad)} .at.warn .ai{background:rgba(245,181,71,.15);color:var(--warn)} .at.info .ai{background:rgba(31,182,232,.14);color:var(--cyan)}
.lt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.lt b{font-size:13px;line-height:1.4;font-weight:600}
.lt span{font-size:11.5px;color:var(--dim);line-height:1.4}
.at .btn,.sg .btn{flex:none;height:32px;padding:0 11px;font-size:12.5px}
.btn.done{opacity:.75;pointer-events:none}
.sg{background:linear-gradient(120deg,rgba(146,119,240,.10),rgba(31,182,232,.04) 70%),var(--card2)}
.sg .si{background:var(--grad);color:#fff}
/* feed */
.fd{display:flex;align-items:flex-start;gap:11px;padding:7px 2px;position:relative}
.fd+.fd::before{content:"";position:absolute;inset-inline-start:17px;top:-9px;height:12px;border-inline-start:1px dashed var(--line2)}
.fd.ok .fi{background:rgba(46,211,160,.13);color:var(--ok)} .fd.bad .fi{background:rgba(255,93,115,.13);color:var(--bad)} .fd.pri .fi{background:rgba(31,182,232,.13);color:var(--cyan)}
/* timeline */
.htl{position:relative;padding:22px 0 4px;margin-inline-start:96px}
.tl-hours{position:absolute;top:0;inset-inline:0;height:16px}
.tl-hours span{position:absolute;transform:translateX(50%);font:500 10.5px Inter;color:var(--dim)}
html[dir=ltr] .tl-hours span{transform:translateX(-50%)}
.tl-lane{position:relative;height:38px;margin-bottom:6px;border-radius:10px;background:repeating-linear-gradient(90deg,transparent 0 calc(8.333% - 1px),var(--line) calc(8.333% - 1px) 8.333%),var(--card2)}
.tl-lab{position:absolute;inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%);font-style:normal;font-size:11.5px;color:var(--dim);white-space:nowrap;width:86px;text-align:end}
.tl-b{position:absolute;top:4px;bottom:4px;border-radius:8px;display:flex;align-items:center;padding:0 8px;overflow:hidden;font-size:11.5px;font-weight:600;color:#fff;white-space:nowrap}
.tl-b span{overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}
.tl-b small{font:500 10px Inter;opacity:.8}
.tl-b.ev{background:linear-gradient(135deg,var(--c,#5B7BFF),color-mix(in srgb,var(--c,#5B7BFF) 70%,#1FB6E8));box-shadow:0 6px 16px -10px var(--c,#5B7BFF)}
.tl-b.pray{background:rgba(245,181,71,.22);border:1px solid rgba(245,181,71,.5);color:var(--warn);padding:0;justify-content:center;min-width:14px}
.tl-b.pray svg{width:12px;height:12px}
.tl-b.offh{background:repeating-linear-gradient(135deg,rgba(124,129,159,.18) 0 6px,transparent 6px 12px);color:var(--dim);border:1px dashed var(--line2)}
.tl-now{position:absolute;top:14px;bottom:0;width:2px;background:var(--bad);border-radius:2px;z-index:3;box-shadow:0 0 0 3px rgba(255,93,115,.15)}
.tl-now b{position:absolute;top:-16px;transform:translateX(50%);font:600 10px Inter;color:#fff;background:var(--bad);padding:1px 6px;border-radius:6px;white-space:nowrap}
html[dir=ltr] .tl-now b{transform:translateX(-50%)}
.tl-leg{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:11.5px;color:var(--dim)}
.tl-leg span{display:inline-flex;align-items:center;gap:6px}
.tl-leg i{width:12px;height:8px;border-radius:3px;display:inline-block}
.tl-leg i.ev{background:var(--grad)} .tl-leg i.pray{background:rgba(245,181,71,.5)} .tl-leg i.offh{background:repeating-linear-gradient(135deg,rgba(124,129,159,.5) 0 3px,transparent 3px 6px)} .tl-leg i.nowi{background:var(--bad);width:3px;height:12px} .tl-leg i.g2{background:rgba(31,182,232,.45)}
/* occasions */
.occ{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.oc{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--card2);display:flex;flex-direction:column;transition:transform .25s var(--ease)}
.oc:hover{transform:translateY(-2px)}
.oc-i{position:relative;aspect-ratio:16/9;overflow:hidden}
.oc-i img{width:100%;height:100%;object-fit:cover}
.oc-i::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.45))}
.oc-d{position:absolute;bottom:8px;inset-inline-start:8px;z-index:2;font-size:11px;font-weight:700;padding:2px 8px;border-radius:7px;background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(6px)}
.oc-b{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;flex:1}
.oc-b b{font-size:13.5px} .oc-b>span{font-size:11px;color:var(--dim)}
.oc-f{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:8px;font-size:11.5px;color:var(--muted)}
.oc-f span{display:inline-flex;align-items:center;gap:5px} .oc-f svg{width:13px;height:13px}
.oc-f .btn{height:28px;padding:0 10px;font-size:12px}
/* plan */
.husage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.husage>div{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--dim)}
.husage b{font-size:17px;color:var(--light)}
.bar.warn i{background:linear-gradient(90deg,#F5B547,#FF8A5B)}
.hinv{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--card2);border:1px solid var(--line);flex-wrap:wrap}
.hinv>div{display:flex;flex-direction:column;font-size:12px;color:var(--dim)} .hinv b{font-size:18px;color:var(--light)} .hinv small{font-size:11px}
.qa6{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qa6 .qa-t{padding:13px;gap:3px;border-radius:14px}
.qa6 .qa-t b{font-size:13px} .qa6 .qa-t span:not(.ic){font-size:11px;color:var(--dim);line-height:1.4}
.qa6 .qa-t .ic{width:30px;height:30px;border-radius:9px} .qa6 .qa-t .ic svg{width:15px;height:15px}
/* designer + analytics cards */
.dz-p{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--card2);margin-bottom:12px;font-size:13px;color:var(--muted)}
html[dir=rtl] .dz-p{padding:10px 14px 10px 10px}
.dz-p>svg{width:17px;height:17px;color:var(--lav);flex:none}
.dz-p span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-p .btn{flex:none;height:32px}
.dz-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dz-t{display:flex;flex-direction:column;gap:5px;min-width:0}
.dz-t span{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dz-t .scr{border-radius:9px;transition:transform .25s var(--ease)} .dz-t:hover .scr{transform:scale(1.03)}
.aw-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.aw-k>div{display:flex;flex-direction:column;font-size:11.5px;color:var(--dim);gap:1px}
.aw-k b{font-size:19px;color:var(--light)} .aw-k .dl{align-self:flex-start}
.aw-c,.ffs{display:flex;align-items:flex-end;gap:8px;height:120px;padding-top:16px}
.ac,.ffc{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:18px}
.ac i,.ffc i{display:block;width:44%;border-radius:6px 6px 2px 2px;background:var(--grad);opacity:.85;position:relative;min-height:3px}
.ac b,.ffc b{display:block;width:30%;border-radius:6px 6px 2px 2px;background:rgba(31,182,232,.45);min-height:3px}
.ac.on i{opacity:1;box-shadow:0 0 18px -4px rgba(146,119,240,.8)}
.ac i em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font:600 9.5px Inter;color:var(--dim);font-style:normal;white-space:nowrap;margin-bottom:2px;opacity:0;transition:opacity .2s}
.ac:hover i em,.ac.on i em{opacity:1}
.ac span,.ffc span{position:absolute;bottom:0;font-size:10.5px;color:var(--dim);white-space:nowrap}
/* type widgets */
.tops{display:flex;flex-direction:column;gap:10px}
.top-r{display:flex;align-items:center;gap:11px}
.top-r .rk,.li .rk{width:20px;font:700 12px Inter;color:var(--dim);text-align:center;flex:none}
.top-r picture{flex:none} .top-r img.th{width:40px;height:40px;border-radius:10px;object-fit:cover}
.tn{flex:1;min-width:0} .tn b{font-size:13px} .tn .bar{margin-top:5px;height:5px}
.tq{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;color:var(--dim)} .tq b{font-size:14px;color:var(--light)}
.mini-st{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:11.5px;color:var(--dim)}
.mini-st span{display:inline-flex;align-items:center;gap:5px} .mini-st svg{width:13px;height:13px;color:var(--lav)} .mini-st .okc svg{color:var(--ok)}
.offl{display:flex;flex-direction:column;gap:10px}
.off-r{display:flex;align-items:center;gap:12px}
.off-r .ot{width:96px;flex:none} .off-r .ot .scr{border-radius:8px}
.oi{flex:1;min-width:0;display:flex;flex-direction:column} .oi b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .oi span{font-size:11.5px;color:var(--dim)}
.cdn{font:600 13px Inter;padding:5px 9px;border-radius:9px;background:rgba(255,93,115,.12);color:#FF8A9B;white-space:nowrap}
.tbl.mini{font-size:13px} .tbl.mini td{padding:9px 8px} .tbl.mini th{padding:8px} .tbl.mini td .dim{font-size:11.5px}
.camp{padding:10px 0;border-bottom:1px solid var(--line)} .camp:last-child{border-bottom:0}
.camp-h{display:flex;align-items:center;gap:9px} .camp-h b{flex:1;font-size:13.5px;min-width:0} .camp-h .dim{font-size:11.5px}
.logo-s{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#fff;font:700 12px Inter;flex:none}
.camp-f{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dim);margin-top:5px}
.hb{padding:6px 0} .hb-t{display:flex;justify-content:space-between;gap:8px;font-size:13px} .hb-t b{font-weight:600} .hb-t span{font-size:12px;color:var(--muted)} .hb .bar{margin-top:5px;height:5px}
.vw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;border-radius:12px;overflow:hidden;padding:5px;background:linear-gradient(160deg,#2a2440,#0c0a14)}
.vw-c{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:3px}
.vw-c img{width:100%;height:100%;object-fit:cover}
.vw-c span{position:absolute;top:5px;inset-inline-start:5px;font:700 10px Inter;color:#fff;background:rgba(0,0,0,.5);border-radius:5px;padding:1px 6px}
.rooms-l{display:flex;flex-direction:column;gap:9px}
.rm{padding:9px 11px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.rm-h{display:flex;align-items:center;gap:8px} .rm-h b{flex:1;font-size:13px;min-width:0} .rm-h .dim{display:inline-flex;align-items:center;gap:3px;font-size:11.5px} .rm-h .dim svg{width:12px;height:12px}
.rm-h .pulse{width:8px;height:8px}
.rm-t{position:relative;height:8px;border-radius:5px;background:rgba(124,129,159,.16);margin:8px 0 5px;overflow:hidden}
.rm-t i{position:absolute;top:0;bottom:0;background:rgba(146,119,240,.55);border-radius:4px} .rm-t i.cur{background:var(--bad)}
.rm-t u{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--light)}
.rm-n{font-size:11.5px;color:var(--dim)}
.li .av.sm{width:30px;height:30px;font-size:13px;border-radius:9px;color:#fff}
.li .lt b{font-size:13px} .hdash .li{padding:9px 2px}
.hdash .li .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(146,119,240,.13);color:var(--lav);flex:none}
.hdash .li .ic svg{width:16px;height:16px}
.oee{font-weight:700;padding:2px 7px;border-radius:7px;font-size:12px}
.oee.g{background:rgba(46,211,160,.13);color:#5BE3B8}.oee.w{background:rgba(245,181,71,.14);color:#FFC96B}.oee.b{background:rgba(255,93,115,.13);color:#FF8A9B}
.ovt{display:flex;align-items:center;gap:8px} .ovt .bar{flex:1;margin:0;min-width:50px} .ovt span{font-size:11.5px;color:var(--muted);white-space:nowrap}
.badT{color:#FF8A9B}
.safe{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:6px 0;flex:1;justify-content:center}
.safe>b{font:700 56px/1 Inter;background:linear-gradient(135deg,#F5B547,#2ED3A0);-webkit-background-clip:text;background-clip:text;color:transparent}
.safe>span{font-size:13px;color:var(--muted)} .safe .bar{width:100%;margin-top:10px} .safe small{font-size:11.5px;color:var(--dim)}
.emt-ok{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(46,211,160,.08);border:1px solid rgba(46,211,160,.25)}
.emt-ok>svg{width:26px;height:26px;color:var(--ok);flex:none} .emt-ok b{display:block;font-size:14px} .emt-ok span{font-size:12px;color:var(--muted)}
.qstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:8px}
.qstats>div{padding:10px;border-radius:12px;background:var(--card2);border:1px solid var(--line);display:flex;flex-direction:column}
.qstats b{font-size:22px;color:var(--light)} .qstats b small{font-size:12px;color:var(--dim)} .qstats span{font-size:11.5px;color:var(--dim)}
.qn{font:700 13px Inter;padding:3px 8px;border-radius:8px;background:rgba(31,182,232,.13);color:var(--cyan)}
.hlth{display:flex;flex-direction:column;gap:10px}
.hlth>div{display:grid;grid-template-columns:80px 1fr 44px;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.hlth .bar{margin:0} .hlth b{text-align:end;font-size:12.5px}
.donut-w{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.donut{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none}
.donut::before{content:"";position:absolute;inset:18px;border-radius:50%;background:var(--deep)}
.donut span{position:relative;font:700 24px Inter}
.dleg{display:flex;flex-direction:column;gap:7px;flex:1;min-width:150px}
.dleg div{display:flex;align-items:center;gap:8px;font-size:13px} .dleg i{width:10px;height:10px;border-radius:3px} .dleg b{margin-inline-start:auto;font-size:12.5px}
.w .tv{padding:5px;border-radius:13px}
/* light theme touches */
html[data-theme=light] .kp-v,html[data-theme=light] .husage b,html[data-theme=light] .hinv b{color:var(--light)}
html[data-theme=light] .dl.g{color:var(--okT)} html[data-theme=light] .dl.b{color:var(--badT)}
html[data-theme=light] .oee.g{color:var(--okT)}html[data-theme=light] .oee.w{color:var(--warnT)}html[data-theme=light] .oee.b,html[data-theme=light] .badT,html[data-theme=light] .cdn{color:var(--badT)}
html[data-theme=light] .at,html[data-theme=light] .rm,html[data-theme=light] .qstats>div,html[data-theme=light] .hinv,html[data-theme=light] .oc,html[data-theme=light] .dz-p,html[data-theme=light] .tl-lane{background:#FAF9FF}
html[data-theme=light] .sg{background:linear-gradient(120deg,rgba(122,92,240,.08),rgba(14,159,211,.04) 70%),#fff}
html[data-theme=light] .tl-now b{color:#fff}
html[data-theme=light] .tl-b.pray{color:var(--warnT)}
html[data-theme=light] .donut::before{background:#fff}
html[data-theme=light] .rm-t u{background:var(--light)}
/* responsive (container = main column, so the assistant panel is accounted for) */
@container hd (max-width:1180px){.hd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.occ{grid-template-columns:repeat(3,minmax(0,1fr))}.occ .oc:nth-child(n+4){display:none}.w.s4{grid-column:span 12}.w.s8{grid-column:span 12}}
@container hd (max-width:1180px) and (min-width:701px){.w.s4[data-w=safe] .safe{flex-direction:row;gap:18px;text-align:start}.w.s4[data-w=safe] .safe>b{font-size:48px}}
@container hd (max-width:1180px) and (min-width:701px){.w.s4[data-w=attn] .attn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@container hd (max-width:700px){.w.s6,.w.s4{grid-column:span 12}.lw{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container hd (max-width:1180px){.dz-g{grid-template-columns:repeat(2,minmax(0,1fr))}.husage{grid-template-columns:1fr 1fr}.husage>div:nth-child(3){display:none}}
@container hd (max-width:620px){.hd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lw{grid-template-columns:repeat(2,minmax(0,1fr))}.occ{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-inline:-4px}.occ .oc{flex:0 0 72%;scroll-snap-align:start}.occ .oc:nth-child(n+4){display:flex}
 .husage{grid-template-columns:1fr}.dz-g{grid-template-columns:repeat(2,minmax(0,1fr))}.qstats{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-sc{overflow-x:auto;margin-inline:-14px;padding-inline:14px;scrollbar-width:none}.htl{min-width:620px;margin-inline-start:0}.tl-lab{display:none}.hdash .hello h1{font-size:22px}.kp-v{font-size:21px}.hd-grid{gap:12px}.hd-grid>.w{padding:14px}.aw-k b{font-size:16px}.off-r .ot{width:80px}.hello-a{margin-inline-start:0;width:100%}.hello-a .btn{margin-inline-start:auto}
 .tbl.mini td{padding:8px 5px}.lw-s span:last-child{display:none}}

.wcol{display:flex;flex-direction:column;gap:16px;min-width:0}.wcol.s6{grid-column:span 6}.wcol>.w{padding:18px;flex:1;display:flex;flex-direction:column}
.qa6{grid-template-columns:repeat(6,minmax(0,1fr))}
@container hd (max-width:1180px){.qa6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container hd (max-width:700px){.wcol.s6{grid-column:span 12}}
@container hd (max-width:620px){.qa6{grid-template-columns:repeat(2,minmax(0,1fr))}.wcol{gap:12px}}

.hd-grid{grid-auto-flow:row dense}

.sf-r{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.sf-r span{font-size:13px;color:var(--muted)}.sf-r small{font-size:11.5px;color:var(--dim)}.sf-r .bar{width:100%;margin-top:8px}
@container hd (max-width:1180px) and (min-width:701px){.w.s4[data-w=safe] .sf-r{align-items:flex-start}}

/* v5 analytics */
#view{container-type:inline-size;container-name:view}
.an-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;margin-bottom:16px}
.an-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.an-g>.card{min-width:0}.an-s12{grid-column:span 12}.an-s8{grid-column:span 8}.an-s6{grid-column:span 6}.an-s4{grid-column:span 4}
.an-br{height:40px;width:auto;min-width:140px}
.an-top{display:flex;flex-direction:column;gap:9px}
.an-tr{display:flex;align-items:center;gap:10px}.an-th{width:72px;flex:none}.an-th .scr{border-radius:7px}
.hmap{display:flex;flex-direction:column;gap:4px;overflow-x:auto}
.hmap-r{display:grid;grid-template-columns:64px repeat(16,minmax(16px,1fr));gap:4px;align-items:center;min-width:420px}
.hmap-r span{font-size:11.5px;color:var(--dim)}
.hmap-r i{height:22px;border-radius:5px;background:var(--grad);display:block}
.hmap-h b{font:500 10px Inter;color:var(--dim);text-align:center}
.an-m{margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:12px}
@container view (max-width:1100px){.an-s8,.an-s4{grid-column:span 12}}
@container view (max-width:760px){.an-s6{grid-column:span 12}}
@container view (max-width:560px){.an-k{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v5 AI designer */
.ai-top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-bottom:16px;align-items:start}
.ai-top .ai-box{margin:0}
.ai-opt{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.ai-opt>label{font-size:12.5px;color:var(--dim);font-weight:600}
.ai-styles,.ai-sizes{display:flex;flex-wrap:wrap;gap:8px}
.ai-st,.ai-sz{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:11px;border:1px solid var(--line2);background:var(--card);font-size:13px;cursor:pointer;transition:all .2s}
.ai-st i{width:18px;height:18px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.ai-st.on,.ai-sz.on{border-color:var(--violet);background:rgba(146,119,240,.16);box-shadow:0 0 0 3px rgba(146,119,240,.15)}
.ai-sz i{display:inline-block;border:2px solid currentColor;border-radius:3px;opacity:.75}
.ai-sz i.f-h{width:20px;height:12px}.ai-sz i.f-v{width:10px;height:17px}.ai-sz i.f-w{width:24px;height:8px}.ai-sz i.f-sq{width:14px;height:14px}
.ai-kit .kit-h{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ai-kit .kit-h .av{width:46px;height:46px;font-size:20px;border-radius:13px;color:#fff}
.kit-h b{display:block;font-size:14.5px}.kit-h span{font-size:12px;color:var(--dim)}
.kit-r{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-top:1px solid var(--line)}
.kit-r>span{font-size:12px;color:var(--dim)}
.kit-sw{display:flex;gap:6px}.kit-sw i{width:30px;height:30px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line2)}
.kit-f{display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.kit-ph{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kit-ph img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.kit-on{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.ai-gal{margin-top:16px}
.ai-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.agc{display:flex;flex-direction:column;gap:8px;min-width:0}
.ag-t{position:relative}.ag-t .scr{border-radius:11px;box-shadow:0 12px 30px -18px rgba(0,0,0,.8)}
.ag-sz{position:absolute;bottom:7px;inset-inline-end:7px;z-index:6;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff}
.ag-pub{position:absolute;top:7px;inset-inline-end:7px;z-index:6;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;background:rgba(46,211,160,.9);color:#062b1f}
.ag-pub svg{width:11px;height:11px}
.ag-m{display:flex;flex-direction:column;min-width:0}.ag-m b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-m span{font-size:11.5px;color:var(--dim)}
.ag-a{display:flex;gap:6px}.ag-a .btn{flex:1;height:32px;font-size:12px;padding:0 8px}.iconbtn.sm{width:32px;height:32px}
.scr.wide{aspect-ratio:32/9}.scr.sq{aspect-ratio:1/1}
.ai-prev.sz-v{max-width:300px;margin-inline:auto}.ai-prev.sz-sq{max-width:420px;margin-inline:auto}
.ai-vars.sz-v{grid-template-columns:repeat(3,minmax(0,170px));justify-content:center}
.scr.st-warm .sl{filter:sepia(.22) saturate(1.2) brightness(1.03)}
.scr.st-luxury .sl{filter:contrast(1.12) brightness(.9) saturate(.9)}.scr.st-luxury{box-shadow:inset 0 0 0 2px rgba(201,164,92,.75)}
.scr.st-heritage .sl{filter:sepia(.35) hue-rotate(-8deg) saturate(1.15)}
.scr.st-official .sl{filter:saturate(.75) contrast(1.05)}
.scr.st-minimal .sl{filter:saturate(.55) brightness(1.08)}
.pub-l{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
.pub-r{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;border:1px solid var(--line);background:var(--card2);cursor:pointer;font-size:13.5px}
.pub-r .pulse{width:8px;height:8px}.pub-r b{flex:1}.pub-r .dim{font-size:12px}
@container view (max-width:1100px){.ai-top{grid-template-columns:1fr}.ai-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container view (max-width:700px){.ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-vars.sz-v{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container view (max-width:1100px){.ai-kit{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.ai-kit .sec-t,.ai-kit .kit-h{grid-column:1/-1}.kit-ph img{aspect-ratio:16/10}}
@container view (max-width:560px){.ai-kit{display:block}}

/* v5 inner pages */
.mst{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.ms{display:flex;align-items:center;gap:12px;padding:14px 16px}
.ms-i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(146,119,240,.14);color:var(--lav);flex:none}
.ms-i svg{width:18px;height:18px}
.ms>div{display:flex;flex-direction:column;min-width:0}.ms span{font-size:12px;color:var(--dim)}.ms b{font-size:20px;line-height:1.25;color:var(--light)}.ms small{font-size:11px;color:var(--dim)}
.fbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;width:100%}
.sec-t .fbar{margin:10px 0 0}.sec-t:has(.fbar){flex-wrap:wrap}
.fbar .chips{flex:1;min-width:0}
.fsearch{position:relative;display:flex;align-items:center;width:240px;max-width:100%}
.fsearch svg{position:absolute;inset-inline-start:11px;width:15px;height:15px;color:var(--dim);pointer-events:none}
.fsearch .inp{height:36px;padding-inline-start:34px;font-size:13px}
img.mth{width:34px;height:34px;border-radius:9px;object-fit:cover}
.li .ic.bad{background:rgba(255,93,115,.14);color:var(--bad)}.li .ic.warn{background:rgba(245,181,71,.15);color:var(--warn)}.li .ic.ok{background:rgba(46,211,160,.13);color:var(--ok)}
.dash-g .lib-card .meta span{font-size:12px}
tr[hidden]{display:none}
@media (max-width:760px){.fsearch{width:100%}}

@container view (max-width:1100px){.split,.split.r{grid-template-columns:minmax(0,1fr)!important}}
.mst{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}
.ms{padding:12px}.ms-i{width:34px;height:34px}
.qn,.tbl td.num{white-space:nowrap}

.lay{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card2)}
.lay-g{display:grid;grid-template-columns:repeat(var(--c),1fr);gap:3px;aspect-ratio:16/9;padding:6px;border-radius:9px;background:linear-gradient(160deg,#2a2440,#0c0a14);margin-bottom:6px}
.lay-g i{border-radius:3px;background:linear-gradient(135deg,rgba(146,119,240,.7),rgba(31,182,232,.6))}
.lay b{font-size:15px}.lay span{font-size:12px;color:var(--dim)}

@media (max-width:560px){.qa6 .qa-t span.ic{display:grid}.qa6 .qa-t span:not(.ic){display:block}}

/* ================= v6 · R1 features inside Rabet ================= */
.nav-grp{margin-bottom:2px}.nav-grp .nav-g{padding-top:14px}.nav-grp:first-child .nav-g{padding-top:4px}
.r1-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.r1-tw .tbl{min-width:540px}
.r1-tw .tbl td,.r1-tw .tbl th{padding-inline:9px}.r1-tw .tbl.mini{min-width:0}
.r1-tabs{margin-top:4px}
.r1-bar{height:8px;border-radius:9px;background:rgba(255,255,255,.07);overflow:hidden;flex:1}.r1-bar i{display:block;height:100%;border-radius:9px;background:var(--grad)}
html[data-theme=light] .r1-bar{background:rgba(43,27,94,.08)}
td .r1-bar{margin:4px 0 2px}
.r1-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(146,119,240,.15);color:var(--lav);flex:none}.r1-ic.big{width:52px;height:52px;border-radius:15px}.r1-ic svg{width:20px;height:20px}
.r1-sec{margin-top:6px}
.r1-steps{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}.r1-steps span{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:12.5px;border:1px solid var(--line2);color:var(--dim)}.r1-steps span svg{width:14px;height:14px}
.r1-steps span.on{color:var(--okT,#5BE3B8);border-color:rgba(46,211,160,.35);background:rgba(46,211,160,.08)}.r1-steps span.cur{background:var(--grad);color:#fff;border-color:transparent}
.r1-steps.v{flex-direction:column;align-items:flex-start}
.r1-pm{margin-bottom:16px}
.r1-req{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.r1-req .t{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}.r1-req .t .dim{font-size:12.5px}
.r1-remote{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--warn)}.r1-remote svg{width:14px;height:14px}
.r1-code{margin:10px 0;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.25);border:1px dashed var(--line2);font-size:12.5px;word-break:break-all}
html[data-theme=light] .r1-code{background:#F3F0FF}
.r1-qr{width:120px;height:120px;background:#fff;border-radius:12px;padding:8px;margin-top:8px}.r1-qr.big{width:150px;height:150px;flex:none}
.r1-ul{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:7px;font-size:13.5px}.r1-ul li{display:flex;gap:8px;align-items:center}.r1-ul svg{width:15px;height:15px;color:var(--ok)}
.r1-live{display:flex;align-items:center;gap:14px;margin-bottom:16px;border-color:rgba(255,93,115,.45);background:rgba(255,93,115,.08);flex-wrap:wrap}
.r1-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.r1-tpl{text-align:start;border:1px solid var(--line2);background:var(--card);border-radius:14px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:inherit;transition:all .2s}.r1-tpl i{width:28px;height:6px;border-radius:6px;background:var(--c)}.r1-tpl span{font-size:12px;color:var(--dim)}.r1-tpl.on{border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 35%,transparent)}
.r1-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.r1-pick input{accent-color:var(--violet)}
.r1-emg{background:var(--c)!important;display:grid;place-items:center;color:#fff;text-align:center}.r1-emg-in span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);margin-bottom:8px;animation:ping 1.6s infinite}.r1-emg-in span svg{width:24px;height:24px}.r1-emg-in h3{font-size:22px}.r1-emg-in p{font-size:13px;opacity:.9;padding:0 12px}
.r1-hold{background:linear-gradient(135deg,#1A1033,#2A1B4D)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#C9BCFF;font-size:14px}
.r1-prio{display:flex;flex-direction:column;gap:8px}.r1-pr{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);border-inline-start:4px solid var(--c);background:var(--card)}.r1-pr .num{font-weight:700;color:var(--c);width:18px}.r1-pr svg{color:var(--c)}
.r1-th{width:64px;flex:none}.r1-th .scr{border-radius:6px}
.r1-wall{position:relative;display:grid;grid-template-columns:repeat(var(--cx),1fr);grid-template-rows:repeat(var(--cy),1fr);gap:var(--bz);aspect-ratio:calc(16*var(--cx))/calc(9*var(--cy));max-height:420px;margin:0 auto;padding:var(--bz);background:#05040B;border-radius:12px;overflow:hidden;width:100%}
.r1-wall-img{position:absolute;inset:0;z-index:0}.r1-wall-img img{width:100%;height:100%;object-fit:cover}
.r1-cell{position:relative;z-index:1;border:1px solid rgba(255,255,255,.35);border-radius:3px;display:flex;flex-direction:column;justify-content:space-between;padding:6px;color:#fff;font-size:11px;text-shadow:0 1px 3px rgba(0,0,0,.8);cursor:pointer;box-shadow:0 0 0 var(--bz) #05040B}
.r1-cell em{font-style:normal;opacity:.9}.r1-cell.ind{background:linear-gradient(135deg,#2A1B4D,#1A1033);border-color:#9277F0}.r1-cell.ind b{align-self:center;background:#9277F0;padding:2px 8px;border-radius:99px;font-size:11px}
.r1-zones{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);gap:3px;aspect-ratio:16/9;background:rgba(0,0,0,.25);border-radius:8px;padding:3px}
.r1-zones i{border-radius:4px;background:linear-gradient(135deg,rgba(146,119,240,.55),rgba(31,182,232,.35));display:grid;place-items:center;font-style:normal}.r1-zones i:nth-child(2){background:rgba(46,211,160,.4)}.r1-zones i:nth-child(3){background:rgba(245,181,71,.45)}.r1-zones i:nth-child(4){background:rgba(255,122,198,.4)}
.r1-zones span{font-size:10px;color:#fff;opacity:0}.r1-zones.big span{opacity:1;font-size:13px;font-weight:600}
.r1-ztbl{margin-top:14px}
.r1-lgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.r1-lay{border:1px solid var(--line2);background:var(--card);border-radius:12px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);text-align:start}.r1-lay.on{border-color:var(--violet);box-shadow:0 0 0 2px rgba(146,119,240,.3)}
.r1-vars{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;align-items:end}.r1-var{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-size:13px}.r1-vbox{width:100%}.r1-vbox .r1-zones{aspect-ratio:16/9}.r1-vbox.portrait .r1-zones{aspect-ratio:9/16;width:56%}.r1-vbox.square .r1-zones{aspect-ratio:1}.r1-vbox.ultrawide .r1-zones{aspect-ratio:32/9}.r1-vbox.lowpower .r1-zones{filter:grayscale(.6)}
.r1-qrrail{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:stretch}.r1-rail{display:flex;flex-direction:column;gap:10px;justify-content:center;background:#fff;border-radius:12px;padding:10px;color:#1C1541;font-size:11.5px;text-align:center}.r1-rail img{width:100%;max-width:96px;margin:0 auto 4px}
.r1-cal{overflow-x:auto}.r1-cal-h,.r1-cal-b{display:grid;grid-template-columns:52px repeat(7,minmax(90px,1fr));min-width:700px}.r1-cal-h b{font-size:12.5px;color:var(--muted);padding:6px;text-align:center}
.r1-cal-b{height:520px;border-top:1px solid var(--line)}.r1-cal-t{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--dim);padding:2px 4px}
.r1-cal-d{position:relative;border-inline-start:1px solid var(--line)}.r1-cal-d .pr{position:absolute;inset-inline:0;border-top:1px dashed rgba(201,188,255,.3);font-size:9.5px;color:var(--dim);font-style:normal;padding-inline-start:4px;z-index:2}
.r1-cal-d .ev{position:absolute;inset-inline:4px;border-radius:8px;padding:4px 6px;background:color-mix(in srgb,var(--c) 22%,transparent);border-inline-start:3px solid var(--c);overflow:hidden;font-size:11.5px;line-height:1.3;display:flex;flex-direction:column}.r1-cal-d .ev b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r1-cal-d .ev span{font-size:10.5px;opacity:.8}
.r1-kanban{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}.r1-col{display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:16px;padding:10px;min-height:200px}
html[data-theme=light] .r1-col{background:#FAF9FF}
.r1-col-h{display:flex;justify-content:space-between;align-items:center;padding:2px 4px}.r1-cc{padding:12px;display:flex;flex-direction:column;gap:2px}.r1-cc .dim{font-size:12px}
.r1-pages{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.r1-pages>div{display:flex;flex-direction:column;gap:4px}
.r1-preset{border-top:3px solid var(--c)}.r1-pv{height:120px;border-radius:12px;background:rgba(0,0,0,.25);padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
html[data-theme=light] .r1-pv{background:#F3F0FF}
.r1-ceo{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.r1-ceo div{display:flex;flex-direction:column;font-size:11px;color:var(--dim)}.r1-ceo b{font-size:18px;color:var(--light)}.r1-ceo em{font-style:normal;font-size:11px;width:max-content;padding:0 5px;border-radius:5px}
.r1-soc{display:flex;gap:8px;width:100%;justify-content:space-between}.r1-soc span{display:flex;flex-direction:column;align-items:center;font-size:10.5px;color:var(--dim)}.r1-soc b{font-size:16px;color:var(--light)}
.r1-pv .spark,.r1-pv svg{width:100%;height:80px}
.r1-drop{border:1.5px dashed var(--line2);border-radius:14px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.r1-drop>svg{width:30px;height:30px;color:var(--lav)}.r1-drop .dim{font-size:12px}
.r1-pipe{display:flex;flex-direction:column;gap:6px;margin-top:14px}.r1-pipe span{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.r1-pipe svg{width:16px;height:16px;color:var(--lav)}
.r1-chunks{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}.r1-chunks i{height:16px;border-radius:3px;background:rgba(255,255,255,.08)}.r1-chunks i.ok{background:var(--grad)}.r1-chunks i.on{background:var(--warn);animation:ping 1.4s infinite}
html[data-theme=light] .r1-chunks i{background:rgba(43,27,94,.08)}
.r1-pdf{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.r1-pdf>div{display:flex;flex-direction:column;gap:4px;align-items:center}.r1-pp{width:100%;aspect-ratio:1/1.35;background:#fff;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:6px;color:#1C1541;box-shadow:0 4px 14px -6px rgba(0,0,0,.4)}.r1-pp i{height:6px;border-radius:4px;background:#E2DDF5}.r1-pp b{font-size:18px;color:#5B3FC4}
.r1-yes{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(46,211,160,.15);color:var(--ok)}.r1-yes svg{width:13px;height:13px}
.r1-acct{display:grid;grid-template-columns:1fr 1fr;gap:10px}.r1-at{border:1px solid var(--line2);background:var(--card);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;text-align:start;cursor:pointer;color:inherit}.r1-at svg{width:22px;height:22px;color:var(--lav)}.r1-at span{font-size:12.5px;color:var(--dim)}.r1-at.on{border-color:var(--violet);box-shadow:0 0 0 2px rgba(146,119,240,.3);background:rgba(146,119,240,.08)}
.r1-cardl{min-width:64px;height:40px;border-radius:8px;display:grid;place-items:center;font:700 12px Inter;background:linear-gradient(135deg,#2A1B4D,#5B7BFF);color:#fff;padding:0 8px}
.r1-moy{display:flex;flex-direction:column}.r1-amt{font-size:30px;font-weight:700;margin:6px 0 12px}.r1-amt small{font-size:14px;color:var(--dim)}
.r1-pl{display:flex;flex-direction:column}
.r1-flags th{text-align:center;font-size:12px}.r1-flags th small{display:block;font-size:10px;color:var(--dim)}
.r1-lnk{color:var(--lav);text-decoration:underline;text-decoration-color:rgba(146,119,240,.4);text-underline-offset:3px;font-size:13px}
.r1-flag{display:inline-flex;gap:4px;align-items:center;font-size:11px;color:var(--dim)}
/* superadmin */
body.adm-on #asst,body.adm-on #asfab{display:none!important}
.shell.adm .side{background:linear-gradient(180deg,rgba(20,14,40,.95),rgba(10,8,22,.98))}
html[data-theme=light] .shell.adm .side{background:#FBFAFF}
.adm-badge{display:flex;gap:10px;align-items:center;margin:14px 4px 6px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,rgba(255,93,115,.14),rgba(146,119,240,.14));border:1px solid rgba(255,93,115,.3)}.adm-badge svg{color:#FF8A9B;width:22px;height:22px;flex:none}.adm-badge b{display:block;font-size:14px}.adm-badge span{font-size:11.5px;color:var(--dim)}
.adm-env{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 11px;border-radius:999px;background:rgba(255,93,115,.12);color:#FF8A9B;font-weight:600}.adm-env svg{width:15px;height:15px}.adm-env.sm{font-size:11px;padding:3px 9px;margin-inline-start:8px}
html[data-theme=light] .adm-env{color:#C42740}
.adm-mfa{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dim)}.adm-mfa svg{width:14px;height:14px}
.adm-link{margin:26px 0 6px;text-align:center;font-size:12px;opacity:.7}.adm-link a{color:var(--dim);display:inline-flex;gap:6px;align-items:center}.adm-link svg{width:14px;height:14px}
@media (max-width:1100px){.adm-mfa{display:none}}
@media (max-width:900px){
 .r1-acct{grid-template-columns:1fr}.r1-pdf{grid-template-columns:repeat(2,1fr)}.r1-pages{grid-template-columns:1fr}.r1-qrrail{grid-template-columns:1fr 96px}
 .r1-kanban{grid-template-columns:repeat(5,minmax(220px,1fr))}.r1-lgrid{grid-template-columns:1fr 1fr}.r1-chunks{grid-template-columns:repeat(10,1fr)}
 .r1-req .row{width:100%}.r1-wall{max-height:none}
}

@container view (min-width:761px) and (max-width:1100px){.r1g>.an-s8{grid-column:span 7}.r1g>.an-s4{grid-column:span 5}}
.r1g .tv{max-width:560px;margin-inline:auto}

.qa6 .qa-t{min-width:0}.qa6 .qa-t b,.qa6 .qa-t span:not(.ic){min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}
.r1-wrap .badge{white-space:normal;line-height:1.35}

/* ===== Rabet AI (v7) ===== */
.chip-s.ai-st-on{border-color:rgba(46,211,160,.35);color:#5BE3B8}.chip-s.ai-st-on svg{color:#5BE3B8}
.chip-s.ai-st-off{border-color:rgba(245,181,71,.4);color:#FFC96B}.chip-s.ai-st-off svg{color:#FFC96B}
.sl.s-aigen{background:#000}.sl.s-aigen img{width:100%;height:100%;object-fit:cover}
.shimmer.tall{aspect-ratio:9/16}.shimmer.sm{aspect-ratio:auto;height:118px}
.ai-real{margin-top:16px;display:block}
.ai-rvars{display:grid;gap:12px}.ai-rvars.tall{grid-template-columns:repeat(3,minmax(0,200px));justify-content:center}
.ai-rv{position:relative;padding:5px;border-radius:14px;border:2px solid transparent;background:var(--card2);cursor:pointer;transition:all .2s;animation:pop .5s var(--ease) both}
.ai-rv img{width:100%;border-radius:9px;aspect-ratio:16/9;object-fit:cover}.ai-rvars.tall .ai-rv img{aspect-ratio:9/16}
.ai-rv.on{border-color:var(--violet);background:rgba(146,119,240,.12)}.ai-rv:hover{transform:translateY(-2px)}
.ai-rv span{position:absolute;top:12px;inset-inline-start:12px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:700}
.ai-rv:nth-child(2){animation-delay:.08s}.ai-rv:nth-child(3){animation-delay:.16s}
.ai-rprev{position:relative;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 18px 50px -24px rgba(0,0,0,.8)}
.ai-rprev img{width:100%;aspect-ratio:16/9;object-fit:cover}.ai-rprev.tall{max-width:360px;margin:0 auto}.ai-rprev.tall img{aspect-ratio:9/16}
.ai-rprev.busy img{filter:blur(2px) brightness(.7)}.ai-rprev .spin{position:absolute;top:50%;left:50%;margin:-11px 0 0 -11px}
.ai-ed{display:flex;gap:8px;margin-top:14px}.ai-ed .inp{flex:1;min-width:0}
.ai-reply{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(146,119,240,.1);border:1px solid var(--line2);font-size:13.5px}.ai-reply svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--lav)}
.ly-list{display:flex;flex-direction:column;gap:10px}
.ly{padding:10px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}.ly.off{opacity:.55}
.ly-h{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:13px}.ly-h b{flex:1}.ly-h .iconbtn{width:28px;height:28px;font-weight:700}.ly-h .iconbtn svg{width:14px;height:14px}
.ly .inp{width:100%;height:38px}
.ly-sw{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:13px;color:var(--dim)}.ly-sw span{margin-inline-end:4px}
.sw-c{width:26px;height:26px;border-radius:50%;border:2px solid var(--line2);cursor:pointer;box-shadow:inset 0 0 0 2px rgba(0,0,0,.15)}.sw-c.on{outline:2px solid var(--violet);outline-offset:2px}
.ai-copy{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.ai-co{display:flex;flex-direction:column;gap:2px;text-align:start;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--card);cursor:pointer}.ai-co:hover{border-color:var(--violet)}
.ai-co span{font-size:12.5px;color:var(--muted)}.ai-co em{font-style:normal;font-size:12px;color:var(--lav)}
.ai-pub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;align-items:end}.ai-pub .field:first-child{grid-column:1/-1}.ai-pub .btn.block{grid-column:1/-1}
.ai-fb{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;margin:16px 0;background:rgba(245,181,71,.1);border:1px solid rgba(245,181,71,.35)}
.ai-fb svg{width:20px;height:20px;flex:none;color:#FFC96B;margin-top:2px}.ai-fb b{display:block}.ai-fb span{display:block;font-size:13px;color:var(--muted)}
.ai-refuse .ic.bad{background:rgba(255,93,115,.13);color:#FF8A9B}
.ai-badge{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;padding:3px 9px;border-radius:999px;font-size:11.5px;color:var(--muted);background:var(--card2);border:1px solid var(--line);white-space:nowrap}
.ai-badge .spin{width:12px;height:12px;border-width:2px}.ai-badge svg{width:13px;height:13px}
.ai-badge.on{color:#5BE3B8;border-color:rgba(46,211,160,.3)}.ai-badge.off{color:#FFC96B;border-color:rgba(245,181,71,.35);white-space:normal}
.husage .ai-use{grid-column:1/-1}.husage .ai-use small{font-size:11.5px}
.ai-ins{margin-bottom:16px;border-color:rgba(146,119,240,.35);background:linear-gradient(180deg,rgba(146,119,240,.09),var(--card))}
.ai-ins .sec-t h2{display:flex;align-items:center;gap:8px}.ai-ins .sec-t h2 svg{width:18px;height:18px;color:var(--lav)}
.ai-ins-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ai-in-c{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}
.ai-in-c p{font-size:13px;color:var(--muted);flex:1}.ai-in-c .btn{align-self:flex-start}
.ai-met{font-size:22px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;align-self:flex-start}
.ai-sg .btn.done{background:rgba(46,211,160,.15);color:#5BE3B8;border-color:transparent}
.as-fb{display:flex;align-items:center;gap:5px;font-size:11px;color:#FFC96B;margin-bottom:4px}.as-fb svg{width:12px;height:12px}
.tbl-w{overflow-x:auto}
[data-theme=light] .chip-s.ai-st-on,[data-theme=light] .ai-badge.on{color:#0E8A66}[data-theme=light] .chip-s.ai-st-on svg{color:#0E8A66}
[data-theme=light] .chip-s.ai-st-off,[data-theme=light] .ai-badge.off,[data-theme=light] .as-fb{color:#A86A00}[data-theme=light] .ai-fb svg{color:#A86A00}
[data-theme=light] .ai-rprev{box-shadow:0 18px 40px -26px rgba(30,20,80,.45)}
@media (max-width:1180px){.ai-ins-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.ai-rsplit{grid-template-columns:minmax(0,1fr)}.ai-pub{grid-template-columns:minmax(0,1fr)}.ai-rvars.tall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.ai-ins-g{grid-template-columns:minmax(0,1fr)}.ai-rvars{gap:8px}.ai-ed{flex-direction:column}.ai-ed .btn{width:100%}}

/* ===== v8 live mode (real backend) ===== */
.live-load{min-height:100vh;display:grid;place-items:center;padding:24px}
.live-load .ll-in{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.live-load .spin{width:26px;height:26px}
.lv-tabs{display:flex;margin:4px 0 18px;width:100%}.lv-tabs button{flex:1}
.lv-kind{display:flex;width:100%}.lv-kind button{flex:1}
.lv-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lv-chips .chip{text-decoration:none}
.lv-real{border-color:rgba(46,211,160,.35)!important;color:var(--ok)!important}
.lv-out{margin-inline-end:4px}
@media (max-width:900px){.lv-out span,.lv-real span{display:none}}
.lv-tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;background:rgba(46,211,160,.14);color:var(--ok);border:1px solid rgba(46,211,160,.3)}
.lv-steps{margin-bottom:16px}
.lv-st{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.lv-s{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--card);font-size:14px;transition:border-color .2s}
.lv-s:hover{border-color:var(--line2)}
.lv-s .n{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--card2);font-weight:700;font-size:13px}
.lv-s.ok{opacity:.75}.lv-s.ok .n{background:rgba(46,211,160,.18);color:var(--ok)}
.lv-s .n svg{width:16px;height:16px}
.lv-bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:6px}
.lv-bars i{flex:1;min-height:3px;border-radius:4px 4px 0 0;background:var(--grad);opacity:.85}
.lv-bx{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin-top:4px}
.lv-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:24px;letter-spacing:3px;text-align:center;height:56px}
.lv-codebig{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:30px;font-weight:700;letter-spacing:3px;text-align:center;margin:6px 0 14px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lv-psteps{margin-bottom:14px}
.success-check svg{width:34px;height:34px;stroke:#fff}
.lv-up{cursor:pointer}
.lv-drop{border:1.5px dashed var(--line2);border-radius:var(--r);padding:28px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);cursor:pointer;transition:background .2s,border-color .2s}
.lv-drop svg{width:28px;height:28px}.lv-drop b{color:var(--light)}.lv-drop span{font-size:12.5px}
.lv-drop.on,.lv-drop:hover{border-color:var(--violet);background:rgba(146,119,240,.07)}
.sl.lv-q{display:grid;place-items:center;background:linear-gradient(135deg,#1A1033,#0E0A1F);color:var(--muted);font-size:13px;text-align:center;padding:8px}
.sl.s-aigen video{width:100%;height:100%;object-fit:cover}
.lv-strip{display:flex;gap:8px;overflow:hidden}
.lv-th{position:relative;width:96px;flex:none}.lv-th .scr{border-radius:8px}
.lv-th>span{position:absolute;bottom:4px;inset-inline-end:4px;font-size:10.5px;background:rgba(0,0,0,.6);padding:0 5px;border-radius:6px;color:#fff}
.lv-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:52vh;overflow:auto;padding:2px}
.lv-pi{border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;cursor:pointer;font-size:12.5px;position:relative}
.lv-pi.on{border-color:var(--violet);background:rgba(146,119,240,.08)}
.lv-pi>input[type=checkbox]{position:absolute;top:12px;inset-inline-start:12px;z-index:2;width:18px;height:18px}
.lv-pi .lv-th{width:100%}.lv-pi .inp{height:32px;font-size:13px}
.lv-pi>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-days .chip{cursor:pointer}
.lv-em-on{border-color:rgba(255,93,115,.45)!important;background:rgba(255,93,115,.1)!important;margin-bottom:16px}
.lv-em-ic{font-size:34px}
.lv-qr{width:84px;height:84px;background:#fff;border-radius:8px;padding:3px}.lv-qr svg{width:100%;height:100%}
.lv-adm{min-height:100vh}
.lv-admh{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--night);z-index:5;flex-wrap:wrap}
.lv-admh .sp{flex:1}
.lv-adm .view{max-width:1360px;margin:0 auto;padding:20px}
.lv-adm .tabs a{text-decoration:none}
.lv-adm .r1-tw{overflow-x:auto}
@media (max-width:640px){.lv-adm .view{padding:14px}.lv-st{grid-template-columns:1fr 1fr}.lv-code{font-size:20px;letter-spacing:2px}.lv-codebig{font-size:24px}}
:where(html[data-theme=light]) .lv-admh{background:rgba(255,255,255,.88)}
:where(html[data-theme=light]) .lv-qr{box-shadow:0 0 0 1px rgba(43,27,94,.12)}

.sl.lv-idle{display:flex;flex-direction:column;gap:4px}.sl.lv-idle b{color:var(--light);font-size:14px}
.lv-note{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-bottom:14px}.lv-note svg{width:16px;height:16px;flex:none;color:var(--ok)}

/* v8 live: records cards for modules on the Rabet adapter */
.lv-rec{margin-bottom:16px}.lv-rec .sec-t{flex-wrap:wrap;gap:8px}.lv-rec .tbl td{vertical-align:middle}.dev-hero>*{min-width:0}

/* ==== v9 live modules ==== */
.l9-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6;background:var(--card2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.l9-chip.ok{background:rgba(46,211,160,.12);color:#5fe3b8;border-color:rgba(46,211,160,.3)}
.l9-chip.warn{background:rgba(245,181,71,.12);color:#f7c46b;border-color:rgba(245,181,71,.3)}
.l9-chip.bad{background:rgba(255,93,115,.12);color:#ff8597;border-color:rgba(255,93,115,.3)}
.l9-chip.info{background:rgba(91,123,255,.13);color:#9fb2ff;border-color:rgba(91,123,255,.3)}
.l9-chip.dim{opacity:.85}
.l9-x{border:0;background:none;color:inherit;cursor:pointer;font-size:14px;padding:0 0 0 2px;line-height:1}
.l9-err{display:flex;align-items:center;gap:10px;color:#ff8597}
.l9-hint{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}
.l9-on{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;flex-wrap:wrap}
.l9-on svg{width:15px;height:15px;opacity:.8}
.l9-picks,.l9-days{display:flex;flex-wrap:wrap;gap:6px}
.l9-pick{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line2);border-radius:12px;background:var(--card);cursor:pointer;font-size:13px}
.l9-pick input{accent-color:var(--violet);margin:0}
.l9-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);display:inline-block}.l9-dot.on{background:var(--ok);box-shadow:0 0 0 3px rgba(46,211,160,.18)}
.l9-copy{display:flex;gap:6px;margin:8px 0}.l9-copy .inp{flex:1;min-width:0;font-size:12px;height:36px}
.l9-qr{display:flex;justify-content:center;margin:6px 0 10px}.l9-qr svg{width:180px;height:180px;background:#fff;border-radius:12px;padding:6px}
.l9-badge{text-align:center;font-size:30px;font-weight:700;letter-spacing:2px;margin:6px 0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.l9-sub{font-size:12.5px;color:var(--muted);margin:12px 0 6px;font-weight:600}
.g.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.l9-price{display:flex;gap:6px;align-items:center}.l9-price .inp{max-width:92px;height:34px}
.l9-board .sec-t{margin-bottom:4px}
.l9-room.busy{border-color:rgba(255,93,115,.35)}.l9-room.free{border-color:rgba(46,211,160,.28)}
.l9-rnow{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--card2);margin:6px 0}
.l9-rnow b{font-size:17px}
.l9-rnext{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}.l9-rnext svg{width:15px;height:15px}
.l9-bks{display:flex;flex-direction:column;gap:4px;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.l9-bk{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;font-size:13px}
.l9-bk.x{opacity:.45;text-decoration:line-through}.l9-bk .iconbtn{width:28px;height:28px}
.l9-int{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.l9-int code{font-size:11px;color:var(--muted);word-break:break-all}
.l9-agent .btn.lg{font-size:17px;height:56px}
.l9-called{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.l9-tk{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card2);border:1px solid var(--line);flex-wrap:wrap}
.l9-tk.called{border-color:rgba(245,181,71,.4)}.l9-tk.serving{border-color:rgba(46,211,160,.4)}
.l9-tkn{font-size:26px;font-weight:700;min-width:84px;text-align:center;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.l9-wait{display:flex;flex-wrap:wrap;gap:6px}
.l9-wt{padding:6px 12px;border-radius:10px;background:var(--card2);border:1px solid var(--line2);font-weight:700;font-size:15px}
.l9-wgrid{display:grid;gap:8px;margin:6px 0 4px;padding:10px;border-radius:14px;background:#06040f;border:1px solid var(--line)}
.l9-wt2{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,rgba(146,119,240,.18),rgba(31,182,232,.12));border:1px solid var(--line2);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:8px;min-width:0}
.l9-wt2 small{color:var(--muted);font-size:11px;text-align:center}.l9-wt2 .inp{height:32px;font-size:12px;padding:0 6px}
.l9-witems{display:flex;flex-wrap:wrap;gap:6px}
.l9-cat{gap:10px}.l9-catc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;cursor:pointer;color:inherit;font:inherit;border:1px solid var(--line);transition:border-color .2s,transform .2s}
.l9-catc:hover{border-color:var(--violet);transform:translateY(-2px)}.l9-catc svg{width:22px;height:22px;color:var(--lav)}
.l9-conn .sec-t h2{font-size:15px}.l9-prev{min-height:22px;margin-top:8px;font-size:14px;font-weight:600}
.l9-errt{font-size:12px;color:#ff8597;margin:6px 0;word-break:break-word}
.l9-pre{max-height:50vh;overflow:auto;font-size:12px;background:rgba(0,0,0,.25);padding:10px;border-radius:10px;white-space:pre-wrap;word-break:break-word}
.l9-thread{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto;margin-bottom:10px}
.l9-msg{flex-shrink:0;min-width:min(340px,88%);padding:10px 12px;border-radius:14px;background:var(--card2);border:1px solid var(--line);max-width:88%}
.l9-msg.l9-me{align-self:flex-start;border-color:rgba(146,119,240,.35)}.l9-msg.l9-them{align-self:flex-end;background:rgba(31,182,232,.08)}
.l9-mh{display:flex;gap:8px;justify-content:space-between;font-size:12px;margin-bottom:4px}
.l9-att{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;margin-top:6px;color:var(--lav)}
.l9-support{margin-bottom:16px}
html[data-theme=light] .l9-wgrid{background:#e9e7f3}
html[data-theme=light] .l9-chip.ok{color:#0b8a64}html[data-theme=light] .l9-chip.warn{color:#9a6400}html[data-theme=light] .l9-chip.bad{color:#c62840}html[data-theme=light] .l9-chip.info{color:#3150d6}
html[data-theme=light] .l9-err,html[data-theme=light] .l9-errt{color:#c62840}html[data-theme=light] .l9-msg.l9-them{background:rgba(31,182,232,.1)}html[data-theme=light] .l9-pre{background:rgba(0,0,0,.05)}
@media (max-width:760px){.g.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.l9-bk{grid-template-columns:auto 1fr auto}.l9-bk .dim{display:none}.l9-tk{align-items:flex-start}.l9-tkn{font-size:22px;min-width:64px}.l9-price .inp{max-width:76px}}

#view td[style*="text-align:end"]{white-space:nowrap}
#view td[style*="text-align:end"]>.btn,#view td[style*="text-align:end"]>.iconbtn{display:inline-flex;vertical-align:middle;margin-inline-start:4px}
.l9-dt{display:grid;grid-template-columns:1fr 1fr;gap:6px}

/* room mic level meter (Rabet Share → Room screens) */
.micbars{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.micbars i{display:block;width:4px;border-radius:1px;background:rgba(127,127,160,.35)}.micbars i.on{background:linear-gradient(#ff6b81,#1FB6E8 70%)}.micbars i.on:nth-child(-n+6){background:#1FB6E8}.micbars i.on:nth-child(n+9){background:#ff6b81}.micbars.stale{opacity:.45}