/* Customer experience polish v1: theme, feedback history and two-card Garage hub. */
.garage-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.customer-theme-toggle{width:38px;height:38px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important;font-size:17px!important}
.customer-feedback-list{display:grid;gap:16px}.customer-feedback-card{padding:22px}.customer-feedback-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.customer-feedback-head h2{margin:3px 0 0;font-size:18px}.customer-feedback-message{white-space:pre-wrap;line-height:1.6}.customer-feedback-replies{display:grid;gap:10px;margin-top:18px}.customer-feedback-replies>div{border-left:3px solid var(--blue);background:var(--panel-soft);border-radius:0 12px 12px 0;padding:12px 14px}.customer-feedback-replies b,.customer-feedback-replies small{display:block}.customer-feedback-replies small,.customer-feedback-waiting{color:var(--muted);font-size:12px}.customer-feedback-replies p{white-space:pre-wrap;margin:7px 0 0;line-height:1.5}.customer-feedback-waiting{margin-top:14px;padding:11px 13px;border:1px dashed var(--line);border-radius:11px}
html[data-theme="dark"]{--bg:#0c121b;--panel:#151d29;--panel-soft:#1b2533;--text:#e8eef8;--muted:#9babbe;--line:#2b394c;--blue:#4d9cff;--blue-dark:#72adff;--green:#39c985;--amber:#e7ad42;--red:#ef6f7f;--shadow:0 18px 50px rgba(0,0,0,.28)}
html[data-theme="dark"] body{background:linear-gradient(180deg,#0d141f 0,#101824 48%,#0c131d 100%);color:var(--text)}
html[data-theme="dark"] .customer-topbar{background:rgba(15,22,32,.94);border-color:var(--line)}
html[data-theme="dark"] .customer-brand,html[data-theme="dark"] .customer-nav a,html[data-theme="dark"] .customer-nav button{color:var(--text)}
html[data-theme="dark"] .customer-nav a:hover,html[data-theme="dark"] .customer-nav button:hover{background:#202c3b}
html[data-theme="dark"] .auth-card,html[data-theme="dark"] .customer-panel,html[data-theme="dark"] .garage-metrics>div,html[data-theme="dark"] .status-card,html[data-theme="dark"] .vehicle-card,html[data-theme="dark"] .vehicle-total,html[data-theme="dark"] .empty-garage,html[data-theme="dark"] .garage-hub-card,html[data-theme="dark"] .garage-add-vehicle{background:var(--panel);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .vehicle-facts div,html[data-theme="dark"] .read-only-facts div,html[data-theme="dark"] .summary-stack div,html[data-theme="dark"] .maintenance-chip,html[data-theme="dark"] .vehicle-image-form,html[data-theme="dark"] .invoice-assign-row select,html[data-theme="dark"] .assign-choice-grid select{background:var(--panel-soft);border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .customer-form input,html[data-theme="dark"] .customer-form select,html[data-theme="dark"] .customer-form textarea{background:#111a26;border-color:#35455b;color:var(--text)}
html[data-theme="dark"] .customer-secondary{background:#202b39;color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .garage-note{background:rgba(27,37,51,.8);border-color:var(--line);color:var(--muted)}
html[data-theme="dark"] .maintenance-chip.ok,html[data-theme="dark"] .status-card.ok{background:#11271f;border-color:#285a43}html[data-theme="dark"] .maintenance-chip.soon,html[data-theme="dark"] .status-card.soon{background:#2c2413;border-color:#66552d}html[data-theme="dark"] .maintenance-chip.overdue,html[data-theme="dark"] .status-card.overdue{background:#31191e;border-color:#70343e}
html[data-theme="dark"] .danger-zone{background:var(--panel)}
@media(max-width:900px){.garage-hub-grid{grid-template-columns:1fr}}
@media(max-width:620px){.customer-theme-toggle{width:34px;height:34px!important}.customer-nav a[href="/garage/feedback"]{display:none}}