/* مأخوذ من النموذج المعتمد (الإصدار 24). لا تعدّل هنا؛ أضف التعديلات في style.css */

/* Layout: sticky header (brand, company switcher, bell, role) + side navigation + content column; RTL; one side drawer for task / opportunity / goal editing */
:root{
  --bg:#F3F5F3; --surface:#FFFFFF; --surface-2:#E9EEEA; --fg:#15201B; --muted:#5A6862; --line:#D7DFDA;
  --good:#1B7548; --good-bg:#E1F1E7; --warn:#8F5D00; --warn-bg:#FAEFD6; --bad:#B0342A; --bad-bg:#F7E1DE;
  --info:#28599C; --info-bg:#E0E9F6; --none:#5A6862; --none-bg:#E7EBE9;
  --co-group:#0E5A5E; --co-wsheek:#2A5698; --co-ashal:#0A765B; --co-makan:#A2412A; --co-silk:#53578C;
  --accent:var(--co-group); --on-accent:#FFFFFF; --scrim:rgb(10 18 15 / .35);
  --av-l:89%; --av-f:28%;
  --font:"Neo Sans Arabic","IBM Plex Sans Arabic",Tahoma,"Segoe UI",sans-serif;
  --paper:#ffffff; --ink:#1b2430; --paper-acc:#2A5698; --paper-soft:#eef2f8; --paper-line:#d9e0ea;
  --r:12px; --shadow:0 1px 2px rgb(20 32 27 / .06),0 4px 14px rgb(20 32 27 / .07);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0F1513; --surface:#161F1B; --surface-2:#1E2924; --fg:#E5ECE8; --muted:#97A59F; --line:#2B3732;
  --good:#5DC28C; --good-bg:#15301F; --warn:#E3B04C; --warn-bg:#33290E; --bad:#EF8A7D; --bad-bg:#3A1C19;
  --info:#8DB4EC; --info-bg:#16263D; --none:#97A59F; --none-bg:#222C28;
  --co-group:#4DB3B2; --co-wsheek:#82A7E8; --co-ashal:#4BC29F; --co-makan:#E68B6C; --co-silk:#A4A8E0;
  --on-accent:#0C1311; --scrim:rgb(0 0 0 / .55); --av-l:26%; --av-f:82%; --shadow:0 4px 18px rgb(0 0 0 / .4); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0F1513; --surface:#161F1B; --surface-2:#1E2924; --fg:#E5ECE8; --muted:#97A59F; --line:#2B3732;
  --good:#5DC28C; --good-bg:#15301F; --warn:#E3B04C; --warn-bg:#33290E; --bad:#EF8A7D; --bad-bg:#3A1C19;
  --info:#8DB4EC; --info-bg:#16263D; --none:#97A59F; --none-bg:#222C28;
  --co-group:#4DB3B2; --co-wsheek:#82A7E8; --co-ashal:#4BC29F; --co-makan:#E68B6C; --co-silk:#A4A8E0;
  --on-accent:#0C1311; --scrim:rgb(0 0 0 / .55); --av-l:26%; --av-f:82%; --shadow:0 4px 18px rgb(0 0 0 / .4); color-scheme:dark}
:root[data-co="wsheek"]{--accent:var(--co-wsheek)} :root[data-co="ashal"]{--accent:var(--co-ashal)}
:root[data-co="makan"]{--accent:var(--co-makan)} :root[data-co="silk"]{--accent:var(--co-silk)}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--fs,15px);line-height:1.65;font-variant-numeric:tabular-nums}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--surface)}
.gut{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
h1,h2,h3{margin:0;line-height:1.35;text-wrap:balance}
h1{font-size:1.5rem;font-weight:700} h2{font-size:1.08rem;font-weight:700} h3{font-size:1rem;font-weight:600}
p{margin:0}
.muted{color:var(--muted)} .small{font-size:13px}

header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.top-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-block:10px;max-width:1360px;margin:0 auto}
.brand{display:flex;gap:10px;align-items:center;margin-inline-end:auto;min-width:0}
.mark{width:38px;height:38px;flex:none;border-radius:10px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:20px;transition:background .25s}
.brand b{display:block;font-size:16px} .brand small{display:block;color:var(--muted);font-size:12px;line-height:1.3}
.cos{display:flex;gap:3px;background:var(--surface-2);padding:4px;border-radius:999px;overflow-x:auto;max-width:100%}
.cos button{border:0;background:transparent;padding:5px 13px;border-radius:999px;font-size:14px;color:var(--muted);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:7px}
.cos button i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.cos button[aria-pressed="true"]{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:var(--shadow)}
.cos button:disabled{opacity:.4;cursor:not-allowed}
.who{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.who select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 8px;color:var(--fg);max-width:230px}
.bell-w{position:relative}
.bell{border:1px solid var(--line);background:var(--surface);border-radius:999px;height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}
.bell svg{width:18px;height:18px}
.bell .cnt{min-width:20px;padding:0 6px;border-radius:99px;background:var(--bad);color:var(--surface);font-size:12px;font-weight:700;text-align:center}
.pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(370px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);z-index:40;max-height:70vh;overflow:auto}
.pop-h{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.ntf{display:block;width:100%;text-align:start;border:0;background:transparent;padding:10px 14px;border-top:1px solid var(--line);cursor:pointer;font-size:14px}
.ntf:first-child{border-top:0} .ntf.unread{background:var(--info-bg)} .ntf small{display:block;color:var(--muted)}
.demo{background:var(--warn-bg);color:var(--warn);font-size:13px}
.demo .in{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding-block:6px;max-width:1360px;margin:0 auto}
.demo button{border:1px solid currentColor;background:transparent;border-radius:6px;padding:1px 10px;cursor:pointer;font-size:12.5px;color:inherit}

.shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;max-width:1360px;margin:0 auto;padding-block:22px 72px}
.side{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:2px}
.side>a,.side>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:9px;text-decoration:none;color:var(--muted);font-size:14.5px}
.side a:hover{background:var(--surface-2);color:var(--fg)}
.side a[aria-current="page"]{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:inset -3px 0 0 var(--accent),var(--shadow)}
.side span.soon{opacity:.55;cursor:default}
.side span.soon em{font-style:normal;font-size:11px;border:1px solid var(--line);border-radius:99px;padding:0 7px}
.side .cnt{min-width:20px;padding:0 6px;border-radius:99px;background:var(--bad-bg);color:var(--bad);font-size:12px;text-align:center}
@media (max-width:900px){
  .shell{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:12px 64px}
  .side{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:6px}
  .side>a{white-space:nowrap} .side>span.soon{display:none}
  .side a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--accent)}
}
main{min-width:0}
.stack{display:flex;flex-direction:column;gap:22px}
.head{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;justify-content:space-between}
.head p{max-width:72ch}

.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.5;padding:2px 10px;border-radius:999px;font-weight:600;white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.h-ok,.h-approved{background:var(--good-bg);color:var(--good)} .h-watch{background:var(--warn-bg);color:var(--warn)}
.h-risk,.h-bad{background:var(--bad-bg);color:var(--bad)} .h-needs,.h-info{background:var(--info-bg);color:var(--info)}
.h-nodata,.h-draft,.h-none{background:var(--none-bg);color:var(--none)}
.tag{font-size:12.5px;font-weight:600;color:var(--c,var(--accent))}
.av{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:12.5px;font-weight:700;background:hsl(var(--h) 40% var(--av-l));color:hsl(var(--h) 45% var(--av-f));border:2px solid var(--surface);flex:none}
.avs{display:inline-flex}.avs .av+.av{margin-inline-start:-8px}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:14px}
.co-block{display:flex;flex-direction:column;gap:12px}
.co-h{display:flex;align-items:center;gap:10px}
.co-h::before{content:"";width:4px;height:20px;border-radius:2px;background:var(--c)}
.gcard,.pc{display:flex;flex-direction:column;gap:12px;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;transition:border-color .15s}
.gcard:hover,.pc:hover{border-color:var(--c,var(--accent))}
.gc-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.gc-top .tag{margin-inline-end:auto}
.kpi{color:var(--muted);font-size:13.5px}
.meter{display:flex;flex-direction:column;gap:5px}
.m-lbl{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted)}
.m-lbl b{color:var(--fg);font-weight:600}
.bar{height:9px;background:var(--surface-2);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--c,var(--accent));border-radius:inherit;transition:width .4s}
.bar.thin{height:5px} .bar.thin i{background:var(--muted)}
.gc-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.note{font-size:13.5px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:10px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:2px;text-decoration:none}
.stat span{font-size:12.5px;color:var(--muted)} .stat b{font-size:1.3rem;font-weight:700} .stat small{font-size:12px;color:var(--muted)}
.stat.alert{border-color:var(--warn)} .stat.alert b{color:var(--warn)}
a.stat:hover{border-color:var(--accent)}
.back{font-size:14px;color:var(--muted);text-decoration:none}
.gd-head{display:flex;flex-direction:column;gap:8px}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px}
.big{font-size:1.7rem;font-weight:700;line-height:1.2}
.callout{border-inline-start:3px solid var(--info);background:var(--info-bg);padding:12px 14px;border-radius:8px;font-size:14px}
.callout.warn{border-color:var(--warn);background:var(--warn-bg)}
.phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:10px}
.phase{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}
.phase.now{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}
.ph-t{display:flex;justify-content:space-between;gap:8px;font-size:13px} .ph-t b{font-size:14px}
.chk{display:flex;justify-content:space-between;font-size:13px;gap:8px}
.sec{display:flex;flex-direction:column;gap:10px}
.sec-h{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between}
.init{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.init-h{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.init-h h3{margin-inline-end:auto}
.proposal{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--line);font-size:14px}
.proposal:first-child{border-top:0}

/* overview */
.ov{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:1050px){.ov{grid-template-columns:minmax(0,1fr)}}
.pulse{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:9px 14px;border-top:1px solid var(--line);text-decoration:none}
.pulse:first-child{border-top:0}
.pulse:hover{background:var(--surface-2)}
.pulse .pt{flex:1 1 190px;min-width:0;font-weight:600;font-size:14px}
.pulse .bar{flex:1 1 110px;max-width:200px}
.pulse .pp{width:42px;text-align:end;font-size:13px;color:var(--muted)}

ul.tasks{list-style:none;margin:0;padding:0}
.task{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line)}
.task:first-child{border-top:0}
.task input[type=checkbox]{margin-top:5px;width:17px;height:17px;accent-color:var(--accent);flex:none;cursor:pointer}
.tk-body{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.tk-title{background:none;border:0;padding:0;text-align:start;cursor:pointer;font-size:15px}
.tk-title:hover{color:var(--accent)}
.task.done .tk-title{text-decoration:line-through;color:var(--muted)}
.tk-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--muted);align-items:center}
.exp{border:1px solid var(--line);background:var(--surface-2);border-radius:99px;font-size:12px;padding:0 8px;cursor:pointer;color:var(--fg)}
.exp[aria-expanded="true"]{background:var(--info-bg);border-color:var(--info)}
ul.subl{list-style:none;margin:4px 0 0;padding:0 0 0 0;border-inline-start:2px solid var(--line);padding-inline-start:10px;display:flex;flex-direction:column;gap:3px}
ul.subl li{display:flex;gap:8px;align-items:center;font-size:13.5px}
ul.subl li.done span.st-t{text-decoration:line-through;color:var(--muted)}
ul.subl input{accent-color:var(--accent)}
.late{color:var(--bad);font-weight:600}
.chain{color:var(--accent);text-decoration:none} .chain:hover{text-decoration:underline}
.sig{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line);font-size:14px}
.sig:first-child{border-top:0}
.dot{width:9px;height:9px;border-radius:50%;margin-top:7px;flex:none}
.dot.warn{background:var(--warn)} .dot.risk{background:var(--bad)} .dot.info{background:var(--info)} .dot.good{background:var(--good)}
.s-body{min-width:0;flex:1}
.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
.empty{padding:14px;color:var(--muted);font-size:14px}

