/* DriverLog AU 8.9.15.5 C — User Clarity, Timeline Now & Compact App Health */

/* Home Review now lives in the greeting panel; old Today-card badge is suppressed. */
#home .hero.compact{position:relative}
#home .hero.compact #greeting{padding-right:58px}
.v894-today-card .v898-review-badge,.v897-trade-today .v898-review-badge{display:none!important}
.v894-today-card,.v897-trade-today{padding-bottom:14px!important}
#v8911HomeReviewBadge{display:none;position:absolute;right:12px;top:12px;z-index:3;min-width:38px;height:32px;padding:0 9px;border:1px solid #f0d493;background:#fff7df;color:#73510f;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 2px 8px #0001}
#v8911HomeReviewBadge.show{display:inline-flex;align-items:center;justify-content:center}

/* Smaller floating Save: reachable but not a second navigation bar. */
#v898FloatingSave.v898-floating-save{right:12px!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;min-width:72px!important;max-width:92px!important;padding:8px 13px!important;font-size:13px!important;box-shadow:0 5px 16px #0f172a26!important}

/* Current-day timeline: fine Now indicator; future remains blank. */
.v898-chart-scroll .v8911-now-line{stroke:#dc2626;stroke-width:1.35;stroke-dasharray:2 3}
.v898-chart-scroll .v8911-now-label{fill:#b91c1c;font-size:9px;font-weight:900;paint-order:stroke;stroke:#fff;stroke-width:3px}
.v893-timeline-track{position:relative}
.v8911-now-marker{position:absolute;top:-4px;bottom:-4px;width:0;border-left:1.5px dashed #dc2626;z-index:6;pointer-events:none}
.v8911-now-marker:before{content:'Now';position:absolute;top:-16px;left:3px;font-size:8px;font-weight:900;color:#b91c1c;background:#fff;padding:0 2px;border-radius:3px}

/* GPS badge is visibly actionable without becoming visually heavy. */
#vehicle .v898-gps-badge[role=button]{cursor:pointer;user-select:none;transition:background .15s,border-color .15s,transform .15s}
#vehicle .v898-gps-badge[role=button]:active{transform:scale(.96)}
#vehicle .v898-gps-badge[role=button]:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.v8911-focus-pulse{animation:v8911Pulse 1.2s ease}
@keyframes v8911Pulse{0%,100%{box-shadow:0 0 0 0 #2563eb00}45%{box-shadow:0 0 0 4px #2563eb22}}

/* Vehicle / GPS lower display follows the same compact-density rule as the top. */
body.v8911-dense-display #vehicleAdvanced{padding:10px 12px!important}
body.v8911-dense-display #vehicleAdvanced>summary{font-size:14px;line-height:1.2}
body.v8911-dense-display #vehicleAdvanced>.soft-note{margin:5px 0 8px!important;font-size:9.5px;line-height:1.25}
body.v8911-dense-display #vehicleAdvanced>.grid{gap:5px!important}
body.v8911-dense-display #vehicleAdvanced>.grid label{font-size:9.5px;margin-bottom:3px}
body.v8911-dense-display #vehicleAdvanced>.grid input{min-height:36px;height:36px;padding:6px 8px;font-size:12px;border-radius:8px}
body.v8911-dense-display #vehicleAdvanced .vehicle-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin-top:7px!important}
body.v8911-dense-display #vehicleAdvanced .vehicle-kpis .metric{min-height:48px!important;padding:6px!important;border-radius:8px!important}
body.v8911-dense-display #vehicleAdvanced .vehicle-kpis .metric b{font-size:14px!important;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.v8911-dense-display #vehicleAdvanced .vehicle-kpis .metric span{font-size:8.5px!important;line-height:1.1;margin-top:2px}
body.v8911-dense-display #vehicleAdvanced>.actions{margin-top:6px!important}
body.v8911-dense-display #vehicleAdvanced>.actions button{min-height:34px;padding:6px 9px;font-size:11px;border-radius:8px}
body.v8911-dense-display #mobileTrackingCard{margin-top:8px!important;padding:9px!important;border-radius:10px!important;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}
body.v8911-dense-display #mobileTrackingCard .section-title{font-size:14px;margin:0}
body.v8911-dense-display #mobileTrackingCard #gpsState{justify-self:end;padding:4px 7px;font-size:10px}
body.v8911-dense-display #mobileTrackingCard>.grid{grid-column:1/2!important;display:block!important;margin:0!important}
body.v8911-dense-display #mobileTrackingCard>.grid .metric{min-height:34px!important;padding:5px 7px!important;border-radius:8px!important}
body.v8911-dense-display #mobileTrackingCard>.grid .metric b{font-size:14px!important;display:inline}
body.v8911-dense-display #mobileTrackingCard>.grid .metric span{font-size:9px!important;margin-left:6px}
body.v8911-dense-display #mobileTrackingCard #gpsDiagnostic{grid-column:2/3;margin:0!important;padding:6px 7px!important;border-radius:8px!important;font-size:9.5px!important;line-height:1.25;max-width:260px}
body.v8911-dense-display #mobileTrackingCard>.actions{grid-column:1/-1!important;margin:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
body.v8911-dense-display #mobileTrackingCard>.actions button{min-height:34px!important;padding:6px 8px!important;font-size:11px!important;border-radius:8px!important}
body.v8911-dense-display #vehicleAdvanced .v891-subcard{margin-top:8px!important;padding:9px!important;border-radius:10px!important}
body.v8911-dense-display #vehicleAdvanced .v891-subcard>.section-title{font-size:14px}
body.v8911-dense-display #activityTimeline{margin-top:5px!important;font-size:9.5px!important;line-height:1.25!important}
body.v8911-dense-display #activityTimeline>div{padding:4px 0!important}

/* Common information/display density — forms keep normal input sizes. */
body.v8911-dense-display .daily-grid{gap:5px!important;margin-top:7px!important}
body.v8911-dense-display .daily-metric{padding:7px!important;border-radius:9px!important}
body.v8911-dense-display .daily-metric b{font-size:15px!important}
body.v8911-dense-display .daily-metric span{font-size:9px!important}
body.v8911-dense-display .daily-row{padding:6px 0!important;font-size:11px!important}

/* Help & App Health: plain-language status, guided actions, no raw developer jargon. */
.v8911-help-intro{margin:3px 0 9px;line-height:1.35}
.v8911-health-list{display:grid;gap:6px}
.v8911-health-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:8px}
.v8911-health-icon{font-size:18px;text-align:center}.v8911-health-row b{display:block;font-size:12px}.v8911-health-row div>span{display:block;font-size:9.5px;line-height:1.3;color:#64748b;margin-top:2px}.v8911-health-row button{min-height:32px;padding:5px 8px;font-size:10px;border-radius:8px}
.v8911-help-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:9px}.v8911-help-actions button{min-height:36px;padding:6px 7px;font-size:10.5px;border-radius:8px}.v8911-support-note{margin-top:7px}
@media(max-width:430px){
  #home .hero.compact #greeting{padding-right:48px}
  #v8911HomeReviewBadge{right:9px;top:9px;min-width:34px;height:29px;padding:0 7px;font-size:11px}
  body.v8911-dense-display #mobileTrackingCard{grid-template-columns:1fr auto}
  body.v8911-dense-display #mobileTrackingCard #gpsDiagnostic{grid-column:1/-1;max-width:none}
  .v8911-help-actions{grid-template-columns:1fr 1fr}.v8911-help-actions .primary{grid-column:1/-1}
}