/* Touch-friendly controls without making every history row taller. */
.entry-details{border:1px solid #d7e1d6;border-radius:12px;margin:14px 0;padding:0 15px;background:#f8faf6}.entry-details>summary{cursor:pointer;min-height:48px;display:list-item;align-content:center;font-size:14px;font-weight:600;padding:12px 0}.entry-details[open]{padding-bottom:15px}.entry-details .soc-editor{border:0;margin:0;padding:12px 0;background:transparent}.entry-details .form-grid{margin-top:12px}.entry-hint{font-size:13px;line-height:1.6;margin:0 0 20px;color:#627467}dialog .dialog-small-note{font-size:12px;line-height:1.6}dialog label{font-size:14px}dialog label>span{font-size:12px}dialog :is(input,select,textarea){font-size:16px;min-height:48px}dialog textarea{font-family:inherit;padding:12px}dialog .icon-button{min-width:44px;min-height:44px}.vehicle-image-link{display:block;width:64px;height:64px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#eef3e8}.vehicle-image-link img{width:100%;height:100%;object-fit:cover}.mobile-jump-nav{display:none}
@media(max-width:600px){html{scroll-padding-top:130px}body{font-size:15px}.sidebar{height:auto;min-height:74px;flex-wrap:wrap;gap:8px}.sidebar nav{max-width:100%;width:100%;justify-content:space-between;gap:5px}.sidebar .nav-link{min-height:44px;font-size:11px;padding:8px;white-space:nowrap}.topbar{margin-top:0}.topbar .privacy-badge{display:none}.topbar .avatar{min-height:44px;min-width:44px}.page-shell main{padding:24px 14px 0}.section{margin-bottom:38px}.history-section{padding:18px 12px;margin-top:38px;border-radius:15px}.history-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.history-heading-actions .button{min-height:46px;white-space:normal;font-size:13px}.history-filters{gap:12px}.history-filters :is(input,select){font-size:16px;min-height:46px}.history-filters label{font-size:12px}.session-card{padding:12px;column-gap:12px}.session-card .text-action,.vehicle-card .text-action{min-height:44px;padding:10px 5px;font-size:12px}.session-card .session-description h3{font-size:14px}.session-card .session-description p,.session-card .session-description>span,.session-date span,.session-number span{font-size:11px}.session-number strong{font-size:15px}.session-extra>summary{min-height:44px;padding:10px 0;font-size:12px}.session-extra p,.session-extra strong,.session-extra .session-loss span{font-size:12px}.history-stat p,.report-panel p,.history-explanation{font-size:12px!important}.report-panel h3{font-size:16px}.history-section .history-stat>div{font-size:23px}.tariff-row .metric small{font-size:11px}.tariff-row .icon-button{height:44px;width:44px}.tariff-name{font-size:15px}.tariff-subtitle{font-size:11px}.text-action{min-height:44px}dialog[open]{max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);width:calc(100vw - 16px);margin:auto;padding:20px 16px 0;border-radius:18px;overscroll-behavior:contain;scroll-padding-bottom:90px}dialog :is(input,select,textarea){font-size:16px!important;min-height:48px;scroll-margin-block:100px}dialog .form-grid{grid-template-columns:1fr 1fr;gap:16px 12px}#session-form>.form-grid>div:has(#session-vehicle),#session-form>.form-grid>div:has(#session-tariff),#session-form>.form-grid>div:has(#session-band-location),#session-form>.form-grid>div:has(#session-kwh),#session-form>.form-grid>div:has(#session-rate){grid-column:1/-1}dialog .dialog-heading{align-items:flex-start;position:relative}dialog .dialog-heading h2{font-size:23px}dialog label{font-size:14px!important;line-height:1.4}dialog label>span{font-size:12px!important}dialog .dialog-small-note,.battery-specs .dialog-small-note,.soc-editor .dialog-small-note{font-size:12px;line-height:1.6}dialog .dialog-actions{position:sticky;bottom:0;z-index:3;background:#fff;margin:18px -16px 0;padding:12px 16px max(12px,env(safe-area-inset-bottom));border-top:1px solid #e2e8dd;display:grid;grid-template-columns:auto 1fr;gap:10px}dialog .dialog-actions .button{font-size:14px;min-height:48px;padding:12px;white-space:normal}.battery-specs .form-grid{grid-template-columns:1fr}.battery-specs label{min-height:0}.vehicle-identity-fields{grid-template-columns:1fr!important}.entry-details{padding:0 12px}.entry-details>summary{font-size:14px}.vehicle-card{gap:12px}.vehicle-card p{font-size:12px}.vehicle-actions{gap:8px}.section-heading h2{font-size:23px}.button{touch-action:manipulation}.entry-hint{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

@media(max-width:600px){.optional-mileage>summary{min-height:48px;padding:12px 0;font-size:14px;line-height:1.5}.optional-mileage .dialog-small-note{font-size:12px}.vehicle-identity-fields label>span{display:inline}.auth-shell .auth-card .entry-details{scroll-margin-top:20px}.report-panel .breakdown-row strong{font-size:13px}.history-section .history-stat h3{font-size:12px}}
body:has(dialog[open]){overflow:hidden}
@media(max-width:600px){dialog .checkbox-label{min-height:48px;font-size:14px;line-height:1.5;align-items:center}dialog .checkbox-label input[type=checkbox]{width:22px;height:22px;min-height:22px;flex-shrink:0}#session-form select{min-height:48px!important}}