/* Mech Tech Quick Service station teams. Inherits shell tokens so Night/Day/Custom themes apply. */
.qt-root{--qt-mut:var(--muted,#6b7280);--qt-line:var(--stroke,#e5e7eb);--qt-acc:var(--teal,#c62828);--qt-surf:var(--surface,#fff);display:flex;flex-direction:column;gap:16px;min-width:0;overflow-wrap:anywhere;animation:qt-in .26s ease both}
.qt-root *{box-sizing:border-box;min-width:0;max-width:100%}
@keyframes qt-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.qt-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--qt-acc)}
.qt-sub,.qt-foot{font-size:12.5px;color:var(--qt-mut)}
.qt-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:20px 22px;border-radius:14px;background:var(--qt-surf);color:inherit;border-left:4px solid var(--qt-acc)}
.qt-hero h2{margin:4px 0 2px;font-size:22px;letter-spacing:-.5px}.qt-hero .qt-sub{color:var(--qt-mut)}
.qt-hero-r{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.qt-op{padding:12px 14px;border:1px dashed var(--qt-acc);border-radius:10px;font-size:13px;line-height:1.5}
.qt-sec{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--qt-line);border-radius:14px;background:var(--qt-surf)}
.qt-sec>header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qt-sec h3{margin:0;font-size:16px}
.qt-count{font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px;background:var(--qt-line)}
.qt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.qt-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:750;padding:3px 9px;border-radius:99px;border:1px solid var(--qt-line)}
.qt-chip.is-on{border-color:var(--qt-acc);color:var(--qt-acc)}.qt-chip.is-ok{border-color:#2e7d5b;color:#2e7d5b}.qt-chip.is-warn{border-color:#b7791f;color:#b7791f}.qt-chip.is-bad{border-color:#c53030;color:#c53030}
.qt-hero .qt-chip{color:inherit;border-color:var(--qt-line)}.qt-hero .qt-chip.is-on{border-color:var(--qt-acc)}
.qt-btn{font:inherit;font-size:12.5px;font-weight:750;padding:8px 13px;min-height:36px;border-radius:9px;border:1px solid var(--qt-line);background:transparent;color:inherit;cursor:pointer;transition:transform .12s,opacity .12s}
.qt-btn:active{transform:scale(.97)}.qt-btn:disabled{opacity:.45;cursor:not-allowed}
.qt-btn.is-primary{background:var(--qt-acc);border-color:var(--qt-acc);color:#fff}.qt-btn.is-danger{border-color:#c53030;color:#c53030}
.qt-hero .qt-btn{color:inherit;border-color:var(--qt-line)}
.qt-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.qt-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.qt-mode{font:inherit;text-align:left;display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:11px;border:1px solid var(--qt-line);background:transparent;color:inherit;cursor:pointer}
.qt-mode span{font-size:11.5px;color:var(--qt-mut)}.qt-mode.is-on{border-color:var(--qt-acc);box-shadow:inset 0 0 0 1px var(--qt-acc)}.qt-mode:disabled{cursor:default}
.qt-stgrid,.qt-stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:10px}
.qt-st,.qt-slot,.qt-cst{border:1px solid var(--qt-line);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:6px}
.qt-slot.is-full{border-color:var(--qt-acc)}.qt-slot-h{display:flex;flex-direction:column}
.qt-slot .qt-asg{border:0;padding:0}
.qt-custom{display:flex;flex-direction:column;gap:10px}
.qt-asg,.qt-emp{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--qt-line)}
.qt-asg.is-off{opacity:.7}.qt-asg-main{flex:1 1 260px;min-width:0}
.qt-asg-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qt-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--qt-mut);margin-top:4px}
.qt-ro{border:1px solid var(--qt-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}
.qt-ro-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.qt-ro h4{margin:2px 0;font-size:15px}
.qt-ro-n{font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--qt-acc)}
.qt-inline{flex-basis:100%;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--qt-acc) 6%,transparent)}
.qt-f{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700}
.qt-f input,.qt-f select{font:inherit;font-size:14px;padding:9px 10px;min-height:40px;width:100%;border-radius:8px;border:1px solid var(--qt-line);background:var(--qt-surf);color:inherit}
.qt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qt-root fieldset{border:0;padding:0;margin:0}.qt-inline legend,.qt-cst legend{font-size:12px;font-weight:700;margin-bottom:4px}
.qt-checks{display:flex;flex-wrap:wrap;gap:6px}
.qt-checks label{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;padding:6px 10px;border:1px solid var(--qt-line);border-radius:8px;cursor:pointer}
.qt-hist{margin:0;padding-left:18px;flex-basis:100%;font-size:12.5px;display:flex;flex-direction:column;gap:6px}
.qt-past summary{cursor:pointer;font-size:12.5px;font-weight:700;padding:6px 0}
.qt-note{font-size:12.5px;padding:8px 10px;border-radius:8px;border-left:3px solid #b7791f;background:color-mix(in srgb,#b7791f 9%,transparent)}
.qt-alert{padding:12px 14px;border-radius:10px;border-left:4px solid #c53030;background:color-mix(in srgb,#c53030 8%,transparent);font-size:13px}
.qt-empty{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px dashed var(--qt-line);border-radius:11px;text-align:center;font-size:13px}.qt-empty span{color:var(--qt-mut)}
.qt-skel{display:flex;flex-direction:column;gap:10px}.qt-skel i{display:block;height:64px;border-radius:12px;background:var(--qt-line);animation:qt-p 1.2s ease-in-out infinite alternate}
@keyframes qt-p{from{opacity:.45}to{opacity:.9}}
.qt-link{margin-top:12px;padding:12px 14px;border:1px solid var(--stroke,#e5e7eb);border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
@media (max-width:900px){.qt-modes{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.qt-grid2,.qt-modes{grid-template-columns:1fr}.qt-sec{padding:12px}.qt-hero{padding:16px}.qt-acts .qt-btn{flex:1 1 auto}.qt-f input,.qt-f select{font-size:16px;min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){.qt-root,.qt-skel i{animation:none}}