@font-face{font-family:Inter;src:url('/static/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ui-font:Inter,'Segoe UI',sans-serif;--ui-scale:1;--sidebar-text:#e4f0e9;--accent-text:#fff;--soft:color-mix(in srgb,var(--green) 8%,var(--paper));font-family:var(--ui-font);font-feature-settings:'cv02','cv03','cv04','cv11';font-optical-sizing:auto;font-synthesis:none}
body{font-family:var(--ui-font);background:var(--bg);color:var(--ink)}button,input,select,textarea{font-family:inherit}.sidebar{background:var(--deep);color:var(--sidebar-text)}.sidebar .nav button,.sidebar-profile small,.sidebar-section,.brand small,.system-label{color:color-mix(in srgb,var(--sidebar-text) 80%,var(--deep))}.sidebar .nav button:hover{background:color-mix(in srgb,var(--sidebar-text) 12%,var(--deep));color:var(--sidebar-text)}.sidebar .nav button.active{background:var(--green);color:var(--accent-text)}.sidebar-profile .avatar{background:color-mix(in srgb,var(--sidebar-text) 18%,var(--deep));color:var(--sidebar-text)}.brand-mark{background:var(--green);color:var(--accent-text)}.auth-brand strong{color:var(--ink)}
.btn:hover,.icon-btn:hover{background:var(--soft);color:var(--ink);border-color:var(--green)}.btn.primary,.auth-submit{background:var(--green);border-color:var(--green);color:var(--accent-text)}.btn.primary:hover{background:color-mix(in srgb,var(--green) 85%,var(--ink));color:var(--accent-text)}.btn.danger{border-color:color-mix(in srgb,var(--red) 40%,var(--line));color:var(--red)}.btn:disabled{cursor:not-allowed}
.field label{color:var(--ink)}.field input,.field select,.field textarea,.search input,.subnet-editor-row input,.inventory-suggestion-panel>input{background:var(--paper);color:var(--ink);border-color:var(--line)}.field input:focus,.field textarea:focus,.field select:focus{background:var(--paper);outline:2px solid var(--green);outline-offset:1px}.field .help,.card-footer,.task-creator,.footer-text{color:var(--muted)}
th,.modal-head,.modal-foot{background:var(--soft);color:var(--muted);border-color:var(--line)}td{border-color:var(--line)}tbody tr:hover{background:var(--soft)}.card,.toast{background:var(--paper);color:var(--ink);border-color:var(--line)}.toast.error{color:var(--red);border-color:var(--red)}.log,.remote-log,.inventory-suggestion-panel,.task-card.done,.uac-level.current,.rule-result,.account-add{background:var(--soft);color:var(--ink);border-color:var(--line)}.error-page{background:color-mix(in srgb,var(--red) 10%,var(--paper));color:var(--red);border-color:var(--red)}.tabs,.pill,.metric-icon,.badge,.avatar{background:var(--soft);color:var(--green)}.tabs button.active{background:var(--paper);color:var(--green)}.badge.warning{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,var(--paper))}.badge.danger{color:var(--red);background:color-mix(in srgb,var(--red) 12%,var(--paper))}.badge.blue{color:var(--blue,#286ba7);background:color-mix(in srgb,var(--blue,#286ba7) 12%,var(--paper))}.badge.neutral{color:var(--muted);background:var(--soft)}
[data-tone=dark]{--orange:#efb967;--red:#ff9589;--blue:#80bcff;--shadow:0 14px 45px #0004}[data-tone=dark] .auth-page{background:var(--bg)}[data-tone=dark] .auth-success{background:var(--soft);color:var(--green)}[data-tone=light]{--orange:#945f13;--red:#b54336;--blue:#286ba7}
dialog{max-width:calc(100vw / var(--ui-scale) - 28px);max-height:calc(100vh / var(--ui-scale) - 40px)}.session-control{max-width:calc(100vw / var(--ui-scale) - 28px)}[data-theme=onec] .brand b{letter-spacing:.5px}[data-theme=onec] .sidebar .nav button.active{background:#40301b;color:#fff7d2}
.appearance-card{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:24px}.appearance-card h2{font-size:20px;margin-bottom:8px}.appearance-card>p{font-size:13px;color:var(--muted);margin-bottom:22px}.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.appearance-field{display:grid;gap:9px;font-size:13px}.appearance-field select,.appearance-field input[type=number]{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:11px;min-width:0}.appearance-field .help{font-size:12px;color:var(--muted);line-height:1.7}.scale-control{display:flex;align-items:center;gap:12px}.scale-control input[type=range]{flex:1;accent-color:var(--green);min-width:0}.scale-control input[type=number]{width:84px}.appearance-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.appearance-colors label{display:flex;align-items:center;gap:10px;font-size:12px}.appearance-colors input{width:42px;height:34px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:2px;cursor:pointer}.appearance-colors[hidden]{display:none}.appearance-actions{display:flex;gap:10px;align-items:center;margin-top:24px;flex-wrap:wrap}.appearance-error{font-size:13px;color:var(--red);margin-top:15px;line-height:1.7}.settings-integration{padding:25px}.settings-integration p{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0}.settings-integration label{display:flex;align-items:center;gap:10px}.settings-integration .api-input{display:grid;gap:9px;margin:20px 0;font-size:13px}.api-input input{background:var(--paper);color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:8px;min-width:0}.settings-subtitle{margin:20px 0 15px;color:var(--muted);font-size:13px}.settings-audit{max-height:360px;overflow:auto}
@media(max-width:900px){.appearance-colors{grid-template-columns:1fr 1fr}.appearance-options{grid-template-columns:1fr}}
@media(max-width:600px){.appearance-card{padding:18px}.appearance-colors{grid-template-columns:1fr}.appearance-options{gap:18px}}
.card-footer,.empty .empty-icon,.list-icon,.device-tile{background:var(--soft);color:var(--ink)}.empty .empty-icon,.list-icon{color:var(--green)}.device-tile .small,.search svg{color:var(--muted)}.progress,.subnet-mini .bar{background:var(--soft)}.progress span,.subnet-mini .bar span,.dot{background:var(--green)}.note{background:var(--soft);color:var(--ink);border-color:var(--line)}.note.warning,.rule-result.skip{background:color-mix(in srgb,var(--orange) 10%,var(--paper));color:var(--orange);border-color:var(--line)}.icon-btn.danger:hover{background:color-mix(in srgb,var(--red) 10%,var(--paper))}.sidebar-profile,.system-label{border-color:color-mix(in srgb,var(--sidebar-text) 16%,var(--deep))}.sidebar{scrollbar-color:var(--green) var(--deep)}
.nt-button.primary{background:var(--green);border-color:var(--green);color:var(--accent-text)}
/* Charcoal/blue theme. Keep pale blue for small links and solid blue for buttons. */
:is([data-theme=dark],[data-theme=dark_black]){--accent-ink:#a4bfff}
:is([data-theme=dark],[data-theme=dark_black]) a:not(.btn),:is([data-theme=dark],[data-theme=dark_black]) .tw-nav .btn.active,:is([data-theme=dark],[data-theme=dark_black]) .tw-card-title:hover,:is([data-theme=dark],[data-theme=dark_black]) .tw-person-filter[aria-pressed=true],:is([data-theme=dark],[data-theme=dark_black]) .tw-view-switch .active,:is([data-theme=dark],[data-theme=dark_black]) .tabs button.active,:is([data-theme=dark],[data-theme=dark_black]) .tw-time-panel.running{color:var(--accent-ink)}
:is([data-theme=dark],[data-theme=dark_black]) .sidebar{border-right:1px solid var(--line)}


.sidebar-profile.sidebar-user-card{width:100%;min-height:40px;margin:0;padding:4px 8px;gap:8px;border:0;border-radius:8px;background:transparent;color:var(--sidebar-text);text-align:left;box-shadow:none;transition:background .15s}
.sidebar-user-card:hover{background:color-mix(in srgb,var(--sidebar-text) 6%,var(--deep))}.sidebar-user-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.sidebar-user-avatar{position:relative;display:flex;flex-shrink:0}.sidebar-user-card .avatar{width:24px;height:24px;border-radius:50%;font-size:9px;box-shadow:none}.sidebar-user-online{position:absolute;right:0;bottom:0;width:7px;height:7px;border:1px solid var(--deep);border-radius:50%;background:#33c782}.sidebar-user-meta{min-width:0;flex:1}.sidebar-user-card .profile-name{display:block;max-width:none;font-size:12px;font-weight:500;line-height:1.4}.sidebar-profile.sidebar-user-card small{font-size:10px;line-height:1.4;margin-top:1px;color:#eca871;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-arrow{display:none}

.appearance-theme{display:grid;gap:8px;margin:0 0 22px;max-width:430px}.appearance-theme>label{font-size:13px;font-weight:600}.appearance-theme-control{display:flex;align-items:center;gap:12px}.appearance-theme-control select{min-width:0;flex:1;height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:14px}.appearance-theme-control select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.theme-palette-preview{display:flex;gap:5px;flex-shrink:0}.theme-palette-preview i{display:block;width:15px;height:15px;border-radius:50%;border:1px solid var(--line)}