@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
/* Layout: Kopfleiste, darunter Kundenliste links und Arbeitsbereich rechts (iPad quer); auf dem Handy eine Spalte.
   Farbe: kühle Schiefer-Neutrale, Petrolblau als Aktion, Rufleuchten-Gelb nur als Markenpunkt. */
:root{--bg:#f3f2ee;--surface:#ffffff;--surface2:#f8f7f3;--ink:#222222;--ink2:#666666;--line:#e4e1d7;--accent:#e3be4f;--accent-ink:#222222;--accent-text:#7d5f00;--accent-soft:#fbf3d9;--signal:#e3be4f;--ok:#12794a;--ok-soft:#dff3e8;--bad:#c0301f;--bad-soft:#fbe5e1;--warn:#8a5200;--warn-soft:#fdf0d3;--shadow:0 1px 2px rgba(34,34,34,.06),0 4px 14px rgba(34,34,34,.05);color-scheme:light;
--f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--f-head:'IBM Plex Sans Condensed','IBM Plex Sans',system-ui,sans-serif;--f-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#161616;--surface:#212121;--surface2:#2a2a2a;--ink:#f1efe8;--ink2:#a8a69c;--line:#3a3935;--accent:#e3be4f;--accent-ink:#222222;--accent-text:#e3be4f;--accent-soft:#3b3213;--signal:#e3be4f;--ok:#4cc58a;--ok-soft:#12301f;--bad:#ff8a78;--bad-soft:#3b1b17;--warn:#f0b34a;--warn-soft:#3a2b0e;--shadow:none;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#161616;--surface:#212121;--surface2:#2a2a2a;--ink:#f1efe8;--ink2:#a8a69c;--line:#3a3935;--accent:#e3be4f;--accent-ink:#222222;--accent-text:#e3be4f;--accent-soft:#3b3213;--signal:#e3be4f;--ok:#4cc58a;--ok-soft:#12301f;--bad:#ff8a78;--bad-soft:#3b1b17;--warn:#f0b34a;--warn-soft:#3a2b0e;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 var(--f-body);-webkit-text-size-adjust:100%;padding-block:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:700;margin:0;text-wrap:balance;letter-spacing:.005em}
h2{font-size:27px;line-height:1.15}h3{font-size:19px}
button,input,textarea{font:inherit;color:inherit}
a{color:var(--accent-text)}
.mut{color:var(--ink2)}.sm{font-size:14px}.mono{font-family:var(--f-mono)}
.eyebrow{font:600 12px var(--f-head);letter-spacing:.09em;text-transform:uppercase;color:var(--ink2);margin:0 0 8px}
#shell{height:100%;display:flex;flex-direction:column;gap:12px;min-height:0}
#top{display:flex;align-items:center;gap:12px;flex:none;flex-wrap:nowrap;background:var(--surface);border:1px solid var(--line);border-bottom:3px solid var(--accent);border-radius:16px;padding:8px 14px;box-shadow:var(--shadow)}#top #usr{margin-left:auto;flex-wrap:nowrap;position:relative}
#brand{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0;border:0;background:none;padding:2px;text-align:left}
.brandmark{position:relative;width:42px;height:42px;border-radius:11px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font:700 17px var(--f-head);flex:none}
.brandmark::after{content:"";position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--signal);border:2px solid var(--bg)}
.logoimg{height:46px;max-width:190px;object-fit:contain;display:block}.menu{position:relative}.menu>summary{list-style:none;cursor:pointer}.menu>summary::-webkit-details-marker{display:none}.mpop{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:6px;display:flex;flex-direction:column}.mpop button{border:0;background:none;text-align:left;min-height:46px;padding:0 14px;border-radius:10px;font:500 16px var(--f-body);cursor:pointer;color:var(--ink)}.mpop button:hover{background:var(--surface2)}.mpop hr{border:0;border-top:1px solid var(--line);margin:4px 6px;width:calc(100% - 12px)}.mpop .dg{color:var(--bad)}
.bt{display:flex;flex-direction:column;line-height:1.15;min-width:0}.bt b{font:700 18px var(--f-head)}.bt small{color:var(--ink2);font-size:12.5px}
.av{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font:700 15px var(--f-head);flex:none}
#panes{flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px}
#side{background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
#side header{padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px}
#list{flex:1;overflow:auto;padding:2px 8px 10px}
.ci{padding:10px 10px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:5px;border:0;background:none;width:100%;text-align:left}
.ci:hover{background:var(--surface2)}.ci.on{background:var(--accent-soft)}.ci b{font-weight:600;overflow-wrap:anywhere}
#main{overflow:auto;min-height:0;min-width:0}
#kbtn{display:none}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0;box-shadow:var(--shadow)}
.stack{display:flex;flex-direction:column;gap:14px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp{flex:1}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;align-items:start}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.btn{font:600 15px var(--f-body);min-height:46px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}
.btn:hover{background:var(--surface2)}
.btn.p{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.p:hover{filter:brightness(.96)}.btn.p{box-shadow:0 1px 0 rgba(0,0,0,.08)}
.btn.s{min-height:38px;padding:0 12px;font-size:14px}
.btn.d{color:var(--bad);border-color:var(--bad)}
.btn.dp{background:var(--bad);border-color:var(--bad);color:#fff}
.btn:disabled{opacity:.5;cursor:default}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=number],input:not([type]),textarea{width:100%;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:11px 12px;min-height:46px;color:var(--ink)}
textarea{min-height:92px;resize:vertical}
.l{display:block;font-size:12.5px;color:var(--ink2);margin:0 0 4px}
.pill{display:inline-flex;align-items:center;font:600 12.5px var(--f-body);padding:3px 10px;border-radius:99px;white-space:nowrap}
.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.mut{background:var(--surface2);color:var(--ink2)}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;margin-bottom:14px}
.tab{padding:12px 16px;font:600 15px var(--f-body);border:0;background:none;color:var(--ink2);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
.tab.on{color:var(--ink);border-bottom-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}
.kv{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:7px 14px;font-size:15px}.kv>:nth-child(odd){color:var(--ink2)}.kv>*{overflow-wrap:anywhere}
.sub{margin:18px 0 8px}
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.hero .big{font:700 30px/1.1 var(--f-head);margin:0 0 6px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.tag{font:500 13px var(--f-body);padding:4px 10px;border-radius:8px;background:var(--surface2);border:1px solid var(--line);color:var(--ink2)}
.prog{height:10px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:10px}.prog i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .25s}
.res{display:flex;flex-direction:column;gap:2px;border-radius:12px;padding:12px 16px;margin:6px 0}.res.ok{background:var(--ok-soft);color:var(--ok)}.res.bad{background:var(--bad-soft);color:var(--bad)}.res b{font:700 17px var(--f-head)}.res span{font-size:13px;opacity:.9}
.nx{margin-top:16px;padding:10px 14px;background:var(--surface2);border-radius:10px}.sgs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sgs .sg{height:80px;display:block;max-width:100%}.sgs .blank{border:0}.sl{font-size:12px;color:var(--ink2);border-top:1px solid var(--line);margin-top:6px;padding-top:4px}
.rep table.rt{table-layout:fixed}.rep table.rt th,.rep table.rt td{word-break:break-word;hyphens:auto}.rep table.rt th:first-child,.rep table.rt td:first-child{width:24%}.rep table.rt td.cl{line-height:1.6}.rep .cp{display:inline-block;white-space:nowrap;padding:2px 8px;margin:2px 5px 2px 0;border-radius:6px;font-size:12.5px;border:1px solid transparent}.rep .cp.ok{background:var(--ok-soft);color:var(--ok)}.rep .cp.m{background:var(--bad-soft);color:var(--bad);font-weight:700}.rep .cp.na{background:var(--surface2);color:var(--ink2);border-color:var(--line)}.rep .lg{margin:6px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.9}.rep table.sm1{margin-bottom:6px}.rep table.rt th:last-child,.rep table.rt td.rs{width:16%;white-space:nowrap}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;box-shadow:var(--shadow);border-top:4px solid var(--line)}.tile b{font:700 34px/1 var(--f-head);font-variant-numeric:tabular-nums}.tile span{font-size:14px;color:var(--ink2)}.tile.hot{border-top-color:var(--bad)}.tile.hot b{color:var(--bad)}.tile.warn{border-top-color:var(--accent)}.tile:not(.hot):not(.warn){border-top-color:var(--ink2)}@media(max-width:700px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.stats>div{padding:14px 18px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.stats>div:first-child{border-left:0}
.stats b{font:700 32px/1 var(--f-head);font-variant-numeric:tabular-nums}.stats span{font-size:13px;color:var(--ink2)}.stats .hot b{color:var(--bad)}
.lr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer;width:100%;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left}
.lr:first-of-type{border-top:0}.lr:hover{background:var(--surface2)}.lr>.sp{min-width:min(100%,180px)}.lr b{display:block;overflow-wrap:anywhere}
.it{padding:12px 0;border-top:1px solid var(--line)}.it:first-child{border-top:0}
.empty{text-align:center;color:var(--ink2);padding:28px 10px}
.pm{padding:9px 12px;border-radius:10px;background:var(--bad-soft);color:var(--bad);font-size:14px;margin-top:8px}
.note{padding:10px 12px;border-radius:10px;background:var(--warn-soft);color:var(--ink);font-size:14.5px;border:1px solid var(--line)}
.ch{font:500 13px var(--f-body);padding:6px 11px;border-radius:99px;border:1px solid var(--line);background:var(--surface2);color:var(--ink2);cursor:pointer;min-height:34px}
.ch.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok);font-weight:600}
.ch.sel{background:var(--accent-soft);border-color:var(--accent);color:var(--ink);font-weight:600}
.ch.m{background:var(--bad-soft);border-color:var(--bad);color:var(--bad);font-weight:600}
.ch.part{border-style:dashed;border-color:var(--ok);color:var(--ok)}
.ch.off{opacity:.65}
.ch.L{min-height:46px;font-size:15px;padding:0 15px}
.chs{display:flex;gap:6px;flex-wrap:wrap}
.cx{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 12px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);font-size:14px}
.cx button{border:0;background:none;color:var(--ink2);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;min-height:32px}
.crow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr)) auto;gap:8px;align-items:end;padding:12px 0;border-top:1px solid var(--line)}
.crow:first-of-type{border-top:0}
.selbar{position:sticky;top:0;z-index:5;background:var(--accent-soft);border:1px solid var(--accent);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.rr{display:grid;grid-template-columns:44px minmax(140px,230px) minmax(0,1fr);gap:8px 10px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}
.rr .rn{font-family:var(--f-mono);font-weight:500;font-size:14px;background:transparent;border-color:transparent;min-height:40px}
.rr .rn:focus{background:var(--surface2);border-color:var(--line)}
.cb{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer}.cb input{width:24px;height:24px;accent-color:var(--accent)}
.fh{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-bottom:6px}
.ph{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.ph .pi{position:relative}.ph img{width:96px;height:96px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}
.ph .px{position:absolute;top:2px;right:2px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.addph{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border:1px dashed var(--ink2);border-radius:10px;color:var(--accent-text);font-weight:600;cursor:pointer}
.sgbox{min-height:130px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px dashed var(--ink2);border-radius:12px;cursor:pointer;padding:8px;color:#555}.sgbox img{max-height:110px;max-width:100%;display:block}
.sgmod{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column;gap:12px;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.sgbar{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:17px}.sgarea{flex:1;min-height:160px;position:relative;background:#fff;border:2px solid var(--line);border-radius:14px;overflow:hidden}
.sgarea canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.sgline{position:absolute;left:28px;right:28px;bottom:28%;border-bottom:1.5px solid #b5b5b5;pointer-events:none}.sgline span{position:absolute;left:-14px;bottom:2px;color:#999;font-size:20px}
.sghint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:20px;pointer-events:none;text-align:center;padding:0 24px}
.sgbtns{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}.sgbtns .btn{min-height:56px;font-size:17px}
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 8px 8px 0;border-top:1px solid var(--line);font-size:14.5px;vertical-align:top}th{font:600 12px var(--f-head);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);border-top:0}
td.m{color:var(--bad);font-weight:700}td.o{color:var(--ok);font-weight:600}
.rep img.sg{height:80px;background:#fff;border-radius:6px}
.rep .rh{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-bottom:14px;border-bottom:2px solid var(--accent);margin-bottom:14px}
.rcpt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cpb{border:1px solid var(--line);background:var(--surface2);border-radius:8px;padding:5px 10px;font-size:14px;cursor:pointer}
#lg{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}
#lg .bx{width:100%;max-width:420px}
#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:12px;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60;max-width:90vw}
#toast.show{opacity:1}#toast.bad{background:var(--bad);color:#fff}
.mrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:8px;align-items:end}
.mrow>:first-child{grid-column:1/-1}
.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.pgc{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;background:var(--surface2)}
.pk{display:flex;align-items:center;gap:10px;min-height:42px;cursor:pointer;font-size:15px}.pk input{width:22px;height:22px;accent-color:var(--accent);flex:none}
.ch.na{opacity:.8}.ch:disabled{cursor:default}
.logo-prev{height:64px;max-width:240px;object-fit:contain;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:6px}
@media(max-width:700px){#top{gap:8px;padding:8px 10px;border-radius:14px}#brand{flex:none;gap:0}#brand .bt{display:none}.logoimg{height:36px;max-width:120px}#usr .sm,#usr .pill{display:none}#usr{gap:6px!important}#top .sp{min-width:0}.card{padding:16px}h2{font-size:23px}.kv{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:860px){
 #panes{grid-template-columns:minmax(0,1fr)}#side{display:none}body.show-list #side{display:flex}body.show-list #main{display:none}#kbtn{display:inline-flex}
 .hero{grid-template-columns:minmax(0,1fr)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div:nth-child(3){border-left:0}.stats>div:nth-child(n+3){border-top:1px solid var(--line)}
 .rr{grid-template-columns:44px minmax(0,1fr)}.rr .chs{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* v43 – Feinschliff für iPad: Touch-Ziele, Rückmeldung beim Tippen, Browser-Oberflächen im Markenton */
html{-webkit-tap-highlight-color:transparent;accent-color:var(--accent)}
::selection{background:var(--accent);color:var(--accent-ink)}
::placeholder{color:var(--ink2);opacity:.8}
input[type=number],.mono,.stats b,.rr .rn{font-variant-numeric:tabular-nums}
a:not([href]){color:inherit;text-decoration:none;cursor:default}
.btn:active:not(:disabled),.ch:active{transform:translateY(1px);filter:brightness(.95)}
.btn,.ch,.cx button{transition:background-color .12s ease-out,filter .12s ease-out,transform .12s ease-out}
#list{padding-bottom:56px}
@media(pointer:coarse){.btn.s,.ch,.cx button{min-height:44px}.cx button{min-width:44px}}
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}

/* ===== v45 – Erscheinungsbild „Hell & freundlich“ ===== */
:root{--bg:#faf8f1;--line:#ece8da;--surface2:#f6f3e8;--chip:#efeadb;--chip2:#e7e0cb;--field:#f3efe1;--pbg:#222222;--pink:#ffffff;--shadow:0 2px 4px rgba(60,50,10,.04),0 12px 28px -12px rgba(60,50,10,.16)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141413;--line:#2f2e2a;--surface2:#262521;--chip:#2e2d29;--chip2:#383631;--field:#2a2925;--pbg:#e3be4f;--pink:#222222;--shadow:0 12px 28px -14px rgba(0,0,0,.7)}}
:root[data-theme="dark"]{--bg:#141413;--line:#2f2e2a;--surface2:#262521;--chip:#2e2d29;--chip2:#383631;--field:#2a2925;--pbg:#e3be4f;--pink:#222222;--shadow:0 12px 28px -14px rgba(0,0,0,.7)}
body{background:var(--bg)}
h2{font-size:32px;letter-spacing:-.01em}
#top{background:transparent;border:0;box-shadow:none;padding:4px}
#brand{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:6px 14px}
#top #usr{background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:6px 8px 6px 12px}
#panes{gap:18px;grid-template-columns:320px minmax(0,1fr)}
#side{border:0;border-radius:22px;box-shadow:var(--shadow)}
#side header{padding:16px 14px 12px}
.card{border:0;border-radius:22px;box-shadow:var(--shadow);padding:26px}
.tile,.stats{border:0;border-radius:22px;box-shadow:var(--shadow)}
.tile{border-top-color:transparent!important}
.btn{border:0;border-radius:14px;background:var(--chip);min-height:50px;box-shadow:none;color:var(--ink)}
.btn:hover{background:var(--chip2)}
.btn.p{background:var(--pbg);color:var(--pink);box-shadow:0 8px 18px -8px rgba(0,0,0,.5)}
.btn.p:hover{background:var(--pbg);filter:brightness(.92)}
.btn.p::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}
.btn.s{min-height:42px}.btn.p.s{min-height:42px}
.btn.d{background:transparent;box-shadow:inset 0 0 0 1.5px var(--bad)}.btn.dp{background:var(--bad);color:#fff}
input[type=text],input[type=search],input[type=password],input[type=email],input[type=tel],input[type=number],input:not([type]),textarea{border:2px solid transparent;background:var(--field);border-radius:14px;min-height:50px}
input:focus,textarea:focus{outline:0;border-color:var(--accent);background:var(--surface);box-shadow:none}
.tabs{border:0;gap:6px;background:transparent;padding:0;width:auto}
.tab{border-radius:99px;border:0;background:transparent;color:var(--ink2);padding:10px 18px;min-height:44px}
.tab:hover{color:var(--ink)}
.tab.on{background:var(--accent);color:#222;box-shadow:none}
.ci{border-radius:16px;padding:13px 14px}.ci.on{background:var(--accent);box-shadow:none;color:#222}.ci.on .pill,.ci.on .mut{background:rgba(255,255,255,.6);color:#222}
.ch{border:0;background:var(--chip);min-height:38px;color:var(--ink)}
.ch.ok{background:var(--ok);color:#fff}.ch.m{background:var(--bad);color:#fff}.ch.sel{background:var(--ink);color:var(--bg)}.ch.part{background:var(--ok-soft);color:var(--ok);outline:1.5px dashed var(--ok)}.ch.off{opacity:.55}
.prog{height:12px;background:var(--line)}.prog i{background:var(--accent)}
.pill{border-radius:10px}
.selbar{border-radius:18px;border:0}
.note,.res,.pm{border-radius:14px}
#lg .bx{max-width:440px}
@media(max-width:1000px) and (min-width:861px){#panes{grid-template-columns:276px minmax(0,1fr)}h2{font-size:28px}}
@media(max-width:700px){#top{padding:0;gap:8px}#brand{padding:4px 10px;border-radius:14px}#top #usr{padding:4px 6px 4px 8px}.card{padding:18px;border-radius:18px}h2{font-size:25px}.tabs{overflow-x:auto;width:100%}}
@media(max-width:860px){#panes{grid-template-columns:minmax(0,1fr)}.tabs{overflow-x:auto;width:100%;flex-wrap:nowrap}.tab{flex:none}}
#top #brand .bt b{color:#222}#top #brand .bt small{color:#666}