/* gms-HelpDesk panel theme — dark-first, Inter */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(inter/inter-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(inter/inter-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(inter/inter-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(inter/inter-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(inter/inter-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(inter/inter-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(inter/inter-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(inter/inter-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--pico-font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--pico-font-size:14px;--pico-line-height:1.45;
 --pico-form-element-spacing-vertical:.45rem;--pico-form-element-spacing-horizontal:.8rem;--pico-spacing:.8rem;--pico-border-radius:.55rem;
 --ok:#22c55e;--wait:#f59e0b;--blk:#ef4444;--info:#3b82f6;--fire:#f97316;--viol:#8b5cf6}
/* dark palette (UptimeRobot-like) */
[data-theme=dark]{--pico-background-color:#0B1220;--pico-color:#dfe6f2;--pico-muted-color:#8391a8;--pico-muted-border-color:#1E2A3F;
 --pico-card-background-color:#121A2B;--pico-card-sectioning-background-color:#182238;--pico-card-border-color:#1E2A3F;
 --pico-primary:#3b82f6;--pico-primary-background:#3b82f6;--pico-primary-hover-background:#2f6fe0;--pico-primary-inverse:#fff;--pico-primary-border:#3b82f6;
 --pico-form-element-background-color:#0E1626;--pico-form-element-border-color:#1E2A3F;--pico-form-element-active-border-color:#3b82f6;--pico-form-element-focus-color:#3b82f6;
 --pico-secondary:#c9d2e2;--pico-secondary-background:#1f2b42;--pico-secondary-border:#1f2b42;--pico-secondary-hover-background:#27355a;--pico-secondary-inverse:#e8edf5;
 --pico-contrast:#e8edf5;--pico-table-border-color:#242b37;--pico-table-row-stripped-background-color:#1e2531}

body{-webkit-font-smoothing:antialiased}main.container{max-width:1400px;padding-top:.3rem}
nav.top{background:var(--pico-card-background-color);border-bottom:1px solid var(--pico-muted-border-color);margin-bottom:1.2rem;padding:0 1.2rem}
nav.top ul{margin:0}nav.top li{padding:.55rem .15rem}nav.top .brand{font-weight:700;color:var(--pico-color);letter-spacing:-.01em;margin-right:.6rem}nav.top .brand i{color:var(--ok);font-style:normal}
nav.top a{padding:.42rem .8rem;border-radius:.5rem;font-weight:500;color:var(--pico-muted-color);text-decoration:none}nav.top a:hover{color:var(--pico-color);background:var(--pico-card-sectioning-background-color)}
nav.top a.on{background:var(--pico-card-sectioning-background-color);color:var(--pico-color)}
h1,h2,h3{letter-spacing:-.01em}h3{font-size:1.15rem;margin:0 0 .8rem}h3 i{color:var(--ok);font-style:normal}
article{padding:1rem 1.2rem;margin-bottom:1rem;box-shadow:none;border:1px solid var(--pico-muted-border-color)}
table{font-size:14px;margin-bottom:.4rem}td,th{padding:.55rem .45rem;vertical-align:middle}th{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pico-muted-color)}
tbody tr:hover td{background:var(--pico-card-sectioning-background-color)}
.bd{display:inline-block;font-size:12px;font-weight:500;line-height:1.5;padding:.08rem .6rem;border-radius:99px;border:1px solid currentColor;white-space:nowrap;opacity:.95}
.ok{color:var(--ok)}.wait{color:var(--wait)}.blk{color:var(--blk)}.info{color:var(--info)}.fire{color:var(--fire)}.mut{color:var(--pico-muted-color)}small,.small{font-size:13px}
.acts{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin:0}.acts select,.acts input{width:auto;margin:0}
.acts button,.acts a[role=button],button.sm,a.sm{margin:0;padding:.32rem .75rem;font-size:13px;width:auto;font-weight:500}
.tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.9rem;align-items:center}
.tabs a{padding:.36rem .85rem;border-radius:.5rem;border:1px solid var(--pico-muted-border-color);text-decoration:none;font-size:14px;font-weight:500;color:var(--pico-muted-color);background:var(--pico-card-background-color)}
.tabs a:hover{color:var(--pico-color)}.tabs a.on{background:var(--pico-primary);color:#fff;border-color:var(--pico-primary)}
.tabs form{margin-left:auto;display:flex;gap:.4rem}.tabs select{margin:0;width:auto;padding:.32rem 2rem .32rem .6rem;font-size:14px}
/* layout: list + summary */
.wrap{display:grid;grid-template-columns:1fr 250px;gap:1rem;align-items:start}@media(max-width:860px){.wrap{grid-template-columns:1fr}}
.list{display:flex;flex-direction:column;gap:.5rem}
.tk{display:grid;grid-template-columns:14px 1fr auto;gap:.9rem;align-items:center;padding:.75rem 1rem;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:.6rem;text-decoration:none;color:inherit}
.tk:hover{border-color:#3a4557;background:var(--pico-card-sectioning-background-color)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--pico-muted-color);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)}
.dot.new{background:var(--blk);color:var(--blk)}.dot.in_progress{background:var(--wait);color:var(--wait)}.dot.resolved{background:var(--info);color:var(--info)}.dot.closed{background:#5b6675;color:#5b6675}
.tk .t{font-weight:600;font-size:15px}.tk .s{font-size:12.5px;color:var(--pico-muted-color);margin-top:.15rem}.tk .s b{font-weight:600;color:var(--pico-color)}
.tk .r{text-align:right;font-size:12.5px;color:var(--pico-muted-color);white-space:nowrap}.tk .r .bd{margin-bottom:.25rem}
.tk.urg{border-color:color-mix(in srgb,var(--fire) 45%,transparent)}
.sum{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.sum div{background:var(--pico-card-sectioning-background-color);border-radius:.5rem;padding:.6rem .7rem}
.sum b{display:block;font-size:22px;font-weight:700;line-height:1.1}.sum span{font-size:12px;color:var(--pico-muted-color)}
.chat{display:flex;flex-direction:column;gap:.6rem}
.msg{max-width:78%;padding:.6rem .9rem;border-radius:.8rem;white-space:pre-wrap;word-break:break-word;background:var(--pico-card-sectioning-background-color);border:1px solid var(--pico-muted-border-color)}
.msg.admin{align-self:flex-end;background:var(--pico-primary);color:#fff;border-color:transparent}.msg.admin a{color:inherit;text-decoration:underline}
.msg .h{font-size:12px;opacity:.75;margin-bottom:.25rem}.msg img,.msg video{max-width:100%;border-radius:.5rem;margin-top:.4rem;display:block}
label.chk{display:inline-flex;gap:.35rem;align-items:center;margin:.2rem 1rem .2rem 0;font-size:14px}.chk input{margin:0}
.login{max-width:420px;margin:3rem auto;text-align:center}#qr img{border-radius:.6rem;padding:8px;background:#fff}
tr.urg td:first-child{box-shadow:inset 3px 0 0 var(--fire)}
input[type=file]{font-size:13px;padding:.25rem .5rem;width:auto}
html{color-scheme:dark}
.ev{align-self:center;font-size:12.5px;color:var(--pico-muted-color);padding:.15rem .8rem;border-radius:99px;background:var(--pico-card-sectioning-background-color)}.ev b{color:var(--pico-color);font-weight:500}


/* ===== app layout ===== */
body{margin:0}.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}
.side{background:#0E1526;border-right:1px solid var(--pico-muted-border-color);padding:.9rem .7rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.side .brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:18px;letter-spacing:-.01em;padding:.25rem .5rem 1rem}.side .brand img{width:34px;height:34px;border-radius:10px}
.menu{display:flex;flex-direction:column;gap:.2rem}.menu a{display:flex;align-items:center;gap:.65rem;padding:.62rem .8rem;border-radius:.6rem;color:#9aa8bf;font-weight:500;text-decoration:none;font-size:14px}
.i{width:18px;height:18px;flex:none}.menu a:hover{background:#151f33;color:#fff}.menu a.on{background:#1a2a4a;color:#fff}.menu a.on .i{color:var(--pico-primary)}
.menu .cnt{margin-left:auto;background:var(--pico-primary);color:#fff;font-size:11px;font-weight:600;padding:.05rem .5rem;border-radius:99px}.menu .cnt.wait{background:var(--wait);color:#1a1200}
.side-foot{margin-top:auto;padding:.5rem .8rem 0;border-top:1px solid var(--pico-muted-border-color)}
.col{min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:56px;border-bottom:1px solid var(--pico-muted-border-color);background:#0E1526;position:sticky;top:0;z-index:5}
.tabs-top{display:flex;gap:.2rem;height:100%}.tabs-top a{display:flex;align-items:center;gap:.5rem;padding:0 .9rem;color:#9aa8bf;font-size:14px;font-weight:500;text-decoration:none;border-bottom:2px solid transparent}
.tabs-top a.on{color:var(--pico-primary);border-bottom-color:var(--pico-primary)}.tabs-top a:hover{color:#fff}
.tb-right{display:flex;align-items:center;gap:1rem}.bell{position:relative;color:#9aa8bf;display:flex;padding:.35rem;border-radius:.5rem}.bell:hover{background:#151f33;color:#fff}.bell i{position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--blk)}
.me{display:flex;align-items:center;gap:.6rem}.me .av{width:32px;height:32px;border-radius:50%;background:#1f3a6e;color:#cfe0ff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}
.me>span:not(.av){display:flex;flex-direction:column;line-height:1.15}.me b{font-size:13px;font-weight:600}.me small{font-size:11px;color:var(--pico-muted-color)}.me>a{color:#9aa8bf;display:flex;padding:.3rem;border-radius:.4rem}.me>a:hover{color:#fff;background:#151f33}
.work{padding:1.4rem 1.6rem 2.5rem;width:100%}
.ph{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.1rem}.ph h1{font-size:26px;font-weight:700;margin:0;letter-spacing:-.02em;color:#fff}.ph p{margin:.15rem 0 0;font-size:13px}
/* stat cards */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin-bottom:.9rem}
.stat{display:flex;align-items:center;gap:.75rem;padding:.8rem .9rem;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:.8rem;text-decoration:none;color:var(--pico-muted-color)}
.stat .tile{width:40px;height:40px;border-radius:.65rem;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 4px 14px color-mix(in srgb,var(--c1) 35%,transparent);flex:none}.stat .tile .i{width:20px;height:20px}
.stat .txt{display:flex;flex-direction:column;line-height:1.1;min-width:0}.stat .txt b{font-size:21px;font-weight:700;color:#fff}.stat .txt span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat .chev{margin-left:auto;color:#4d5b74;width:16px;height:16px}
.stat.new{--c1:#3b82f6;--c2:#2563eb}.stat.urg{--c1:#f97316;--c2:#ef4444}.stat.resolved{--c1:#8b5cf6;--c2:#6d28d9}.stat.closed{--c1:#22c55e;--c2:#15803d}.stat.all{--c1:#64748b;--c2:#475569}
.stat:hover{background:var(--pico-card-sectioning-background-color);border-color:#2b3a55}.stat.on{border-color:var(--pico-primary);box-shadow:0 0 0 1px var(--pico-primary) inset,0 0 18px rgba(59,130,246,.15)}
/* filters */
.filters{display:grid;grid-template-columns:1fr 210px 210px;gap:.6rem;margin-bottom:1rem}
.filters .srch{display:flex;align-items:center;gap:.5rem;background:var(--pico-form-element-background-color);border:1px solid var(--pico-form-element-border-color);border-radius:.65rem;padding:0 .8rem;height:40px;margin:0;color:var(--pico-muted-color)}
.filters .srch input{border:0;background:transparent;margin:0;padding:0;height:100%;box-shadow:none;font-size:13.5px}.filters .srch input:focus{box-shadow:none;outline:none}
.filters select{margin:0;font-size:13.5px;height:40px;padding:0 2rem 0 .8rem;border-radius:.65rem}
.lh{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin:0 0 .6rem;color:var(--pico-muted-color)}.lh b{color:#fff;font-weight:600}
/* ticket cards */
.list{display:flex;flex-direction:column;gap:.6rem}
.tk{display:grid;grid-template-columns:72px minmax(0,1.7fr) minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.85rem 1rem .85rem .95rem;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-left:4px solid var(--c);border-radius:.8rem;text-decoration:none;color:inherit}
.tk:hover{background:var(--pico-card-sectioning-background-color);border-color:#2b3a55;border-left-color:var(--c)}
.tk .n{font-weight:600;font-size:13px;color:#93a0b8;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}
.tk .ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--c);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--c) 40%,transparent)}.tk .ic .i{width:15px;height:15px}
.tk .t{font-weight:600;font-size:15.5px;color:#f1f4f9}.tk .desc{font-size:13px;color:#93a0b8;margin-top:.15rem}
.tk .s{display:flex;gap:1rem;font-size:12.5px;color:#8391a8;margin-top:.45rem}.tk .s span{display:inline-flex;align-items:center;gap:.35rem}.tk .s .i{width:14px;height:14px}
.tk .r{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;white-space:nowrap}.tk .r small{font-size:12px;color:#8391a8}
.pill{display:inline-block;font-size:12px;font-weight:600;padding:.2rem .7rem;border-radius:99px;background:var(--c,#64748b);color:#fff}
.st-new{--c:#3b82f6}.st-in_progress{--c:#f59e0b}.st-resolved{--c:#8b5cf6}.st-closed{--c:#22c55e}.st-urg{--c:#ef4444}
.st-in_progress .pill,.st-in_progress .ic{color:#1a1200}
.empty{text-align:center;padding:3rem 1rem;background:var(--pico-card-background-color);border:1px dashed var(--pico-muted-border-color);border-radius:.9rem}
.empty .big{width:60px;height:60px;border-radius:50%;background:#12331f;color:var(--ok);display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}.empty .big .i{width:28px;height:28px}
.empty h3{margin:0 0 .3rem;color:#fff}.empty p{margin:0 0 1rem}
/* rail */
.wrap{display:grid;grid-template-columns:1fr 300px;gap:1rem;align-items:start}
.rail article{padding:.95rem 1.05rem;border-radius:.9rem}.rail h3{font-size:15px;margin-bottom:.6rem;display:flex;justify-content:space-between;align-items:center;color:#fff}
.online{font-size:12px;font-weight:500;color:var(--pico-muted-color);display:inline-flex;align-items:center;gap:.35rem}.online i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok)}
.kv{list-style:none;padding:0;margin:0}.kv li{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--pico-muted-border-color);font-size:13.5px}.kv li:last-child{border:0}.kv b{margin-left:auto;font-weight:600;color:#fff}
.d{width:10px;height:10px;border-radius:50%;background:var(--c,#64748b);flex:none;box-shadow:0 0 6px color-mix(in srgb,var(--c,#64748b) 60%,transparent)}.d.new{--c:#3b82f6}.d.urg{--c:#f97316}.d.resolved{--c:#8b5cf6}.d.closed{--c:#22c55e}.d.in_progress{--c:#f59e0b}.d.all{--c:#64748b}
.feed{list-style:none;padding:0;margin:0}.feed li{display:flex;gap:.7rem;padding:.55rem 0;font-size:13px;line-height:1.35;border-bottom:1px solid var(--pico-muted-border-color)}.feed li:last-child{border:0}
.fi{width:30px;height:30px;border-radius:50%;background:var(--c,#64748b);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;margin-top:.1rem}.fi .i{width:15px;height:15px}.fi.new{--c:#3b82f6}.fi.in_progress{--c:#f59e0b}.fi.resolved{--c:#8b5cf6}.fi.closed{--c:#22c55e}.fi.urg{--c:#ef4444}
.feed b{font-weight:600;color:#f1f4f9}.feed .fs{font-size:12px;color:var(--pico-muted-color);margin-top:.1rem}
@media(max-width:1180px){.stats{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr}.tabs-top{display:none}}
@media(max-width:860px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.4rem;padding:.5rem .6rem}.side .brand{padding:0 .4rem}.menu{flex-direction:row;flex-wrap:wrap}.menu a{padding:.4rem .6rem}.side-foot{display:none}.work{padding:1rem}.wrap{grid-template-columns:1fr}.tk{grid-template-columns:56px 1fr}.tk .r{grid-column:2;flex-direction:row;align-items:center}}

/* collapsible sidebar */
.side .brand{position:relative}.side .tgl{position:absolute;right:-.2rem;top:.15rem;width:26px;height:26px;padding:0;margin:0;border:1px solid var(--pico-muted-border-color);background:#121a2b;color:#9aa8bf;border-radius:50%;display:flex;align-items:center;justify-content:center}
.side .tgl .i{width:14px;height:14px;transform:rotate(90deg);transition:transform .2s}.side .tgl:hover{color:#fff}
.app{transition:grid-template-columns .2s}.app.mini{grid-template-columns:64px 1fr}
.app.mini .lbl,.app.mini .cnt{display:none}.app.mini .side{padding:.9rem .5rem}.app.mini .brand{padding:.25rem 0 1rem;justify-content:center}
.app.mini .menu a{justify-content:center;padding:.62rem 0}.app.mini .menu a.on{position:relative}.app.mini .side .tgl{right:-.6rem}.app.mini .side .tgl .i{transform:rotate(-90deg)}
.app.mini .menu a .cnt{display:block;position:absolute;top:4px;right:6px;padding:0 .35rem;font-size:10px}
/* seller mini app */
.mini{max-width:640px;margin:0 auto;padding:.6rem .8rem 2rem}.mh{display:flex;align-items:center;gap:.7rem;padding:.4rem 0 .9rem}.mh img{width:36px;height:36px;border-radius:10px}
.mh>div{display:flex;flex-direction:column;line-height:1.2;flex:1}.mh b{font-size:16px}.mh small{font-size:12px;color:var(--pico-muted-color)}.mh .back{font-size:22px;text-decoration:none;color:var(--pico-muted-color);padding:0 .4rem}
.mini .tk{grid-template-columns:52px 1fr auto;padding:.7rem .8rem}.mini .tk .t{font-size:14.5px}.mini label{font-size:13px;color:var(--pico-muted-color)}.mini label select,.mini label textarea,.mini label input{margin-top:.25rem}
.note-box{background:#182238;border-color:#2b3a55;font-size:14px}.note-box.blk{border-color:var(--blk)}
.msg.note{align-self:flex-end;background:#3a2f12;color:#fde68a;border-color:#6b5514}
@media(max-width:860px){.mini{padding:.4rem .6rem 2rem}}
.subj{padding:.6rem .9rem}.subj input{background:transparent;border-color:transparent}.subj input:hover,.subj input:focus{border-color:var(--pico-form-element-border-color);background:var(--pico-form-element-background-color)}
.stats{grid-template-columns:repeat(7,1fr)}@media(max-width:1400px){.stats{grid-template-columns:repeat(4,1fr)}}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.grid2.tight{gap:.4rem .8rem}.grid2 label{font-size:13px;color:var(--pico-muted-color)}.grid2 label input{margin:.2rem 0 .4rem}
@media(max-width:1000px){.grid2{grid-template-columns:1fr}}
.att .kv li a{color:var(--pico-color);text-decoration:none}.att .kv li.hot a{color:#fff;font-weight:600}.att .kv li.hot b{color:var(--blk)}.att .kv li:not(.hot){opacity:.6}

/* ===== ticket page 0.7 ===== */
.tpage{max-width:none}.tpage .back{display:inline-block;margin-bottom:.6rem;text-decoration:none;font-size:14px}
.thead{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.thead .tt{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem;min-width:0}
.tnum{font-size:26px;font-weight:700;color:#fff}.thead h1{font-size:22px;font-weight:600;margin:0;color:#fff;line-height:1.25}.thead h1 a{font-size:16px;color:var(--pico-muted-color);text-decoration:none;margin-left:.3rem}.thead h1 a:hover{color:#fff}
.thead .tt p{flex-basis:100%;margin:0;font-size:13.5px}.subjf{flex:1;min-width:300px}.subjf input{margin:0;font-size:20px;font-weight:600}
.tright{display:flex;align-items:center;gap:.6rem;flex:none}.prio{display:inline-block;padding:.45rem .9rem;border-radius:.6rem;font-weight:600;font-size:14px;color:#fff}.prio.p2{background:#dc2626}.prio.p1{background:#d97706}.prio.p0{background:#2563eb}
.dd{position:relative;margin:0}.dd summary{margin:0;padding:.45rem .9rem;font-size:14px;list-style:none;cursor:pointer}.dd summary::-webkit-details-marker{display:none}.dd summary::after{content:none}
.dd .menu{position:absolute;right:0;top:110%;z-index:10;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:.6rem;padding:.4rem;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.dd .menu form{display:flex;flex-direction:column;gap:.2rem;margin:0}.dd .menu button{margin:0;text-align:left;background:transparent;border:0;color:var(--pico-color);padding:.5rem .7rem;border-radius:.4rem;font-size:14px}.dd .menu button:hover{background:var(--pico-card-sectioning-background-color)}
/* path */
.path{display:flex;align-items:center;gap:.5rem;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:.9rem;padding:.9rem 1rem;margin-bottom:1rem;flex-wrap:wrap}
.path .arrow{color:#3a4760;font-size:18px}.path .stepf{margin:0;display:contents}
.step{--c:#64748b;display:flex;align-items:center;gap:.7rem;min-width:170px;flex:1;padding:.6rem .9rem;border-radius:.7rem;border:1px solid var(--pico-muted-border-color);background:#111a2b;color:var(--pico-muted-color);text-decoration:none;text-align:left;margin:0;font:inherit;line-height:1.2}
.step i{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:13px;background:#1b2538;color:#6b7a94;flex:none}.step b{display:block;font-size:14px;font-weight:600}.step small{display:block;font-size:11.5px;margin-top:.1rem;opacity:.85}
.step.new{--c:#3b82f6}.step.in_progress{--c:#f59e0b}.step.waiting{--c:#8b5cf6}.step.resolved{--c:#22c55e}.step.closed{--c:#4f7fd1}.step.cancel{--c:#64748b}
.step.done{border-color:color-mix(in srgb,var(--c) 45%,transparent);color:#c9d2e2}.step.done i{background:color-mix(in srgb,var(--c) 25%,transparent);color:var(--c)}
.step.cur{background:color-mix(in srgb,var(--c) 22%,#0f1727);border-color:var(--c);color:#fff;box-shadow:0 0 0 1px var(--c) inset,0 0 18px color-mix(in srgb,var(--c) 30%,transparent)}.step.cur i{background:var(--c);color:#fff}
.step.fut{opacity:.55}.step.act{opacity:1;cursor:pointer;border-style:dashed;border-color:color-mix(in srgb,var(--c) 60%,transparent)}.step.act:hover{background:color-mix(in srgb,var(--c) 15%,#0f1727);opacity:1}.step.act small{color:var(--c)}
.path .total{margin-left:auto}
.closebox{background:var(--pico-card-background-color);border:1px solid #22c55e55;border-radius:.9rem;padding:.9rem 1rem;margin:-.4rem 0 1rem}.closebox label{font-size:13px;color:var(--pico-muted-color);margin:0}.closebox select,.closebox input{margin:.2rem 0 0}
/* body */
.tbody{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}
.tmain{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:.9rem;overflow:hidden}
.ttabs{display:flex;border-bottom:1px solid var(--pico-muted-border-color);padding:0 .6rem}.ttabs a{padding:.8rem 1rem;color:var(--pico-muted-color);text-decoration:none;font-size:14px;font-weight:500;border-bottom:2px solid transparent}.ttabs a.on{color:var(--pico-primary);border-bottom-color:var(--pico-primary)}
.chatwrap{padding:1rem 1.2rem}.chat{display:flex;flex-direction:column;gap:.8rem}
.msgrow{display:flex;flex-direction:column;max-width:78%}.msgrow.admin{align-self:flex-end;align-items:flex-end}.msgrow .who{font-size:12px;color:var(--pico-muted-color);margin:0 .4rem .25rem}
.bubble{padding:.65rem .95rem;border-radius:.9rem;white-space:pre-wrap;word-break:break-word;font-size:14.5px;background:#1a2336;border:1px solid var(--pico-muted-border-color);line-height:1.45}
.msgrow.admin .bubble{background:#2563eb;color:#fff;border-color:transparent}.msgrow.note .bubble{background:#3a2f12;color:#fde68a;border-color:#6b5514}.msgrow.admin .bubble a{color:inherit;text-decoration:underline}
.bubble img{max-width:100%;max-height:420px;width:auto;border-radius:.5rem;margin-top:.4rem;display:block;cursor:zoom-in}.bubble video{max-width:100%;max-height:420px;border-radius:.5rem;margin-top:.4rem;display:block}
.ev{align-self:center;font-size:12px;color:#6b7a94;padding:.1rem .6rem}
.hist{margin:0}.hist td{font-size:13.5px;padding:.5rem .8rem}
.composer{border-top:1px solid var(--pico-muted-border-color);padding:0}.composer form{margin:0}.ctabs{display:flex;gap:.2rem;padding:.4rem .6rem 0}.ctabs a{padding:.5rem .8rem;border-radius:.5rem .5rem 0 0;color:var(--pico-muted-color);text-decoration:none;font-size:13.5px;font-weight:500}.ctabs a.on{background:#0f1727;color:#fff}
.composer textarea{margin:0;border-radius:0;border-left:0;border-right:0;min-height:96px;font-size:14.5px}.composer form.note textarea{background:#2a2410;color:#fde68a}.composer form.note .ctabs a.on{background:#2a2410;color:#fde68a}
.cbar{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem}.attach{font-size:13.5px;color:var(--pico-muted-color);cursor:pointer;margin:0}.attach input{display:none}
.cbar button{margin:0;padding:.6rem 1.3rem;font-size:14.5px;font-weight:600;width:auto}
/* side */
.tside{display:flex;flex-direction:column;gap:.6rem}.prop{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:.8rem;padding:.75rem .9rem}
.prop>small{display:block;font-size:12px;color:var(--pico-muted-color);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.prop .val{font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.prop .pf{margin:0}.prop .pf select,.prop .pf input{margin:0;font-size:14px;width:100%}.prop .pf.col{display:flex;flex-direction:column;gap:.4rem}.prop .pf .acts button{flex:1;padding:.5rem .6rem;font-size:13.5px}
.dot2{width:10px;height:10px;border-radius:50%;background:var(--c,#64748b);display:inline-block}.dot2.st-new{--c:#3b82f6}.dot2.st-in_progress{--c:#f59e0b}.dot2.st-waiting{--c:#8b5cf6}.dot2.st-resolved{--c:#22c55e}.dot2.st-closed{--c:#4f7fd1}
.kv2{display:flex;gap:.4rem;font-size:13px;align-items:baseline;margin:.15rem 0}.kv2 b{color:#fff}
.sortf{display:flex;gap:.4rem;margin:0}.sortf select{margin:0;width:auto;padding:.25rem 1.8rem .25rem .6rem;font-size:13px}
@media(max-width:1100px){.tbody{grid-template-columns:1fr}.step{min-width:140px}}

tr.off td{opacity:.45}td.hot{color:#f59e0b;font-weight:700}td.hot2{color:#ef4444;font-weight:700}td.warm{color:#e5e7eb}
.matrix th{white-space:nowrap;font-size:11px}.matrix td{text-align:center}.matrix td:first-child{text-align:left}.matrix td.hot{background:#3a2a0f}.matrix td.hot2{background:#3a1515}.matrix tr.total-row td{border-top:2px solid var(--pico-muted-border-color)}
.menu a.sep{margin-top:.6rem;position:relative}.menu a.sep::before{content:"";position:absolute;left:.6rem;right:.6rem;top:-.35rem;border-top:1px solid var(--pico-muted-border-color)}
.chips{display:flex;flex-wrap:wrap;gap:.3rem;margin:.1rem 0 .2rem}.chip{font-size:12px;padding:.15rem .55rem;border-radius:99px;background:#1b2538;color:#c9d2e2;text-decoration:none;border:1px solid var(--pico-muted-border-color)}.chip:hover{background:#27355a;color:#fff}
.tk .res{font-size:13px;color:#93a0b8;display:flex;flex-direction:column;gap:.1rem;border-left:1px solid var(--pico-muted-border-color);padding-left:.9rem;min-height:1.5rem}.tk .res b{color:#c9d2e2;font-weight:600}
@media(max-width:1100px){.tk{grid-template-columns:72px 1fr auto}.tk .res{display:none}}
.dd .menu.wide{min-width:280px;padding:.7rem}.dd .menu.wide input{margin:0 0 .4rem;font-size:13.5px}.dd .menu.wide button{text-align:center;background:var(--pico-primary);color:#fff;width:100%}.dd .menu.wide form.acts button{background:transparent;color:var(--pico-color);border:1px solid var(--pico-muted-border-color)}

/* ===== device card (0.9.1) ===== */
.dpage{max-width:1500px}.dpage .back{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.8rem;text-decoration:none;font-size:14px}
.dhead{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.dico{width:60px;height:60px;border-radius:.8rem;background:#1b2538;display:flex;align-items:center;justify-content:center;color:#8ea0b8;flex:none}.dico .i{width:28px;height:28px}
.dtitle h1{font-size:24px;font-weight:700;margin:0;color:#f3f6fb;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.dtitle p{margin:.25rem 0 0;font-size:13.5px}.dacts{margin-left:auto;display:flex;gap:.5rem}
.bd2{display:inline-flex;align-items:center;gap:.4rem;font-size:12.5px;font-weight:600;padding:.2rem .7rem;border-radius:99px;background:#1b2538;color:#c9d2e2}.bd2 i{width:8px;height:8px;border-radius:50%;background:#64748b}.bd2.ok{background:#0f2e1f;color:#4ade80}.bd2.ok i{background:#22c55e}.bd2.off{color:#8ea0b8}
.btn{display:inline-flex;align-items:center;gap:.45rem;height:38px;padding:0 .95rem;border-radius:.55rem;font-size:14px;font-weight:600;border:1px solid var(--pico-muted-border-color);background:#1b2538;color:#e6ebf3;margin:0;width:auto;cursor:pointer;line-height:1}
.btn .i{width:16px;height:16px}.btn:hover{background:#243049;color:#fff}.btn.pri{background:var(--pico-primary);border-color:var(--pico-primary);color:#fff}.btn.pri:hover{background:#2f6fe0}
.btn.sec{background:transparent}.btn.sm{height:32px;padding:0 .75rem;font-size:13px}.btn.danger-o{background:transparent;color:#f87171;border-color:#7f1d1d}.btn.danger-o:hover{background:#2a1515;color:#fca5a5}.btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}
.dgrid{display:grid;grid-template-columns:3fr 2fr;gap:1rem;margin-bottom:1rem}.dgrid2{display:grid;grid-template-columns:3fr 2fr;gap:1rem}
.card{background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:.75rem;padding:1rem 1.2rem}.ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.ch h3{margin:0;font-size:15.5px;font-weight:600;color:#f3f6fb}
.drow{display:grid;grid-template-columns:170px 1fr;gap:.8rem;padding:.6rem 0;border-bottom:1px solid var(--pico-muted-border-color);font-size:14px;align-items:center}.drow:last-of-type{border-bottom:0}.drow span{color:#8ea0b8}.drow b{color:#f3f6fb;font-weight:500}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .8rem}.fgrid label{font-size:12.5px;color:#8ea0b8}.fgrid input{margin:.2rem 0 .5rem;font-size:14px}.fbar{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.4rem}
.dtab{margin:0;font-size:14px}.dtab tbody tr{cursor:pointer}.dtab td{padding:.6rem .5rem}
.empty2{text-align:center;padding:1.6rem 1rem}.empty2 .big{width:48px;height:48px;border-radius:50%;background:#12331f;color:var(--ok);display:flex;align-items:center;justify-content:center;margin:0 auto .6rem}.empty2 .big .i{width:22px;height:22px}.empty2 b{display:block;color:#f3f6fb}.empty2 p{margin:.2rem 0 0;font-size:13px}
.tl{list-style:none;margin:0;padding:0 0 0 .2rem}.tl li{display:flex;gap:.8rem;padding:.55rem 0;position:relative}.tl li i{width:10px;height:10px;border-radius:50%;background:var(--ok);margin-top:.45rem;flex:none;box-shadow:0 0 0 3px #12331f}
.tl li:not(:last-child)::before{content:"";position:absolute;left:4px;top:1.6rem;bottom:-.4rem;border-left:2px solid #1e2a3f}.tl li div{display:flex;flex-direction:column;gap:.1rem;font-size:14px}.tl li b{font-weight:500;color:#f3f6fb}
#logform{margin-bottom:.8rem}#logform label{font-size:12.5px;color:#8ea0b8}#logform input{margin:.2rem 0 .4rem}
@media(max-width:1100px){.dgrid,.dgrid2{grid-template-columns:1fr}}