/* Application typography only. Native controls, hit areas and data logic stay intact. */
.app-shell,[data-slot="dialog-content"]{--cf-reading-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-sans:var(--cf-reading-font);font-family:var(--cf-reading-font)}
.app-shell :is(button,input,select,textarea),[data-slot="dialog-content"] :is(button,input,select,textarea){font-family:inherit}
.app-shell :is(h1,h2,h3),[data-slot="dialog-content"] :is(h1,h2,h3){letter-spacing:-.015em;font-weight:700}
.app-shell [data-slot="card-title"]{letter-spacing:-.01em;font-weight:650}
.app-shell [data-slot="button"],[data-slot="dialog-content"] [data-slot="button"]{font-weight:600;letter-spacing:0}
.app-shell [data-slot="button"]:not(.rounded-full):not(.record-sheet *),[data-slot="dialog-content"] [data-slot="button"]:not(.rounded-full){border-radius:11px}
.app-shell :is(table,.fuel-overview-list,.dashboard-metric-detail,.cf-trip-card-meters,.cf-trip-card-durations),.cf-trip-fields input{font-variant-numeric:tabular-nums}
.app-shell .dashboard-metric-label{color:#52677a!important;letter-spacing:.025em}
.app-shell .dashboard-metric-detail{color:#52677a!important}
.app-shell .cf-trip-card h3{letter-spacing:-.01em;font-weight:700}
.app-shell .cf-trip-card-times{background:#f0f6fa}
.app-shell .cf-trip-card-times dt{color:#526b7c}
.app-shell .cf-trip-card-times dd{font-size:13px;line-height:1.35;font-weight:650;color:#25465a;font-variant-numeric:tabular-nums}
.app-shell .cf-trip-card-meters,.app-shell .cf-trip-card-durations{font-size:13px;color:#526b7c;line-height:1.35}
.app-shell .cf-trip-card-summary{color:#304e62;font-size:14px;line-height:1.3}
.app-shell .cf-trip-card-summary strong{font-weight:700}
.app-shell .cf-trip-card-badges>span{font-weight:650}
.app-shell .cf-trip-card-actions button:focus-visible{outline:2px solid #0e68a5;outline-offset:2px}
.app-shell :is(.cf-analytics-filter-panel,.cf-archive-filters) label{font-weight:600;color:#38556b}
.app-shell .fuel-overview-heading,.app-shell table th{font-weight:650;letter-spacing:.01em}
.app-shell .fuel-detail-toggle{font-weight:600}
.app-shell .app-mobile-nav a{font-weight:600;letter-spacing:0}
.app-shell :is(button,a,input,select,textarea):focus-visible,[data-slot="dialog-content"] :is(button,a,input,select,textarea):focus-visible{outline:2px solid #1676b0;outline-offset:2px}
/* Preserve document typography and dimensions, including PDF preview. */
.app-shell .record-sheet,.app-shell .record-sheet :is(input,button,select,textarea){font-family:Arial,Helvetica,sans-serif;letter-spacing:normal}
@media(max-width:359px){.app-shell .cf-trip-card-times dd{font-size:12px}.app-shell .cf-trip-card-summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.app-shell [data-slot="button"]{transition:none!important}}