:root{--accent:#e6f000;--on-accent:#0d0d0b;--r:22px;--danger:#ff6b5e}
[data-theme=dark]{--bg:#0b0b09;--panel:#161613;--panel2:#20201c;--line:#2d2d28;--ink:#f6f6ef;--muted:#a4a498;--hero:#161613;--hero-ink:#f6f6ef;color-scheme:dark}
[data-theme=light]{--bg:#f1f1ea;--panel:#fff;--panel2:#f3f3ec;--line:#e2e2d9;--ink:#141410;--muted:#66665c;--hero:#111110;--hero-ink:#fff;--danger:#c9301f;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:500 15px/1.45 Manrope,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
h1,h2,h4,p{margin:0}
h1{font-size:26px;font-weight:700;letter-spacing:-.02em}
h2{font-size:16px;font-weight:700}
small{font-size:12.5px}
.muted{color:var(--muted)}.danger{color:var(--danger)}.strong{font-weight:700}
.ico{width:19px;height:19px;flex:none}

/* Shell */
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:22px 14px;border-right:1px solid var(--line);background:var(--panel)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;padding:0 8px;min-width:0}
.brand>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand img{height:34px;width:34px;object-fit:contain;border-radius:9px;flex:none}
.mark{width:34px;height:34px;border-radius:11px;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:800;flex:none}
.brand.big{font-size:21px;padding:0;margin-bottom:22px}
.side nav{display:flex;flex-direction:column;gap:3px;flex:1;overflow:auto}
.side nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:min(var(--r),13px);color:var(--muted);font-weight:600}
.side nav a:hover{background:var(--panel2);color:var(--ink)}
.side nav a.on{background:var(--accent);color:var(--on-accent)}
.count{margin-left:auto;background:var(--ink);color:var(--bg);font-size:11px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-grid;place-items:center}
.me{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:12px 8px 0;border-top:1px solid var(--line)}
.me form{grid-column:1/-1}
.me-text{min-width:0}.me-text strong,.me-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-text small{color:var(--muted)}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--panel2);display:grid;place-items:center;font-weight:700;flex:none}
.main{padding:26px 30px 50px;display:flex;flex-direction:column;gap:18px;min-width:0}
.top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.date-pill{padding:9px 14px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:13.5px;font-weight:600}

