/* Layout: the product console fills the page; a slim strip above names it as a mock and holds the theme toggle. */

:root{
  --bg:#F5F7FA; --paper:#FFFFFF; --ink:#1F2329; --muted:#646A73; --faint:#8F959E; --line:#E4E6EB;
  --accent:#3370FF; --accent-d:#245BDB; --accent-soft:#F0F4FF; --accent-l:#E1EAFF; --accent-ink:#FFFFFF;
  --sys:#245BDB; --sys-bg:#E1EAFF; --hum:#E37318; --hum-bg:#FFF1E0; --risk:#E22E28; --risk-bg:#FEE7E6;
  --ok:#2EA121; --ok-bg:#E4F7E0; --purple:#7F3BF5; --purple-l:#F0E8FF;
  --tint:#F5F7FA; --soft:#FAFBFD; --hero1:#DDE7FF; --hero2:#E3F8F4; --hero3:#F3F7FF; --navbg:rgba(255,255,255,.86);
  --sh:0 8px 28px rgba(31,35,41,.06); --sh2:0 16px 44px rgba(51,112,255,.14); --r:16px;
  --f-display:"PingFang SC","Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,sans-serif;
  --f-body:"PingFang SC","Helvetica Neue",Helvetica,"Microsoft YaHei",Arial,sans-serif;
  --f-mono:"SF Mono",Menlo,Consolas,ui-monospace,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#14161A; --paper:#1F2228; --ink:#E8EAED; --muted:#A9AFB8; --faint:#7D848E; --line:#2D323B;
  --accent:#5B8CFF; --accent-d:#8DB0FF; --accent-soft:#1A243B; --accent-l:#22335A; --accent-ink:#0F1420;
  --sys:#8DB0FF; --sys-bg:#22335A; --hum:#F0A050; --hum-bg:#3A2A16; --risk:#F2726C; --risk-bg:#3D1E1D;
  --ok:#5CC46A; --ok-bg:#1C3320; --purple:#AE8CFF; --purple-l:#2C2442;
  --tint:#24282F; --soft:#24282F; --hero1:#1C2848; --hero2:#15302C; --hero3:#171B24; --navbg:rgba(20,22,26,.86);
  --sh:0 8px 28px rgba(0,0,0,.28); --sh2:0 16px 44px rgba(0,0,0,.4); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#14161A; --paper:#1F2228; --ink:#E8EAED; --muted:#A9AFB8; --faint:#7D848E; --line:#2D323B;
  --accent:#5B8CFF; --accent-d:#8DB0FF; --accent-soft:#1A243B; --accent-l:#22335A; --accent-ink:#0F1420;
  --sys:#8DB0FF; --sys-bg:#22335A; --hum:#F0A050; --hum-bg:#3A2A16; --risk:#F2726C; --risk-bg:#3D1E1D;
  --ok:#5CC46A; --ok-bg:#1C3320; --purple:#AE8CFF; --purple-l:#2C2442;
  --tint:#24282F; --soft:#24282F; --hero1:#1C2848; --hero2:#15302C; --hero3:#171B24; --navbg:rgba(20,22,26,.86);
  --sh:0 8px 28px rgba(0,0,0,.28); --sh2:0 16px 44px rgba(0,0,0,.4); color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:14px;line-height:1.5;margin:0}
