/* Loaded only when the browser reports a dark system appearance, never for print. */
:root{color-scheme:dark;color:#e9edf3;background:#14161b;--red:#d92732;--ink:#303642;--muted:#a7afbd;--line:#363c48;--green:#83d2ab;--surface:#1e222a;--raised:#282e38;--input:#191d24;--soft:#252b35;--text:#e9edf3;--secondary:#b4bdcb;--accent:#ff8e95}
.topbar,.metric:not(.red),.panel,.modal,.login,.report-card{background:var(--surface)}
.sidebar,.login-art{background:#181b21}
.sidebar{color:#b6bdc9}.nav-label{color:#a0a9b8}.sidebar-bottom small,.sidebar-bottom p{color:#a7afbd}
.nav-item:hover{background:#2c323d}.nav-item.active{background:#382a32}
.breadcrumb,.eyebrow,.sub,.metric-label,.metric-label .icon,.metric-foot,.panel-head p,.ticket-num,.cell-sub,.empty,.activity time,.footer-note,.scroll-hint,.field,.form-hint,.tech-intro,.quick-intro,.wheel-help,.ticket-choice summary,.work-modal .field{color:var(--muted)}
.breadcrumb b,.ticket-title,.detail-description,.note p,.message p,.kv b,.wheel-month b,.wheel-section .duration-summary{color:var(--text)}
.kv span,.duration-summary,.wheel-month,.wheel-field>span,.wheel-step,.tab,.tariff-preview small{color:var(--secondary)}
.avatar{background:#442b34;color:#ffb1b7}
.icon-btn{color:var(--secondary)}.icon-btn:hover{background:var(--raised);border-radius:6px}
.month-picker,.search input,.toolbar select,.field input,.field select,.field textarea,.inline-form textarea{background:var(--input);color:var(--text);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:#98a3b4;opacity:1}
.btn{background:var(--raised);color:var(--text);border-color:#465062}
.btn:hover{background:#343d4b;border-color:#748198}
.btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.btn.primary:hover{background:#cf2029;border-color:#cf2029}
.btn.dark{background:#343d4b;color:#fff;border-color:#59667c}
.btn.danger{color:#ffabb0;border-color:#8a4855}
.text-btn,.tab.active{color:var(--accent)}
th{background:var(--soft);color:var(--secondary);border-color:var(--line)}td,.kv,.bars-row,.form-section-title{border-color:var(--line)}
tbody tr.clickable:hover{background:var(--raised)}
.badge{background:#343c49;color:#c5cede}.badge.normal{color:#c5cede}
.badge.new,.badge.high{background:#492a32;color:#ffacb3}
.badge.progress,.badge.taken{background:#24394e;color:#a9d3ff}
.badge.waiting{background:#423722;color:#f2cd85}
.badge.resolved,.badge.closed,.badge.low{background:#213d32;color:#9bddb9}
.activity .activity-dot{background:#24394e;color:#a9d3ff}
.activity .activity-dot.note-icon{background:#423722;color:#f2cd85}
.notice,.note,.internal-entry{background:#30291f;border-color:#655237;color:#efd09b}
.notice.red,.error{background:#42252e;color:#ffb6bd;border-color:#75404e}
.notice.blue,.tariff-preview{background:#202f42;color:#c9dcf3;border-color:#3d5979}
.note header,.internal-entry small,.work-internal b{color:#e7c586}.message header{color:var(--muted)}
.work-internal{background:#30291f;border-color:#c59a50}
.mini-progress{background:#39414f}
.invoice-wording,.advanced-client,.wheel-section{background:var(--soft)}
.wheel-section{border-color:var(--line)}
.wheel-frame{background:#191d24}.wheel-frame:before{background:#472831;border-color:#82505c}
.wheel-track [role=option]{color:#a2adbd}.wheel-track [aria-selected=true]{color:#ffb1b7}
.wheel-step:hover{background:#39414f}
.quick-chips button{background:var(--raised);color:var(--text);border-color:var(--line)}
.quick-chips button.selected{background:#472831;color:#ffb1b7;border-color:#c06a78}
.work-modal .form-actions,.work-modal .modal-head,.client-modal .form-actions{background:var(--surface);border-color:var(--line)}
.modal-backdrop{background:#080b12b8}
.report-icon{background:#492a32;color:#ffacb3}.chip{background:var(--raised);color:var(--secondary)}
.table-wrap.is-scrollable::before{background:var(--soft);color:var(--secondary)}
.work-table td[data-label]::before{color:var(--muted)}
:focus-visible{outline-color:#ff929b}
#toast{background:#213d32;border:1px solid #648d75;color:#e7fff0}

.metric.red{background:#b92933;border-color:#b92933}

.login-box .brand{color:var(--text)}
.login-box .brand small{color:var(--secondary)}
.billing-table .credit-used .billing-client-name{color:#71dca1}
.billing-table .credit-over .billing-client-name{color:#8aefb9;font-weight:800}