/* Owner controls use the same surfaces, type and accent as the car dashboard. */
.settings .set-head { padding-right:70px; }
.settings.admin-unlocked { width:min(800px,100vw); }
.admin-login { padding:36px 28px; }
.admin-lock { display:grid; place-items:center; width:56px; height:56px; border-radius:16px; background:var(--accent-soft); margin-bottom:24px; }
.admin-lock svg { width:26px; height:26px; fill:none; stroke:var(--accent-hi); stroke-width:1.6; }
.admin-login h3 { color:var(--text-strong); font-size:26px; line-height:1.25; margin:12px 0; }
.admin-login .dr-body { margin:12px 0 24px; }
#admin-login-form { display:grid; gap:12px; }
#admin-login-form label { font-size:13px; font-weight:700; }
#admin-passcode { width:100%; min-width:0; padding:14px; border:1px solid var(--border); border-radius:8px; background:var(--surface-2); color:var(--text-strong); font:inherit; }
#admin-login-form button { justify-content:center; min-height:46px; }
.admin-message { color:var(--muted); font-size:12px; line-height:1.6; min-height:20px; margin:16px 0; }
.admin-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:20px 24px; font-size:12px; color:var(--accent-hi); }
.admin-tabs { display:flex; margin:0 24px; border-bottom:1px solid var(--border); gap:24px; }
.admin-tabs button { border:0; background:none; color:var(--muted); padding:14px 0; font:inherit; font-size:14px; border-bottom:3px solid transparent; }
.admin-tabs button[aria-selected="true"] { color:var(--text-strong); border-color:var(--accent); font-weight:700; }
.admin-analytics { padding:26px 24px; }
.analytics-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; }
.analytics-heading h3 { font-size:25px; color:var(--text-strong); margin:8px 0 16px; }
.analytics-live { border:1px solid var(--border); border-radius:20px; padding:6px 10px; font-size:11px; color:var(--accent-hi); }
.analytics-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.analytics-controls label { font-size:12px; }
.analytics-controls select { padding:9px 12px; background:var(--surface-2); color:var(--text); border:1px solid var(--border); border-radius:8px; font:inherit; font-size:12px; }
.analytics-controls button { margin-left:auto; }
.analytics-coverage { font-size:11px; color:var(--muted); line-height:1.6; margin-bottom:18px; }
.analytics-empty { background:var(--accent-soft); color:var(--text); padding:16px; border-radius:10px; font-size:13px; line-height:1.7; margin-bottom:18px; }
.analytics-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.analytics-metric { padding:18px 16px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
.analytics-metric h4 { font-size:12px; font-weight:500; color:var(--muted); margin:0; }
.analytics-metric strong { display:block; font-size:32px; font-weight:700; color:var(--text-strong); line-height:1.3; margin:8px 0; font-variant-numeric:tabular-nums; }
.analytics-metric p { font-size:10px; line-height:1.5; margin:0; color:var(--muted); }
.analytics-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.analytics-card { border:1px solid var(--border); border-radius:12px; padding:20px 16px; min-width:0; }
.analytics-card h4 { font-size:13px; color:var(--text-strong); margin:0 0 18px; }
.analytics-card ul { list-style:none; padding:0; margin:0; }
.analytics-card li { display:flex; justify-content:space-between; gap:16px; padding:9px 0; border-bottom:1px solid var(--border-soft); font-size:12px; line-height:1.5; }
.analytics-card li:last-child { border:0; padding-bottom:0; }
.analytics-card li span { overflow-wrap:anywhere; }
.analytics-card li b { font-variant-numeric:tabular-nums; color:var(--text-strong); }
.analytics-trend { margin:14px 0; }
.analytics-bars { display:flex; justify-content:space-around; align-items:flex-end; gap:8px; }
.analytics-bars > div { display:flex; flex:1; align-items:center; flex-direction:column; gap:8px; font-size:11px; min-width:0; color:var(--muted); }
.analytics-bars i { width:100%; max-width:38px; background:var(--accent); border-radius:4px 4px 0 0; }
.analytics-bars small { font-size:10px; }
.analytics-definitions { border-top:1px solid var(--border); margin-top:24px; padding-top:20px; font-size:12px; color:var(--muted); line-height:1.8; }
.analytics-definitions summary { cursor:pointer; font-weight:700; color:var(--text); }
.analytics-definitions p { margin-top:12px; }
@media(max-width:520px) {
  .admin-login { padding:26px 20px; }
  .admin-analytics { padding:22px 16px; }
  .analytics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .analytics-grid { grid-template-columns:1fr; }
  .analytics-metric { padding:14px 12px; }
  .analytics-metric strong { font-size:27px; }
  .analytics-controls { gap:8px; }
}