.wrap{max-width:1440px;margin:0 auto;padding-block:12px 24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:10px}
.strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--faint)}
.strip img{height:26px;width:auto}
.strip b{color:var(--ink);font-size:14px}
.strip .sp{flex:1}
.strip button{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:8px;padding:4px 10px;cursor:pointer}
.appwin{min-height:calc(100vh - 80px)}
/* ---- 系统 demo ---- */
/* App shell v4: light console. Collapsible grouped side menu, top bar with page title, client search, 系统演示, 合作伙伴门户 and the signed-in person; guided tour floats bottom-right inside the main column. */
.appwin{--side:#FFFFFF;--sideh:#F2F5FA;--sideon:var(--accent-soft);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--sh2);background:var(--bg);display:grid;grid-template-columns:212px minmax(0,1fr);min-height:720px;position:relative;font-size:13px}
.appwin.mini{grid-template-columns:60px minmax(0,1fr)}
.aw-side{background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.aw-brand{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;border-bottom:1px solid var(--line);flex:none}
.aw-brand .lg{width:28px;height:28px;border-radius:7px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.aw-brand b{font-size:14px;white-space:nowrap}
.aw-nav{flex:1;overflow-y:auto;padding:8px 10px 12px;display:flex;flex-direction:column;gap:1px}
.aw-g{font:inherit;display:flex;align-items:center;gap:6px;width:100%;border:0;background:none;color:var(--faint);font-size:12px;padding:12px 8px 6px;cursor:pointer;text-align:left}
.aw-g:hover{color:var(--ink)}
.aw-g .cv{margin-left:auto;transition:transform .15s;font-size:10px}
.aw-g[aria-expanded="false"] .cv{transform:rotate(-90deg)}
.aw-g .gc{font-size:10.5px;background:var(--risk);color:#fff;border-radius:8px;padding:0 5px;line-height:15px}
.aw-g[aria-expanded="true"] .gc{display:none}
.aw-items{display:flex;flex-direction:column;gap:1px}
.aw-items[hidden]{display:none}
.aw-it{font:inherit;display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:var(--ink);padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left;font-size:13.5px;position:relative}
.aw-it svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--muted)}
.aw-it:hover{background:var(--sideh)}
.aw-it[aria-current="true"]{background:var(--sideon);color:var(--accent);font-weight:600}
.aw-it[aria-current="true"] svg{color:var(--accent)}
.aw-it .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-it .bd{font-size:10.5px;font-weight:600;border-radius:8px;padding:0 6px;line-height:16px;background:var(--risk);color:#fff}
.aw-it .bd.n{background:var(--hum-bg);color:var(--hum)}
.aw-it .bd.x{background:var(--tint);color:var(--faint);font-weight:500}
.aw-fold{font:inherit;border:0;border-top:1px solid var(--line);background:none;color:var(--faint);padding:10px 16px;text-align:left;cursor:pointer;font-size:12px;display:flex;gap:8px;align-items:center}
.aw-fold:hover{color:var(--ink)}
.appwin.mini .aw-brand b,.appwin.mini .aw-g,.appwin.mini .aw-it .nm,.appwin.mini .aw-it .bd,.appwin.mini .aw-fold span{display:none}
.appwin.mini .aw-brand{padding:0;justify-content:center}
.appwin.mini .aw-items[hidden]{display:flex}
.appwin.mini .aw-it{justify-content:center;padding:9px 0}
.appwin.mini .aw-fold{justify-content:center;padding:10px 0}
.aw-col{display:flex;flex-direction:column;min-width:0}
.aw-top{display:flex;align-items:center;gap:10px;height:56px;padding:0 18px;background:var(--paper);border-bottom:1px solid var(--line);min-width:0;flex:none}
.aw-top .pt{font-size:15px;font-weight:700;white-space:nowrap}
.aw-q{flex:1 1 220px;max-width:360px;margin-left:12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--faint);background:var(--soft);min-width:0;white-space:nowrap;overflow:hidden}
.aw-q svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
.aw-q span{overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
.aw-sp{flex:1}
.aw-tb{font:inherit;font-size:12.5px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:5px 11px;cursor:pointer;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.aw-tb:hover{border-color:var(--accent);color:var(--accent)}
.aw-tb[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.aw-me{position:relative}
.aw-mebtn{font:inherit;display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;padding:4px 6px;border-radius:8px;color:var(--ink);text-align:right}
.aw-mebtn:hover{background:var(--sideh)}
.aw-mebtn .av{width:30px;height:30px;border-radius:50%;background:var(--accent-l);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:12.5px;flex:none;order:2}
.aw-mebtn .who{display:flex;flex-direction:column;line-height:1.25}
.aw-mebtn .who b{font-size:13px}
.aw-mebtn .who small{font-size:11px;color:var(--faint);white-space:nowrap}
.aw-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);padding:6px;width:260px;display:flex;flex-direction:column;gap:2px}
.aw-menu[hidden]{display:none}
.aw-menu .mh{font-size:11.5px;color:var(--faint);padding:6px 10px 4px}
.aw-menu button{font:inherit;display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 10px;align-items:center;border:0;background:none;text-align:left;padding:7px 10px;border-radius:8px;cursor:pointer;color:var(--ink)}
.aw-menu button:hover{background:var(--sideh)}
.aw-menu button[aria-checked="true"]{background:var(--accent-soft)}
.aw-menu .av{grid-row:1/3;width:30px;height:30px;border-radius:50%;background:var(--accent-l);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:12px}
.aw-menu b{font-size:13px}
.aw-menu small{font-size:11px;color:var(--faint)}
.aw-main{padding:20px 22px 28px;display:flex;flex-direction:column;gap:14px;min-width:0;background:var(--bg);flex:1}
.aw-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:start}
.aw-head .cr{font-size:11.5px;color:var(--faint)}
.aw-head b{font-size:20px;font-weight:700;grid-column:1}
.aw-head p{grid-column:1;font-size:12.5px;color:var(--muted);line-height:1.6;margin:0}
.aw-head .cbtn{grid-column:2;grid-row:1/3;align-self:start}
.aw-head .notes{grid-column:1/-1}
.aw-scope{display:inline-flex;gap:6px;align-items:center;font-size:11.5px;color:var(--hum);background:var(--hum-bg);border-radius:6px;padding:2px 8px;margin-left:8px;vertical-align:middle;font-weight:500}
/* guide */
.aw-guide{position:sticky;bottom:14px;align-self:flex-end;width:min(380px,100%);background:var(--paper);border:1px solid var(--accent-l);border-radius:14px;box-shadow:0 18px 48px rgba(31,35,41,.18);padding:14px 16px;display:flex;flex-direction:column;gap:10px;z-index:15;margin-top:auto}
.aw-guide[hidden]{display:none}
.aw-guide .gh{display:flex;align-items:center;gap:8px}
.aw-guide .gh b{font-size:13px;color:var(--accent)}
.aw-guide .gh .x{margin-left:auto;font:inherit;border:0;background:none;color:var(--faint);cursor:pointer;font-size:16px;line-height:1}
.aw-guide .gt{display:flex;gap:6px;flex-wrap:wrap}
.aw-guide .gt button{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;padding:3px 10px;cursor:pointer}
.aw-guide .gt button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.aw-guide .gs{font-size:11.5px;color:var(--faint);display:flex;gap:6px;align-items:center}
.aw-guide .gs i{font-style:normal;color:var(--hum);background:var(--hum-bg);border-radius:5px;padding:0 6px}
.aw-guide .gx{font-size:14px;font-weight:500;line-height:1.55}
.aw-guide .gp{display:flex;gap:3px}
.aw-guide .gp span{flex:1;height:3px;border-radius:2px;background:var(--line)}
.aw-guide .gp span.on{background:var(--accent)}
.aw-guide .gb{display:flex;gap:8px;justify-content:flex-end}
.aw-guide .gb button{font:inherit;font-size:12.5px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:5px 14px;cursor:pointer}
.aw-guide .gb button.gh2{background:none;border-color:var(--line);color:var(--muted)}
.aw-guide .gb button:disabled{opacity:.4;cursor:default}
@media (max-width:760px){
  .appwin,.appwin.mini{grid-template-columns:1fr}
  .aw-side{border-right:0;border-bottom:1px solid var(--line)}
  .aw-brand{display:none}
  .aw-nav{flex-direction:row;overflow-x:auto;padding:6px;scrollbar-width:none}
  .aw-g,.aw-fold{display:none}
  .aw-items,.aw-items[hidden]{display:flex;flex-direction:row}
  .aw-it{flex:none;width:auto;padding:6px 10px}
  .aw-it .bd{display:none}
  .aw-top{height:auto;flex-wrap:wrap;padding:10px 12px;gap:8px}
  .aw-q{order:5;flex-basis:100%;max-width:none;margin:0}
  .aw-mebtn .who{display:none}
  .aw-tb .tl{display:none}
  .aw-main{padding:14px}
  .aw-guide{width:100%}
}
/* v4 pages */
.o-focus{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;background:linear-gradient(135deg,var(--accent-soft),var(--paper) 60%);border:1px solid var(--accent-l);border-radius:14px;padding:18px 20px}
.o-big{display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line);padding-right:16px}
.o-big small{font-size:12px;color:var(--faint)}
.o-big b{font-size:40px;line-height:1;color:var(--risk);font-variant-numeric:tabular-nums}
.o-big b em{font-style:normal;font-size:14px;color:var(--muted);margin-left:4px;font-weight:400}
.o-big span{font-size:12px;color:var(--faint)}
.o-what{display:flex;flex-direction:column;gap:8px;min-width:0}
.o-what>b{font-size:15px}
.o-what ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.o-what li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12.5px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:7px 10px}
.o-what li .a-link{margin:0;white-space:nowrap}
.o-aside{font-size:12px;color:var(--faint);border-left:3px solid var(--line);padding:4px 10px;margin:0}
.o-stack{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px}
.o-stack i,.o-leg i{display:block;background:var(--line)}
.o-stack .x,.o-leg .x{background:var(--purple)} .o-stack .h,.o-leg .h{background:var(--risk)} .o-stack .m,.o-leg .m{background:var(--hum)} .o-stack .l,.o-leg .l{background:var(--ok)} .o-stack .q,.o-leg .q{background:var(--sys)} .o-stack .n,.o-leg .n{background:var(--line)}
.o-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.o-leg span{display:flex;align-items:center;gap:5px}
.o-leg i{width:8px;height:8px;border-radius:2px}
.esc{font-size:11.5px;color:var(--faint);white-space:nowrap}
.esc.e1{color:var(--hum)} .esc.e2{color:var(--risk);font-weight:600}
.bad{color:var(--risk);font-weight:600}
.o-esc{display:flex;gap:4px;flex-wrap:wrap}
.o-esc span{flex:1 1 80px;font-size:12px;text-align:center;padding:6px 8px;border-radius:8px;background:var(--hum-bg);color:var(--hum);position:relative}
.o-esc span:first-child{background:var(--tint);color:var(--faint)}
.o-esc span.r{background:var(--risk-bg);color:var(--risk);font-weight:600}
.a-kvg.c2,.a-total.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.a-pick{display:flex;gap:6px;flex-wrap:wrap}
.a-pick span{font-size:12.5px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:4px 12px;cursor:pointer;color:var(--muted)}
.a-pick span.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}
.a-tabs[data-tabs] span{cursor:pointer}
.p-wrap{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px;align-items:start}
.p-phone{border:10px solid #1F2329;border-radius:34px;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:0 0 16px;box-shadow:var(--sh2)}
.p-bar{background:var(--accent);color:#fff;padding:22px 16px 12px;display:flex;flex-direction:column;gap:2px}
.p-bar b{font-size:15px} .p-bar span{font-size:12px;opacity:.85}
.p-prog{padding:0 16px;display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--faint)}
.p-prog i{display:block;height:5px;border-radius:3px;background:var(--line);overflow:hidden} .p-prog i b{display:block;height:100%;background:var(--accent)}
.p-step{margin:0 12px;background:var(--paper);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}
.p-step>b{font-size:14.5px} .p-step>span{font-size:12px;color:var(--muted)}
.p-guide{background:var(--tint);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px}
.p-pg{display:flex;gap:6px} .p-pg i{width:34px;height:46px;border:1.5px solid var(--faint);border-radius:3px;background:var(--paper)}
.p-guide small{font-size:11px;color:var(--faint)}
.p-msg{font-size:12px;color:var(--risk);background:var(--risk-bg);border-radius:8px;padding:6px 10px}
.p-list{margin:0 12px;display:flex;flex-direction:column;gap:1px;background:var(--line);border-radius:12px;overflow:hidden}
.p-list>div{background:var(--paper);display:flex;gap:10px;align-items:center;padding:9px 12px;font-size:12.5px;color:var(--faint)}
.p-list i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--tint);flex:none}
.p-list .ok{color:var(--ink)} .p-list .ok i{background:var(--ok);color:#fff}
.p-list .cur{color:var(--accent);font-weight:600} .p-list .cur i{background:var(--accent);color:#fff}
.p-btn{font:inherit;margin:0 12px;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:11px;font-size:14px;font-weight:600}
.p-side{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px}
.p-side p{margin:0}
@media (max-width:900px){.p-wrap{grid-template-columns:1fr}.p-phone{max-width:330px}}
@media (max-width:760px){.o-focus{grid-template-columns:1fr}.o-big{border-right:0;padding:0}.o-what li{grid-template-columns:auto minmax(0,1fr)}.o-what li .a-link{grid-column:2}}
.r-bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:var(--sh)}
.r-bar>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.r-bar b{font-size:15px} .r-bar span{font-size:12px;color:var(--muted)}
.r-con{display:flex;align-items:center;gap:6px} .r-con small{font-size:11.5px;color:var(--faint)}
.r-act{display:flex;gap:6px;flex-wrap:wrap}
.a-btn:disabled{opacity:.45}
.r-hits{display:flex;flex-direction:column;gap:6px}
.r-hit{background:var(--paper);border:1px solid var(--line);border-radius:10px}
.r-hit summary{list-style:none;display:grid;grid-template-columns:auto 56px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 12px;cursor:pointer;font-size:12.5px}
.r-hit summary::-webkit-details-marker{display:none}
.r-hit summary b{font-family:var(--f-mono);font-size:12px}
.r-hit summary em{font-style:normal;color:var(--muted)}
.r-hit summary i{font-style:normal;font-size:11.5px;color:var(--accent)}
.r-hit[open] summary{border-bottom:1px solid var(--line)}
.r-hit .a-tw{border:0;border-radius:0 0 10px 10px}
.r-man{background:var(--sys-bg);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.aw-guide .gt button small{opacity:.7;margin-left:4px;font-size:10.5px}
@media (max-width:760px){.r-bar{grid-template-columns:1fr;position:static}.r-hit summary{grid-template-columns:auto minmax(0,1fr)}.r-hit summary em,.r-hit summary i{grid-column:2}}
.q-hero{display:flex;flex-direction:column;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--sh)}
.q-t{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.q-t b{font-size:16px} .q-t span{font-size:12.5px;color:var(--faint)}
.q-row{display:flex;gap:10px}
.q-box{font:inherit;flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:48px;border:1.5px solid var(--accent-l);border-radius:12px;background:var(--soft);padding:0 16px;cursor:text;text-align:left}
.q-box:hover{border-color:var(--accent)}
.q-box svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8}
.q-ph,.q-val{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q-ph{color:var(--faint)} .q-val{color:var(--ink);font-weight:500}
.q-go{font:inherit;height:48px;padding:0 28px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer;flex:none}
.q-recent{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--faint)}
.q-recent button{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;padding:2px 10px;cursor:pointer}
.q-recent button:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:760px){.q-go{padding:0 16px}.q-ph{font-size:13px}}
.a-seg span{cursor:pointer;user-select:none}
.a-seg span:not(.on):hover{color:var(--accent)}
.a-ways span,.a-chips2 span,.a-filters span,.a-tabs span{cursor:pointer;user-select:none}
.a-inp{display:flex;align-items:center;gap:6px;padding:0 10px}
.a-inp input{font:inherit;flex:1;min-width:0;border:0;background:none;color:var(--ink);padding:6px 0;outline:none}
.a-inp:focus-within,.a-sel:focus,.a-addf input:focus,.a-addf select:focus{border-color:var(--accent);outline:none}
.a-inp span{color:var(--faint);font-size:12.5px}
.a-sel{font:inherit;color:var(--ink);cursor:pointer;appearance:auto}
.a-people .add{font:inherit;font-size:12.5px;border:1px dashed var(--accent-l);border-radius:8px;padding:4px 10px;background:transparent;color:var(--accent);cursor:pointer}
.a-people .add:hover{border-color:var(--accent)}
.a-people span{display:inline-flex;align-items:center;gap:4px}
.a-people .rm{font:inherit;border:0;background:none;color:var(--faint);cursor:pointer;padding:0 0 0 4px;font-size:14px;line-height:1}
.a-people .rm:hover{color:var(--risk)}
.a-people span.new{border-color:var(--ok);background:var(--ok-bg)}
.a-addf{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.a-addf[hidden]{display:none}
.a-addf input,.a-addf select{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:5px 10px;background:var(--paper);color:var(--ink);min-width:0;flex:1 1 140px}
.a-addf select{flex:0 0 auto}
.a-btn:not(:disabled){cursor:pointer}
.a-btn:not(:disabled):not(.pri):hover{border-color:var(--accent);color:var(--accent)}
#apguar[hidden]{display:none}
.aw-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:50;background:#1F2329;color:#fff;font-size:13px;padding:9px 16px;border-radius:10px;box-shadow:var(--sh2);max-width:calc(100vw - 32px);opacity:0;transition:opacity .2s;pointer-events:none}
.aw-toast.on{opacity:1}
.sc-sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.sc-sub .a-pick span{display:inline-flex;flex-direction:column;gap:1px;padding:6px 12px}
.sc-sub .a-pick em{font-style:normal;font-size:11px;color:var(--faint);font-weight:400}
.sc-meta{font-size:12.5px;color:var(--muted)} .sc-meta small{color:var(--faint);font-size:11.5px}
.sc-meta [hidden],.sc-pane[hidden]{display:none}
.sc-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;align-items:start}
.sc-dims{display:flex;flex-direction:column;gap:10px;min-width:0}
.sc-dim{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.sc-dim p{margin:0}
.sc-dh{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center}
.sc-dh b{font-size:14px} .sc-dh small{font-size:11.5px;color:var(--faint)}
.sc-dh i{display:block;height:6px;border-radius:3px;background:var(--tint);overflow:hidden}
.sc-dh i b{display:block;height:100%;background:var(--accent)}
.sc-dh em{font-style:normal;font-family:var(--f-mono);font-size:12.5px;color:var(--muted)}
.sc-res{position:sticky;top:12px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;align-items:stretch}
.sc-res>small{font-size:11.5px;color:var(--faint);text-align:center}
.sc-n{font-size:56px;line-height:1;text-align:center;font-variant-numeric:tabular-nums}
.sc-n.lo{color:var(--ok)} .sc-n.wa{color:var(--sys)} .sc-n.mid{color:var(--hum)} .sc-n.hi{color:var(--risk)}
.sc-res>.lv{align-self:center;font-size:12.5px;padding:2px 12px;line-height:20px}
.sc-bk{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);padding-top:10px}
.sc-bk div{display:flex;justify-content:space-between;font-size:12.5px} .sc-bk em{font-style:normal;font-family:var(--f-mono)}
.sc-calc{margin:0;font-size:11.5px;color:var(--muted);background:var(--tint);border-radius:8px;padding:6px 8px;line-height:1.6}
.sc-kv{display:flex;flex-direction:column;gap:6px} .sc-kv div{display:flex;justify-content:space-between;gap:8px;font-size:12.5px} .sc-kv small{color:var(--faint)}
@media (max-width:900px){.sc-grid,.sc-sub{grid-template-columns:1fr}.sc-res{position:static;order:-1}.sc-res .sc-n{font-size:44px}}
.q-sw{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.q-sw>span:first-child{font-size:12.5px;color:var(--faint)}
.q-sw button{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1.5px solid var(--line);background:var(--paper);border-radius:10px;padding:6px 14px;cursor:pointer;color:var(--ink)}
.q-sw button b{font-size:13.5px} .q-sw button small{font-size:11.5px;color:var(--faint)}
.q-sw button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.q-sw button[aria-pressed="true"] small{color:var(--accent)}
.q-sw .a-note{flex:1 1 220px}
.q-badge{font-size:12px;font-weight:600;border-radius:6px;padding:1px 9px;line-height:20px}
.q-badge.new{background:var(--sys-bg);color:var(--sys)} .q-badge.old{background:var(--ok-bg);color:var(--ok)}
.q-av{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.q-av>b{font-size:13px;margin-right:4px}
.q-av span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;border-radius:8px;padding:4px 10px;background:var(--tint);color:var(--faint)}
.q-av span small{font-size:11px;opacity:.85}
.q-av span i{font-style:normal;font-weight:700}
.q-av .ok{background:var(--ok-bg);color:var(--ok)} .q-av .part{background:var(--hum-bg);color:var(--hum)} .q-av .no{text-decoration:none}
.q-con{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--sys-bg);border-radius:12px;padding:12px 16px}
.q-con.old{background:var(--hum-bg)}
.q-con>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.q-con b{font-size:14px} .q-con span{font-size:12.5px;color:var(--muted)}
.q-off{background:var(--soft);border-style:dashed} .q-off p{color:var(--faint)}
.q-hl{border-color:var(--ok);box-shadow:inset 3px 0 0 var(--ok)}
.a-cols.sm{height:70px}
.q-hist{display:flex;flex-direction:column;gap:5px}
.q-hist div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;font-size:12px}
.q-hist b{font-family:var(--f-mono);font-weight:500;color:var(--faint)} .q-hist span{color:var(--muted)}
.q-hist .r span{color:var(--risk);font-weight:600}
@media (max-width:760px){.q-con{grid-template-columns:1fr}}
.wb-blk{display:flex;flex-direction:column;gap:14px}
.wb-blk[hidden]{display:none}
.wb-todo{display:flex;flex-direction:column;gap:6px}
.wb-todo>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px}
.wb-todo b{margin-right:8px}
.wb-todo .a-link{margin:0;white-space:nowrap}
@media (max-width:760px){.wb-todo>div{grid-template-columns:auto minmax(0,1fr)}.wb-todo .a-link{grid-column:2}}
.a-ta{font:inherit;font-size:13px;white-space:normal;min-height:78px;line-height:1.6;resize:vertical;color:var(--ink);width:100%}
.a-ta:focus{border-color:var(--accent);outline:none}
.a-co{display:flex;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.a-logo{width:48px;height:48px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700;flex:none}
.a-co-m{display:flex;flex-direction:column;gap:6px;min-width:0}
.a-co-h{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.a-co-h b{font-size:16px;margin-right:4px}
.a-tag,.a-chip,.a-api{font-size:11px;padding:0 7px;border-radius:5px;background:var(--tint);color:var(--muted);line-height:19px;white-space:nowrap}
.a-tag.g{color:var(--ok);background:var(--ok-bg)} .a-tag.w{color:var(--hum);background:var(--hum-bg)}
.a-api{font-family:var(--f-mono);color:var(--accent);background:var(--accent-soft)}
.a-kv{display:flex;flex-wrap:wrap;gap:4px 18px;color:var(--faint);font-size:12px}
.a-kv b{color:var(--ink);font-weight:500}
.a-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.a-kpis>div,.a-total>div{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:1px;min-width:0}
.a-kpis small,.a-total small{font-size:11.5px;color:var(--faint)}
.a-kpis b,.a-total b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.a-kpis span,.a-total span{font-size:11.5px;color:var(--faint)}
.a-kpis b.bad,.a-total b.bad{color:var(--risk)}
.a-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.a-panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.a-ph{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.a-ph b{font-size:14px}
.a-ph small{font-size:11px;color:var(--faint)}
.a-panel p{font-size:12.5px;color:var(--muted);line-height:1.55;display:flex;gap:6px;align-items:flex-start}
.a-link{font:inherit;font-size:12px;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;align-self:flex-start;margin-top:auto}
.a-link:hover{text-decoration:underline}
.lv{flex:none;font-size:11px;font-weight:600;padding:0 7px;border-radius:5px;line-height:18px;white-space:nowrap}
.lv.lo{color:var(--ok);background:var(--ok-bg)} .lv.wa{color:var(--sys);background:var(--sys-bg)} .lv.mid{color:var(--hum);background:var(--hum-bg)} .lv.hi,.lv.xhi{color:var(--risk);background:var(--risk-bg)} .lv.xhi{outline:1px solid var(--risk)} .lv.na{color:var(--faint);background:var(--tint)}
.a-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.a-tabs{display:flex;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:3px;flex-wrap:wrap}
.a-tabs span{font-size:12.5px;padding:4px 12px;border-radius:8px;color:var(--muted);white-space:nowrap}
.a-tabs span.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
.a-tw{overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:10px}
.a-tbl{width:100%;min-width:560px;border-collapse:collapse;font-size:12.5px}
.a-tbl th{font-weight:500;color:var(--faint);text-align:left;padding:8px 10px;background:var(--soft);font-size:11.5px;letter-spacing:0;border-top:0}
.a-tbl td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:middle;font-weight:400}
.a-tbl td:first-child{font-weight:500}
.a-note{font-size:11.5px;color:var(--faint)}
.a-sub{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.a-sub b{font-size:13.5px}
.a-kvg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.a-kvg span{background:var(--paper);padding:8px 12px;display:flex;flex-direction:column;gap:1px;font-size:12.5px;min-width:0}
.a-kvg small{font-size:11px;color:var(--faint)}
.a-search2{flex:1 1 240px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:6px 12px;color:var(--muted)}
.a-badge{font-size:11.5px;color:#fff;background:var(--ok);border-radius:4px;padding:1px 8px}
.a-chips2{display:flex;flex-wrap:wrap;gap:6px}
.a-chips2 span{font-size:12px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:3px 10px;color:var(--faint)}
.a-chips2 span.on{color:var(--accent);border-color:var(--accent-l);background:var(--accent-soft);font-weight:600}
.a-judge,.a-empty{background:var(--hum-bg);border-radius:10px;padding:10px 12px;font-size:12.5px;display:flex;gap:10px}
.a-judge b{color:var(--hum);flex:none}
.a-empty{background:var(--tint);color:var(--muted)}
.a-up{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.a-up span{font-size:12px;color:var(--muted)}
.a-up em{font-style:normal;font-size:12.5px;font-weight:600}
.a-up.ok em{color:var(--ok)} .a-up.bad{border-color:var(--risk)} .a-up.bad em{color:var(--risk)} .a-up.wait{border-style:dashed} .a-up.wait em{color:var(--faint);font-weight:400}
.a-up small{font-size:11px;color:var(--faint)}
.a-ups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.a-stage{display:flex;gap:6px;flex-wrap:wrap}
.a-stage span{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:2px 12px;color:var(--faint);background:var(--paper)}
.a-stage span.on{color:var(--ok);border-color:var(--ok);background:var(--ok-bg);font-weight:600}
.a-hits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.a-hits p{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12.5px;display:flex;gap:8px;align-items:center}
.a-okt{color:var(--ok);font-size:12px;font-weight:500}
.a-mute{color:var(--faint);font-size:12px}
.a-btn{font:inherit;font-size:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:8px;padding:4px 12px;cursor:default;white-space:nowrap}
.a-btn.pri{background:var(--accent);border-color:var(--accent);color:#fff}
.st{font-size:11px;padding:0 7px;border-radius:5px;line-height:18px;white-space:nowrap}
.s-rev{color:var(--sys);background:var(--sys-bg)} .s-bad{color:var(--risk);background:var(--risk-bg)} .s-wait{color:var(--faint);background:var(--tint)} .s-ok{color:var(--ok);background:var(--ok-bg)} .s-sp{color:var(--hum);background:var(--hum-bg)}
.a-seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--paper)}
.a-seg span{font-size:12px;padding:5px 12px;color:var(--muted);border-left:1px solid var(--line);white-space:nowrap}
.a-seg span:first-child{border-left:0}
.a-seg span.on{background:var(--accent);color:#fff}
.a-checks{display:flex;flex-wrap:wrap;gap:6px}
.a-checks span{font-size:12px;background:var(--ok-bg);color:var(--ok);border-radius:6px;padding:2px 10px}
.a-checks span.w{background:var(--hum-bg);color:var(--hum)}
.a-bars{display:flex;flex-direction:column;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.a-bar{display:grid;grid-template-columns:96px minmax(0,1fr) 56px minmax(0,150px);gap:10px;align-items:center;font-size:12.5px}
.a-bar i,.a-dist i{display:block;height:8px;border-radius:4px;background:var(--tint);overflow:hidden}
.a-bar i b,.a-dist i b{display:block;height:100%;background:var(--accent);border-radius:4px}
.a-bar em,.a-dist em{font-style:normal;font-family:var(--f-mono);font-size:12px;text-align:right;color:var(--muted)}
.a-bar small{font-size:11px;color:var(--faint)}
.a-total{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.a-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.a-2>div{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.a-dist{display:flex;flex-direction:column;gap:8px}
.a-dist>div{display:grid;grid-template-columns:64px minmax(0,1fr) 52px;gap:10px;align-items:center;font-size:12.5px}
.a-dist i b.m{background:var(--hum)} .a-dist i b.h{background:var(--risk)} .a-dist i b.x{background:var(--purple)}
.a-cols{display:flex;align-items:flex-end;gap:12px;height:120px;padding-top:8px}
.a-cols>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:100%;position:relative}
.a-cols i{display:block;width:60%;background:var(--accent-l);border-radius:4px 4px 0 0}
.a-cols i.o{background:var(--risk);width:60%;border-radius:0}
.a-cols span{font-size:11px;color:var(--faint);margin-top:4px}
.a-filters{display:flex;gap:6px;flex-wrap:wrap}
.a-filters span{font-size:12px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:3px 10px;color:var(--muted)}
.a-hand{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--hum-bg);border-radius:10px;padding:10px 12px;font-size:12.5px}
.a-dd{border:1px solid var(--line);border-radius:6px;padding:1px 8px;font-size:12px;white-space:nowrap}
.a-sw{display:inline-block;width:30px;height:17px;border-radius:9px;background:var(--line);position:relative;vertical-align:middle}
.a-sw::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff}
.a-sw.on{background:var(--accent)} .a-sw.on::after{left:15px}
.a-pipe{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 420px}
.a-pipe>div{flex:1 1 76px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.a-pipe b{font-size:20px;font-variant-numeric:tabular-nums}
.a-pipe span{font-size:11.5px;color:var(--faint);line-height:1.35}
.a-pipe .w{border-top-color:var(--hum)} .a-pipe .s{border-top-color:var(--sys)} .a-pipe .o{border-top-color:var(--ok)} .a-pipe .r{border-top-color:var(--risk)} .a-pipe .g{border-top-color:var(--accent)}
.a-btn.big{font-size:13.5px;padding:10px 18px;cursor:pointer}
.a-btn[data-go]{cursor:pointer}
.a-batch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.a-batch>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.a-batch span{font-size:12px;color:var(--muted)}
.a-batch i{display:block;height:6px;border-radius:3px;background:var(--tint);overflow:hidden}
.a-batch i b{display:block;height:100%;background:var(--accent)}
.a-steps{display:flex;gap:4px;flex-wrap:wrap;counter-reset:s}
.a-steps span{flex:1 1 110px;font-size:12px;text-align:center;padding:6px 8px;background:var(--paper);border:1px solid var(--line);color:var(--faint);border-radius:8px;white-space:nowrap}
.a-steps span.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.a-steps span.done{color:var(--ok);border-color:var(--ok);background:var(--ok-bg)}
.a-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.a-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.a-f.full{grid-column:1/-1}
.a-f small{font-size:12px;color:var(--muted)}
.a-f small i{font-style:normal;color:var(--faint);font-size:11px;margin-left:4px}
.a-in{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;background:var(--paper);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a-in.lock{background:var(--soft);color:var(--muted)}
.a-in em,.a-people em{font-style:normal;font-size:11px;color:var(--ok);margin-left:6px}
.a-f .a-seg{align-self:flex-start}
.a-people{display:flex;gap:6px;flex-wrap:wrap}
.a-people span{font-size:12.5px;border:1px solid var(--line);border-radius:8px;padding:4px 10px;background:var(--soft)}
.a-people .add{border-style:dashed;color:var(--accent);background:transparent}
.a-ways{display:flex;gap:6px;flex-wrap:wrap}
.a-ways span{font-size:12px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:4px 10px;color:var(--muted)}
.a-ways span.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.a-drops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.a-drop{display:flex;flex-direction:column;gap:3px;border:1.5px dashed var(--line);border-radius:12px;padding:14px;background:var(--paper);cursor:pointer;min-width:0;min-height:112px}
.a-drop:hover{border-color:var(--accent)}
.a-drop b{font-size:13.5px}
.a-drop span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.a-drop em{font-style:normal;font-size:12.5px;font-weight:600;margin-top:auto;color:var(--accent)}
.a-drop small{font-size:11.5px;color:var(--accent);text-decoration:underline}
.a-drop.ok{border-style:solid;border-color:var(--ok);background:var(--ok-bg)} .a-drop.ok em{color:var(--ok)}
.a-drop.bad{border-style:solid;border-color:var(--risk);background:var(--risk-bg)} .a-drop.bad em{color:var(--risk)}
.a-drop.busy em{color:var(--sys)}
.a-drop.auto{cursor:default;border-style:solid;background:var(--soft)} .a-drop.auto em{color:var(--ok)}
.a-ul{margin:0;padding-left:18px;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.a-tbl.sm{min-width:0}
.a-tl{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.a-tl>div{display:grid;grid-template-columns:18px 120px minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:7px 0;position:relative;font-size:12.5px}
.a-tl>div::before{content:"";position:absolute;left:8px;top:22px;bottom:-8px;width:2px;background:var(--line)}
.a-tl>div:last-child::before{display:none}
.a-tl i{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);background:var(--paper);align-self:center;position:relative;z-index:1;margin-left:2px}
.a-tl .done i{background:var(--ok);border-color:var(--ok)} .a-tl .done::before{background:var(--ok)}
.a-tl .cur i{background:var(--paper);border-color:var(--hum);box-shadow:0 0 0 4px var(--hum-bg)}
.a-tl .cur b{color:var(--hum)}
.a-tl span{color:var(--muted)} .a-tl small{font-size:11.5px;color:var(--faint);text-align:right}
.a-tl>div:not(.done):not(.cur){opacity:.6}
.hl{outline:2px solid #FF8A1F!important;outline-offset:3px;border-radius:8px;animation:hlp 1.6s ease-out 2;position:relative;z-index:1}
@keyframes hlp{0%{box-shadow:0 0 0 0 rgba(255,138,31,.5)}100%{box-shadow:0 0 0 12px rgba(255,138,31,0)}}
@media (prefers-reduced-motion:reduce){.hl{animation:none}}
@media (max-width:900px){.a-grid3,.a-drops,.a-form{grid-template-columns:repeat(2,minmax(0,1fr))}.a-bar{grid-template-columns:84px minmax(0,1fr) 52px}.a-bar small{grid-column:2/4;margin-top:-6px}}
@media (max-width:760px){
  .a-grid3,.a-ups,.a-2,.a-hits{grid-template-columns:1fr}
  .a-kpis,.a-total,.a-kvg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-hand,.a-batch,.a-drops,.a-form{grid-template-columns:1fr}
  .a-tl>div{grid-template-columns:18px minmax(0,1fr)}.a-tl span,.a-tl small{grid-column:2;text-align:left}
}

.a-ta{min-height:54px;resize:vertical;font:inherit;width:100%}