/* Controls */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:99px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:700 14px Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.primary:hover{filter:brightness(1.07)}
.btn.small{padding:6px 12px;font-size:12.5px}.btn.wide{width:100%}
.link{background:none;border:0;padding:0;color:var(--muted);font:600 13px Manrope,system-ui,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.link.danger{color:var(--danger)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
[data-theme=light] :focus-visible{outline-color:var(--ink)}
input,select,textarea{width:100%;padding:10px 12px;margin-top:5px;border:1px solid var(--line);border-radius:min(var(--r),12px);background:var(--panel2);color:var(--ink);font:500 15px Manrope,system-ui,sans-serif}
input[type=checkbox],input[type=radio]{width:auto;margin:0;accent-color:var(--accent)}
input[type=color]{width:42px;height:42px;padding:2px;margin:0;cursor:pointer;border-radius:50%}
label{display:block;font-size:13px;font-weight:600;color:var(--muted)}
label.check{display:flex;gap:8px;align-items:center;color:var(--ink)}
.stack{display:flex;flex-direction:column;gap:13px}.stack.tight{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.stack-lg{display:flex;flex-direction:column;gap:18px;min-width:0}
.row-2,.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.end{display:flex;align-items:flex-end;justify-content:flex-end}
.actions{display:flex;justify-content:flex-end;gap:8px}
.inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.end-inline{justify-content:flex-end}
.inline-form{display:flex;gap:8px;margin:12px 0 4px}.inline-form input,.inline-form select{margin:0;flex:1;min-width:0}
.tag{display:inline-block;padding:3px 9px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);font-size:11.5px;font-weight:700;white-space:nowrap}
.tag.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.tag.danger{border-color:var(--danger);color:var(--danger);background:transparent}
.flash{padding:12px 16px;border-radius:min(var(--r),14px);background:var(--accent);color:var(--on-accent);font-weight:700;overflow-wrap:anywhere}
.flash.err{background:transparent;border:1px solid var(--danger);color:var(--danger)}
.empty{color:var(--muted);padding:14px 0;text-align:center}
dialog{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--ink);padding:24px;width:min(480px,calc(100vw - 32px))}
dialog::backdrop{background:rgb(0 0 0/.65)}

/* Cards and grids */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;min-width:0}
.card.narrow{max-width:520px}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.card-head>a{font-size:13px;color:var(--muted);font-weight:600}
.grid{display:grid;gap:18px}
.today{grid-template-columns:1.5fr repeat(4,1fr)}.client-today{grid-template-columns:1.5fr repeat(3,1fr)}
.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.two-one{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start}
.two-equal{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.stats3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero{background:var(--hero);color:var(--hero-ink);display:flex;flex-direction:column;justify-content:space-between;gap:12px;border-color:var(--accent)}
.hero small{opacity:.75}
.hero-num{font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--accent)}
.hero-sub{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
.hero-sub a{color:var(--danger);font-weight:700}
[data-theme=light] .hero-sub a{color:#ff8f84}
.stat{display:flex;flex-direction:column;gap:4px;transition:border-color .15s}
a.stat:hover{border-color:var(--muted)}
.stat small{color:var(--muted);font-weight:600}
.stat strong{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
.stat span{font-size:12.5px;color:var(--muted)}
.stat.hot{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.stat.hot small,.stat.hot span{color:inherit;opacity:.8}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.list li:first-child{border-top:0}
.grow{flex:1;min-width:0}
.grow strong,.grow small{display:block;overflow-wrap:anywhere}
.list small{color:var(--muted)}.list small.danger{color:var(--danger);font-weight:700}
.right{text-align:right;white-space:nowrap}.right strong,.right small{display:block}

/* Charts */
.bars{display:flex;align-items:stretch;gap:8px;height:210px;padding-top:22px}
.bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;position:relative;min-width:0;border-radius:8px}
.bar-area{height:150px;width:100%;display:flex;align-items:flex-end;justify-content:center}
.bar{width:min(100%,34px);background:color-mix(in srgb,var(--muted) 45%,var(--panel));border-radius:4px 4px 0 0;position:relative}
.bar.now{background:var(--accent)}
.bar-col:hover .bar:not(.now),.bar-col:focus .bar:not(.now){background:var(--muted)}
.bar-col small{color:var(--muted)}
.bar-val{position:absolute;bottom:100%;right:0;margin-bottom:4px;font-size:12.5px;font-weight:700;white-space:nowrap}
.bar-col[data-tip]:hover::after,.bar-col[data-tip]:focus::after{content:attr(data-tip);position:absolute;bottom:calc(100% - 14px);background:var(--ink);color:var(--bg);padding:5px 9px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;z-index:3}
.bar-col:first-child[data-tip]::after{left:0}.bar-col:last-child[data-tip]::after{right:0}
.hbars{display:flex;flex-direction:column;gap:13px}
.hbar-label{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:5px}
.hbar-label span:last-child{color:var(--muted);white-space:nowrap}
.hbar-track{height:8px;background:var(--panel2);border-radius:4px}
.hbar-track i{display:block;height:100%;background:var(--accent);border-radius:4px}
[data-theme=light] .hbar-track i,[data-theme=light] .bar.now{outline:1px solid rgb(0 0 0/.18)}
.line-chart svg{width:100%;height:auto;display:block}
.line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dot{fill:var(--accent);stroke:var(--panel);stroke-width:2}
.grid-line{stroke:var(--line);stroke-width:1}
.line-labels{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}

/* Lead board */
.share summary{cursor:pointer;font-weight:700}
.share p{margin:10px 0}
.share code{display:block;padding:10px;background:var(--panel2);border-radius:10px;overflow-wrap:anywhere;font-size:13px}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(232px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;align-items:start}
.col{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px;min-height:280px}
.col.over{border-color:var(--accent)}
.col>header{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px}
.col h2{font-size:13.5px}
.count-chip{font-size:12px;font-weight:700;color:var(--muted)}
.col-date_requested>header .count-chip,.col-follow_up>header .count-chip{color:var(--ink)}
.col-cards{display:flex;flex-direction:column;gap:8px;min-height:40px}
.lead-card{display:block;background:var(--panel2);border:1px solid var(--line);border-radius:min(var(--r),14px);padding:11px;cursor:grab}
.lead-card:hover{border-color:var(--muted)}
.lead-card.dragging{opacity:.45}
.lead-card strong{display:block}.lead-card small{display:block;color:var(--muted)}
.lead-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.lead-meta .tag:not(.accent){background:var(--panel)}
.lead-card .rep{margin-top:6px}
.timeline{list-style:none;margin:12px 0 0;padding:0}
.timeline li{padding:10px 0 10px 16px;border-left:2px solid var(--line)}
.timeline small{color:var(--muted)}

/* Tables */
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.table td{padding:11px 10px;border-bottom:1px solid var(--line)}
.table tbody tr:last-child td{border-bottom:0}
.table .n{text-align:right;font-variant-numeric:tabular-nums}
.table tr.off{opacity:.5}
.edit-table{margin-bottom:12px;min-width:860px}
.edit-table td:nth-child(1){width:150px}.edit-table td:nth-child(2){min-width:240px}
.edit-table td{padding:4px}.edit-table input{margin:0;padding:8px 10px;font-size:14px}
.icon-btn{border:0;background:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:6px 8px}
.icon-btn.round{width:42px;height:42px;border-radius:50%;background:var(--panel2);color:var(--ink);display:grid;place-items:center;flex:none;padding:0}
.icon-btn.round.primary{background:var(--accent);color:var(--on-accent)}
.delete-form{text-align:right}
.tabs{display:inline-flex;align-self:flex-start;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:4px}
.tabs a{padding:8px 16px;border-radius:99px;font-weight:700;font-size:14px;color:var(--muted)}
.tabs a.on{background:var(--accent);color:var(--on-accent)}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.plan-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
a.plan-card:hover{border-color:var(--muted)}
.plan-group{margin:16px 0 4px;font-size:14px}

/* Chat */
.chat{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100vh - 120px);min-height:440px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.chat.with-list{grid-template-columns:270px minmax(0,1fr)}
.threads{border-right:1px solid var(--line);overflow:auto;padding:8px}
.threads a{display:flex;gap:10px;align-items:center;padding:10px;border-radius:min(var(--r),13px)}
.threads a:hover{background:var(--panel2)}.threads a.on{background:var(--panel2)}
.threads small{color:var(--muted);display:block}
.thread{display:flex;flex-direction:column;min-height:0;min-width:0}
.thread-head{padding:15px 18px;border-bottom:1px solid var(--line)}
.msgs{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:9px}
.msg{max-width:min(72%,520px);padding:10px 13px;border-radius:16px;background:var(--panel2);align-self:flex-start;overflow-wrap:anywhere}
.msg small{display:block;opacity:.7;font-size:11px;margin-top:3px}
.msg.mine{align-self:flex-end;background:var(--accent);color:var(--on-accent)}
.msg.bot{border:1px dashed var(--line);background:transparent}
.msg audio{display:block;width:250px;max-width:100%;height:38px}
.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);align-items:center}
.composer[hidden]{display:none}
.composer input{margin:0;border-radius:99px;padding:11px 16px}
.rec-bar{display:flex;align-items:center;gap:9px;padding:14px;border-top:1px solid var(--line);font-weight:700}
.rec-bar[hidden]{display:none}
.rec-bar .btn:first-of-type{margin-left:auto}
.rec-dot{width:11px;height:11px;border-radius:50%;background:var(--danger);animation:pulse 1s infinite}
.chat-err{padding:0 14px 10px;font-size:13px}
@keyframes pulse{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}

/* Sign in */
.auth{display:grid;place-items:center;min-height:100vh;padding:16px}
.auth-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.auth-card h1{margin-bottom:4px}.auth-card form,.auth-card .flash{margin-top:16px}
.demo{display:flex;flex-direction:column;gap:2px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.demo strong{color:var(--ink)}
.hp{position:absolute;left:-9999px;width:1px;height:1px}

/* Customise */
fieldset{border:0;padding:0;margin:0}legend{font-size:13px;font-weight:600;color:var(--muted);padding:0;margin-bottom:8px}
.swatches{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.swatch{width:42px;height:42px;border-radius:50%;border:2px solid var(--line);cursor:pointer}
.seg{display:inline-flex;gap:4px;background:var(--panel2);padding:4px;border-radius:99px}
.seg label{cursor:pointer;color:var(--muted)}
.seg input{position:absolute;opacity:0}
.seg span{display:block;padding:7px 16px;border-radius:99px;font-weight:700}
.seg input:checked+span{background:var(--accent);color:var(--on-accent)}
.seg input:focus-visible+span{outline:2px solid var(--ink)}
.logo-prev{display:flex;align-items:center;gap:14px}.logo-prev img{height:48px;max-width:140px;object-fit:contain}

@media (max-width:1180px){
  .today,.client-today{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{grid-column:1/-1}
  .three{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
  .shell{display:block}
  .side{position:sticky;z-index:5;height:auto;flex-direction:row;align-items:center;padding:10px 16px;gap:12px;border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap}
  .brand{padding:0;flex:1}
  .me{order:2;display:flex;border:0;padding:0}.me-text,.avatar{display:none}
  .side nav{order:3;flex:0 0 100%;flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .side nav a{white-space:nowrap;padding:8px 12px}
  .main{padding:18px 16px 40px}
  h1{font-size:22px}
  .two-one,.two-equal,.stats3{grid-template-columns:minmax(0,1fr)}
  .chat.with-list{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .chat{height:calc(100vh - 190px)}
  .threads{display:flex;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}
  .threads a{flex:none;max-width:210px}.threads small{display:none}
  .board{grid-auto-columns:minmax(240px,82vw);scroll-snap-type:x proximity}.col{scroll-snap-align:start}
  .msg{max-width:88%}
}
@media (max-width:440px){.stat strong{font-size:26px}.hero-num{font-size:32px}.row-2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1180px){.client-today .stat:last-child{grid-column:1/-1}}

/* Glass theme */
:root{--glow:#2fd6a3;--fill:.5;--blur:22px}
[data-theme=dark]{--bg:#090a08;--glass:24 25 21;--panel:rgb(var(--glass)/var(--fill));--panel2:rgb(255 255 255/.07);--line:rgb(255 255 255/.13);--edge:rgb(255 255 255/.14);--shadow:0 12px 36px rgb(0 0 0/.35);--hero:rgb(8 8 6/.68)}
[data-theme=light]{--bg:#eeeee6;--glass:255 255 255;--panel:rgb(var(--glass)/calc(var(--fill) + .2));--panel2:rgb(255 255 255/.55);--line:rgb(20 20 16/.13);--edge:rgb(255 255 255/.8);--shadow:0 12px 32px rgb(30 30 20/.1);--hero:rgb(12 12 10/.86)}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:
  radial-gradient(44vmax 44vmax at 88% -8%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 70%),
  radial-gradient(40vmax 40vmax at 2% 104%,color-mix(in srgb,var(--glow) 32%,transparent),transparent 70%),
  radial-gradient(26vmax 26vmax at 46% 50%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%),var(--bg)}
body{background:var(--bg)}
.card,.side,.col,.auth-card,.chat,.panel-card,dialog{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 var(--edge);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);backdrop-filter:blur(var(--blur)) saturate(140%)}
.side{border-width:0 1px 0 0}
.hero{background:var(--hero);border-color:color-mix(in srgb,var(--accent) 60%,transparent)}
dialog{background:rgb(var(--glass)/.88)}
dialog::backdrop{background:rgb(0 0 0/.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.stat.hot{background:var(--accent)}
.bar{background:color-mix(in srgb,var(--muted) 55%,transparent)}
.lead-card:not(:hover){border-color:var(--line)}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){:root{--fill:.97}.card,.side,.col,.auth-card,.chat,.panel-card,dialog{-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--fill:.95}}
/* Photos */
img.avatar{object-fit:cover;padding:0}
.avatar.big{width:52px;height:52px;font-size:20px}.avatar.huge{width:120px;height:120px;font-size:44px}
.photo-card{display:flex;flex-direction:column;align-items:center;gap:14px}
.file-btn{position:relative;overflow:hidden;color:var(--ink);cursor:pointer}
.file-btn input,.visually-hidden{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;padding:0}
.name-cell{display:flex;align-items:center;gap:10px}
.msg img{display:block;width:260px;max-width:100%;border-radius:12px;margin-bottom:2px}
/* Right panel and ticks */
.shell.has-panel{grid-template-columns:232px minmax(0,1fr) 310px}
.right-panel{padding:26px 18px 40px 0;display:flex;flex-direction:column;gap:14px;min-width:0}
.right-panel.inline-panel{padding:0}
.panel-card{border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:7px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.panel-me{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.panel-me small{display:block;color:var(--muted)}
.panel-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center;font-size:12px;color:var(--muted)}
.panel-facts span{background:var(--panel2);border-radius:10px;padding:7px 2px}
.panel-facts b{display:block;font-size:16px;color:var(--ink)}
.tick-group{margin:10px 0 2px;font-size:12.5px;color:var(--muted)}
.tick{display:flex;gap:10px;align-items:flex-start;padding:7px 0;color:var(--ink);cursor:pointer;font-size:14px}
.tick input{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:none;margin:0;padding:0;border:1.5px solid var(--muted);border-radius:7px;background:transparent;display:grid;place-items:center;cursor:pointer}
.tick input:checked{background:var(--accent);border-color:var(--accent)}
.tick input:checked::after{content:"";width:6px;height:11px;border:solid var(--on-accent);border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.tick input:disabled{cursor:default}
.tick:has(input:disabled){cursor:default}
.tick-text small{display:block;color:var(--muted);font-weight:500}
.tick:has(input:checked) .tick-text>span{text-decoration:line-through;color:var(--muted)}
.tick-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line)}
.tick-row:first-of-type{border-top:0}
.add-item{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:12px}
.add-item input{margin:0;min-width:0}
.card-head.flush{margin:0}.small-pill{padding:5px 11px;font-size:12.5px}
.form-row.four{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
/* Push to talk */
[data-rec]{touch-action:none;user-select:none;-webkit-user-select:none}
[data-rec].recording{background:var(--danger);color:#fff;transform:scale(1.15)}
.icon-btn.round{position:relative;overflow:hidden}
.rec-bar{padding:10px 14px}.rec-bar.cancel{color:var(--danger)}
.color-row{display:flex;align-items:center;justify-content:space-between}
@media (max-width:1320px){
  .shell.has-panel{grid-template-columns:232px minmax(0,1fr)}
  .has-panel .right-panel{grid-column:2;padding:0 30px 40px}
  .has-panel .main{padding-bottom:18px}
}
@media (max-width:820px){.has-panel .right-panel{padding:0 16px 40px}.side{border-width:0 0 1px}.add-item{grid-template-columns:1fr}}