.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.seg{display:inline-flex;background:var(--surface-2);border-radius:9px;padding:3px;gap:2px;flex-wrap:wrap}
.seg button{border:0;background:transparent;border-radius:7px;padding:4px 12px;cursor:pointer;font-size:13.5px;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:var(--shadow)}
.seg button:disabled{opacity:.45;cursor:not-allowed}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:13.5px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.chip b{font-weight:600;color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.chip[aria-pressed="true"] b{color:inherit}
.subtabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}
.subtabs button{border:0;background:transparent;padding:8px 14px;cursor:pointer;color:var(--muted);border-bottom:2.5px solid transparent;white-space:nowrap;font-size:14.5px}
.subtabs button[aria-pressed="true"]{color:var(--fg);border-color:var(--accent);font-weight:600}
.subtabs .cnt{display:inline-block;min-width:20px;padding:0 6px;margin-inline-start:6px;border-radius:99px;background:var(--bad-bg);color:var(--bad);font-size:12px}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.filters select,.filters input[type=search]{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 8px;font-size:13.5px;max-width:200px}
.filters label.ck{display:flex;gap:6px;align-items:center;font-size:13.5px;color:var(--muted)}
.insights{display:flex;overflow-x:auto;gap:10px;padding-bottom:4px;scroll-snap-type:x proximity}
.ins{flex:0 0 min(300px,85%);scroll-snap-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.ins .why{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ins-h{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--accent);font-weight:600}

.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:10px;overflow-x:auto;padding-bottom:8px;align-items:start}
.col{background:var(--surface-2);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:120px;outline:2px dashed transparent;outline-offset:-2px}
.col.over{outline-color:var(--accent)}
.col-h{display:flex;justify-content:space-between;font-size:13px;font-weight:600;padding:2px 4px;gap:6px}
.col-h span{color:var(--muted);font-weight:500}
.kc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:7px;cursor:pointer;text-align:start;width:100%;text-decoration:none}
.kc:hover{border-color:var(--accent)}
.kc[draggable="true"]{cursor:grab} .kc.dragging{opacity:.45}
.kc.stale{border-color:var(--warn)}
.kc-t{font-weight:600;font-size:14px}
.kc-m{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.kc-add{border:0;background:none;color:var(--accent);font-size:12.5px;cursor:pointer;padding:0}
.prio{width:8px;height:8px;border-radius:50%;display:inline-block}
.prio.high{background:var(--bad)} .prio.normal{background:var(--info)} .prio.low{background:var(--line)}
.opp-a{display:flex;gap:6px;flex-wrap:wrap}

.tbl-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}
th,td{text-align:start;padding:9px 12px;border-top:1px solid var(--line);vertical-align:middle}
th{border-top:0;font-size:12.5px;color:var(--muted);font-weight:600;background:var(--surface-2)}
td a{text-decoration:none;font-weight:600}
td select,td input{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:3px 6px;font-size:13px}
tr.subrow td{background:var(--bg);font-size:13.5px;padding-block:6px}
.mini{display:flex;align-items:center;gap:8px} .mini .bar{width:90px;flex:none}
.num{text-align:end}

.cal-wrap{overflow-x:auto}
.cal{display:grid;grid-template-columns:repeat(7,minmax(96px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-width:700px}
.cal .dn{background:var(--surface-2);font-size:12.5px;color:var(--muted);padding:6px 8px;font-weight:600}
.cal .day{background:var(--surface);min-height:96px;padding:6px;display:flex;flex-direction:column;gap:4px}
.cal .day.off{background:var(--bg)}
.cal .day.today{box-shadow:inset 0 0 0 2px var(--accent)}
.cal .dnum{font-size:12px;color:var(--muted)}
.cal .ev{border:0;text-align:start;background:var(--info-bg);color:var(--fg);border-radius:6px;padding:2px 6px;font-size:12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal .ev.late{background:var(--bad-bg)} .cal .ev.done{background:var(--none-bg);text-decoration:line-through;color:var(--muted)}

.steps{display:flex;gap:4px}
.steps i{flex:1;height:6px;border-radius:3px;background:var(--surface-2)}
.steps i.d{background:var(--accent)} .steps i.c{background:var(--accent);opacity:.45}
.stepper{display:flex;overflow-x:auto;padding-bottom:4px}
.st{flex:1 0 120px;display:flex;flex-direction:column;gap:6px;padding-inline-end:10px}
.st .ln{height:4px;border-radius:2px;background:var(--surface-2)}
.st.d .ln{background:var(--accent)} .st.c .ln{background:var(--accent);opacity:.5}
.st b{font-size:13.5px} .st small{font-size:12px;color:var(--muted)}
.st.c b{color:var(--accent)}
.gate{font-size:11.5px;border:1px solid var(--line);border-radius:99px;padding:0 7px;align-self:flex-start;color:var(--muted)}
.gate.ok{border-color:var(--good);color:var(--good)}
.tm{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap}
.tm:first-child{border-top:0}
.tm span.nm{flex:1;min-width:140px}
.tm select{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:3px 6px;font-size:13px}

.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:5px 12px;cursor:pointer;font-size:13.5px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.btn:hover{border-color:var(--accent)}
.btn.pri{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
.btn.sm{padding:2px 9px;font-size:12.5px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.ai{border-color:var(--accent);color:var(--accent)}
details.add{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r)}
details.add>summary{padding:10px 14px;cursor:pointer;color:var(--accent);font-weight:600;font-size:14px}
form.f{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:4px 14px 14px}
.f label,.fld{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);flex:1 1 180px;min-width:0}
.f input:not([type=checkbox]):not([type=radio]):not([type=file]),.f select,.f textarea,.fld input:not([type=checkbox]),.fld select,.fld textarea{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:7px 10px;color:var(--fg);width:100%}
.f textarea,.fld textarea{min-height:64px;resize:vertical}
.f fieldset{border:0;padding:0;margin:0;flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px}
.f fieldset legend{font-size:13px;color:var(--muted);padding:0;margin-bottom:4px;width:100%}
.f fieldset label{flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;color:var(--fg)}
.f .full{flex-basis:100%}
.two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:1000px){.two{grid-template-columns:minmax(0,1fr)}}

.scrim{position:fixed;inset:0;background:var(--scrim);z-index:60}
.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(600px,100%);background:var(--surface);z-index:61;display:flex;flex-direction:column;box-shadow:var(--shadow);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}
.dr-h{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.dr-h input{flex:1;min-width:0;border:1px solid transparent;background:transparent;font-size:1.1rem;font-weight:700;padding:4px 6px;border-radius:7px}
.dr-h input:hover,.dr-h input:focus{border-color:var(--line);background:var(--bg)}
.dr-h h2{flex:1}
.dr-b{overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px}
.props{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 12px;align-items:center;font-size:14px}
.props>span{color:var(--muted);font-size:13px}
.props select,.props input{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:5px 8px;width:100%}
.pick{display:flex;flex-wrap:wrap;gap:6px}
.pick button,.pick label{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:2px 10px 2px 4px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--fg)}
.pick button[aria-pressed="true"],.pick label:has(input:checked){border-color:var(--accent);background:var(--info-bg)}
.pick label input{position:absolute;opacity:0;pointer-events:none}
.pick .av{width:22px;height:22px;font-size:11px;border-width:0}
.subs{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px}
.subs li{display:flex;gap:8px;align-items:center;padding:7px 12px;border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap}
.subs li:first-child{border-top:0}
.subs li.done .st-t{text-decoration:line-through;color:var(--muted)}
.subs .st-t{flex:1 1 160px;min-width:0}
.subs input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}
.subs select,.subs input[type=date]{border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:2px 6px;font-size:12.5px}
.sub-add{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px dashed var(--accent);border-radius:10px}
.sub-add input[name=t]{flex:1 1 200px}
.sub-add input,.sub-add select{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:6px 9px;min-width:0}
.inline-add{display:flex;gap:8px}
.inline-add input{flex:1;min-width:0;border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:6px 10px}
.cmt{display:flex;gap:10px;font-size:14px}
.cmt .bub{background:var(--surface-2);border-radius:10px;padding:8px 12px;min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.cmt .bub small{color:var(--muted);font-size:12px}
.cmt img{max-width:100%;max-height:220px;border-radius:8px;align-self:flex-start}
.cmt audio{width:100%;max-width:320px;height:36px}
.mention{color:var(--accent);font-weight:600}
.cmt-box{position:relative;display:flex;flex-direction:column;gap:8px}
.cmt-box textarea{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:8px 12px;min-height:70px;resize:vertical}
.att{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:13px;cursor:pointer;background:var(--surface)}
.att:hover{border-color:var(--accent)}
.att input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.att:focus-within{outline:2px solid var(--accent)}
.pend{display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px}
.pend span{background:var(--info-bg);border-radius:99px;padding:1px 10px}
.ment{position:absolute;bottom:calc(100% + 4px);inset-inline-start:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);min-width:220px;z-index:5}
.ment button{display:flex;gap:8px;align-items:center;width:100%;border:0;background:transparent;padding:7px 12px;cursor:pointer;text-align:start;font-size:14px}
.ment button:hover,.ment button:focus{background:var(--surface-2)}
.act-log{font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.aibox{border:1px solid var(--accent);border-radius:10px;padding:12px 14px;font-size:14px;white-space:pre-wrap;background:var(--surface)}
.timeline{display:flex;flex-direction:column}
.tl{display:flex;gap:10px;padding:9px 14px;border-top:1px solid var(--line);font-size:14px}
.tl:first-child{border-top:0}
.tl .k{font-size:12px;border-radius:99px;padding:0 8px;height:20px;line-height:20px;flex:none;background:var(--surface-2);color:var(--muted)}
.qt{width:100%;border-collapse:collapse;min-width:0;font-size:13.5px}
.qt td,.qt th{padding:5px 6px}
.qt input,.qt select{width:100%;min-width:60px;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:3px 6px;font-size:13px}
.qsum{display:grid;grid-template-columns:auto auto;justify-content:end;gap:3px 18px;font-size:14px}
.qsum b{text-align:end}
.plan-i{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 14px;border-top:1px solid var(--line);font-size:14px}
.plan-i:first-child{border-top:0}
.plan-i select{border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:3px 6px;font-size:13px}
@media (max-width:560px){.plan-i{grid-template-columns:minmax(0,1fr)}}

.set-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:760px){.set-grid{grid-template-columns:minmax(0,1fr)}}
.set-nav{display:flex;flex-direction:column;gap:2px}
@media (max-width:760px){.set-nav{flex-direction:row;overflow-x:auto}.set-nav button,.set-nav span{white-space:nowrap}}
.set-nav button,.set-nav span{border:0;background:transparent;text-align:start;padding:7px 12px;border-radius:8px;font-size:14px;cursor:pointer;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
.set-nav button[aria-pressed="true"]{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:var(--shadow)}
.set-nav span{cursor:default;opacity:.6} .set-nav span em{font-style:normal;font-size:11px}
.setrow{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line)}
.setrow:first-child{border-top:0}
.setrow .lbl{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.setrow .lbl small{color:var(--muted);font-size:12.5px}
.setrow input:not([type=checkbox]),.setrow select{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:5px 9px;width:auto;min-width:0;max-width:220px}
.setrow input[type=number]{width:90px}
.sw{position:relative;display:inline-block;width:42px;height:24px;flex:none}
.sw input{opacity:0;width:0;height:0;position:absolute}
.sw i{position:absolute;inset:0;background:var(--line);border-radius:99px;cursor:pointer;transition:background .15s}
.sw i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:transform .15s}
.sw input:checked+i{background:var(--accent)}
.sw input:checked+i::after{transform:translateX(-18px)}
.sw input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.mx td,.mx th{text-align:center} .mx td:first-child,.mx th:first-child{text-align:start}
.mx input{accent-color:var(--accent);width:16px;height:16px}
.stg{display:grid;grid-template-columns:28px minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px 10px;align-items:start;padding:12px 14px;border-top:1px solid var(--line)}
.stg:first-child{border-top:0}
.stg .n{font-weight:700;color:var(--muted);padding-top:6px}
.stg input,.stg textarea,.stg select{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:6px 9px;width:100%;font-size:14px}
.stg textarea{min-height:58px;resize:vertical;font-size:13px}
.stg .ctl{display:flex;flex-direction:column;gap:6px}
.stg label.ck{display:flex;gap:6px;align-items:center;font-size:13px;white-space:nowrap}
@media (max-width:640px){.stg{grid-template-columns:24px minmax(0,1fr)}.stg>*:nth-child(n+3){grid-column:2}}

