:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f8fa;--color-surface:#fff;--color-border:#d8dce1;--color-text:#1a1f26;--color-text-muted:#5b6472;--color-accent:#2452a8;--color-accent-hover:#1d4289;--color-danger:#a8271f;--color-danger-bg:#fbeceb;--color-danger-border:#eec7c3;--color-success-bg:#eaf4ec;--color-success-border:#c5e0ca;--color-success-text:#1f6b2f;--color-badge-neutral-bg:#eceef1;--color-badge-neutral-text:#4a525c;--color-badge-online-bg:#e2f3e5;--color-badge-online-text:#1f6b2f;--color-badge-offline-bg:#fbe9d9;--color-badge-offline-text:#92460b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius:6px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--color-accent)}.page{flex-direction:column;min-height:100vh;display:flex}.page-narrow{max-width:380px;margin:var(--space-6) auto;padding:0 var(--space-4);width:100%}.page-wide{max-width:960px;padding:var(--space-5) var(--space-4);width:100%;margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5)}.brand{color:var(--color-text);margin:0 0 var(--space-5);text-align:center;font-size:15px;font-weight:600}.page-title{margin:0 0 var(--space-4);font-size:18px;font-weight:600}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.app-header .identity{color:var(--color-text-muted);white-space:nowrap;font-size:13px}.app-header .identity strong{color:var(--color-text);font-weight:600}.app-nav{gap:var(--space-2);flex:1;display:flex}.nav-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text-muted);font-size:13px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-text);background:var(--color-bg)}.nav-link-active{color:var(--color-accent);background:var(--color-bg);font-weight:600}form{gap:var(--space-4);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label{color:var(--color-text);font-size:13px;font-weight:600}.field input{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.field input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.field .hint{color:var(--color-text-muted);font-size:12px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:var(--color-accent);color:#fff;border-radius:var(--radius);padding:var(--space-2) var(--space-4);border:none;font-weight:600}.button-primary:hover:not(:disabled){background:var(--color-accent-hover)}.button-secondary{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-4);background:0 0;font-weight:500}.button-secondary:hover:not(:disabled){border-color:var(--color-text-muted)}.form-footer{color:var(--color-text-muted);text-align:center;font-size:13px}.message{border-radius:var(--radius);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-bg);font-size:13px}.message-error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger)}.message-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.message-muted{color:var(--color-text-muted)}.message-warning{background:var(--color-badge-offline-bg);border-color:var(--color-badge-offline-text);color:var(--color-badge-offline-text)}.text-muted{color:var(--color-text-muted)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);white-space:nowrap;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.badge-neutral{background:var(--color-badge-neutral-bg);color:var(--color-badge-neutral-text)}.badge-online{background:var(--color-badge-online-bg);color:var(--color-badge-online-text)}.badge-offline{background:var(--color-badge-offline-bg);color:var(--color-badge-offline-text)}.badge-severity-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-severity-warning{background:var(--color-badge-offline-bg);color:var(--color-badge-offline-text)}.badge-severity-neutral{background:var(--color-badge-neutral-bg);color:var(--color-badge-neutral-text)}.row-unreadable>td{background:var(--color-bg);border-left:3px solid var(--color-badge-offline-text)}.row-unreadable-ids{gap:var(--space-1) var(--space-4);margin-top:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;font-size:12px;display:flex}.row-unreadable-id{white-space:nowrap}.fleet-table{border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;overflow:hidden}.fleet-table th,.fleet-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:13px}.fleet-table th{color:var(--color-text-muted);background:var(--color-bg);font-weight:600}.fleet-table tr:last-child td{border-bottom:none}.fleet-table td.mono{color:var(--color-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.fleet-table td.muted{color:var(--color-text-muted)}.provisioning-panel{margin-bottom:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.panel-title{margin:0;font-size:15px;font-weight:600}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.toolbar{margin-bottom:var(--space-3);justify-content:flex-end;display:flex}.select-filter{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.select-filter:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.license-valid-until{color:var(--color-text-muted);margin-top:2px;font-size:11px}.assign-actions{gap:var(--space-3);display:flex}
