/* One shared LNIT brand source for administration, customers, authentication and wallboards. */
.cockpit-ui{color-scheme:dark;--bg:#131f28;--panel:#1a2a36;--raised:#223442;--hover:#263d4d;--line:#344957;--text:#fff;--muted:#b0c1cc;--accent:#88c5f3;--accent-light:#a5d7fb;--button:#69aadb;--button-text:#131f28;--soft:#203c51;--green:#92d9ba;--green-bg:#203e35;--amber:#f1ca81;--amber-bg:#443823;--text-muted:var(--muted);--bg-card:var(--panel);--bg-card-hover:var(--hover);--border:var(--line);--border-hover:var(--accent);background:var(--bg);color:var(--text);padding:0;font-size:13px;line-height:1.6}
[data-theme=light] .cockpit-ui{color-scheme:light;--bg:#f3f6f8;--panel:#fff;--raised:#ecf1f5;--hover:#e5edf3;--line:#c4d1da;--text:#131f28;--muted:#516878;--accent:#275f87;--accent-light:#214f70;--button:#243a4b;--button-text:#fff;--soft:#e7f1f8;--green:#206548;--green-bg:#e4f2eb;--amber:#78500d;--amber-bg:#fbf0dc}
.cockpit-ui :is(.btn-primary,.btn-accent){background:var(--button);color:var(--button-text);box-shadow:none}
.cockpit-ui :is(.btn-ghost,.btn-primary,.btn-accent){border-radius:7px}
.cockpit-ui .btn-sm:not(.btn-ghost):not(.btn-danger){background:var(--button);color:var(--button-text)}
.cockpit-ui .btn-ghost{background:var(--panel);color:var(--text);border-color:var(--line)}
.cockpit-ui .seo-filter a.aktiv{background:var(--button);color:var(--button-text);border-color:var(--button)}
.cockpit-ui .form-group :is(input,textarea,select){background:var(--raised);color:var(--text);border-color:var(--line)}
.cockpit-ui .form-group :is(input,textarea)::placeholder{color:var(--muted)}

.cockpit-ui{--card-bg:var(--panel);--yellow:var(--amber);--yellow-bg:var(--amber-bg);--red:#ff9f9f;--red-bg:#472c33;font-family:Poppins,sans-serif}
[data-theme=light] .cockpit-ui{--red:#a82635;--red-bg:#fbe8eb}
.cockpit-ui :is(button,input,select,textarea){font-family:inherit;max-width:100%}
.cockpit-ui :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.cockpit-ui [hidden]{display:none!important}
.cockpit-ui :is(.btn-primary,.btn-ghost,.btn-accent,.theme-toggle-btn){min-height:44px;font-size:12px}
.cockpit-ui :is(.admin-section,.login-card,.card,.perf-chart-box){background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:none}
.cockpit-ui :is(h1,.ui-title){font-family:Archivo,sans-serif;font-variation-settings:'wdth' 125,'wght' 900;font-weight:900;overflow-wrap:anywhere;letter-spacing:-.6px}
.cockpit-ui :is(th,td){border-color:var(--line)}
.cockpit-ui :is(.kpi-card,.queue-card,.module-card,.perf-agent-card,.perf-kpi-card,.perf-detail-kpi-card,.perf-detail-section,.perf-chart-box){background:var(--panel);border:1px solid var(--line);box-shadow:none}
.cockpit-ui :is(.perf-agent-card.selected,.module-card-on){border-color:var(--accent)}
.cockpit-ui .perf-agent-card:hover{background:var(--hover);border-color:var(--accent)}
.cockpit-ui .module-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.cockpit-ui .module-card{min-width:0;overflow-wrap:anywhere}
.cockpit-ui .module-card ul{padding-left:18px;margin-top:14px}
.cockpit-ui :is(.login-error,.alert-error){color:var(--red);background:var(--red-bg);border-color:var(--red)}
.ui-brand{display:flex;align-items:center;gap:13px;color:inherit;min-width:0}
.ui-brand img{width:72px;height:38px;object-fit:contain}
.ui-brand span{font-size:12px;font-weight:600;letter-spacing:2px;border-left:1px solid var(--line);padding-left:13px}
.ui-skip{position:fixed;top:-100px;left:16px;z-index:400;background:var(--panel);padding:12px}
.ui-skip:focus{top:10px}
.cockpit-ui .ui-footer{position:static;inset:auto;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin:0 42px;padding:20px 0;border-top:1px solid var(--line);background:none;font-size:10px;color:var(--muted)}
.cockpit-ui .ui-footer .footer-logo{height:20px;margin:0;opacity:.75}
@media(max-width:600px){.cockpit-ui .ui-footer{margin:0 18px;align-items:flex-start;flex-wrap:wrap}.cockpit-ui :is(h1,.ui-title){overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.cockpit-ui *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}