/* Quick Track visual system 16
   Neutral tool-like surfaces, one restrained action color and native iOS type.
   This file owns color and typography; component layout stays separate. */
:root{
  color-scheme:dark;
  --qt-canvas:#151617;
  --qt-surface:#1d1f21;
  --qt-surface-raised:#24272a;
  --qt-surface-active:#2b3034;
  --qt-border:#393d41;
  --qt-border-strong:#50555a;
  --qt-text:#f3f1ec;
  --qt-muted:#aaa9a4;
  --qt-subtle:#7f8182;
  --qt-action:#465f72;
  --qt-action-pressed:#3b5262;
  --qt-action-soft:#26333b;
  --qt-brass:#a98545;
  --qt-success:#587665;
  --qt-danger:#a35d5d;
  --paper:var(--qt-canvas);--surface:var(--qt-surface);--ink:var(--qt-text);--muted:var(--qt-muted);
  --navy:var(--qt-text);--cobalt:var(--qt-action);--petrol:var(--qt-success);--border:var(--qt-border);
  --bg:var(--qt-canvas);--text:var(--qt-text);--line:var(--qt-border)
}
html{background:var(--qt-canvas);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,input,select,textarea,output{font-family:inherit!important}
body,.login{background:var(--qt-canvas);color:var(--qt-text)}body{font-size:16px;font-weight:400;letter-spacing:0}
button,a,input,select,textarea,summary{letter-spacing:0}h1,h2,h3,strong,.book-button{font-weight:700}
.app h1{font-size:24px;font-weight:700;letter-spacing:-.022em}.eyebrow{color:var(--qt-muted)}
.avatar-button{background:var(--qt-surface-raised);color:var(--qt-text);border:1px solid var(--qt-border)}
.page-tabs a{color:var(--qt-muted);font-weight:600;border:1px solid transparent}.page-tabs .is-active{background:var(--qt-surface-raised);color:var(--qt-text);border-color:var(--qt-border)}
.section-heading h2{font-weight:600;letter-spacing:-.01em}.section-heading span,.time-hint,.speech-status,.speech-privacy,.ring-help,.app footer,.app footer a{color:var(--qt-muted)}
.category,.category.tone-green{background:var(--qt-surface)!important;border-color:var(--qt-border);color:var(--qt-text);border-radius:11px}.category.is-selected{background:var(--qt-action-soft)!important;border-color:#6f899a;color:var(--qt-text)}.category:disabled{background:var(--qt-surface)!important;color:var(--qt-subtle)!important}.category strong{font-weight:600}
#taskSearch,#allTasks button{background:var(--qt-surface);border-color:var(--qt-border);color:var(--qt-text)}#allTasks button[aria-pressed=true]{background:var(--qt-action-soft);border-color:#6f899a}#taskFilters summary{color:var(--qt-muted)}
.mode-switch{background:var(--qt-surface);border:1px solid #292c2f}.mode-switch button{color:var(--qt-muted);font-weight:600}.mode-switch button.is-active{background:var(--qt-surface-raised);color:var(--qt-text);box-shadow:none}
.dial-toolbar>button{color:var(--qt-muted);text-decoration-color:var(--qt-border-strong)}.feedback-controls button{background:var(--qt-surface);color:var(--qt-muted);border:1px solid var(--qt-border)}.feedback-controls button[aria-pressed=true]{background:var(--qt-action-soft);color:var(--qt-text);border-color:#4d626f}
.circular-dial,.circular-dial.is-dragging{border-color:var(--qt-border-strong);background:#292b2d;box-shadow:none}.circular-dial:after{border-color:var(--qt-border);background:var(--qt-canvas);box-shadow:none}.circular-dial .dial-ticks{background:repeating-conic-gradient(from -1deg,#707376 0deg 2deg,transparent 2deg 30deg)}.circular-dial.is-dragging{background:#303336;border-color:#686d71;box-shadow:none}
.circular-dial .roller-marker:after{background:var(--qt-brass);box-shadow:none}.circular-dial.feedback-pulse .roller-marker:after{background:var(--qt-text);box-shadow:none}#minuteLabels span{color:#b8b7b2;font-weight:600;text-shadow:none}#minuteLabels span.is-current{color:var(--qt-text);font-weight:700;text-shadow:none}
.dial-center{background:#1a1b1d;border-color:var(--qt-border);box-shadow:none}.dial-center small,.dial-center span{color:var(--qt-muted)}.dial-center strong{color:var(--qt-text);font-weight:700;letter-spacing:-.035em}
.duration-chips button,.duration-chips button:nth-child(n),.roller-actions>button{background:var(--qt-surface-raised);color:var(--qt-text);border-color:var(--qt-border);font-weight:600}.duration-chips button:active,.duration-chips button:nth-child(n):active,.roller-actions>button:active{background:var(--qt-surface-active);border-color:var(--qt-border-strong)}.duration-header strong{color:var(--qt-text);font-weight:600}.duration-header button{background:transparent;color:var(--qt-muted)}
.compact-detail,.extras-section.compact-detail,.rates-settings,.note-wrap,.extras-section,dialog,.login-card,.stats-grid>div,.stats-grid>div:nth-child(n),.entry-card,.mileage-card,.chart-card{background:var(--qt-surface);color:var(--qt-text);border-color:var(--qt-border);box-shadow:none}
.compact-detail>summary,.studio-picker legend,.report-heading h2,.chart-card h3,.chart-toolbar h3{color:var(--qt-text)}.compact-detail>summary:before{color:var(--qt-muted)}
.compact-detail>summary>small,.time-inputs label>span,.roller-title,.wheel-help,.stats-grid span,.stats-grid small,.entry-card>span,.entry-card small,.mileage-card>span,.mileage-card small,.empty-state,#reportStatus,.chart-toolbar label,.chart-data,.chart-rank small,.hardware-form label{color:var(--qt-muted)}#exactTimeDetails,#additionalDetails{border-color:var(--qt-border)}
.time-inputs input,.extra-fields input,.extra-fields textarea,.rates-settings input,dialog input,dialog select,.report-heading input,.report-filter select,.report-controls input,.report-controls select,#chartResolution,.hardware-form input,.hardware-form select,.hardware-form textarea,.login input{background:var(--qt-surface-raised)!important;border-color:var(--qt-border-strong);color:var(--qt-text)!important;box-shadow:none}
input::placeholder,textarea::placeholder,.note-wrap textarea::placeholder{color:#858687}.studio-picker button{background:var(--qt-surface-raised);border-color:var(--qt-border);color:var(--qt-text)}.studio-picker .is-selected{background:var(--qt-action-soft);border-color:#6f899a;color:var(--qt-text)}
.speech-button,.hardware-form .speech-button{background:var(--qt-action-soft);color:var(--qt-text);border-color:#4d626f}.speech-button.is-listening{background:#4a2828;color:var(--qt-text);border-color:var(--qt-danger)}
.sticky-book{background:#151617f2;box-shadow:none}.book-button,.login form button,.report-filter button,.rates-settings button,#applyPeriod,#clearChartSelection{background:var(--qt-action);color:#fff;border-color:var(--qt-action);box-shadow:none;font-weight:700}.book-button:active,.login form button:active,.report-filter button:active,.rates-settings button:active,#applyPeriod:active,#clearChartSelection:active{background:var(--qt-action-pressed)}.book-button:disabled{background:var(--qt-surface-raised);color:var(--qt-subtle);border-color:var(--qt-border)}
.main-action{background:var(--qt-success);border-color:#718b7d;box-shadow:none}.main-action.is-stop{background:var(--qt-danger);border-color:#b47474;box-shadow:none}
.stats-grid>div,.stats-grid>div:nth-child(n){border-top:1px solid var(--qt-border);padding:14px 12px}.stats-grid strong{color:var(--qt-text);font-weight:700}.entry-card>b,.summary-row>span:last-child,#saleMonthTotal{color:#a9bdca}.summary-row{border-color:var(--qt-border)}.summary-row strong{color:var(--qt-text)}
.chart-card{border-radius:13px}.chart-scroll{scrollbar-color:#55595d transparent}.chart-rank{color:var(--qt-text)}.chart-rank>i{background:#303336}.chart-data button{border-color:var(--qt-border);color:var(--qt-text)}.donut-legend button{color:var(--qt-text)}
#chartSelection,.update-notice{background:var(--qt-surface-raised);color:var(--qt-text);border:1px solid var(--qt-border)}.update-notice button{background:var(--qt-text);color:var(--qt-canvas)}.dialog-heading button{background:var(--qt-surface-raised);color:var(--qt-text)}
.login{background:var(--qt-canvas)}.login-card{border-radius:20px}.login-copy,.login label span{color:var(--qt-muted)}.mark{background:var(--qt-action);box-shadow:none}.mark span:after{background:var(--qt-brass)}#salesReport p{color:var(--qt-muted)}#salesReport a{color:#b9cbd6}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=slider]:focus-visible{outline:3px solid #8ca3b1;outline-offset:3px}
@media(prefers-contrast:more){:root{--qt-border:#686d71;--qt-muted:#d0cec8;--qt-action:#3d5668}}