.modal-w{position:fixed;inset:0;z-index:62;display:grid;place-items:center;padding:16px}
.modal{position:relative;background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);width:min(540px,100%);max-height:85vh;overflow:auto;display:flex;flex-direction:column}
.qcb{border:0;background:none;cursor:pointer;color:var(--muted);font-size:12.5px;padding:0 2px}
.qcb:hover{color:var(--accent)}
.btn.rec{border-color:var(--bad);color:var(--bad)}
.doc{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:4px 10px;font-size:13px;text-decoration:none;align-self:flex-start;background:var(--surface)}
.gtl{position:relative;display:flex;height:34px;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.gtl span{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);border-inline-start:1px solid var(--line);background:var(--surface-2);overflow:hidden;white-space:nowrap;padding:0 4px;min-width:0}
.gtl span:first-child{border-inline-start:0}
.gtl span.now{background:var(--info-bg);color:var(--fg);font-weight:600}
.gtl i{position:absolute;top:0;bottom:0;width:2px;background:var(--bad)}
.brief{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px 14px;font-size:14px}
.brief>span{color:var(--muted);font-size:13px}
.edit-sec{display:flex;flex-direction:column;gap:12px}
.savebar{position:sticky;bottom:0;background:var(--bg);padding-block:12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap;z-index:5}
.swatches{display:flex;gap:8px;flex-wrap:wrap}
.preset{border:2px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:140px;text-align:start}
.preset[aria-pressed="true"]{border-color:var(--accent)}
.preset .dots{display:flex;gap:4px}.preset .dots i{width:18px;height:18px;border-radius:50%}
textarea.big{min-height:440px;font-size:14.5px;line-height:1.9;resize:vertical}
.bell-w{display:flex;gap:6px}
.comp{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--bg);display:flex;flex-direction:column;gap:6px}
.comp:focus-within{border-color:var(--accent)}
.comp textarea{border:0;background:transparent;min-height:52px;padding:10px 12px 0;resize:vertical;outline:none;width:100%}
.comp .pend{padding:0 12px}
.comp-bar{display:flex;align-items:center;gap:2px;padding:4px 6px;border-top:1px solid var(--line);flex-wrap:wrap}
.ib{min-width:36px;height:36px;border:0;background:transparent;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:17px;color:var(--muted);position:relative;padding:0 6px}
.ib:hover,.ib.on{background:var(--surface-2);color:var(--fg)}
.ib:focus-within{outline:2px solid var(--accent)}
.ib input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ib.mic{background:var(--accent);color:var(--on-accent);border-radius:50%;width:38px}
.ib.rec{background:var(--bad);color:var(--surface);font-size:13px;font-weight:700;padding:0 12px;border-radius:99px}
.comp-bar .send{margin-inline-start:auto}
.avw{position:relative;display:inline-flex}
.pd{position:absolute;bottom:-1px;inset-inline-start:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface)}
.pd-good{background:var(--good)}.pd-risk{background:var(--bad)}.pd-warn{background:var(--warn)}.pd-info{background:var(--info)}.pd-none{background:var(--line)}
.chat{display:grid;grid-template-columns:310px minmax(0,1fr);height:max(540px,calc(100vh - 230px));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.clist{display:flex;flex-direction:column;min-height:0;border-inline-end:1px solid var(--line)}
.clist-h{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}
.clist-h select,.clist-h input{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:5px 8px;font-size:13.5px;width:100%}
.clist-h label select{width:auto}
.clist-b{overflow-y:auto;flex:1}
.cgrp{font-size:12px;color:var(--muted);padding:10px 12px 4px}
.crow{display:flex;gap:10px;align-items:center;padding:9px 12px;border:0;background:none;width:100%;text-align:start;cursor:pointer}
.crow:hover{background:var(--surface-2)} .crow[aria-current]{background:var(--info-bg)}
.cr-b{flex:1;min-width:0;display:flex;flex-direction:column}
.cr-t{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.cr-t small{color:var(--muted);font-size:11.5px;white-space:nowrap}
.cr-s{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ucnt{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--accent);color:var(--on-accent);font-size:12px;display:grid;place-items:center}
.cico{width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:14px;flex:none}
.cthread{display:flex;flex-direction:column;min-width:0;min-height:0}
.chead{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.mstrip{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;background:var(--info-bg);font-size:13px}
.catch{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--warn-bg);font-size:13.5px}
.msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg);min-height:0}
.msg{display:flex;gap:8px;align-items:flex-end;max-width:min(85%,560px)}
.msg.me{align-self:flex-end}
.mb{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:7px 11px;display:flex;flex-direction:column;gap:5px;min-width:0;font-size:14.5px}
.msg.me .mb{background:var(--info-bg);border-color:transparent}
.mb img{max-width:100%;max-height:240px;border-radius:8px}
.mb audio{max-width:100%;height:36px}
.mh{font-size:12px;color:var(--muted);display:flex;gap:8px;justify-content:space-between}
.ma{display:none;gap:10px} .msg:hover .ma,.msg:focus-within .ma{display:flex}
.ma button{border:0;background:none;color:var(--accent);font-size:12px;cursor:pointer;padding:2px 0}
.dsep{align-self:center;font-size:12px;color:var(--muted);background:var(--surface-2);border-radius:99px;padding:1px 12px;margin-block:4px}
.msys{align-self:center;max-width:92%;font-size:13px;background:var(--surface);border:1px dashed var(--line);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;color:var(--muted)}
.msys b{color:var(--fg)}
.ecards{display:flex;flex-direction:column;gap:4px}
.ecard{display:flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:8px;padding:5px 9px;font-size:12.5px;background:var(--surface);text-align:start;cursor:pointer;width:100%;text-decoration:none;color:var(--fg)}
.ccomp{padding:10px;border-top:1px solid var(--line);background:var(--surface)}
.cpanel{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(420px,100%);background:var(--surface);z-index:55;box-shadow:var(--shadow);display:flex;flex-direction:column;border-inline-start:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.cpanel .clist,.cpanel .cthread{flex:1;min-height:0;border:0}
@media (max-width:760px){.chat{grid-template-columns:minmax(0,1fr);height:calc(100vh - 180px)}.chat.has-cur .clist{display:none}.chat:not(.has-cur) .cthread{display:none}}
@media (pointer:coarse){.ma{display:flex}.kc-add,.qcb{padding:6px 8px;min-height:32px}}
.ovl{position:fixed;inset:0;z-index:70;background:var(--scrim);display:grid;place-items:center;padding:16px;overflow:auto}
.callbox,.meetbox{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);width:min(620px,100%);padding:20px;display:flex;flex-direction:column;gap:14px;max-height:92vh;overflow:auto}
.callbox{background:var(--fg);color:var(--bg);text-align:center;align-items:center}
.callbox .btn{color:var(--fg)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;width:100%}
.tile{aspect-ratio:4/3;border-radius:12px;background:var(--surface-2);color:var(--fg);display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;max-width:100%;font-size:13px}
.tile .av{width:46px;height:46px;font-size:18px}
.pvw{position:fixed;inset:0;z-index:70;background:var(--scrim);display:flex;flex-direction:column}
.pv-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-block:calc(10px + env(safe-area-inset-top,0px)) 10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));background:var(--surface);border-bottom:1px solid var(--line)}
.pv-scroll{flex:1;overflow:auto;padding:24px 16px 48px}
.paper{width:794px;min-height:1123px;margin:0 auto;background:var(--paper);color:var(--ink);padding:56px 60px 40px;box-shadow:0 6px 30px rgb(0 0 0 / .3);font-size:13.5px;line-height:1.8;display:flex;flex-direction:column;gap:22px;font-family:var(--font)}
.pp-head{display:flex;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:3px solid var(--paper-acc)}
.pp-brand{display:flex;gap:12px;align-items:flex-start}
.pp-brand b{font-size:17px;display:block}.pp-brand small{font-size:11.5px;color:#5b6676;line-height:1.7;display:block}
.pp-mark{width:54px;height:54px;border-radius:12px;background:var(--paper-acc);color:var(--paper);display:grid;place-items:center;font-size:28px;font-weight:700;flex:none}
.pp-title{text-align:end;font-size:12.5px}.pp-title h2{font-size:24px;color:var(--paper-acc);margin:0}.pp-title b{display:block;font-size:15px;margin-bottom:6px}
.pp-title span{color:#5b6676}
.pp-to{background:var(--paper-soft);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.pp-to span{font-size:11.5px;color:#5b6676}.pp-to b{font-size:15px}
.pp-tbl{width:100%;border-collapse:collapse;min-width:0;font-size:13px}
.pp-tbl th{background:var(--paper-acc);color:var(--paper);font-weight:600;padding:8px 10px;border:0;text-align:start}
.pp-tbl td{padding:8px 10px;border-bottom:1px solid var(--paper-line);vertical-align:top}
.pp-tbl td small{color:#5b6676}
.pp-sum{align-self:flex-end;width:300px;display:flex;flex-direction:column;gap:4px}
.pp-sum div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.pp-sum .pp-tot{border-top:2px solid var(--paper-acc);padding-top:8px;font-size:15px;color:var(--paper-acc)}
.pp-note{font-size:12.5px;border-inline-start:3px solid var(--paper-line);padding-inline-start:12px}.pp-note p{margin:2px 0}
.pp-sign{display:flex;justify-content:space-between;gap:40px;margin-top:auto;padding-top:30px}
.pp-sign div{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12.5px}.pp-sign span{color:#5b6676}
.pp-sign i{display:block;border-bottom:1px solid var(--ink);height:38px}.pp-sign small{color:#5b6676}
.pp-foot{border-top:1px solid var(--paper-line);padding-top:10px;font-size:11px;color:#5b6676;text-align:center}
.pp-cover{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:30px 0 26px;border-bottom:3px solid var(--paper-acc)}
.pp-cover h1{font-size:28px;color:var(--paper-acc);margin:6px 0;line-height:1.4}.pp-cover small{color:#5b6676}
.pp-body h3{font-size:16px;color:var(--paper-acc);margin:18px 0 4px}.pp-body p{margin:0 0 6px;text-align:justify}
@media (max-width:640px){
  .top-row{gap:8px}.brand small{display:none}.who{font-size:0}.who select{font-size:13px;max-width:150px}
  .cos{order:5;width:100%}
  .demo .in{font-size:12px}
}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.2em}
.ib .ic{width:20px;height:20px}
.side .nl{display:flex;align-items:center;gap:10px;min-width:0}
.side .nl .ic{width:19px;height:19px;opacity:.85}
.side-tog{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:9px;cursor:pointer;font-size:13px;margin-top:8px}
.side-tog:hover{background:var(--surface-2)}
@media (min-width:901px){
 :root[data-collapse="1"] .shell{grid-template-columns:60px minmax(0,1fr)}
 :root[data-collapse="1"] .side .lbl,:root[data-collapse="1"] .side>span.soon{display:none}
 :root[data-collapse="1"] .side>a,:root[data-collapse="1"] .side-tog{justify-content:center;padding:10px 0;position:relative}
 :root[data-collapse="1"] .side .cnt{position:absolute;top:2px;inset-inline-start:2px;min-width:16px;font-size:10px;padding:0 4px}
}
@media (max-width:900px){.side-tog{display:none}}
.brand-btn{border:0;background:transparent;padding:0;cursor:pointer;display:inline-flex;border-radius:10px}
.logo{height:38px;max-width:150px;object-fit:contain;display:block}
.logo.white{filter:brightness(0) invert(1)}.logo.dark{filter:brightness(0)}
.logo-box{width:120px;height:44px;display:grid;place-items:center;background:var(--surface-2);border-radius:8px;overflow:hidden}
.logo-box img{max-width:110px;max-height:38px;object-fit:contain}
.pp-logo{height:56px;max-width:180px;object-fit:contain}
:root[data-ui^="brand"] header.top{background:var(--hdr,var(--accent));color:var(--on-hdr,var(--on-accent));border-bottom-color:transparent;transition:background .25s}
:root[data-ui^="brand"] body::before{background:var(--hdr,var(--accent))}
:root[data-ui^="brand"] header.top .brand small{color:inherit;opacity:.8}
:root[data-ui^="brand"] header.top .mark{background:color-mix(in srgb,var(--on-hdr,var(--on-accent)) 18%,transparent);color:inherit}
:root[data-ui^="brand"] header.top .cos{background:color-mix(in srgb,var(--on-hdr,var(--on-accent)) 14%,transparent)}
:root[data-ui^="brand"] header.top .cos button{color:inherit;opacity:.88}
:root[data-ui^="brand"] header.top .cos button[aria-pressed="true"]{background:var(--surface);color:var(--fg);opacity:1}
:root[data-ui^="brand"] header.top .bell,:root[data-ui^="brand"] header.top .who select{background:color-mix(in srgb,var(--on-hdr,var(--on-accent)) 12%,transparent);border-color:color-mix(in srgb,var(--on-hdr,var(--on-accent)) 30%,transparent);color:inherit}
:root[data-ui^="brand"] header.top .who{color:inherit}
:root[data-ui^="brand"] header.top .who select option{color:var(--fg);background:var(--surface)}
:root[data-ui="darkSide"] .side,:root[data-ui="brandAll"] .side{background:var(--side,color-mix(in srgb,var(--accent) 30%,#0b1311));border-radius:16px;padding:10px;box-shadow:var(--shadow)}
:root[data-ui="brandAll"] .side{background:var(--side,color-mix(in srgb,var(--accent) 62%,#0b1311))}
:root[data-ui="darkSide"] .side>a,:root[data-ui="brandAll"] .side>a,:root[data-ui="darkSide"] .side-tog,:root[data-ui="brandAll"] .side-tog,:root[data-ui="darkSide"] .side>span.soon,:root[data-ui="brandAll"] .side>span.soon{color:var(--on-side,#e3ebe8)}
:root[data-ui="darkSide"] .side>a:hover,:root[data-ui="brandAll"] .side>a:hover,:root[data-ui="darkSide"] .side-tog:hover,:root[data-ui="brandAll"] .side-tog:hover{background:rgb(255 255 255 / .08)}
:root[data-ui="darkSide"] .side>a[aria-current="page"],:root[data-ui="brandAll"] .side>a[aria-current="page"]{background:rgb(255 255 255 / .15);color:var(--on-side,#fff);box-shadow:inset -3px 0 0 var(--on-side,#fff)}
:root[data-ui="darkSide"] .side .cnt,:root[data-ui="brandAll"] .side .cnt{background:#b3261e;color:#fff}
:root[data-ui="glass"] header.top{background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
:root[data-ui="glass"] body{background:var(--bg) radial-gradient(1100px 560px at 100% -10%,color-mix(in srgb,var(--accent) 16%,var(--bg)),var(--bg) 62%) fixed}
:root[data-ui="glass"] .side{background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
@media (max-width:900px){:root[data-ui="darkSide"] .side,:root[data-ui="brandAll"] .side,:root[data-ui="glass"] .side{border-radius:12px;padding:6px}}
.mini{display:grid;grid-template-columns:22px 1fr;grid-template-rows:12px 1fr;width:128px;height:68px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--bg)}
.mini i{display:block}.mini .mh{grid-column:1/-1;background:var(--surface);border-bottom:1px solid var(--line)}.mini .ms{background:var(--surface-2);margin:4px 0 4px 4px;border-radius:4px}.mini .mc{margin:4px;border-radius:4px;background:var(--surface)}
.mini-brandHeader .mh,.mini-brandAll .mh{background:var(--accent);border:0}
.mini-darkSide .ms{background:color-mix(in srgb,var(--accent) 30%,#0b1311)}.mini-brandAll .ms{background:color-mix(in srgb,var(--accent) 62%,#0b1311)}
.mini-glass{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 30%,var(--bg)),var(--bg))}.mini-glass .mh{background:color-mix(in srgb,var(--surface) 60%,transparent)}.mini-glass .ms{background:var(--surface);border:1px solid var(--line)}
.ovr{display:inline-block;font-size:11px;font-weight:600;color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent);border-radius:999px;padding:0 7px;line-height:18px;vertical-align:middle}
label.chk{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:13px;background:var(--surface);cursor:pointer}
label.chk:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
tr.sel td{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.pcard{display:block;text-decoration:none;color:inherit;padding:14px}.pcard:hover{border-color:var(--accent)}
.bar{height:6px;border-radius:99px;background:var(--surface-2);margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:inherit}
.lthumb{width:34px;height:34px;object-fit:cover;border-radius:6px;vertical-align:middle;margin-inline-end:4px}
.lico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--surface-2);color:var(--accent);vertical-align:middle;margin-inline-end:4px;flex:none}
.ask{padding:12px}.ask input{border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:var(--surface);color:var(--fg);font:inherit}
.ans{margin-top:10px;padding:12px;border-radius:10px;background:var(--surface-2);display:grid;gap:8px;justify-items:start}
.linkish{border:0;background:none;color:var(--accent);cursor:pointer;padding:0;font:inherit;text-decoration:underline}
.reltags{display:inline-flex;gap:4px;margin-inline-start:6px;vertical-align:middle}.reltags .tag{font-size:11px;padding:0 6px}
:root[data-ext] #cos{display:none}
:root[data-ext] [data-act="chat-new"],:root[data-ext] [data-act="meet-new"]{display:none}
.ev.L-meet{background:color-mix(in srgb,#7a5af5 14%,var(--surface));color:color-mix(in srgb,#7a5af5 70%,var(--fg))}
.ev.L-book{background:color-mix(in srgb,var(--co-makan) 16%,var(--surface));color:color-mix(in srgb,var(--co-makan) 75%,var(--fg))}
.ev.L-book.tent{background:transparent;border:1px dashed var(--co-makan)}
.ev.L-leave{background:color-mix(in srgb,#b7791f 14%,var(--surface));color:color-mix(in srgb,#b7791f 75%,var(--fg));font-size:11.5px;border-radius:5px;padding:2px 6px;display:block}
.ev.L-fin{background:color-mix(in srgb,var(--bad) 10%,var(--surface));color:color-mix(in srgb,var(--bad) 75%,var(--fg))}
.ev.more{background:transparent;color:var(--muted)}
.chip .lg{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-inline-end:2px}
.chip.L-meet .lg{background:#7a5af5}.chip.L-book .lg{background:var(--co-makan)}.chip.L-leave .lg{background:#b7791f}.chip.L-fin .lg{background:var(--bad)}
.lico.L-meet{color:#7a5af5}.lico.L-book{color:var(--co-makan)}.lico.L-leave{color:#b7791f}.lico.L-fin{color:var(--bad)}
.cal .day.wk{min-height:220px}
.bk.sel{box-shadow:0 0 0 2px var(--co-makan)}
.bk-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--muted)}.bk-meta span{display:inline-flex;gap:4px;align-items:center}
table.studio{min-width:760px;table-layout:fixed}table.studio th,table.studio td{border:1px solid var(--line);padding:4px;vertical-align:top;height:40px}
table.studio thead th{font-size:12.5px;text-align:center}table.studio thead th.today{box-shadow:inset 0 -3px 0 var(--accent)}
table.studio tbody th{width:56px;color:var(--muted);font-weight:500}
table.studio td.closed{background:repeating-linear-gradient(135deg,var(--surface-2) 0 6px,transparent 6px 12px)}
table.studio td.blk{background:color-mix(in srgb,var(--co-makan) 16%,var(--surface));border-inline-start:3px solid var(--co-makan);font-size:12.5px}
table.studio td.blk.st-new,table.studio td.blk.st-proposed{background:var(--surface);border:1px dashed var(--co-makan)}
table.studio td.blk.st-done{opacity:.6}
.slotbtn{width:100%;height:100%;min-height:30px;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:5px;font-size:13px}
.slotbtn:hover,.slotbtn:focus-visible{background:color-mix(in srgb,var(--co-makan) 10%,transparent);color:var(--co-makan)}
.bkpage{max-width:620px;padding:0;overflow:hidden;margin-inline:auto;width:100%}
.bkp-h{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--co-makan) 8%,var(--surface))}
.bkp-h .mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-weight:700}.bkp-h div{display:grid}
.slots{display:flex;flex-wrap:wrap;gap:6px}.slots button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 12px;cursor:pointer;font:inherit;color:var(--fg)}
.slots button small{display:block;font-size:10.5px;opacity:.8}
.slots button[aria-pressed="true"]{background:var(--co-makan);border-color:var(--co-makan);color:#fff}
.bk-sum{background:var(--surface-2);border-radius:10px;padding:10px 12px}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.kpi{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);display:grid;gap:2px}.kpi span{font-size:12px;color:var(--muted)}.kpi b{font-size:1.15rem}
.kpi.ok b{color:var(--good)}.kpi.watch b{color:var(--warn)}.kpi.bad b{color:var(--bad)}
.otree,.otree ul{list-style:none;margin:0;padding-inline-start:22px;position:relative}.otree{padding:0}
.otree ul{border-inline-start:1px dashed var(--line);margin-inline-start:12px}.otree li{margin:6px 0}
.onode{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:5px 10px}
.ack{max-width:600px;width:100%;padding:20px;display:grid;gap:12px}.ack-t{background:var(--surface-2);border-radius:10px;padding:12px;line-height:1.9}
tr.tot td{font-weight:700;background:var(--surface-2)}
.hrmine .two{align-items:start}
table.fin td,table.fin th{white-space:nowrap}table.fin tr.grp td{background:var(--surface-2);font-weight:600;font-size:13px;color:var(--muted)}
table.fin tr.net td{border-top:2px solid var(--fg)}
.fcast{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}.fc-m{display:grid;justify-items:center;gap:4px}
.fc-bars{display:flex;gap:6px;align-items:flex-end;height:110px}.fc-bars i{display:block;width:26px;border-radius:5px 5px 0 0;min-height:2px}.fc-bars .in{background:var(--good)}.fc-bars .out{background:var(--bad);opacity:.75}
button.stat{font:inherit;color:inherit;border:1px solid var(--line)}
.fc-list{display:grid;gap:8px;margin-top:10px}.fc-list>div{border-top:1px solid var(--line);padding-top:6px}
header.top .pop,header.top .pop .btn,header.top .pop button,header.top .pop a,.gconsent{color:var(--fg)}
.acct-btn{border:0;background:transparent;padding:0;cursor:pointer;border-radius:50%;display:inline-flex}.acct-btn .av{width:34px;height:34px;font-size:15px}
.acct-pop{width:min(260px,calc(100vw - 32px))}.acct-pop .pop-h{display:flex;gap:10px;align-items:center;justify-content:flex-start}.acct-pop .ntf{display:flex;gap:8px;align-items:center;text-decoration:none}
.av.ph{padding:0;overflow:hidden;background:none}.av.ph img{width:100%;height:100%;object-fit:cover;display:block}
.acc-photo{display:grid;justify-items:center;gap:10px;padding:18px;text-align:center}.big-av{width:128px;height:128px;border-radius:50%;overflow:hidden}.big-av img{width:100%;height:100%;object-fit:cover}.big-av span{display:grid;place-items:center;width:100%;height:100%;font-size:48px;font-weight:700;background:hsl(var(--h) 45% 88%);color:hsl(var(--h) 45% 28%)}
.g-logo{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);font-weight:700;color:var(--accent);background:var(--surface)}
.gconsent{max-width:460px;width:100%;padding:20px;display:grid;gap:10px}
.ev.L-gcal{background:color-mix(in srgb,var(--fg) 7%,var(--surface));color:var(--fg);border:1px dashed var(--line)}.chip.L-gcal .lg{background:var(--muted)}
header.top .pop{text-align:start}
.pf-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}
.pf-list{display:grid;gap:4px;position:sticky;top:84px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:6px}
.pf-list button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px;border-radius:9px;cursor:pointer;color:var(--fg);font:inherit;text-align:start}
.pf-list button span:nth-child(2){flex:1;display:grid}.pf-list button[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.pf-list button:hover{background:var(--surface-2)}
.pf-panel{display:grid;gap:14px;min-width:0}.pf-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pf-head .av{width:52px;height:52px;font-size:22px}.pf-head>div:nth-child(2){flex:1}
.pf-sum{display:flex;gap:12px;padding:14px;align-items:flex-start}.pf-sum p{margin:0 0 6px;line-height:1.8}
.pf-dist{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.kpi small{font-size:11px}.good-t{color:var(--good)}.bad-t{color:var(--bad)}
.att-strip{display:flex;flex-wrap:wrap;gap:3px;margin:8px 0 4px}.att-strip i,.lg-i i{display:inline-block;width:14px;height:14px;border-radius:3px}
.lg-i{display:inline-flex;align-items:center;gap:4px;margin-inline-end:12px}
.as-ok{background:var(--good)}.as-late{background:var(--warn)}.as-remote{background:color-mix(in srgb,var(--accent) 55%,var(--surface))}.as-leave{background:var(--line)}.as-absent{background:var(--bad)}
@media (max-width:900px){.pf-grid{grid-template-columns:1fr}.pf-list{position:static;display:flex;overflow-x:auto}.pf-list button{flex:none}.pf-list button span:nth-child(2) small{display:none}}
.emp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.emp-card{display:flex;gap:12px;padding:14px;text-decoration:none;color:inherit;align-items:flex-start}.emp-card:hover{border-color:var(--accent)}
.big-av.xs{width:52px;height:52px;flex:none}.big-av.xs span{font-size:22px}.big-av.sm{width:88px;height:88px;flex:none}.big-av.sm span{font-size:34px}
.emp-head{display:flex;gap:16px;align-items:center;padding:16px;flex-wrap:wrap}.emp-head .eh-main{flex:1;min-width:200px}.emp-head h1{margin:0}
.onode.pos{gap:10px;padding:8px 10px}.onode.pos>div{display:grid}.onode.vacant{border-style:dashed;opacity:.85}
.pos-acts{display:inline-flex;gap:4px;margin-inline-start:8px}.pos-acts .btn{padding:2px 6px}.pos-form{margin:8px 0;padding:12px;max-width:640px}
.paper td{color:var(--ink)}
:root[data-theme="dark"][data-ui="brandAll"] .side{background:var(--side,color-mix(in srgb,var(--accent) 34%,#0b1311))}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"])[data-ui="brandAll"] .side{background:var(--side,color-mix(in srgb,var(--accent) 34%,#0b1311))}}
#mnav,#mfab,#msheet,#mco{display:none}
@media (max-width:760px){
 .demo,.who,#cos,.side,.side-tog,#bellw [data-act="panel"],.brand>div{display:none!important}
 header.top .top-row{display:flex;align-items:center;gap:8px;padding-block:8px}
 header.top .brand{flex:none}header.top .brand .mark,header.top .logo{width:38px;height:38px}header.top .logo{max-width:90px;width:auto}
 #mco{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);border-radius:99px;padding:6px 12px;font:inherit;font-size:14px;font-weight:600;margin-inline-end:auto}
 #mco[hidden]{display:none}#mco i{width:9px;height:9px;border-radius:50%;background:var(--c,var(--accent));display:inline-block}#mco .ic{width:14px;height:14px;transform:rotate(-90deg)}
 :root[data-ui^="brand"] #mco{background:color-mix(in srgb,var(--on-hdr,var(--on-accent)) 15%,transparent);color:var(--on-hdr,var(--on-accent));border-color:transparent}
 .bell-w{margin-inline-start:auto}
 .shell{padding-block:10px 150px}
 #mnav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;inset-inline:0;bottom:0;z-index:55;background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px rgb(0 0 0 / .06)}
 #mnav a,#mnav button{display:grid;justify-items:center;gap:2px;color:var(--muted);text-decoration:none;font:inherit;font-size:11.5px;border:0;background:none;padding:4px 0;position:relative;cursor:pointer}
 #mnav .ic{width:24px;height:24px}#mnav [aria-current="page"]{color:var(--accent);font-weight:700}
 #mnav b{position:absolute;top:0;inset-inline-start:calc(50% + 6px);min-width:18px;height:18px;border-radius:99px;background:#b3261e;color:#fff;font-size:10.5px;display:grid;place-items:center;padding:0 4px}
 #mfab{display:grid;place-items:center;position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));inset-inline-end:16px;z-index:56;width:56px;height:56px;border-radius:18px;border:0;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);cursor:pointer}
 #mfab[hidden]{display:none}#mfab .ic{width:26px;height:26px}
 #msheet{display:block}.ms-back{position:fixed;inset:0;background:var(--scrim);z-index:70}
 .ms-panel{position:fixed;inset-inline:0;bottom:0;z-index:71;background:var(--surface);color:var(--fg);border-radius:20px 20px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));max-height:82vh;overflow:auto;box-shadow:var(--shadow)}
 .ms-panel::before{content:'';display:block;width:42px;height:5px;border-radius:9px;background:var(--line);margin:0 auto 12px}
 .ms-user{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.ms-user>div{flex:1}
 .ms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0}
 .ms-grid a{display:grid;justify-items:center;gap:6px;padding:12px 4px;border-radius:14px;background:var(--surface-2);color:var(--fg);text-decoration:none;font-size:12.5px;text-align:center}
 .ms-grid .ic{width:24px;height:24px;color:var(--accent)}.ms-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}
 .drawer{width:100%}
 #toast{bottom:calc(90px + env(safe-area-inset-bottom))}
 .head h1{font-size:1.45rem}
 .tbl-wrap{margin-inline:-4px}
}
.today .t-hello h1{margin:0}.t-att{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;flex-wrap:wrap}.t-att-b{display:flex;gap:8px}
.btn.big{padding:12px 18px;font-size:15px;border-radius:12px}
.t-row{display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;color:inherit}.t-row>div{flex:1}
.t-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;text-align:start;cursor:pointer}
.t-item:last-child{border-bottom:0}.t-item>span:nth-of-type(2),.t-item>span:last-child:not(.lico){flex:1;display:grid}.t-item small{font-size:12px}
.t-time{font-weight:700;color:var(--accent);min-width:46px}
.t-quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.t-quick button{display:grid;justify-items:center;gap:6px;padding:14px 6px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--fg);font:inherit;font-size:13px;cursor:pointer}
.t-soon summary{cursor:pointer;padding:8px 2px;color:var(--muted)}
#phonew .ph-back{position:fixed;inset:0;background:var(--scrim);z-index:90}
#phonew .ph-wrap{position:fixed;inset:0;z-index:91;display:grid;place-items:center;pointer-events:none;align-content:center;gap:10px;padding:12px}
#phonew .ph-bar{pointer-events:auto;display:flex;gap:12px;align-items:center;background:var(--surface);color:var(--fg);padding:8px 14px;border-radius:99px;box-shadow:var(--shadow)}
#phonew .phone{pointer-events:auto;width:410px;height:min(844px,calc(100vh - 90px));background:#111;border-radius:48px;padding:40px 10px 14px;box-shadow:0 20px 60px rgb(0 0 0 / .45);position:relative}
#phonew .ph-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:110px;height:26px;background:#111;border-radius:99px;z-index:2}
#phonew iframe{width:100%;height:100%;border:0;border-radius:6px 6px 34px 34px;background:var(--bg)}
#toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom,0px));inset-inline:0;margin:0 auto;width:max-content;max-width:calc(100% - 32px);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;z-index:80;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none}
#toast.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== mobile v2 ===== */
#msheet:not(:empty){display:block}
@media (min-width:761px){.ms-back{position:fixed;inset:0;background:var(--scrim);z-index:70}.ms-panel{position:fixed;z-index:71;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,92vw);max-height:86vh;overflow:auto;background:var(--surface);color:var(--fg);border-radius:18px;padding:18px;box-shadow:var(--shadow)}}
.ms-panel h3{margin:0 0 10px;font-size:1.05rem}
.btn.xl{padding:14px 18px;font-size:16px;border-radius:14px;justify-content:center;min-height:52px;display:inline-flex;align-items:center;gap:8px;font-weight:700}
.btn.xl .ic{width:20px;height:20px}.btn.wide{width:100%}.btn.soft{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--fg);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.btn.ghost{background:transparent;border-color:transparent}.btn.armed{color:#b3261e}
.iconbtn{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;border:0;background:transparent;color:var(--fg);cursor:pointer}
.iconbtn .ic{width:22px;height:22px}.iconbtn.send{background:var(--accent);color:var(--on-accent)}
.linkish{background:none;border:0;color:var(--accent);font:inherit;cursor:pointer;padding:6px 2px;text-decoration:underline;text-underline-offset:3px}
.m-h{display:flex;align-items:center;justify-content:space-between;gap:8px}.m-h h1{margin:0;font-size:1.45rem}
.m-gh{font-size:13px;font-weight:700;color:var(--muted);margin:14px 2px 6px;display:flex;align-items:center;gap:6px}.m-gh span{background:var(--surface-2);border-radius:99px;padding:0 8px;font-size:12px;color:var(--fg)}
.m-gh.late{color:#b3261e}.m-hint{font-size:12px;color:var(--muted);text-align:center;margin:10px 0 0}
.m-empty{display:grid;justify-items:center;gap:6px;padding:40px 10px;color:var(--muted)}.m-empty .ic{width:34px;height:34px;color:var(--good)}
.seg{display:flex;background:var(--surface-2);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:transparent;color:var(--fg);font:inherit;padding:9px 6px;border-radius:9px;cursor:pointer;font-size:14px}
.seg button[aria-selected="true"]{background:var(--surface);box-shadow:0 1px 3px rgb(0 0 0 / .12);font-weight:700}
.m-banner{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--fg);font:inherit;font-weight:600;cursor:pointer}.m-banner .ic:last-child{margin-inline-start:auto}
/* swipe rows */
.mt-list,.ap-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.swp{position:relative;border-radius:14px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.sw-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:700;color:#fff;background:#1f6b2a}
.swp[data-dir="r"] .sw-bg{background:#8a5a00}.swp .sw-bg span{display:inline-flex;align-items:center;gap:6px}.swp.arm .sw-bg span{text-decoration:underline}
.swp .sb-r{position:absolute;right:18px}.swp .sb-l{position:absolute;left:18px}.swp[data-dir="r"] .sb-r,.swp:not([data-dir="r"]) .sb-l{visibility:hidden}
.sw-in{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:transform .18s ease}.swp.swiping .sw-in{transition:none}
.mt-card .sw-in{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:60px}
.mt-chk{width:28px;height:28px;flex:none;border-radius:50%;border:2px solid var(--muted);background:transparent;display:grid;place-items:center;cursor:pointer;color:#fff;padding:0}
.mt-card.done .mt-chk{background:var(--good);border-color:var(--good)}.mt-chk .ic{width:16px;height:16px}
.mt-main{flex:1;min-width:0;display:grid;gap:2px;text-align:start;background:none;border:0;color:var(--fg);font:inherit;cursor:pointer;padding:4px 0}
.mt-main b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-main small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-card.done .mt-main b{text-decoration:line-through;color:var(--muted)}
.mt-due{flex:none;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:99px;padding:3px 9px}.mt-due.late{color:#b3261e;background:color-mix(in srgb,#b3261e 10%,var(--surface))}
.m-done summary{cursor:pointer;color:var(--muted);padding:10px 2px;font-size:13px}
/* full screens */
#mscr:empty{display:none}
.scr{position:fixed;inset:0;z-index:65;background:var(--bg);color:var(--fg);display:flex;flex-direction:column}
@media (min-width:761px){.scr{inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,94vw);height:min(860px,92vh);border-radius:20px;box-shadow:0 20px 60px rgb(0 0 0 / .35);overflow:hidden}#mscr:not(:empty)::before{content:'';position:fixed;inset:0;background:var(--scrim);z-index:64}}
.scr-h{display:flex;align-items:center;gap:8px;padding:10px 10px calc(10px);border-bottom:1px solid var(--line);background:var(--surface);padding-top:calc(10px + env(safe-area-inset-top))}
.scr-h .scr-ctx{flex:1;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scr-h>span:last-child:empty{width:70px}
.scr-b{flex:1;overflow:auto;padding:16px;display:grid;gap:14px;align-content:start}.scr-b.center{align-content:center;justify-items:center;text-align:center}
.scr-foot{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.scr-foot .btn{flex:1}
.scr-comp,.mth-comp{border-top:1px solid var(--line);background:var(--surface);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
.comp-row{display:flex;align-items:flex-end;gap:6px}.comp-row textarea{flex:1;min-height:42px;max-height:120px;resize:none;border:1px solid var(--line);border-radius:21px;padding:10px 14px;font:inherit;background:var(--bg);color:var(--fg)}
.comp-row label.iconbtn{cursor:pointer}
.pv{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 4px 8px;font-size:13px}.pv img{max-height:90px;border-radius:10px}.pv audio{height:36px;max-width:100%}.pv small{flex-basis:100%;color:var(--muted)}
.recdot{color:#b3261e;font-weight:700}
.hold{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:var(--surface-2);color:var(--fg);cursor:pointer;flex:none;touch-action:none;-webkit-user-select:none;user-select:none}
.hold .ic{width:22px;height:22px}.hold.on{background:#b3261e;color:#fff;animation:pulse 1.2s infinite}
.hold:has(span){width:auto;border-radius:99px;padding:0 14px;display:inline-flex;gap:6px;height:42px}
.hold.xxl{width:132px;height:132px;border-radius:50%;display:grid;gap:4px;background:var(--accent);color:var(--on-accent);padding:12px}.hold.xxl .ic{width:44px;height:44px}.hold.xxl span{font-size:12.5px;font-weight:600;line-height:1.3}
.hold.xxl.on{background:#b3261e;color:#fff}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(179 38 30 / .45)}70%{box-shadow:0 0 0 16px rgb(179 38 30 / 0)}100%{box-shadow:0 0 0 0 rgb(179 38 30 / 0)}}
@media (prefers-reduced-motion:reduce){.hold.on,.dv-rec.on{animation:none}}
.bigrec{display:grid;justify-items:center;gap:8px;padding:8px 0;text-align:center}
.fld{display:grid;gap:6px;font-size:13px;color:var(--muted)}.fld input,.fld select,.fld textarea{font:inherit;font-size:16px;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 12px;width:100%;box-sizing:border-box}
.fld.lowc input,.fld.lowc select{border-color:#c77700;background:color-mix(in srgb,#f5a623 12%,var(--surface))}.fld em{font-style:normal;color:#8a4b00;font-weight:700;font-size:12px}
/* task screen */
.mt-title{font:inherit;font-size:1.3rem;font-weight:700;border:0;background:transparent;color:var(--fg);resize:none;width:100%;padding:0;line-height:1.5;overflow:hidden}
.mt-title:focus{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:8px}
.mt-meta{display:flex;flex-wrap:wrap;gap:8px}.chipin{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:5px 10px;background:var(--surface);color:var(--fg);text-decoration:none;font-size:13.5px}
.chipin input{border:0;background:transparent;font:inherit;color:var(--fg)}
.mt-main-acts{display:flex;gap:10px}.mt-main-acts .btn{flex:1}
.mt-wait{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:14px;background:var(--surface-2);font-weight:600}.mt-wait.ok{color:var(--good)}
.mt-subs{list-style:none;margin:0;padding:0;display:grid;gap:4px}.mt-subs label{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.mt-subs input{width:20px;height:20px}
.mt-feed{display:grid;gap:10px}.mtf{display:flex;gap:8px;align-items:flex-start}.mtf>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 12px;max-width:85%;display:grid;gap:4px}
.mtf.me{flex-direction:row-reverse}.mtf.me>div{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.mtf p{margin:0}.mtf small{color:var(--muted);font-size:12px}.mtf img{max-width:100%;border-radius:10px}.mtf audio{max-width:100%;height:36px}
/* suggestions */
.sugg{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px;background:var(--surface);opacity:.7}.sugg.on{opacity:1;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.sg-h{display:flex;align-items:center;gap:8px;font-weight:700}.sg-h input{width:20px;height:20px}
.sugg textarea,.sugg input:not([type=checkbox]),.sugg select{font:inherit;font-size:15px;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:var(--bg);color:var(--fg);width:100%;box-sizing:border-box}
.spin{width:38px;height:38px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin 1s linear infinite}.spin.big{width:70px;height:70px;border-width:6px}@keyframes spin{to{transform:rotate(360deg)}}
/* approvals */
.ap-card .sw-in{padding:12px;display:grid;gap:10px}.ap-top{display:flex;gap:10px;align-items:flex-start}.ap-tx{flex:1;display:grid;gap:2px;min-width:0}.ap-tx small{color:var(--muted);font-size:12.5px}.ap-tx b{font-weight:600}
.ap-amt{font-weight:800;white-space:nowrap}.ap-img{max-height:120px;border-radius:10px;object-fit:cover;width:100%}
.ap-acts{display:flex;gap:8px}.ap-acts .btn{flex:1;justify-content:center;min-height:44px}
/* today */
.m-hello h1{margin:0;font-size:1.4rem}.m-today{gap:12px}
.m-att{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-weight:600}
.m-att>span:first-child{display:inline-flex;gap:6px;align-items:center}
.o-cards{display:grid;gap:10px}.o-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px}
.o-h{display:flex;align-items:center;gap:8px}.o-h b{flex:1}.o-h .ic{color:var(--accent)}.o-n{min-width:28px;height:28px;border-radius:99px;display:grid;place-items:center;background:var(--surface-2);font-weight:800}.o-n.bad{background:#b3261e;color:#fff}
.o-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.o-list li{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:14px}.o-list li>span{flex:1}
.o-list .dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}
.o-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.o-kpis>div{display:grid;gap:2px;background:var(--surface-2);border-radius:12px;padding:10px}.o-kpis small{color:var(--muted);font-size:11.5px}.o-kpis b{font-size:15px}.o-kpis .bad b{color:#b3261e}
.o-more{font-size:13px;color:var(--accent);justify-self:start;display:inline-block;margin-top:6px}
.nx{background:var(--accent);color:var(--on-accent);border-radius:18px;padding:16px;display:grid;gap:4px}.nx h2{margin:0;font-size:1.3rem;color:inherit}.nx p{margin:0}
.nx-h{display:flex;justify-content:space-between;font-weight:700;opacity:.9}.nx-h b{font-size:1.2rem}
.nx-acts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.nx-acts .btn{flex:1;justify-content:center;background:color-mix(in srgb,var(--on-accent) 16%,transparent);color:var(--on-accent);border-color:transparent;min-height:44px}
.nx.empty{background:var(--surface);color:var(--fg);border:1px solid var(--line)}
.big2{display:flex;gap:10px}.big2 .btn{flex:1}
.m-list{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.m-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--fg);font:inherit;text-align:start;text-decoration:none;cursor:pointer}
.m-row:last-child{border-bottom:0}.m-row>span:not(.t-time):not(.lico){flex:1;display:grid;min-width:0}.m-row small{color:var(--muted);font-size:12.5px}.m-row.card{border:1px solid var(--line);border-radius:14px}
.pulse{display:grid;gap:8px}.pl-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit}
.pl-m{flex:1;display:grid;min-width:0}.pl-m small{color:var(--muted);font-size:12px}.pl-k{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pl-k em{font-style:normal;font-size:12px;background:var(--surface-2);border-radius:99px;padding:1px 8px}.pl-k em.bad{background:#b3261e;color:#fff}
.rn-row{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:12px 14px;border-bottom:1px solid var(--line);align-items:center}.rn-row:last-child{border-bottom:0}
.rn-m{display:grid;min-width:0}.rn-m small{color:var(--muted);font-size:12.5px}.rn-m .bad,.bad{color:#b3261e}.rn-amt{font-weight:800}.rn-acts{grid-column:1/-1;display:flex;gap:8px}.rn-acts .btn:first-child{flex:1;justify-content:center}
.cur{background:var(--surface);border:2px solid color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:18px;padding:16px;display:grid;gap:6px}.cur small{color:var(--muted);font-weight:600}.cur h2{margin:0;font-size:1.3rem;cursor:pointer}.cur p{margin:0;color:var(--muted)}
.cur label.btn{cursor:pointer}
/* chats */
.mchat{display:grid;gap:10px}.m-search{font:inherit;font-size:16px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg)}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips button{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:99px;padding:6px 14px;font:inherit;font-size:13.5px;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.mc-list{display:grid;margin-inline:-4px}.mc-row{display:flex;align-items:center;gap:12px;padding:10px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;text-align:start;cursor:pointer;width:100%}
.mc-row .av,.mc-row .cico,.mc-row .avp{flex:none}.mc-row .av{width:46px;height:46px}.mc-row .cico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center}
.mc-m{flex:1;min-width:0;display:grid;gap:3px}.mc-t,.mc-p{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}
.mc-t b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-t small{flex:none;color:var(--muted);font-size:12px}
.mc-p small{color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-p i{flex:none;font-style:normal;background:#1b7f3b;color:#fff;border-radius:99px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:700;padding:0 6px}
.mc-row.un .mc-t b{font-weight:800}.mc-row.un .mc-t small{color:var(--good);font-weight:700}.mc-row.un .mc-p small{color:var(--fg)}
.mth{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:var(--bg)}
.mth-h{display:flex;align-items:center;gap:6px;padding:8px 6px;padding-top:calc(8px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--surface)}
.mth-h .av,.mth-h .cico{width:38px;height:38px;flex:none}.mth-h .cico{border-radius:50%;display:grid;place-items:center}.mth-n{flex:1;display:grid;min-width:0}.mth-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mth-n small{color:var(--muted);font-size:12px}
.mth-catch{text-align:center;font-size:13px;color:var(--muted);padding:6px;background:var(--surface-2)}.mth-ai{font-size:13.5px;white-space:pre-wrap;padding:10px 14px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-bottom:1px solid var(--line)}
.mth-b{flex:1;overflow:auto;padding:10px 10px 14px;display:flex;flex-direction:column;gap:3px;max-height:none!important;height:auto!important}
.mm{display:flex;flex-direction:column;align-items:flex-start;max-width:84%}.mm.me{align-self:flex-end;align-items:flex-end}.mm:not(.me){align-self:flex-start}
.mm-n{font-size:12px;color:var(--accent);margin:6px 8px 1px}.mm-b{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:7px 11px 4px;display:grid;gap:3px;max-width:100%;overflow-wrap:anywhere}
.mm.me .mm-b{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:transparent}.mm-b img{max-width:100%;border-radius:10px}.mm-b audio{max-width:220px;height:36px}.mm-t{font-size:11px;color:var(--muted);justify-self:end}
.mth .msys{align-self:center;font-size:12px;color:var(--muted);background:var(--surface-2);border-radius:99px;padding:4px 12px;margin:6px 0;text-align:center}
.mth .dsep{align-self:center;font-size:12px;color:var(--muted);margin:8px 0}
html.m-thread #mnav,html.m-thread #mfab,html.m-scr #mnav,html.m-scr #mfab{display:none!important}
/* portal */
.pp-card{display:flex;gap:14px;align-items:center;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-decoration:none;color:inherit}.pp-card>div:last-child{display:grid;gap:3px}.pp-card small{color:var(--muted)}
.ring{--p:0;width:74px;height:74px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--surface-2) 0)}
.ring b{width:58px;height:58px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:15px}
.req-card{background:var(--surface);border:1px solid color-mix(in srgb,#c77700 45%,var(--line));border-radius:16px;padding:14px;display:grid;gap:8px}.req-card p{margin:0;font-size:14px}
.upd{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.upd p{margin:0 0 4px}
.rej{display:grid;gap:10px}.rej textarea,.rej select{font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg);color:var(--fg);width:100%;box-sizing:border-box}
.fab-list{display:grid;gap:6px}.fab-list button{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--fg);font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:start}
/* drive mode */
.scr.drive{background:#0d1214;color:#f2f5f4}.drive .dv-top{display:flex;align-items:center;gap:12px;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));font-weight:700;font-size:18px}
.dv-x{width:56px;height:56px;border-radius:50%;border:0;background:#26302f;color:#fff;display:grid;place-items:center;cursor:pointer}.dv-x .ic{width:26px;height:26px}
.dv-ctx{padding:0 18px;font-size:17px;color:#c6d2cf}.dv-ctx b{color:#fff}
.dv-c{flex:1;display:grid;place-items:center;align-content:center;gap:18px;padding:18px;text-align:center}
.dv-rec{width:min(64vw,250px);height:min(64vw,250px);border-radius:50%;border:0;background:#1f8a5b;color:#fff;display:grid;place-items:center;cursor:pointer;touch-action:none}
.dv-rec .ic{width:38%;height:38%}.dv-rec.on{background:#c62828;animation:pulse 1.2s infinite}
.dv-big{font-size:24px;font-weight:800;margin:0}.dv-tr{font-size:17px;color:#c6d2cf;max-width:30ch;margin:0}
.dv-sum{font-size:21px;line-height:1.7;margin:0;max-width:32ch}.dv-will{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:17px;color:#cfe9dd}.dv-will .ic{color:#5fd39b}
.dv-foot{display:flex;gap:12px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.dv-btn{flex:1;min-height:76px;border-radius:20px;border:0;font:inherit;font-size:21px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;background:#26302f;color:#fff}
.dv-btn.pri{background:#1f8a5b}.dv-btn .ic{width:26px;height:26px}.dv-c>.dv-btn{flex:none;width:100%;max-width:320px}
.dv-ok{width:140px;height:140px;border-radius:50%;background:#1f8a5b;display:grid;place-items:center}.dv-ok .ic{width:70px;height:70px}
.dv-demo{color:#8fd6b5}.drive .spin{border-color:#26302f;border-top-color:#5fd39b}
/* receipts */
.rc-cam{display:grid;justify-items:center;gap:8px;width:100%;max-width:340px;padding:34px 16px;border:2px dashed color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:22px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));cursor:pointer;color:var(--fg)}
.rc-cam .ic{width:54px;height:54px;color:var(--accent)}.rc-cam b{font-size:18px}.rc-cam small{color:var(--muted)}
.rc-prev{max-height:44vh;max-width:100%;border-radius:12px;box-shadow:var(--shadow)}
.rc-top{display:flex;gap:12px;align-items:center}.rc-thumb{width:76px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line);cursor:zoom-in;flex:none}
.rc-big{width:100%;border-radius:12px;border:1px solid var(--line);cursor:zoom-out}
.rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rc-grid .fld:nth-child(-n+2){grid-column:1/-1}
.rc-chk{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rc-chk li{padding:9px 12px;border-radius:12px;font-size:13.5px;background:color-mix(in srgb,#f5a623 14%,var(--surface));border:1px solid color-mix(in srgb,#c77700 40%,var(--line))}
.rc-chk li.bad{background:color-mix(in srgb,#b3261e 10%,var(--surface));border-color:color-mix(in srgb,#b3261e 45%,var(--line))}
.rc-lines summary{cursor:pointer;color:var(--muted);font-size:13px}.rc-lines ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:4px}.rc-lines li{display:flex;justify-content:space-between;gap:8px;font-size:14px}
/* desktop add menu */
.hd-add{position:relative;display:inline-block}.hd-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:grid;min-width:220px}
.hd-menu button{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;background:none;color:var(--fg);font:inherit;border-radius:8px;cursor:pointer;text-align:start}.hd-menu button:hover{background:var(--surface-2)}
@media (max-width:760px){
 #mfab{display:flex;width:auto;height:auto;background:transparent;box-shadow:none;border-radius:0;gap:0;align-items:stretch}
 #mfab[hidden]{display:none}
 #mfab .fab-main{display:inline-flex;align-items:center;gap:8px;height:54px;padding:0 18px;border:0;border-radius:18px;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:700;font-size:15px;box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none}
 #mfab .fab-main:has(+.fab-more){border-start-end-radius:6px;border-end-end-radius:6px}
 #mfab .fab-more{width:40px;height:54px;border:0;margin-inline-start:2px;border-radius:6px 18px 18px 6px;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);cursor:pointer;display:grid;place-items:center}
 [dir="rtl"] #mfab .fab-more,html[dir="rtl"] #mfab .fab-more{border-radius:18px 6px 6px 18px}
 #mfab .fab-more .ic{transform:rotate(-90deg);width:18px;height:18px}#mfab .ic{width:22px;height:22px}
 .mtasks{gap:6px}.today.m-today{gap:10px}
}

.rej-row{display:flex;gap:8px;align-items:center}.rej-row .hold{margin-inline-end:auto}
.wa-t{font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--bg);color:var(--fg);width:100%;box-sizing:border-box;margin-bottom:10px;line-height:1.6}
/* chats v3 */
.mchat.desk{display:grid;gap:8px;padding:10px;align-content:start}.mc-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.mc-title{font-size:1.05rem}.mchat:not(.desk) .mc-title{font-size:1.45rem}
.mc-head .iconbtn{width:38px;height:38px;font-size:18px}.mc-head .iconbtn[aria-pressed="true"]{background:var(--surface-2)}
.mc-wrap{position:relative}.mc-wrap .mc-more{position:absolute;inset-inline-end:2px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:0;background:var(--surface);color:var(--muted);display:none;place-items:center;cursor:pointer;box-shadow:0 1px 4px rgb(0 0 0 / .15)}
.mc-wrap .mc-more .ic{transform:rotate(-90deg);width:16px;height:16px}
@media (hover:hover){.mc-wrap:hover .mc-more,.mc-wrap .mc-more:focus{display:grid}}
.mc-row.cur{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.mc-ic{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--muted)}.mc-ic .ic{width:15px;height:15px}.mc-p i.mut{background:var(--muted)}
.mc-lb{display:flex;flex-wrap:wrap;gap:4px}.mc-lb em,.lbchip{--lc:var(--accent)}.mc-lb em{font-style:normal;font-size:11px;font-weight:600;padding:1px 8px;border-radius:99px;color:var(--lc);background:color-mix(in srgb,var(--lc) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--lc) 35%,transparent)}
:root[data-theme="dark"] .mc-lb em,:root[data-theme="dark"] .lbchip{color:color-mix(in srgb,var(--lc) 45%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mc-lb em,:root:not([data-theme="light"]) .lbchip{color:color-mix(in srgb,var(--lc) 45%,#fff)}}
.chips .lbchip{border-color:color-mix(in srgb,var(--lc) 45%,var(--line));color:var(--lc)}.chips .lbchip[aria-pressed="true"]{background:var(--lc);color:#fff;border-color:var(--lc)}
.mc-arch{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;font-weight:600;cursor:pointer}.mc-arch span{margin-inline-start:auto;color:var(--muted);font-weight:400}
.mc-pres{padding-top:6px;border-top:1px solid var(--line)}
.tk{font-size:11px;letter-spacing:-3px;color:var(--muted);margin-inline-end:5px;font-weight:700}.tk.rd{color:#1f6fb2}
:root[data-theme="dark"] .tk.rd{color:#6fb3ec}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tk.rd{color:#6fb3ec}}
.mmeta{display:inline-flex;gap:6px;align-items:center;justify-self:end;font-size:11px;color:var(--muted)}.mmeta:empty{display:none}.mstar{color:#a15c00}
.mdel{font-style:italic;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.mdel .ic{width:14px;height:14px}
.mfwd{color:var(--muted);font-style:italic;font-size:11.5px;display:flex;align-items:center;gap:4px}.mfwd .ic{width:13px;height:13px}
.mquote{display:grid;gap:1px;text-align:start;border:0;border-inline-start:3px solid var(--accent);background:color-mix(in srgb,var(--fg) 6%,transparent);border-radius:8px;padding:5px 9px;font:inherit;font-size:12.5px;color:var(--fg);cursor:pointer;max-width:100%}
.mquote b{color:var(--accent);font-size:12px}.mquote span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.mrx{display:flex;flex-wrap:wrap;gap:4px}.mrx button{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:0 7px;font-size:13px;cursor:pointer;color:var(--fg);line-height:1.6}.mrx button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.mm-b{position:relative}.mm-menu{position:absolute;top:2px;inset-inline-end:2px;width:24px;height:24px;border-radius:50%;border:0;background:var(--surface);color:var(--muted);display:none;place-items:center;cursor:pointer}.mm-menu .ic{width:14px;height:14px;transform:rotate(-90deg)}
@media (hover:hover){.mm-b:hover .mm-menu{display:grid}}
.mm.hl .mm-b,.msg.hl .mb{animation:hl 1.6s ease}@keyframes hl{0%,60%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent)}100%{box-shadow:none}}
.rbar{display:flex;align-items:center;gap:8px;margin:0 4px 8px;padding:6px 10px;border-inline-start:3px solid var(--accent);background:var(--surface-2);border-radius:8px}.rbar>div{flex:1;display:grid;min-width:0;font-size:13px}.rbar b{color:var(--accent);font-size:12.5px}.rbar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.csq{display:flex;gap:6px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line);background:var(--surface)}.csq input{flex:1;font:inherit;font-size:15px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--fg)}
.mth-n{cursor:pointer}
.mm-prev{display:grid;gap:2px;padding:8px 12px;border-radius:12px;background:var(--surface-2);margin-bottom:10px;font-size:14px}.mm-prev span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-pick{display:flex;justify-content:space-between;gap:4px;margin-bottom:10px}.rx-pick button{flex:1;font-size:22px;padding:8px 0;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.rx-pick button.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.fab-list .danger{color:#b3261e}.fab-list .fab-a{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--fg);text-decoration:none;font-weight:600}
.mm-info{display:flex;gap:6px;align-items:center;padding:4px 2px}
.lb-pick{display:flex;flex-wrap:wrap;gap:6px}.lb-pick label{--lc:var(--accent);display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:6px 12px;cursor:pointer;font-size:14px}
.lb-pick label i{width:10px;height:10px;border-radius:50%;background:var(--lc)}.lb-pick input{width:16px;height:16px;accent-color:var(--lc)}.lb-pick label:has(input:checked){border-color:var(--lc);background:color-mix(in srgb,var(--lc) 10%,var(--surface))}
.lb-ed{display:grid;gap:6px;margin-bottom:10px}.lb-row{display:flex;align-items:center;gap:8px}.lb-row i{width:14px;height:14px;border-radius:50%;flex:none}.lb-row input{flex:1;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);min-width:0}.lb-row select{font:inherit;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg)}
.med-g{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px}.med-g button{padding:0;border:0;background:none;cursor:pointer;aspect-ratio:1}.med-g img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.st-t{white-space:normal!important}
.m-row input[type=checkbox]{width:20px;height:20px;flex:none}
.mchat .chips{flex-wrap:nowrap}
.clist>.mchat.desk{display:flex;flex-direction:column;flex:1;min-height:0;gap:8px;padding:10px 10px 0}
.clist>.mchat.desk>.mc-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-inline:0}
.clist>.mchat.desk>.mc-pres{flex:none;padding-bottom:8px}
.mchat.desk .chips{flex-wrap:nowrap;overflow-x:auto;flex:none}
@media (min-width:761px){.mchat.desk .chips{flex-wrap:wrap;overflow:visible}}
.inv-st{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.inv-opts{display:grid;gap:10px;margin-bottom:10px}.inv-o{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;padding:12px}.inv-o>b{display:flex;align-items:center;gap:8px}
.inv-o .btn{justify-content:center}.inv-link{display:flex;gap:6px}.inv-link input{flex:1;min-width:0;font:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg)}
.inv-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;flex-wrap:wrap;border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.inv-card>div{display:grid;gap:2px}
.inv-pick{display:grid;gap:6px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.inv-pick legend{font-weight:700;padding:0 6px}.inv-pick label{display:flex;align-items:center;gap:8px}
html.m-join header.top,html.m-join .side,html.m-join #mnav,html.m-join #mfab,html.m-join .demo{display:none!important}html.m-join .shell{grid-template-columns:1fr!important}
.join{min-height:80vh;display:grid;place-items:center;padding:20px 0}.join-card{width:min(460px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:10px;box-shadow:var(--shadow)}.join-card h1{margin:0}
.join-card .f{grid-template-columns:1fr 1fr}.join-card .full{grid-column:1/-1}.join-card .chk{display:flex;gap:8px;align-items:center}
.join-card .chk{display:flex!important;flex-direction:row;gap:8px;align-items:center;border:0!important;padding:0!important;background:none!important}.join-card .chk input{width:18px;height:18px}
.cs-panel{max-width:560px}@media (min-width:761px){.cs-panel{width:min(560px,94vw)!important}}
.cs-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:10px}.cs-tabs button{flex:none;border:0;background:none;color:var(--muted);font:inherit;padding:8px 10px;border-bottom:2px solid transparent;cursor:pointer}
.cs-tabs button[aria-selected="true"]{color:var(--fg);font-weight:700;border-bottom-color:var(--accent)}
.cs-body{display:grid;gap:2px}.cs-body h4{margin:14px 0 4px;font-size:13px;color:var(--muted)}
.cs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid var(--line)}.cs-row>span{display:grid;gap:2px;flex:1}.cs-row small{color:var(--muted);font-size:12px}
.cs-row select,.cs-row input[type=time]{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);max-width:55%}
.cs-sw{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:99px;background:color-mix(in srgb,var(--muted) 60%,var(--surface));position:relative;cursor:pointer;flex:none;transition:background .15s}
.cs-sw::after{content:'';position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .3);transition:inset-inline-start .15s}
.cs-sw:checked{background:var(--accent)}.cs-sw:checked::after{inset-inline-start:21px}.cs-sw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cs-filters{display:grid;gap:4px;margin-bottom:6px}.cs-f{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;border:1px solid var(--line);border-radius:10px;opacity:.7}.cs-f.on{opacity:1}
.cs-f label{display:flex;gap:8px;align-items:center;cursor:pointer;padding:5px 0}.cs-f .iconbtn{width:30px;height:30px;font-size:12px}.cs-f .iconbtn:disabled{opacity:.3}
.mc-list.no-prev .mc-p small{display:none}.mc-list.no-lb .mc-lb{display:none}.mc-list.compact .mc-row{padding-block:5px}.mc-list.compact .mc-row .av,.mc-list.compact .mc-row .cico{width:36px;height:36px}
.msgs.fs-s{font-size:13px}.msgs.fs-l{font-size:17.5px}