/* Vendroom dashboard palette and component treatment; no behavioural overrides. */
@font-face{font-family:Inter;src:url('fonts/inter-cyrillic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-cyrillic-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-cyrillic-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-cyrillic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#1e293b;--paper:#f0f2f5;--panel:#fff;--line:#e2e8f0;--green:#3b82f6;--green2:#2563eb;--red:#dc2626;--muted:#64748b;--shadow:0 6px 14px rgba(15,23,42,.05)}
body{font-family:Inter,Manrope,sans-serif;font-size:14px;line-height:1.5;background:var(--paper)}
.grain{display:none}
.login-shell{background:linear-gradient(135deg,#f5f7fa,#e2e8f0)}
.login-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px}
.login-card h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}
.brand-mark{background:var(--green);border-radius:12px;transform:none}
.eyebrow{font-family:inherit;letter-spacing:.08em;font-weight:600}
aside{background:#fff;color:var(--ink);border-right:1px solid var(--line)}
.side-header span,aside footer,.fleet-title{color:var(--muted)}
.device-item{color:var(--ink);border-radius:10px;margin:3px 10px;width:calc(100% - 20px)}
.device-item:hover,.device-item.active{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.device-item small{color:var(--muted)}
.device-item.active b{color:#1d4ed8}
.enroll-button{color:#fff;background:var(--green);border-color:var(--green)}
.enroll-button:hover{background:var(--green2);color:#fff}
aside footer button,.fleet-title button{color:var(--muted);background:transparent}
.fleet-title,.metrics article span{font-family:inherit}
.badge:not(.online){background:#e2e8f0;color:#475569}
.main-cabinet-link{display:block;margin:4px 20px 20px;color:var(--green);text-decoration:none;font-weight:600}
.panel,.metrics article,.media-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.device-header h2{font-size:26px;letter-spacing:-.025em;overflow-wrap:anywhere}
button,.button-link{font-family:inherit;background:#fff;border-radius:8px;font-weight:600}
button:hover,.button-link:hover{transform:none;background:#f8fafc}
button.primary{background:var(--green);color:white}button.primary:hover{background:var(--green2)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.55}
.tabs button.active{color:#2563eb;border-bottom-color:#3b82f6;background:#eff6ff}
.slot-card,.pairing-code-form,.media-placeholder{background:#f8fafc}
.upload-zone{background:#f8fafc;border-color:#94a3b8}
.login-card select,.form-grid select{width:100%;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:11px 12px;font:inherit;min-height:44px}
.badge.online{background:#dcfce7;color:#15803d}
#terminalBindingStatus{margin:0;min-height:24px}#terminalBindingStatus.error{color:var(--red)}
@media(max-width:700px){.login-card{padding:24px}.device-header h2{font-size:22px}.header-actions{flex-wrap:wrap}.main-cabinet-link{margin-bottom:12px}.tabs{overflow-x:auto;flex-wrap:nowrap}.tabs button{white-space:nowrap}}
