/* Three real pages. The map is mounted once and never shown behind Viaje/Diario. */
/* Journal: focused day overview and receipt-assisted drafts. */
body.cc-app.cc62-app #diarioModalBackdrop{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:#06131d99!important;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-modal{width:min(590px,100%)!important;background:var(--cc62-panel)!important;color:var(--cc62-text)!important;padding:0 24px 22px!important;border:1px solid var(--cc62-line);border-radius:26px!important;scrollbar-width:thin;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-modal-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;background:var(--cc62-panel);}
body.cc-app.cc62-app #diarioModalBackdrop .diario-modal-close{display:flex!important;align-items:center;gap:8px;position:static!important;margin:0!important;background:transparent!important;padding:8px 0!important;color:var(--cc62-muted)!important;min-height:44px!important;font-size:13px!important;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-modal-close>span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--cc62-soft);font-size:20px;color:var(--cc62-text);}
.diario-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--cc62-muted);}
body.cc-app.cc62-app #diarioModalBackdrop h2{font-size:25px!important;line-height:1.25!important;letter-spacing:-.65px;margin:8px 0 20px!important;outline:none;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-net-box{display:grid!important;gap:8px!important;margin:0 0 10px;padding:22px!important;border:1px solid color-mix(in srgb,var(--cc62-accent) 35%,var(--cc62-line));background:linear-gradient(135deg,color-mix(in srgb,var(--cc62-accent) 12%,var(--cc62-panel)),var(--cc62-panel));border-radius:20px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-net-value{font-size:36px!important;letter-spacing:-1px;line-height:1.15;font-variant-numeric:tabular-nums;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-net-label{font-size:12px!important;font-weight:650;}
.diario-net-box>small{color:var(--cc62-muted);font-size:11px;}
body.cc-app.cc62-app #diarioModalBackdrop .trip-stat-box{border:0!important;border-radius:14px!important;background:var(--cc62-soft)!important;padding:13px 15px!important;min-height:76px!important;}
body.cc-app.cc62-app #diarioModalBackdrop .trip-stat-label{font-size:11px!important;font-weight:500;}
body.cc-app.cc62-app #diarioModalBackdrop .trip-stat-value{font-size:23px!important;font-weight:720;letter-spacing:-.4px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-stat-compact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;min-height:45px!important;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-stat-compact .trip-stat-value{font-size:15px!important;}
.diario-add-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-add-actions button{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--cc62-soft);border:1px solid var(--cc62-line);color:var(--cc62-text);border-radius:13px;min-height:48px;font-size:13px;}
.diario-add-actions button>span{color:var(--cc62-accent);font-size:22px;font-weight:400;}
.diario-earnings-panel{border:1px solid var(--cc62-line);border-radius:16px;margin:0 0 24px;}
.diario-earnings-panel>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;padding:14px;min-height:60px;cursor:pointer;font-size:13px;font-weight:650;}
.diario-earnings-panel>summary::-webkit-details-marker{display:none;}
.diario-earnings-panel summary small{display:block;font-size:11px;font-weight:400;color:var(--cc62-muted);margin-top:3px;}
#diarioExtraEarningsAmount{font-size:12px;color:var(--cc62-accent);}
body.cc-app.cc62-app #diarioModalBackdrop .diario-earnings-form{padding:0 14px 14px;border:0;margin:0;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-section{margin:0 0 22px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-section-head h3{font-size:14px;letter-spacing:-.2px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;background:var(--cc62-bg);border:1px solid var(--cc62-line);}
body.cc-app.cc62-app #diarioTripsList .diario-item-main{flex:1 1 220px;gap:6px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-item-main strong{font-size:19px;letter-spacing:-.4px;margin-bottom:3px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-item-main span{font-size:12px;line-height:1.5;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-item-note{font-style:normal;color:var(--cc62-muted);}
body.cc-app.cc62-app #diarioModalBackdrop .diario-item-actions{display:flex;justify-content:flex-end;width:100%;border-top:1px solid var(--cc62-line);padding-top:6px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-item-actions button{min-height:38px;padding:6px 10px;font-size:11px;background:transparent;border:0;color:var(--cc62-muted);}
body.cc-app.cc62-app #diarioModalBackdrop .diario-list>p{padding:20px 14px;margin:0;border:1px dashed var(--cc62-line);border-radius:14px;text-align:center;color:var(--cc62-muted);font-size:12px;}
.diario-form-heading{display:flex;align-items:center;gap:14px;margin:10px 0 24px;}
.diario-form-icon{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;background:color-mix(in srgb,var(--cc62-accent) 13%,var(--cc62-panel));color:var(--cc62-accent);font-size:25px;}
.diario-form-heading small{font-size:12px;color:var(--cc62-muted);}
body.cc-app.cc62-app #diarioModalBackdrop .diario-form-heading h2{margin:4px 0 0!important;font-size:23px!important;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-form{gap:18px;}
.diario-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 12px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-form label{display:block;color:var(--cc62-muted)!important;font-weight:550;font-size:12px;line-height:1.4;}
.diario-form label>small{display:inline;font-size:10px;margin-left:3px;opacity:.8;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-input-unit{display:flex;align-items:center;gap:4px;padding-right:12px;background:var(--cc62-bg);border:1px solid var(--cc62-line);border-radius:14px;min-width:0;margin-top:8px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-input-unit:focus-within{border-color:var(--cc62-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cc62-accent) 15%,transparent);}
body.cc-app.cc62-app #diarioModalBackdrop .diario-input-unit input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;flex:1;width:0;min-width:0;padding:14px 0 14px 14px!important;font-size:21px!important;font-weight:650;min-height:57px!important;color:var(--cc62-text)!important;appearance:textfield;}
body.cc-app.cc62-app #diarioModalBackdrop input::-webkit-inner-spin-button{appearance:none;}
.diario-input-unit>span{color:var(--cc62-muted);font-size:11px;white-space:nowrap;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-total-field .diario-input-unit{background:color-mix(in srgb,var(--cc62-accent) 7%,var(--cc62-bg));}
body.cc-app.cc62-app #diarioModalBackdrop .diario-total-field input{font-size:30px!important;min-height:70px!important;color:var(--cc62-accent)!important;}
body.cc-app.cc62-app #diarioModalBackdrop #diarioTripNote{display:block;width:100%;margin-top:8px;background:var(--cc62-bg)!important;border:1px solid var(--cc62-line);border-radius:14px;min-height:52px!important;padding:12px;}
.diario-field-hint{font-size:11px;color:var(--cc62-muted);margin:-8px 0 0;line-height:1.5;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-form-actions{position:sticky;bottom:-22px;padding:14px 0 0;margin:0;background:var(--cc62-panel);display:grid;grid-template-columns:1fr 1.6fr;gap:10px;z-index:2;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-form-actions button,#diarioSaveEarningsBtn{min-height:48px;border-radius:14px;font-size:13px;}
body.cc-app.cc62-app #diarioModalBackdrop :is(#diarioTripSaveBtn,#diarioRefuelSaveBtn,#diarioSaveEarningsBtn){background:var(--cc62-accent)!important;color:var(--cc62-bg)!important;border:0;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-form-actions .mini-btn-outline{background:transparent;color:var(--cc62-muted);border:1px solid var(--cc62-line);}
.diario-receipt-card{padding:16px;background:var(--cc62-soft);border:1px solid var(--cc62-line);border-radius:18px;}
.diario-receipt-heading{display:flex;align-items:center;gap:12px;}
.diario-receipt-icon{display:grid;place-items:center;width:38px;height:44px;background:var(--cc62-panel);border-radius:10px;font-size:26px;color:var(--cc62-accent);}
.diario-receipt-heading strong{display:block;font-size:14px;letter-spacing:-.2px;}
.diario-receipt-heading small{display:block;font-size:11px;color:var(--cc62-muted);margin-top:4px;}
.diario-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-photo-actions button{min-height:44px;border:1px solid var(--cc62-line);border-radius:11px;background:var(--cc62-panel);font-size:12px;color:var(--cc62-text);}
.diario-receipt-preview{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;border-top:1px solid var(--cc62-line);padding-top:14px;margin-top:14px;}
.diario-receipt-preview img{width:54px;height:76px;object-fit:cover;border-radius:8px;}
.diario-receipt-preview p{margin:0;font-size:12px;line-height:1.5;}
.diario-receipt-preview progress{width:100%;height:5px;accent-color:var(--cc62-accent);}
body.cc-app.cc62-app #diarioModalBackdrop #diarioOcrCancelBtn{background:transparent;border:0;color:var(--cc62-muted);padding:8px 0;font-size:11px;min-height:36px;}
.diario-feedback{font-size:13px;border:1px solid var(--bad);border-radius:12px;padding:12px;color:var(--bad);}
#diarioModalBackdrop .diario-view:not(.hidden){animation:diario-page-in .22s ease both;}
@keyframes diario-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){body.cc-app.cc62-app #diarioModalBackdrop:not(.hidden){padding:12px 8px max(8px,env(safe-area-inset-bottom))!important;}body.cc-app.cc62-app #diarioModalBackdrop .diario-modal{padding:0 18px 20px!important;border-radius:24px!important;}body.cc-app.cc62-app #diarioModalBackdrop h2{font-size:23px!important;}body.cc-app.cc62-app #diarioModalBackdrop .diario-form-actions{bottom:-20px;}}
@media(max-width:360px){body.cc-app.cc62-app #diarioModalBackdrop .diario-modal{padding-inline:14px!important;}.diario-form-grid{gap:14px 8px;}.diario-input-unit>span{font-size:10px;}.diario-form-icon{width:40px;height:40px;}.diario-form-heading{gap:10px;}body.cc-app.cc62-app #diarioModalBackdrop .diario-form-heading h2{font-size:20px!important;}}
@media(prefers-reduced-motion:reduce){#diarioModalBackdrop .diario-view:not(.hidden){animation:none;}}
body.cc-app.cc62-app #diarioTripsList .diario-item{flex-wrap:wrap;align-items:flex-start;}
body.cc-app.cc62-app #diarioTripsList .diario-item-main{flex:1 1 220px;min-width:0;gap:5px;overflow-wrap:anywhere;}
body.cc-app.cc62-app #diarioTripsList .diario-trip-date{color:var(--cc62-text);}
body.cc-app.cc62-app #diarioTripsList .diario-trip-duration{color:var(--cc62-accent);font-weight:650;}
/* Station results already have a Map/Lista action and a mobile drag handle. */
body.cc-app.cc62-app .layout[data-right-card="stationDetailCard"] #closeRightPanelBtn,
body.cc-app.cc62-app .layout[data-right-card="rightListCard"] #closeRightPanelBtn{display:none!important;}
body.cc-app.cc62-app{--cc62-bg:var(--bg,#0d1b2a);--cc62-panel:var(--panel,#172b3e);--cc62-soft:var(--panel-2,#1a3547);--cc62-text:var(--text,#ebf4fa);--cc62-muted:var(--muted,#a5bccb);--cc62-line:var(--border,#385568);--cc62-accent:#6edbcc;--cc62-header:88px;background:var(--cc62-bg);color:var(--cc62-text);font-family:system-ui,sans-serif;}
body.cc-app.cc62-app #ccAppHeader{position:fixed;inset:0 0 auto;height:var(--cc62-header);z-index:2600;display:flex;align-items:center;padding:16px 26px;gap:16px;background:var(--cc62-bg);border-bottom:1px solid var(--cc62-line);box-sizing:border-box;}
.cc62-brand{color:inherit;text-decoration:none;font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.7px;}.cc62-brand span{display:block;font-size:10px;letter-spacing:1px;color:var(--cc62-muted);font-weight:500;margin-top:4px;}
#ccConnectionSlot{margin-left:auto;min-width:0;}
body.cc-app.cc62-app #ccAppHeader #ccLocalConnection{position:static!important;inset:auto!important;height:36px!important;min-height:36px!important;max-width:130px!important;z-index:auto!important;}
body.cc-app.cc62-app #mobileSettingsBtn{position:static!important;inset:auto!important;transform:none!important;width:44px!important;height:44px!important;min-height:44px!important;flex:none;display:grid!important;place-items:center;background:var(--cc62-soft)!important;border:1px solid var(--cc62-line)!important;border-radius:14px!important;box-shadow:none!important;margin:0!important;z-index:auto!important;}
body.cc-app.cc62-app #mobileDock{position:absolute!important;top:16px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:370px!important;height:56px!important;min-height:56px!important;max-width:calc(100% - 560px)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;padding:4px!important;background:var(--cc62-panel)!important;border:1px solid var(--cc62-line)!important;border-radius:18px!important;box-shadow:none!important;}
body.cc-app.cc62-app #mobileDock .dock-btn{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:7px!important;min-height:44px!important;height:auto!important;min-width:0!important;width:auto!important;border:0!important;border-radius:13px!important;color:var(--cc62-muted)!important;font-size:13px!important;background:transparent!important;box-shadow:none!important;transform:none!important;}
body.cc-app.cc62-app #mobileDock .dock-btn.active{background:var(--cc62-soft)!important;color:var(--cc62-text)!important;box-shadow:inset 0 -2px var(--cc62-accent)!important;}
body.cc-app.cc62-app #mobileDock .dock-icon{font-size:19px!important;line-height:1!important;}
body.cc-app.cc62-app #mobileDock .dock-label-short{display:none!important;}body.cc-app.cc62-app #mobileDock .dock-label-long{display:inline!important;font-size:13px!important;}
body.cc-app.cc62-app .layout{position:fixed!important;top:var(--cc62-header)!important;bottom:0!important;left:0!important;right:0!important;height:auto!important;min-height:0!important;}
body.cc-app.cc62-app[data-section="viaje"] .layout,body.cc-app.cc62-app[data-section="diario"] .layout{display:none!important;}
body.cc-app.cc62-app .left-panel>.app-header{display:none!important;}
body.cc-app.cc62-app .left-panel{padding-top:20px!important;}
body.cc-app.cc62-app #ccMapActions{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:calc(50% + 130px);transform:translateX(-50%);z-index:1550;display:flex;gap:6px;padding:8px;background:var(--cc62-panel);border:1px solid var(--cc62-line);border-radius:18px;box-shadow:0 8px 28px #0003;max-width:calc(100% - 320px);}
body.cc-app.cc62-app #ccMapActions button{width:auto!important;min-width:0!important;margin:0!important;min-height:44px;padding:9px 14px!important;border-radius:11px!important;background:var(--cc62-soft)!important;border:0!important;color:var(--cc62-text)!important;font-size:12px!important;white-space:nowrap;}
body.cc-app.cc62-app #ccMapActions #dockPlannerBtn{background:#216657!important;color:white!important;}
body.cc-app.cc62-app #ccMapFilters{display:none!important;}
body.cc-app.cc62-app #ccStationToggle{display:none!important;}
body.cc-app.cc62-app #ccStationChoices{display:contents;}
body.cc-app.cc62-app:not([data-section="mapa"]) #ccMapActions{display:none!important;}
body.cc-app.cc62-app #ccTravelPage{position:fixed;inset:var(--cc62-header) 0 0;z-index:1200;overflow:auto;overscroll-behavior:contain;padding:40px max(24px,calc((100% - 860px)/2)) 36px;background:var(--cc62-bg);box-sizing:border-box;}
body.cc-app.cc62-app #ccTravelPage[hidden]{display:none!important;}
.cc62-page-heading{margin:0 0 28px;}.cc62-page-heading small{font-size:10px;letter-spacing:2.2px;font-weight:800;color:var(--cc62-accent);}.cc62-page-heading h1{font-size:clamp(27px,4vw,38px);font-weight:750;letter-spacing:-1.2px;margin:10px 0;}.cc62-page-heading p{font-size:14px;color:var(--cc62-muted);margin:0;}
.cc62-vehicle-card{display:flex;align-items:center;gap:16px;border:1px solid var(--cc62-line);border-radius:20px;background:var(--cc62-panel);padding:20px;margin-bottom:22px;}.cc62-vehicle-card>div{display:grid;gap:6px;min-width:0;flex:1;}.cc62-vehicle-card small{font-size:9px;letter-spacing:1.4px;color:var(--cc62-muted);}.cc62-vehicle-card strong{font-size:19px;}.cc62-vehicle-card span:not(.cc62-car-symbol){font-size:12px;color:var(--cc62-muted);}.cc62-car-symbol{font-size:30px;background:var(--cc62-soft);padding:14px;border-radius:16px;}.cc62-vehicle-card button{padding:10px 14px;background:transparent;border:1px solid var(--cc62-line);border-radius:12px;color:var(--cc62-accent);font-weight:700;min-height:44px;}
.cc62-travel-tabs{display:flex;gap:8px;margin:0 0 16px;background:var(--cc62-panel);border-radius:14px;padding:5px;}.cc62-travel-tabs button{flex:1;min-height:44px;border:0;border-radius:10px;padding:10px;color:var(--cc62-muted);background:transparent;font:600 14px system-ui;}.cc62-travel-tabs button[aria-pressed="true"]{background:var(--cc62-soft);color:var(--cc62-text);}
body.cc-app.cc62-app #ccTravelBody>section{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;max-height:none!important;box-sizing:border-box!important;padding:24px!important;border:1px solid var(--cc62-line)!important;background:var(--cc62-panel)!important;border-radius:20px!important;box-shadow:none!important;overflow:visible!important;margin:0!important;}
body.cc-app.cc62-app #ccTravelBody>section.hidden,body.cc-app.cc62-app #ccTravelBody>section.panel-card-hidden{display:none!important;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock .trip-mode-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;}
body.cc-app.cc62-app #ccTravelBody label{font-size:12px!important;color:var(--cc62-muted)!important;}
body.cc-app.cc62-app #ccTravelBody select,body.cc-app.cc62-app #ccTravelBody input{min-height:44px!important;border-radius:12px!important;}
body.cc-app.cc62-app #ccTravelBody #startTripModeBtn{width:100%;min-height:54px!important;border-radius:14px!important;background:#6edbcc!important;border:0!important;color:#073a36!important;font-size:16px!important;margin-top:12px!important;}
body.cc-app.cc62-app #ccTravelBody .trip-mode-panel>h2{display:none!important;}
body.cc-app.cc62-app #ccTravelBody #tripRunningBlock{padding:8px 0;}
body.cc-app.cc62-app #ccTravelBody #tripRunningBlock .trip-mode-exit{display:none;}
.cc62-journal-link{display:block;margin:24px auto 0;padding:12px;color:var(--cc62-accent);font:600 13px system-ui;background:transparent;border:0;}
body.cc-app.cc62-app[data-section="viaje"] #tripActiveMini,body.cc-app.cc62-app[data-section="diario"] #tripActiveMini,body.cc-app.cc62-app:not([data-section="mapa"]) #tripMiniRestoreBtn,body.cc-app.cc62-app:not([data-section="mapa"]) #plannedRouteMini{display:none!important;}
body.cc-app.cc62-app #diarioFullscreen:not(.hidden){position:fixed!important;inset:var(--cc62-header) 0 0!important;transform:none!important;height:auto!important;max-height:none!important;width:100%!important;border:0!important;border-radius:0!important;padding:28px!important;z-index:1250!important;background:var(--cc62-bg)!important;overflow:auto!important;}
body.cc-app.cc62-app #diarioFullscreen .diario-fullscreen-inner{width:100%!important;max-width:none!important;margin:0!important;min-height:100%!important;padding:0!important;display:flex;flex-direction:column;}
body.cc-app.cc62-app #diarioFullscreen .diario-fullscreen-header{padding:0!important;margin:0 0 16px!important;align-items:flex-start!important;}body.cc-app.cc62-app #diarioFullscreen h1{font-size:28px!important;letter-spacing:-1px!important;margin:0!important;}
body.cc-app.cc62-app #diarioCalendarGrid{display:flex;flex-direction:column;flex:1;}
body.cc-app.cc62-app #diarioFullscreen .diario-days-grid{flex:1;grid-auto-rows:minmax(60px,1fr);}
body.cc-app.cc62-app #diarioFullscreen .diario-day{height:auto!important;min-height:60px!important;aspect-ratio:auto!important;}
body.cc-app.cc62-app #diarioFullscreen :is(.diario-day,.diario-summary-box){background:var(--cc62-panel)!important;color:var(--cc62-text)!important;}
body.cc-app.cc62-app #diarioFullscreen :is(.diario-summary-label,.diario-weekdays span){color:var(--cc62-muted)!important;}
body.cc-app.cc62-app #diarioFullscreen :is(.diario-calendar-head,#diarioMonthLabel,.diario-calendar-head button){color:var(--cc62-text)!important;}
body.cc-app.cc62-app #diarioFullscreen .diario-calendar-head button{background:var(--cc62-soft)!important;border-color:var(--cc62-line)!important;}
body.cc-app.cc62-app #diarioFullscreen .diario-day:hover:not(.empty){background:var(--cc62-soft)!important;}
body.cc-app.cc62-app #diarioFullscreen .diario-day.net-positive{background:linear-gradient(#23c07a18,#23c07a18),var(--cc62-panel)!important;}
body.cc-app.cc62-app #diarioFullscreen .diario-day.net-negative{background:linear-gradient(#ff5c5c18,#ff5c5c18),var(--cc62-panel)!important;}
html[data-theme="light"] body.cc-app.cc62-app #diarioFullscreen .diario-summary-value{color:#08794c!important;}
html[data-theme="light"] body.cc-app.cc62-app #diarioFullscreen .fuel .diario-summary-value{color:#b82f40!important;}
html[data-theme="light"] body.cc-app.cc62-app #diarioFullscreen .diario-day-net.positive{color:#096944!important;}
html[data-theme="light"] body.cc-app.cc62-app #diarioFullscreen .diario-day-net.negative{color:#a12635!important;}
body.cc-app.cc62-app #diarioBackToMapBtn,body.cc-app.cc62-app #diarioFullscreen .cc39-sheet-handle{display:none!important;}
body.cc-app.cc62-app #tripFullscreen:not(.hidden){position:fixed!important;inset:0!important;z-index:5000!important;background:var(--cc62-bg)!important;height:100dvh!important;max-height:none!important;overflow:auto!important;padding:max(18px,var(--cc-safe-top,env(safe-area-inset-top))) 20px max(18px,var(--cc-safe-bottom,env(safe-area-inset-bottom)))!important;box-sizing:border-box!important;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-shell{display:flex!important;flex-direction:column!important;max-width:800px!important;width:100%!important;min-height:100%!important;margin:auto!important;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-header{display:flex!important;align-items:center;justify-content:space-between;gap:12px;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-header>div{text-align:center;min-width:0;}.trip-fullscreen-header strong{font-size:17px;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-state-row{justify-content:center;display:flex;margin:24px 0 0;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-speed{flex:1;min-height:170px;display:grid;align-content:center;justify-items:center;padding:24px 0;}
body.cc-app.cc62-app #tripFullscreenSpeed{font-size:clamp(90px,23vw,148px)!important;line-height:1!important;letter-spacing:-7px;color:var(--cc62-text)!important;font-variant-numeric:tabular-nums;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-stats article{padding:18px;border:1px solid var(--cc62-line);background:var(--cc62-panel);border-radius:18px;display:grid;gap:8px;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-stats article strong{font-size:25px!important;font-variant-numeric:tabular-nums;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-stats article.highlight{background:#123d37;border-color:#377a67;color:#79e8ba;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:0!important;}.trip-fullscreen-actions button{min-height:54px;border-radius:14px;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-config{font-size:12px;text-align:center;margin:18px 0;color:var(--cc62-muted);}
/* One chooser: saved/used cars and catalogue share search and selection. */
.cc62-vehicle-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;}.cc62-vehicle-heading strong{font-size:20px;}
.cc62-picker{padding:16px;border:1px solid var(--border,#385568);border-radius:16px;}.cc62-picker[hidden]{display:none!important;}.cc62-picker label[hidden]{display:none!important;}
.cc62-vehicle-choices{display:grid;gap:8px;max-height:300px;overflow:auto;margin:12px 0;overscroll-behavior:contain;}.cc62-vehicle-choice{display:grid!important;text-align:left!important;padding:14px!important;gap:5px!important;grid-template-columns:1fr auto;border:1px solid var(--border,#385568)!important;background:var(--panel-2,#1a3547)!important;color:var(--text,#ebf4fa)!important;border-radius:12px!important;}.cc62-vehicle-choice strong{font-size:15px;}.cc62-vehicle-choice small{font-size:11px;grid-column:1;color:var(--muted,#a5bccb);}.cc62-choice-tag{font-size:10px;color:#70dacc;grid-column:2;grid-row:1/3;align-self:center;}
body.cc-app.cc62-app .ccv-preview{margin:12px 0!important;}body.cc-app.cc62-app .ccv-help{font-size:13px!important;line-height:1.6!important;}
@media(max-width:1000px){
 body.cc-app.cc62-app{--cc62-top:max(12px,var(--cc-safe-top,env(safe-area-inset-top)));--cc62-bottom:max(10px,var(--cc-safe-bottom,env(safe-area-inset-bottom)));--cc62-header:calc(var(--cc62-top) + 58px);--cc62-nav-space:calc(var(--cc62-bottom) + 74px);}
 body.cc-app.cc62-app #ccAppHeader{padding:var(--cc62-top) 16px 10px;align-items:center;gap:10px;border:0;pointer-events:none;}
 body.cc-app.cc62-app #ccAppHeader :is(.cc62-brand,#mobileSettingsBtn,#ccLocalConnection){pointer-events:auto;}
 body.cc-app.cc62-app[data-section="mapa"] #ccAppHeader{background:linear-gradient(180deg,#061421a8,transparent);color:#fff;}
 body.cc-app.cc62-app .cc62-brand{font-size:21px;margin:0;letter-spacing:-.7px;}
 body.cc-app.cc62-app .cc62-brand span{font-size:10px;letter-spacing:.5px;margin-top:3px;}
 body.cc-app.cc62-app[data-section="mapa"] .cc62-brand{text-shadow:0 1px 5px #0009;}
 body.cc-app.cc62-app[data-section="mapa"] .cc62-brand span{color:#e1edf5;}
 body.cc-app.cc62-app #mobileSettingsBtn{border-radius:50%!important;font-size:23px!important;}
 body.cc-app.cc62-app #ccAppHeader #ccConnectionSlot{position:fixed;top:calc(var(--cc62-header) + 4px);right:16px;}
 body.cc-app.cc62-app:not([data-section="mapa"]) #ccAppHeader:has(#ccLocalConnection) .cc62-brand{max-width:calc(100% - 60px);}
 body.cc-app.cc62-app #ccAppHeader #ccLocalConnection{height:30px!important;min-height:30px!important;font-size:11px!important;}
 body.cc-app.cc62-app #mobileSettingsBtn{margin-left:auto!important;}
 body.cc-app.cc62-app #mobileDock{position:fixed!important;top:auto!important;bottom:var(--cc62-bottom)!important;left:12px!important;right:12px!important;transform:none!important;translate:none!important;width:auto!important;max-width:none!important;height:62px!important;min-height:62px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 6px 24px #0004!important;}
 body.cc-app.cc62-app #mobileDock .dock-btn{flex-direction:column!important;gap:4px!important;min-height:50px!important;padding:5px!important;}
 body.cc-app.cc62-app #mobileDock .dock-label-long{font-size:11px!important;}
 body.cc-app.cc62-app[data-section="mapa"] .layout{top:0!important;}
 body.cc-app.cc62-app #ccTravelPage{bottom:var(--cc62-nav-space);padding:12px 16px 18px;scroll-padding-bottom:18px;}
 .cc62-page-heading{margin-bottom:18px;}.cc62-page-heading h1{font-size:26px;margin:8px 0;}.cc62-page-heading p{font-size:12px;}
 .cc62-vehicle-card{padding:14px;gap:10px;border-radius:17px;margin-bottom:18px;}.cc62-car-symbol{font-size:23px;padding:10px;}.cc62-vehicle-card strong{font-size:17px;}.cc62-vehicle-card button{font-size:12px;padding:8px;}
 body.cc-app.cc62-app #ccTravelBody>section{padding:18px!important;}
 body.cc-app.cc62-app #ccMapActions{bottom:calc(var(--cc62-nav-space) + 2px);left:12px;right:12px;transform:none;max-width:none;display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:5px;overflow:visible;padding:5px;border-radius:15px;}
 body.cc-app.cc62-app #ccMapActions button{padding:8px 5px!important;font-size:11px!important;}
 body.cc-app.cc62-app #ccMapFilters{display:block!important;}
 body.cc-app.cc62-app #ccStationToggle{display:block!important;}
 body.cc-app.cc62-app #ccStationChoices{display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:8px;gap:6px;background:var(--cc62-panel);border:1px solid var(--cc62-line);border-radius:17px;box-shadow:0 8px 28px #0004;}
 body.cc-app.cc62-app #ccMapActions.choices-open #ccStationChoices{display:grid;grid-template-columns:1fr 1fr;}
 body.cc-app.cc62-app #ccMapActions.choices-open #ccStationToggle{color:var(--cc62-accent)!important;}
 body.cc-app.cc62-app #diarioFullscreen:not(.hidden){inset:var(--cc62-header) 0 var(--cc62-nav-space)!important;padding:8px 12px 12px!important;}
 body.cc-app.cc62-app #diarioFullscreen .diario-fullscreen-header{margin:0 0 12px!important;}
 body.cc-app.cc62-app #diarioFullscreen h1{font-size:24px!important;}
 body.cc-app.cc62-app #diarioFullscreen .diario-summary{margin:0!important;gap:8px!important;}
 body.cc-app.cc62-app #diarioFullscreen .diario-summary-box{padding:10px!important;gap:2px;}
 body.cc-app.cc62-app #diarioFullscreen .diario-summary-label{font-size:11px!important;}
 body.cc-app.cc62-app #diarioFullscreen .diario-summary-value{font-size:25px!important;margin:0!important;}
 body.cc-app.cc62-app #diarioFullscreen .diario-calendar-head{margin:8px 0!important;}
 body.cc-app.cc62-app #diarioFullscreen .diario-days-grid{grid-auto-rows:minmax(44px,1fr);}
 body.cc-app.cc62-app #diarioFullscreen .diario-day{min-height:44px!important;}
 body.cc-app.cc62-app #diarioFullscreen .diario-fullscreen-hint{font-size:11px!important;margin:8px 0 0!important;}
 /* Sheets own the foreground, including their handle and an explicit close button. */
 body.cc-app.cc62-app.cc39-sheet-visible #ccAppHeader,
 body.cc-app.cc62-app.cc39-sheet-visible #ccAppHeader #mobileDock.cc-navigation,
 body.cc-app.cc62-app.cc39-sheet-visible #ccMapActions{visibility:hidden!important;pointer-events:none!important;}
 body.cc-app.cc62-app.cc39-mobile :is(.left-panel,#sidePanel).cc39-sheet{top:var(--cc39-top)!important;max-height:var(--cc39-size)!important;padding:0!important;z-index:2800!important;}
 body.cc-app.cc62-app .cc39-close{position:absolute!important;display:grid!important;place-items:center;top:2px!important;right:6px!important;width:44px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;z-index:12;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--cc39-ink)!important;font-size:26px!important;border-radius:12px!important;}
 body.cc-app.cc62-app .cc39-close:focus-visible{outline:2px solid var(--cc62-accent);outline-offset:-4px;}
 body.cc-app.cc62-app #tripActiveMini:not(.docked){bottom:calc(var(--cc62-nav-space) + 68px)!important;}
 body.cc-app.cc62-app #tripMiniRestoreBtn{bottom:calc(var(--cc62-nav-space) + 68px)!important;}
}
@media(max-width:380px){body.cc-app.cc62-app #ccTravelBody #tripSetupBlock .trip-mode-fields{grid-template-columns:1fr!important;}.cc62-car-symbol{display:none;}.cc62-brand{font-size:18px!important;}}
@media(max-height:500px) and (orientation:landscape){body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-speed{min-height:80px;padding:8px;}body.cc-app.cc62-app #tripFullscreenSpeed{font-size:70px!important;}body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-stats{grid-template-columns:repeat(4,1fr)!important;}body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-stats article{padding:10px;}}

body.cc-app.cc62-app .cc62-vehicle-card button{width:auto!important;flex:none;white-space:nowrap;}
body.cc-app.cc62-app #mobileDock{min-width:0!important;}
body.cc-app.cc62-app #ccAppHeader #mobileDock.cc-navigation{visibility:visible!important;pointer-events:auto!important;opacity:1!important;}
body.cc-app.cc62-app #ccAppHeader{font-weight:500;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock{display:grid!important;grid-template-columns:1fr 1fr;gap:14px;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock.hidden{display:none!important;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock>p,body.cc-app.cc62-app #ccTravelBody #tripSetupBlock>button{grid-column:1/-1;margin:0;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock label{margin:0!important;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock .ccv-consumption-note{font-size:10px!important;}
body.cc-app.cc62-app #ccTravelBody #tripModePanel>h3{display:none!important;}
body.cc-app.cc62-app #diarioFullscreen>.cc39-handle{display:none!important;}
body.cc-app.cc62-app #diarioFullscreen>.cc39-scroll{height:auto!important;max-height:none!important;padding:0!important;overflow:visible!important;}
body.cc-app.cc62-app .cc38-map-brand,body.cc-app.cc62-app .cc38-map-settings{display:none!important;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock label{display:flex!important;flex-direction:column;justify-content:flex-start;gap:6px;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock input{height:44px!important;max-height:44px!important;}
body.cc-app.cc62-app #ccTravelBody #tripModePanel>h2{display:none!important;}
body.cc-app.cc62-app #ccTravelBody .section-head[hidden]{display:none!important;}
body.cc-app.cc62-app #tripFullscreen .trip-fullscreen-header>div{display:block!important;color:var(--cc62-text);font-size:14px;}

/* The shared form used dark text-fill overrides even when the page was light. */
html[data-theme="light"] body.cc-app.cc62-app{--cc62-accent:#087568;}
body.cc-app.cc62-app #mobileSettingsBtn{color:var(--cc62-text)!important;}
body.cc-app.cc62-app #ccTravelBody :is(select,input){background:var(--cc62-soft)!important;color:var(--cc62-text)!important;-webkit-text-fill-color:var(--cc62-text)!important;border-color:var(--cc62-line)!important;}
body.cc-app.cc62-app #ccTravelBody :is(select,input):disabled{opacity:1;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock>p{color:var(--cc62-muted)!important;}

/* Touch controls: the selected value stays inside the control, never over the trip card. */
body.cc-app.cc62-app .cc-wheel{position:relative!important;touch-action:none!important;user-select:none;-webkit-user-select:none;overflow:hidden!important;cursor:ns-resize;}
.cc-wheel-track{position:absolute;inset:0 14px;pointer-events:none;}
.cc-wheel-track>span{position:absolute;top:50%;left:0;right:0;margin-top:-.65em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .15s;}
.cc-wheel-track>span:nth-child(2){opacity:1;}
.cc-wheel-active .cc-wheel-track>span:first-child,.cc-wheel-active .cc-wheel-track>span:last-child{opacity:.35;}
.cc-wheel-arrows{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.55;pointer-events:none;}
body.cc-app.cc62-app .cc-wheel-active{outline:2px solid var(--cc62-accent)!important;outline-offset:-2px;}
body.cc-app.cc62-app .cc-wheel:focus:not(:focus-visible):not(.cc-wheel-active){outline:none!important;}
body.cc-app.cc62-app .cc-wheel:focus-visible{outline:2px solid var(--cc62-accent)!important;outline-offset:-2px!important;box-shadow:none!important;}
body.cc-app.cc62-app .cc63-vehicle-selector{text-align:center;margin:0 0 14px;}
body.cc-app.cc62-app #ccTravelVehicleName{display:block;width:100%;height:76px;min-height:76px;margin:0;border:0;border-radius:18px;background:transparent;color:var(--cc62-text);font:750 clamp(20px,5.5vw,28px)/1.2 system-ui;box-shadow:none;}
body.cc-app.cc62-app #ccTravelVehicleName .cc-wheel-track>span:first-child,body.cc-app.cc62-app #ccTravelVehicleName .cc-wheel-track>span:last-child{font-size:12px;}
body.cc-app.cc62-app #ccTravelVehicleMeta{display:block;color:var(--cc62-muted);font:500 11px/1.4 system-ui;min-height:16px;}
body.cc-app.cc62-app .cc62-travel-tabs{margin-bottom:4px;}
body.cc-app.cc62-app .cc62-travel-tabs button{font-size:12px;}
body.cc-app.cc62-app #ccTravelSwipeHint{margin:6px 0 16px;text-align:center;color:var(--cc62-muted);font:400 10px/1.4 system-ui;}
body.cc-app.cc62-app #ccTravelNotice{color:var(--cc62-accent);font-size:12px;text-align:center;margin:12px 0;}
body.cc-app.cc62-app #ccTravelBody>#tripModePanel{padding:0!important;border:0!important;background:transparent!important;}
body.cc-app.cc62-app .cc63-trip-intro{grid-column:1/-1;text-align:center;padding:8px 0 18px;}
body.cc-app.cc62-app .cc63-trip-intro>span{display:block;font-size:40px;margin-bottom:6px;}
body.cc-app.cc62-app .cc63-trip-intro h1{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:0 0 6px;}
body.cc-app.cc62-app .cc63-trip-intro p{color:var(--cc62-muted);font-size:12px;margin:0;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock{gap:12px;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock>label{padding:14px!important;border:1px solid var(--cc62-line);border-radius:18px;background:var(--cc62-panel);min-width:0;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock :is(input,select){border:0!important;background:transparent!important;padding:4px 0!important;box-shadow:none!important;width:100%;min-width:0;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock input{font-size:25px!important;font-weight:750;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock select{font-size:13px!important;}
body.cc-app.cc62-app #ccTravelBody #tripSetupBlock>p{font-size:11px!important;line-height:1.5;}
body.cc-app.cc62-app #ccTravelBody #startTripModeBtn{margin-top:4px!important;}
body.cc-app.cc62-app #ccTravelNearPanel>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;}
body.cc-app.cc62-app #ccTravelNearPanel h2{font-size:20px;margin:0;}
body.cc-app.cc62-app #ccTravelLocate{width:auto!important;background:var(--cc62-soft)!important;color:var(--cc62-text)!important;border:1px solid var(--cc62-line);border-radius:12px;font-size:11px;padding:10px;min-height:44px;}
body.cc-app.cc62-app #ccTravelNearResult{text-align:center;}
.cc63-near-distance{color:var(--cc62-accent);font-size:12px;}
body.cc-app.cc62-app #ccTravelNearResult h3{font-size:27px;margin:18px 0 8px;}
body.cc-app.cc62-app #ccTravelNearResult p{color:var(--cc62-muted);font-size:13px;line-height:1.5;}
.cc63-near-price{display:block;font-size:54px;color:var(--cc62-accent);letter-spacing:-2px;margin:26px 0 8px;}
.cc63-near-price small{font-size:13px;letter-spacing:0;margin-left:6px;}
body.cc-app.cc62-app #ccTravelNearResult .cc63-near-explanation{font-size:11px;margin:22px 0;}
body.cc-app.cc62-app #ccNearShowMap{width:100%;min-height:48px;background:var(--cc62-accent);color:var(--cc62-bg);border:0;border-radius:14px;font-weight:700;}
body.cc-app.cc62-app #ccApplyFilters{display:block!important;width:100%!important;grid-column:1/-1;min-height:48px;background:var(--cc62-accent)!important;color:var(--cc62-bg)!important;border:0!important;border-radius:14px!important;margin:14px 0 0!important;font-weight:750;}
body.cc-app.cc62-app #ccTravelBody{transition:translate .16s ease;}
body.cc-app.cc62-app #ccTravelPage.cc-swiping #ccTravelBody{translate:var(--cc-swipe-x,0) 0;transition:none;}
body.cc-app.cc62-app #tripFullscreen.cc-swiping .trip-fullscreen-shell{translate:var(--cc-swipe-x,0) 0;}
/* The planner shares the sheet surface, without a second dark rectangular header. */
body.cc-app.cc62-app.cc38-planner-visible #sidePanel{--r38-bg:var(--cc39-surface);--r38-card:var(--cc62-panel);--r38-soft:var(--cc62-soft);--r38-text:var(--cc62-text);--r38-muted:var(--cc62-muted);--r38-line:var(--cc62-line);}
body.cc-app.cc62-app #ccRoutes38 .r38-header{background:var(--cc39-surface)!important;}
@media(max-width:1000px){
 body.cc-app.cc62-app #ccStationChoices,body.cc-app.cc62-app #ccMapActions.choices-open #ccStationChoices{display:none!important;}
 body.cc-app.cc62-app #ccStationToggle{font-size:10px!important;}
 body.cc-app.cc62-app #ccStationToggle .cc-wheel-track{inset:0 9px 0 3px;}
 body.cc-app.cc62-app #ccStationToggle .cc-wheel-track>span{white-space:normal;line-height:1.15;margin-top:-1.15em;height:2.3em;display:flex;align-items:center;justify-content:center;}
 body.cc-app.cc62-app #ccStationToggle .cc-wheel-arrows{right:2px;font-size:10px;}
 body.cc-app.cc62-app[data-section="viaje"] #ccAppHeader .cc62-brand{visibility:hidden;}
 body.cc-app.cc62-app[data-section="viaje"] #ccAppHeader{background:transparent;}
 body.cc-app.cc62-app #ccTravelPage{top:0;padding:var(--cc62-top) 16px 16px;}
 body.cc-app.cc62-app #ccTravelVehicle{padding-right:46px;margin-bottom:12px;}
 body.cc-app.cc62-app #ccTravelBody #tripSetupBlock>label{padding:12px!important;}
 body.cc-app.cc62-app .cc63-trip-intro{padding:6px 0 12px;}
 body.cc-app.cc62-app .cc63-trip-intro h1{font-size:25px;}
 body.cc-app.cc62-app .cc63-trip-intro>span{font-size:32px;}
 body.cc-app.cc62-app .cc62-travel-tabs button{padding:8px 4px;font-size:11px;}
 body.cc-app.cc62-app #sidePanel>.cc39-close{display:none!important;}
 body.cc-app.cc62-app #ccTravelJournal{margin-top:14px;}
}
@media(prefers-reduced-motion:reduce){
 body.cc-app.cc62-app #ccTravelBody,.cc-wheel-track>span{transition:none!important;}
 body.cc-app.cc62-app .cc-swiping :is(#ccTravelBody,.trip-fullscreen-shell){translate:none!important;}
}


/* Filter panel: compact choices, independently scrolling body, fixed actions. */
body.cc-app.cc62-app .left-panel{padding:0!important;overflow:hidden!important;}
body.cc-app.cc62-app .left-panel>.cc39-scroll{display:flex!important;flex-direction:column;min-height:0!important;height:100%!important;width:100%!important;padding:0!important;overflow:hidden!important;gap:0!important;}
body.cc-app.cc62-app .left-panel .cc-filter-header{display:grid!important;flex:0 0 auto;gap:5px;padding:18px 16px 14px!important;margin:0!important;border:0!important;background:transparent!important;}
body.cc-app.cc62-app .cc-filter-header h2{font-size:19px;letter-spacing:-.5px;line-height:1.25;margin:0;color:var(--v-ink);}
body.cc-app.cc62-app .cc-filter-header #statusBadge{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:16px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;text-align:left;font-size:11px!important;font-weight:500;color:var(--v-muted)!important;line-height:1.4;white-space:normal;}
body.cc-app.cc62-app #statusBadge::before{content:'';flex:0 0 6px;width:6px;height:6px;background:var(--v-muted);border-radius:50%;}
body.cc-app.cc62-app #statusBadge.ok::before{background:var(--v-teal);}
body.cc-app.cc62-app #statusBadge.warning::before{background:#cf963d;}
body.cc-app.cc62-app #ccFilterBody{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 14px 10px;scrollbar-width:thin;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px!important;padding:12px!important;margin:0 0 14px!important;border-radius:16px!important;background:var(--v-soft)!important;box-shadow:none!important;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard .ccv-card-top{display:contents;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard :is(.ccv-card-top>span,.ccv-tags,.ccv-reference-modes),body.cc-app.cc62-app .left-panel #selectedVehicleCard>:is(small,p){display:none!important;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard h3{grid-column:1;grid-row:1;font-size:15px!important;line-height:1.25!important;align-self:end;overflow-wrap:anywhere;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard .ccv-card-metrics{grid-column:1;grid-row:2;display:flex!important;justify-content:flex-start;padding:0!important;margin:0!important;border:0!important;gap:4px;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard .ccv-card-metrics strong{font-size:12px!important;font-weight:600;color:var(--v-teal);}
body.cc-app.cc62-app .left-panel #selectedVehicleCard .ccv-card-metrics span{display:none!important;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard:has(.ccv-car-photo){grid-template-columns:44px minmax(0,1fr) auto;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard:has(.ccv-car-photo) :is(h3,.ccv-card-metrics){grid-column:2;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard .ccv-car-photo{grid-column:1;grid-row:1/3;width:44px!important;height:44px!important;min-height:0!important;object-fit:contain;border-radius:10px;margin:0!important;float:none!important;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard .ccv-card-top button{grid-column:-2/-1;grid-row:1/3;min-height:44px!important;padding:4px 6px!important;color:var(--v-teal)!important;background:transparent!important;align-self:center;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard:has(.ccv-primary) .ccv-card-top{display:none;}
body.cc-app.cc62-app .left-panel #selectedVehicleCard>.ccv-primary{grid-column:2;grid-row:1/3;padding:6px 10px!important;font-size:11px!important;min-height:44px!important;}
body.cc-app.cc62-app .left-panel .toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:11px 10px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;}
.cc-filter-field{min-width:0;display:grid;gap:5px;}
.cc-filter-field:nth-child(1),.cc-filter-field:nth-child(4),.cc-filter-field:nth-child(5){grid-column:1/-1;}
.cc-filter-field select[hidden]{display:none!important;}
.cc-filter-caption{font-size:11px;line-height:1.3;color:var(--v-muted);font-weight:600;}
body.cc-app.cc62-app .cc-filter-trigger{display:flex!important;justify-content:space-between;align-items:center;gap:10px;width:100%!important;min-width:0!important;min-height:52px!important;padding:8px 12px!important;border:1px solid var(--v-line)!important;border-radius:12px!important;background:var(--v-surface)!important;color:var(--v-ink)!important;text-align:left;font-size:13px!important;font-weight:600!important;box-shadow:none!important;transition:border-color .16s,background .16s,transform .16s;}
.cc-filter-value{min-width:0;display:grid;gap:2px;line-height:1.2;}
.cc-filter-value>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-filter-chevron{color:var(--v-muted);display:grid;place-items:center;flex:none;line-height:0;}
.cc-filter-chevron>svg,.cc-wheel-arrows>svg{display:block;flex:none;}
.cc-wheel-arrows>svg{width:12px;height:18px;}
body.cc-app.cc62-app #ccTravelVehicleName .cc-wheel-arrows>svg{width:22px;height:28px;}
body.cc-app.cc62-app .cc-filter-trigger:hover,body.cc-app.cc62-app .cc-filter-trigger[aria-expanded=true]{border-color:var(--v-teal)!important;background:var(--v-soft)!important;}
.cc-filter-trigger:active{transform:scale(.985);}
.cc-filter-trigger:focus-visible,.cc-filter-option:focus-visible{outline:2px solid var(--v-teal)!important;outline-offset:2px;}
body.cc-app.cc62-app #ccFilterFooter{flex:0 0 auto;padding:12px 14px max(8px,env(safe-area-inset-bottom))!important;background:var(--v-surface)!important;border-top:1px solid var(--v-line);}
body.cc-app.cc62-app #ccFilterFooter #ccApplyFilters{display:flex!important;justify-content:space-between;align-items:center;gap:10px;margin:0!important;min-height:46px!important;padding:12px 16px!important;background:var(--v-teal)!important;color:var(--v-surface)!important;font-size:14px!important;box-shadow:none!important;}
.cc-filter-footer-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;}
.cc-filter-footer-info p{margin:0;font-size:10px;line-height:1.4;color:var(--v-muted);}
body.cc-app.cc62-app .cc-filter-footer-info button{flex:0 0 auto;min-height:40px!important;width:auto!important;padding:4px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;color:var(--v-muted)!important;}
body.cc-app.cc62-app .left-panel .quick-actions{display:none!important;}
body.cc-app.cc62-app.cc39-mobile .left-panel>.cc39-scroll{display:flex!important;overflow:hidden!important;padding:0!important;}
@media(min-width:1001px){body.cc-app.cc62-app .layout{grid-template-rows:minmax(0,1fr)!important;}body.cc-app.cc62-app .left-panel{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;min-height:0!important;}}
@media(max-width:1000px){
 body.cc-app.cc62-app .left-panel .cc-filter-header{padding:4px 16px 12px!important;}
 body.cc-app.cc62-app #ccFilterFooter{padding-bottom:8px!important;}
}
@media(max-height:680px){
 body.cc-app.cc62-app .left-panel .toolbar{gap:7px 10px!important;}
 body.cc-app.cc62-app .left-panel #selectedVehicleCard{padding:8px 10px!important;margin-bottom:10px!important;}
 body.cc-app.cc62-app .left-panel .cc-filter-header{padding-block:8px!important;}
 body.cc-app.cc62-app #ccFilterFooter{padding-top:8px!important;}
}
/* One accessible picker for fuel, location, station brand and ordering. */
body.cc-app #rightRankingFuel[hidden]{display:none!important;}
body.cc-app #rightRankingFuelPicker{display:flex!important;align-items:center;gap:12px;width:100%!important;min-width:0!important;min-height:76px!important;padding:12px!important;border:1px solid var(--v-line)!important;border-radius:16px!important;background:var(--v-soft)!important;color:var(--v-ink)!important;text-align:left;box-shadow:none!important;transition:border-color .16s,background .16s;}
#rightRankingFuelPicker .cc-choice-copy{flex:1;gap:5px;}
#rightRankingFuelPicker .cc-choice-copy>small{font-size:11px;}
.cc-ranking-fuel-symbol{display:grid;place-items:center;flex:none;width:40px;height:44px;border-radius:12px;background:var(--v-surface);}
.cc-ranking-fuel-symbol .cc-fuel-dot{width:18px;height:25px;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff30;}
.cc-ranking-fuel-action{display:flex;align-items:center;gap:5px;flex:none;color:var(--v-teal);font-size:12px;font-weight:700;line-height:1;}
.cc-ranking-fuel-action svg{display:block;flex:none;}
body.cc-app #rightRankingFuelPicker:hover,body.cc-app #rightRankingFuelPicker[aria-expanded=true]{border-color:var(--v-teal)!important;background:color-mix(in srgb,var(--v-teal) 8%,var(--v-soft))!important;}
#rightRankingFuelPicker:focus-visible{outline:2px solid var(--v-teal);outline-offset:2px;}
@media(max-width:360px){body.cc-app #rightRankingFuelPicker{gap:8px;padding:10px!important;}.cc-ranking-fuel-action{gap:3px;font-size:11px;}.cc-ranking-fuel-symbol{width:32px;}}
@media(prefers-reduced-motion:reduce){body.cc-app #rightRankingFuelPicker{transition:none!important;}}
.cc-filter-picker{box-sizing:border-box;position:fixed;inset:0;width:440px;max-width:calc(100vw - 28px);max-height:min(640px,calc(100dvh - 40px));padding:0;margin:auto;border:1px solid var(--v-line);border-radius:22px;background:var(--v-surface);color:var(--v-ink);box-shadow:0 20px 70px #0005;font-family:system-ui,sans-serif;overflow:hidden;}
.cc-filter-picker[open]{display:flex;flex-direction:column;}
.cc-filter-picker::backdrop{background:#07152499;backdrop-filter:blur(5px);}
.cc-filter-picker>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 10px;flex:none;}
.cc-filter-picker h2{font-size:20px;line-height:1.3;letter-spacing:-.4px;margin:0;color:var(--v-ink);}
body.cc-app .cc-filter-picker-close{width:44px!important;height:44px;min-height:44px!important;flex:0 0 auto;padding:0!important;border:1px solid var(--v-line)!important;border-radius:50%!important;background:var(--v-soft)!important;color:var(--v-ink)!important;font-size:24px!important;box-shadow:none!important;}
body.cc-app #ccFilterSearch{box-sizing:border-box;width:calc(100% - 36px);flex:none;min-height:44px;margin:0 18px 12px;padding:10px 12px;border:1px solid var(--v-line);border-radius:12px;background:var(--v-soft);color:var(--v-ink);font-size:16px;}
#ccFilterSearch[hidden],.cc-filter-empty[hidden]{display:none!important;}
.cc-filter-options{min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 18px 18px;display:grid;gap:7px;scrollbar-width:thin;}
body.cc-app .cc-filter-option{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:48px!important;padding:12px 14px!important;border:1px solid transparent!important;border-radius:13px!important;background:var(--v-soft)!important;color:var(--v-ink)!important;font-size:14px!important;text-align:left;box-shadow:none!important;transition:background .15s,border-color .15s;}
body.cc-app .cc-filter-option[aria-pressed=true]{border-color:var(--v-teal)!important;background:color-mix(in srgb,var(--v-teal) 13%,var(--v-surface))!important;}
body.cc-app .cc-filter-option:hover{border-color:var(--v-line)!important;}
.cc-filter-check{margin-left:auto;width:18px;flex:none;color:var(--v-teal);font-size:18px;}
.cc-fuel-dot{width:12px;height:12px;flex:none;border-radius:4px;background:var(--v-muted);}
.cc-fuel-dot[data-fuel="93"]{background:#3288e5;}.cc-fuel-dot[data-fuel="95"]{background:#40b990;}.cc-fuel-dot[data-fuel="97"]{background:#e85776;}.cc-fuel-dot[data-fuel="diesel"]{background:#77869b;}
.cc-filter-empty{padding:0 18px 20px;color:var(--v-muted);font-size:14px;}
@media(max-width:600px){.cc-filter-picker{margin:auto 12px max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));}.cc-filter-picker h2{font-size:19px;}}
@media(prefers-reduced-motion:reduce){body.cc-app.cc62-app .cc-filter-trigger,body.cc-app .cc-filter-option{transition:none!important;transform:none!important;}}

/* Travel choices: large targets, clear selection and one shared sheet. */
body.cc-app.cc62-app .cc63-trip-intro h1{color:var(--cc62-text);}
.cc-choice-description{margin:0;padding:0 20px 16px;color:var(--v-muted);font-size:13px;line-height:1.6;}
.cc-choice-description[hidden]{display:none!important;}
.cc-choice-copy{min-width:0;display:grid;gap:4px;}
.cc-choice-copy :is(strong,small){overflow-wrap:anywhere;}
.cc-filter-picker>header h2{flex:1;}
body.cc-app .cc-filter-picker-back{display:grid;place-items:center;flex:none;width:36px!important;height:44px;min-height:44px!important;padding:0!important;background:transparent!important;color:var(--v-teal)!important;border:0!important;box-shadow:none!important;font-size:24px!important;}
.cc-filter-picker-back[hidden],.cc-choice-footer[hidden]{display:none!important;}
.cc-choice-footer{flex:none;padding:12px 18px 16px;border-top:1px solid var(--v-line);background:var(--v-surface);}
body.cc-app .cc-choice-action{display:flex;align-items:center;gap:12px;width:100%!important;min-height:64px!important;padding:12px!important;border:1px solid var(--v-line)!important;border-radius:14px!important;background:color-mix(in srgb,var(--v-teal) 9%,var(--v-surface))!important;color:var(--v-ink)!important;text-align:left;box-shadow:none!important;}
.cc-choice-action-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;color:var(--v-teal);background:color-mix(in srgb,var(--v-teal) 12%,var(--v-surface));font-size:24px;line-height:1;}
.cc-choice-action-arrow{margin-left:auto;font-size:23px;line-height:1;color:var(--v-teal);}
.cc-choice-photo{width:58px;height:48px;overflow:hidden;background:#fff;}
.cc-choice-photo img{display:block;width:100%;height:100%;object-fit:contain;}
.cc-filter-picker :is(button,input):focus-visible{outline:2px solid var(--v-teal);outline-offset:-3px;}
.cc-choice-error{flex:none;margin:0 18px 18px;padding:12px;border-radius:12px;background:#d6465714;color:#bc253a;font-size:13px;line-height:1.5;}
[data-theme=dark] .cc-choice-error{color:#ff9baa;}
.cc-choice-error[hidden]{display:none!important;}
/* The same choice sheet, keeping the familiar compact emoji grid. */
.cc-emoji-picker .cc-filter-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-top:4px;}
body.cc-app .cc-filter-picker.cc-emoji-picker .cc-filter-option{position:relative;display:grid!important;place-items:center;min-width:0!important;min-height:58px!important;padding:8px!important;border-radius:13px!important;transition:background .16s,border-color .16s,transform .16s;}
.cc-emoji-picker .cc-choice-icon{width:auto;height:auto;background:transparent;font-size:29px;line-height:1.2;}
.cc-emoji-picker .cc-choice-copy{display:none;}
.cc-filter-picker.cc-emoji-picker .cc-filter-check{position:absolute;top:3px;right:3px;width:15px;height:15px;border:0;font-size:10px;line-height:1;opacity:0;}
.cc-emoji-picker .cc-filter-option[aria-pressed=true] .cc-filter-check{opacity:1;}
body.cc-app .cc-emoji-picker .cc-filter-option:active{transform:scale(.92);}
body.cc-app .cc-emoji-picker .cc-filter-option:focus-visible{outline-offset:-4px;}
@media(max-width:360px){.cc-emoji-picker .cc-filter-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;}}
@media(prefers-reduced-motion:reduce){body.cc-app .cc-filter-picker.cc-emoji-picker .cc-filter-option{transition:none;transform:none;}}
.cc-choice-copy strong{font-size:15px;font-weight:700;}
.cc-choice-copy small{font-size:12px;line-height:1.4;color:var(--v-muted);font-weight:400;}
.cc-choice-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--v-surface);color:var(--v-teal);font:600 23px system-ui;}
body.cc-app .cc-travel-picker .cc-filter-option{min-height:70px!important;padding:13px 15px!important;}
.cc-travel-picker .cc-fuel-dot{width:24px;height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff30;}
.cc-travel-picker .cc-filter-check{width:26px;height:26px;border:1px solid var(--v-line);border-radius:50%;display:grid;place-items:center;font-size:15px;}
.cc-travel-picker .cc-filter-option[aria-pressed=true] .cc-filter-check{background:var(--v-teal);color:var(--v-surface);border-color:var(--v-teal);}
body.cc-app.cc62-app .cc-travel-field{min-width:0;display:flex;}
body.cc-app.cc62-app .cc-travel-field .cc-filter-trigger{min-height:100px!important;height:100%;padding:15px!important;border-radius:18px!important;background:var(--cc62-panel)!important;border-color:var(--cc62-line)!important;gap:8px;}
body.cc-app.cc62-app .cc-travel-field .cc-filter-value{gap:9px;}
body.cc-app.cc62-app .cc-travel-field .cc-filter-value>span:nth-child(2){font-size:17px;font-weight:750;letter-spacing:-.3px;}
body.cc-app.cc62-app .cc-travel-field .cc-filter-value>span{white-space:normal;}
.cc-choice-hint{font-size:11px;line-height:1.4;color:var(--v-muted);font-weight:400;}
body.cc-app.cc62-app .cc-travel-field .cc-filter-chevron{align-self:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--cc62-soft);color:var(--v-teal);display:grid;place-items:center;font-size:20px;}
body.cc-app.cc62-app .cc-travel-field .cc-filter-trigger:hover,body.cc-app.cc62-app .cc-travel-field .cc-filter-trigger[aria-expanded=true]{border-color:var(--v-teal)!important;background:var(--cc62-soft)!important;}
body.cc-app.cc62-app .cc-travel-field .cc-filter-trigger:disabled{cursor:default;opacity:.75;}
body.cc-app.cc62-app .cc-travel-field .cc-filter-trigger:disabled .cc-filter-chevron{display:none;}
body.cc-app.cc62-app .cc-travel-field :is(#tripFuelPicker,#quickFuelPicker) .cc-filter-value>span:nth-child(2)::before{content:'';display:inline-block;width:9px;height:13px;margin-right:7px;border-radius:3px;background:#77869b;}
body.cc-app.cc62-app .cc-travel-field [data-fuel="93"] .cc-filter-value>span:nth-child(2)::before{background:#3288e5!important;}
body.cc-app.cc62-app .cc-travel-field [data-fuel="95"] .cc-filter-value>span:nth-child(2)::before{background:#40b990!important;}
body.cc-app.cc62-app .cc-travel-field [data-fuel="97"] .cc-filter-value>span:nth-child(2)::before{background:#e85776!important;}
body.cc-app.cc62-app #quickCalcOptions{border:0;background:transparent;margin-top:18px;}
body.cc-app.cc62-app #quickCalcOptions>summary{padding:12px 0;gap:12px;}
body.cc-app.cc62-app #quickCalcOptions>summary::after{content:'';display:block;width:8px;height:8px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);align-self:center;margin:-4px 3px 0;}
body.cc-app.cc62-app #quickCalcOptions[open]>summary::after{content:'';transform:rotate(225deg);margin-top:4px;}
body.cc-app.cc62-app #quickCalcOptions .cc-calc-options-body{padding:4px 0 0;}
body.cc-app.cc62-app #quickCalcOptions .cc-calc-selects{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
body.cc-app.cc62-app #quickCalcOptions .cc-travel-field .cc-filter-trigger{background:var(--cc62-bg)!important;}
body.cc-app.cc62-app #quickCalcOptions .cc-travel-field .cc-filter-value>span:nth-child(2){font-size:15px;}
.cc-travel-saved-note{color:var(--cc62-muted);font-size:11px;line-height:1.5;margin:12px 0 16px;}
body.cc-app.cc62-app #quickCalcBreakdown{padding-top:14px;border-top:1px solid var(--cc62-line);}
body.cc-app.cc62-app #quickCalcOptions[open] .cc-calc-options-body{animation:cc-travel-options-in .22s ease-out;}
@keyframes cc-travel-options-in{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}

/* Make the vertical gesture visible before the first interaction. */
body.cc-app.cc62-app #ccTravelVehicle{padding:14px 18px 12px;border:1px solid var(--cc62-line);border-radius:20px;background:var(--cc62-panel);text-align:left;}
.cc-travel-vehicle-caption{display:flex;justify-content:space-between;align-items:center;color:var(--cc62-muted);font-size:10px;line-height:1.3;font-weight:650;letter-spacing:1px;text-transform:uppercase;}
#ccTravelVehiclePosition{font-variant-numeric:tabular-nums;letter-spacing:.3px;color:var(--v-teal);}
body.cc-app.cc62-app #ccTravelVehicleName{height:62px;min-height:62px;border-radius:12px;text-align:left;font-size:25px;}
body.cc-app.cc62-app #ccTravelVehicleName .cc-wheel-track{inset:0 54px 0 0;}
body.cc-app.cc62-app #ccTravelVehicleName .cc-wheel-arrows{right:0;width:40px;height:44px;border:1px solid var(--cc62-line);border-radius:12px;background:var(--cc62-soft);color:var(--v-teal);opacity:1;display:grid;place-items:center;font:400 30px system-ui;transition:background .18s;}
body.cc-app.cc62-app #ccTravelVehicleName.cc-wheel-active .cc-wheel-arrows{background:var(--v-teal);color:var(--cc62-bg);}
body.cc-app.cc62-app #ccTravelVehicleMeta{padding-right:44px;font-size:11px;line-height:1.5;}
#ccTravelVehicleHint{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:10px 0 0;color:var(--v-teal);font-size:11px;line-height:1.5;font-weight:500;}
#ccTravelVehicleHint>span:first-child{font-size:16px;line-height:1;}
.cc-vehicle-tap-hint{color:var(--cc62-muted);}
@media(max-width:1000px){
 body.cc-app.cc62-app #ccTravelVehicle{margin-top:54px;padding:12px 14px;}
 body.cc-app.cc62-app #ccTravelVehicleName{font-size:22px;}
}
@media(max-width:600px){
 body.cc-app.cc62-app .cc63-trip-intro{display:grid;grid-template-columns:38px 1fr;gap:3px 10px;text-align:left;align-items:center;padding:4px 0 10px;}
 body.cc-app.cc62-app .cc63-trip-intro>span{grid-row:1/3;margin:0;font-size:28px;}
 body.cc-app.cc62-app .cc63-trip-intro h1{margin:0;font-size:22px;}
 body.cc-app.cc62-app .cc63-trip-intro p{margin:0;}
 body.cc-app.cc62-app .cc-travel-field .cc-filter-trigger{padding:12px!important;min-height:110px!important;}
 body.cc-app.cc62-app .cc-travel-field .cc-filter-value>span:nth-child(2){font-size:15px;}
 body.cc-app.cc62-app .cc-travel-field .cc-filter-chevron{width:23px;height:26px;}
 body.cc-app.cc62-app #quickCalcOptions .cc-calc-selects{grid-template-columns:repeat(2,minmax(0,1fr));}
 body.cc-app.cc62-app #quickCalcOptions .cc-travel-field:first-child{grid-column:1/-1;}
 body.cc-app.cc62-app #quickCalcOptions .cc-travel-field:first-child .cc-filter-trigger{min-height:84px!important;}
 body.cc-app.cc62-app #ccTravelBody>#calculatorCard{padding:18px!important;}
}
@media(prefers-reduced-motion:reduce){
 body.cc-app.cc62-app #quickCalcOptions[open] .cc-calc-options-body{animation:none;}
 body.cc-app.cc62-app #ccTravelVehicleName .cc-wheel-arrows{transition:none;}
}
body.cc-app.cc62-app #ccTravelNearResult .cc-skeleton{text-align:center;padding:12px 0;}
body.cc-app.cc62-app #ccTravelNearResult .cc-near-retry{display:grid;justify-items:center;gap:14px;padding:24px 0;}
body.cc-app.cc62-app #ccTravelNearResult .cc-near-retry>span{font-size:36px;color:var(--cc62-accent);}
body.cc-app.cc62-app #ccTravelNearResult .cc-near-retry h3{font-size:20px;margin:0;}
body.cc-app.cc62-app #ccTravelNearResult .cc-near-retry p{max-width:360px;margin:0;}
body.cc-app.cc62-app #ccNearRetry{min-height:44px;padding:10px 24px;border:1px solid var(--cc62-line);border-radius:12px;background:var(--cc62-soft);color:var(--cc62-accent);font:650 14px system-ui;}


/* Journal payments, tax breakdown and optional vehicle expenses. */
body.cc-app.cc62-app{--journal-fuel:#65aaf8;--journal-tax:#c49af5;--journal-income:#6edbcc;--journal-other:#f0b66b;}
html[data-theme="light"] body.cc-app.cc62-app{--journal-fuel:#2c6ec8;--journal-tax:#8651b6;--journal-income:#087568;--journal-other:#ad6307;}
body.cc-app.cc62-app #diarioFullscreen .diario-fullscreen-inner{max-width:1120px!important;margin-inline:auto!important;}
.diario-dashboard{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;flex:1;margin-top:12px;}
.diario-overview{border:1px solid var(--cc62-line);border-radius:24px;background:var(--cc62-panel);padding:24px;}
.diario-overview-heading{margin-bottom:20px;}.diario-overview-heading h2{font-size:21px;letter-spacing:-.5px;margin:6px 0 0;}
.diario-chart{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.diario-ring{position:relative;flex:none;width:170px;height:170px;margin:auto;}
.diario-ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg);}
.diario-ring-track,.diario-arc{fill:none;stroke-width:10;}.diario-ring-track{stroke:var(--cc62-line);opacity:.6;}.diario-arc{stroke:var(--ring-color);}
.diario-color-fuel{--ring-color:var(--journal-fuel);}.diario-color-tax{--ring-color:var(--journal-tax);}.diario-color-income{--ring-color:var(--journal-income);}.diario-color-other{--ring-color:var(--journal-other);}
.diario-ring-center{position:absolute;inset:18%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;}.diario-ring-center small{font-size:11px;color:var(--cc62-muted);}.diario-ring-center strong{color:var(--cc62-text);font-variant-numeric:tabular-nums;letter-spacing:-.6px;white-space:nowrap;}.diario-ring-center strong.negative{color:var(--bad,#f7889b);}
.diario-chart-legend{margin:0;display:grid;gap:12px;width:100%;}.diario-chart-legend>div{display:flex;gap:10px;align-items:center;justify-content:space-between;}.diario-chart-legend dt{font-size:12px;color:var(--cc62-muted);display:flex;gap:8px;align-items:center;}.diario-chart-legend i{display:block;width:8px;height:8px;flex:none;background:var(--ring-color);border-radius:50%;}.diario-chart-legend dd{margin:0;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;}
.diario-coverage{color:var(--cc62-muted);font-size:11px;line-height:1.5;margin:16px 0 0;}
.diario-month-details{border-top:1px solid var(--cc62-line);margin-top:18px;padding-top:4px;}
.diario-month-details>summary,.diario-day-analysis>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;color:var(--cc62-text);font-size:12px;font-weight:650;cursor:pointer;}
.diario-month-details>summary::-webkit-details-marker,.diario-day-analysis>summary::-webkit-details-marker,.diario-tax-panel>summary::-webkit-details-marker{display:none;}
.diario-month-details[open]>summary>span,.diario-day-analysis[open]>summary>span,.diario-tax-panel[open]>summary>span:last-child{transform:rotate(45deg);}
.diario-calendar-pane{display:flex;flex-direction:column;min-width:0;align-self:stretch;}
body.cc-app.cc62-app #diarioFullscreen .diario-calendar-head{margin:0!important;min-height:48px;}
body.cc-app.cc62-app #diarioFullscreen .diario-calendar-head button{display:grid!important;place-items:center;line-height:1!important;font-size:26px!important;width:42px;min-height:42px;padding:0!important;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-add-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-add-actions button{font-size:12px;padding:8px;gap:4px;}
.diario-day-analysis{border:1px solid var(--cc62-line);border-radius:16px;padding:0 14px;margin-top:14px;}.diario-day-analysis[open]{padding-bottom:14px;}.diario-day-analysis .diario-chart{gap:16px;flex-wrap:nowrap;}.diario-day-analysis .diario-ring{width:140px;height:140px;}.diario-day-analysis .diario-chart-legend{flex:1;min-width:0;}
.diario-money-list{margin:8px 0;display:grid;gap:10px;font-size:12px;}.diario-money-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}.diario-money-list dt{color:var(--cc62-muted);}.diario-money-list dd{margin:0;font-weight:600;white-space:nowrap;}
.diario-receipt-details{margin-top:7px;width:100%;}.diario-receipt-details summary{color:var(--cc62-accent);font-size:12px;min-height:30px;cursor:pointer;}
body.cc-app.cc62-app #diarioModalBackdrop #diarioRefuelsList .diario-item-main{width:100%;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-section-head{flex-wrap:wrap;gap:6px;}.diario-section-head small{font-size:10px;color:var(--cc62-muted);}.diario-section-head>span{font-size:12px;color:var(--cc62-muted);}
.diario-tax-panel{border:1px solid var(--cc62-line);border-radius:16px;}.diario-tax-panel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:12px 14px;font-size:13px;font-weight:650;cursor:pointer;}.diario-tax-panel summary small{display:block;font-size:11px;font-weight:400;color:var(--cc62-muted);margin-top:4px;}.diario-tax-body{border-top:1px solid var(--cc62-line);padding:14px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-tax-toggle{display:flex;align-items:center;gap:10px;min-height:42px;color:var(--cc62-text)!important;cursor:pointer;font-size:12px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-tax-toggle input{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;margin:0;flex:none;accent-color:var(--cc62-accent);appearance:auto;}.diario-tax-credit{margin:8px 0 12px;}.diario-tax-hint{font-size:11px;line-height:1.5;color:var(--cc62-muted);margin:12px 0 0;}.diario-tax-hint.has-error{color:var(--bad);}
.diario-expense-fieldset{border:0;padding:0;margin:0;min-width:0;}.diario-expense-fieldset legend{font-size:12px;color:var(--cc62-muted);margin-bottom:12px;}
.diario-expense-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body.cc-app.cc62-app #diarioModalBackdrop .diario-expense-types label{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;justify-content:center;min-height:91px;border:1px solid var(--cc62-line);border-radius:14px;background:var(--cc62-soft);padding:10px 4px;cursor:pointer;transition:background .16s,border-color .16s;}
.diario-expense-types input{position:absolute;opacity:0;width:1px;height:1px;}.diario-expense-types label:has(:checked){border-color:var(--cc62-accent)!important;background:color-mix(in srgb,var(--cc62-accent) 14%,var(--cc62-panel))!important;}.diario-expense-types label:has(:focus-visible){outline:2px solid var(--cc62-accent);outline-offset:2px;}.diario-expense-types span{color:var(--cc62-accent);font-size:24px;line-height:1;}.diario-expense-types strong{font-size:11px;color:var(--cc62-text);text-align:center;}
body.cc-app.cc62-app #diarioModalBackdrop #diarioExpenseNote{display:block;width:100%;margin-top:8px;background:var(--cc62-bg)!important;border:1px solid var(--cc62-line);border-radius:14px;min-height:52px!important;padding:12px;}
body.cc-app.cc62-app #diarioModalBackdrop #diarioExpenseSaveBtn{background:var(--cc62-accent)!important;color:var(--cc62-bg)!important;border:0;}
@media(max-width:760px){.diario-dashboard{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:8px;}.diario-overview{padding:16px;border-radius:20px;}.diario-overview-heading{margin-bottom:12px;}.diario-overview-heading h2{font-size:18px;}.diario-chart{flex-wrap:nowrap;gap:18px;}.diario-ring{width:135px;height:135px;}.diario-chart-legend{flex:1;min-width:0;gap:11px;}.diario-chart-legend>div{display:block;}.diario-chart-legend dd{margin-left:16px;margin-top:3px;font-size:13px;}.diario-chart-legend dt{font-size:11px;}.diario-coverage{margin-top:12px;font-size:10px;}.diario-month-details{margin-top:12px;}.diario-month-details>summary{min-height:40px;}body.cc-app.cc62-app #diarioFullscreen .diario-days-grid{grid-auto-rows:minmax(44px,1fr);}}
@media(max-width:360px){.diario-overview{padding:14px;}.diario-ring,.diario-day-analysis .diario-ring{width:118px;height:118px;}.diario-ring-center strong{font-size:17px!important;}.diario-chart{gap:14px;}.diario-day-analysis{padding-inline:10px;}.diario-expense-types{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){.diario-expense-types label{transition:none!important;}}

body.cc-app.cc62-app #diarioFullscreen{color:var(--cc62-text)!important;}
body.cc-app.cc62-app #diarioFullscreen :is(h1,.diario-overview-heading h2,.diario-chart-legend dd,.diario-money-list dd){color:var(--cc62-text)!important;}
@media(max-width:760px){
  .diario-overview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}.diario-overview-heading .diario-eyebrow{display:none;}.diario-overview-heading h2{margin:0;font-size:16px;}
  .diario-chart-legend>div{display:flex;gap:6px;}.diario-chart-legend dt{font-size:10px;gap:6px;min-width:0;}.diario-chart-legend dd{font-size:12px;margin:0;}.diario-month-details{margin-top:10px;}.diario-month-details>summary{min-height:36px;}
}

.diario-coverage:empty{display:none;}
body.cc-app.cc62-app #diarioFullscreen .diario-day.has-spend{background:linear-gradient(#ff5c5c18,#ff5c5c18),var(--cc62-panel)!important;}
body.cc-app.cc62-app #diarioFullscreen[data-journal-mode="driver"] .diario-day.net-positive{background:linear-gradient(#23c07a20,#23c07a20),var(--cc62-panel)!important;}
body.cc-app.cc62-app #diarioFullscreen[data-journal-mode="driver"] .diario-day.net-neutral{background:var(--cc62-panel)!important;}
.diario-ring-center strong.positive{color:var(--good,#6ad8c8);}
html[data-theme="light"] .diario-ring-center strong.positive{color:#096944;}
body.cc-app.cc62-app #diarioFullscreen .diario-day-spend{background:var(--cc62-soft);color:var(--cc62-muted)!important;font-variant-numeric:tabular-nums;}
body.cc-app.cc62-app #diarioFullscreen .diario-day-spend.negative{color:var(--bad,#f7889b)!important;}
.diario-day-marker{display:block;width:5px;height:5px;flex:none;border-radius:50%;background:var(--cc62-muted);margin:4px auto;}
#diarioOcrStatus:empty{display:none;}
/* One history, two journal presentations. */
body.cc-app.cc62-app #diarioFullscreen .diario-fullscreen-header{flex-direction:row;flex-wrap:wrap;align-items:center!important;justify-content:space-between;gap:12px;}
.diario-mode-picker{display:flex;padding:4px;gap:4px;background:var(--cc62-soft);border:1px solid var(--cc62-line);border-radius:14px;}
body.cc-app.cc62-app #diarioFullscreen .diario-mode-picker button{border:0;border-radius:10px;padding:10px 16px;min-height:42px;background:transparent;color:var(--cc62-muted);font-size:12px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;}
body.cc-app.cc62-app #diarioFullscreen .diario-mode-picker button[aria-pressed="true"]{background:var(--cc62-panel);color:var(--cc62-accent);box-shadow:0 2px 8px #0002;}
.diario-mode-picker button:focus-visible{outline:2px solid var(--cc62-accent);outline-offset:2px;}
body.cc-app.cc62-app #diarioModalBackdrop [data-journal-driver-only][hidden]{display:none!important;}
body.cc-app.cc62-app #diarioFullscreen[data-journal-mode="informative"] .diario-day.has-spend{background:var(--cc62-soft)!important;}
body.cc-app.cc62-app #diarioFullscreen[data-journal-mode="informative"] .diario-day-spend{color:var(--cc62-text)!important;}
body.cc-app.cc62-app #diarioFullscreen .diario-day-income{color:var(--good,#6ad8c8)!important;}
html[data-theme="light"] body.cc-app.cc62-app #diarioFullscreen .diario-day-income{color:#096944!important;}
body.cc-app.cc62-app #diarioModalBackdrop[data-journal-mode="informative"] .diario-net-value{color:var(--cc62-text)!important;}
body.cc-app.cc62-app #diarioModalBackdrop[data-journal-mode="informative"] .diario-net-box{border-color:var(--cc62-line);background:var(--cc62-soft);}
#diarioModalBackdrop[data-journal-mode="informative"] .diario-day-totals>.trip-stat-box:not(.diario-stat-compact):not([data-journal-driver-only]),#diarioModalBackdrop[data-journal-mode="informative"] label[for="diarioTripCost"]{grid-column:1/-1;}
@media(max-width:760px){
  body.cc-app.cc62-app #diarioFullscreen .diario-fullscreen-header{gap:8px;}
  body.cc-app.cc62-app #diarioFullscreen .diario-mode-picker button{padding:8px 10px;font-size:11px;}
  body.cc-app.cc62-app #diarioFullscreen[data-journal-mode="driver"] .diario-day{padding:2px 1px!important;}
  body.cc-app.cc62-app #diarioFullscreen[data-journal-mode="driver"] .diario-day-net{padding:0!important;line-height:11px!important;}
}
@media(max-width:360px){.diario-mode-picker{width:100%;}.diario-mode-picker button{flex:1;}}
@media(prefers-reduced-motion:reduce){body.cc-app.cc62-app #diarioFullscreen .diario-mode-picker button{transition:none;}}
@media(max-width:760px){
  body.cc-app.cc62-app #diarioFullscreen .diario-days-grid{grid-auto-rows:44px;flex:none;}
  body.cc-app.cc62-app #diarioFullscreen .diario-day{height:44px!important;min-height:44px!important;padding:3px 1px!important;gap:0!important;}
  body.cc-app.cc62-app #diarioFullscreen .diario-day-num{font-size:14px!important;line-height:17px!important;}
  body.cc-app.cc62-app #diarioFullscreen .diario-day-net{font-size:10px!important;line-height:12px!important;padding:2px 1px!important;}
}