/* v34: a single close treatment, compact journal and Q swipe pages. */
:root {--cc34-top:var(--cc-safe-top,0px);--cc34-bottom:var(--cc-safe-bottom,0px);}
html.cc-native {--cc34-top:max(var(--cc-safe-top,0px),24px);--cc34-bottom:max(var(--cc-safe-bottom,0px),16px);}
/* Removed from the document as well; this rule covers a cached HTML until the next reload. */
body.cc-app #rightPanelToggle {display:none!important;}
body.cc-app :is(#closeLeftSheetBtn,#closeRightPanelBtn) {
 position:sticky!important;top:0!important;inset-inline:auto!important;transform:none!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;
 box-sizing:border-box!important;width:100%!important;min-height:44px!important;height:44px!important;
 margin:0 0 12px!important;padding:10px 14px!important;border-radius:12px!important;
 font:650 14px/1.2 system-ui,sans-serif!important;z-index:12!important;
 background:var(--cc32-soft,#eaf2f8)!important;color:var(--cc32-ink,#183247)!important;
 border:1px solid var(--cc32-line,#cfdee8)!important;box-shadow:none!important;
}
body.cc-app :is(#closeLeftSheetBtn,#closeRightPanelBtn)>span:last-child {font-size:22px;line-height:1;}
body.cc-app #mobileSettingsBtn {top:calc(10px + var(--cc34-top))!important;}
/* Hide statistics without stopping a running trip. A small restore action remains. */
body.cc-app #tripActiveMini {position:fixed;}
body.cc-app #tripActiveMini .cc-trip-hide {
 position:absolute!important;right:4px!important;top:2px!important;width:32px!important;height:32px!important;
 min-height:32px!important;padding:0!important;display:grid;place-items:center;border:0!important;
 background:transparent!important;color:inherit!important;font-size:24px!important;box-shadow:none!important;
 z-index:2;cursor:pointer;
}
body.cc-app #tripActiveMini:not(.docked) {padding-top:32px!important;}
body.cc-app #tripActiveMini.docked .cc-trip-hide {display:none!important;}
body.cc-app .cc-trip-restore {
 position:fixed;z-index:1955;left:auto!important;width:auto!important;max-width:calc(100% - 32px);right:16px;bottom:calc(var(--cc-dock-height,68px) + 26px + var(--cc34-bottom));
 min-height:38px;padding:8px 12px;border:1px solid var(--cc32-line);border-radius:18px;
 background:var(--cc32-surface);color:var(--cc32-ink);font:650 13px/1.2 system-ui,sans-serif;cursor:pointer;
}
body.cc-app .cc-trip-restore.hidden,body.cc-app #tripActiveMini.hidden {display:none!important;}
body.cc-app:is(.diario-editing,.trip-fullscreen-open,.cc-calc-editing,.cc-gps-open) :is(#tripActiveMini,#tripMiniRestoreBtn) {display:none!important;}
body.cc-app #diarioFullscreen .diario-fullscreen-inner {
 width:min(740px,100%)!important;max-width:740px!important;box-sizing:border-box;
 padding:calc(14px + var(--cc34-top)) 14px calc(var(--cc-dock-height,68px) + 28px + var(--cc34-bottom))!important;
}
body.cc-app.cc-mini-visible #diarioFullscreen .diario-fullscreen-inner {padding-bottom:calc(var(--cc-dock-height,68px) + 175px + var(--cc34-bottom))!important;}
body.cc-app #diarioFullscreen .diario-fullscreen-header {margin-bottom:14px!important;}
body.cc-app #diarioFullscreen .diario-fullscreen-header h1 {margin:0!important;font-size:26px!important;line-height:1.15!important;text-align:left!important;}
body.cc-app #diarioFullscreen .diario-back-btn {display:none!important;}
body.cc-app #diarioFullscreen .diario-summary {gap:10px!important;margin:0 0 14px!important;}
body.cc-app #diarioFullscreen .diario-summary-box {padding:12px!important;border-radius:16px!important;min-height:0!important;}
body.cc-app #diarioFullscreen .diario-summary-label {font-size:12px!important;line-height:1.3!important;}
body.cc-app #diarioFullscreen .diario-summary-value {font-size:26px!important;line-height:1.2!important;margin-top:6px!important;}
body.cc-app #diarioFullscreen .diario-calendar-head {display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;gap:8px!important;margin:0 0 8px!important;align-items:center;}
body.cc-app #diarioFullscreen .diario-calendar-head button {width:44px!important;min-height:44px!important;padding:0!important;font-size:28px!important;line-height:1!important;border-radius:12px!important;}
body.cc-app #diarioMonthLabel {text-align:center;font-size:18px!important;line-height:1.2!important;}
body.cc-app #diarioFullscreen .diario-weekdays {display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;margin-bottom:6px!important;gap:5px!important;}
body.cc-app #diarioFullscreen .diario-weekdays span {font-size:12px!important;padding:3px 0!important;text-align:center;}
body.cc-app #diarioFullscreen .diario-days-grid {display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important;}
body.cc-app #diarioFullscreen .diario-day {height:auto!important;min-height:56px!important;aspect-ratio:1.05;min-width:0!important;width:100%;padding:5px!important;border-radius:12px!important;gap:3px!important;}
body.cc-app #diarioFullscreen .diario-day-num {font-size:16px!important;line-height:1.2!important;}
body.cc-app #diarioFullscreen .diario-day-net {font-size:9px!important;line-height:1.2!important;padding:3px!important;max-width:100%;white-space:normal!important;word-break:normal!important;}
body.cc-app #diarioFullscreen .diario-fullscreen-hint {margin:10px 0 0!important;font-size:12px!important;line-height:1.3!important;}
body.cc-app #diarioModalBackdrop .diario-modal {padding-bottom:calc(var(--cc-dock-height,68px) + 24px + var(--cc34-bottom))!important;}
/* Fullscreen travel headers: no off-centre branding, room for the Android system bars. */
body.cc-q-app #qTripLive,body.cc-app #tripFullscreen {box-sizing:border-box;padding-top:calc(10px + var(--cc34-top))!important;padding-bottom:calc(12px + var(--cc34-bottom))!important;overflow-y:auto!important;}
body.cc-q-app .q-trip-header,body.cc-app .trip-fullscreen-header {display:grid!important;grid-template-columns:72px minmax(0,1fr) 72px!important;gap:8px!important;align-items:center!important;width:100%;}
body.cc-q-app .q-trip-header>div,body.cc-app .trip-fullscreen-header>div {text-align:center;min-width:0;}
body.cc-q-app .q-trip-header strong,body.cc-app .trip-fullscreen-header strong {font-size:20px!important;line-height:1.2!important;}
body.cc-q-app .q-trip-header button,body.cc-app .trip-fullscreen-header button {min-height:44px!important;padding:8px!important;font-size:13px!important;}
body.cc-q-app #qGpsBadge,body.cc-app #tripFullscreenGps {font-size:11px!important;line-height:1.3!important;padding:6px!important;min-width:0;white-space:normal!important;text-align:center;}
body.cc-q-app .q-trip-speed {display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0!important;margin:8px 0!important;min-height:0!important;}
body.cc-q-app .q-trip-speed strong {font-size:clamp(76px,23vw,126px)!important;line-height:1.05!important;}
body.cc-q-app .q-trip-speed>span {font-size:13px!important;line-height:1.3!important;}
body.cc-q-app .q-trip-status {margin:8px 0!important;}
body.cc-q-app .q-trip-stats {gap:8px!important;}
body.cc-q-app .q-trip-stats article {padding:12px!important;min-height:0!important;}
body.cc-q-app .q-trip-stats strong {font-size:26px!important;line-height:1.2!important;}
body.cc-q-app .q-trip-stats small {font-size:12px!important;}
body.cc-q-app .q-trip-config {font-size:12px!important;line-height:1.4!important;margin:10px 0!important;text-align:center;}
body.cc-q-app .q-trip-actions button {min-height:48px!important;padding:10px!important;font-size:17px!important;}
/* A visible three-position navigator still works for users who prefer taps to gestures. */
body.cc-q-app .q-shell {padding-top:calc(12px + var(--cc34-top))!important;}
body.cc-q-app .q-shell:not(.trip-live-open) {touch-action:pan-y;}
body.cc-q-app .q-tabs {position:relative!important;}
body.cc-q-app .q-tab {flex-direction:column!important;gap:3px!important;min-height:50px!important;font-size:13px!important;}
body.cc-q-app .q-tab.active {position:relative;}
body.cc-q-app .q-tab.active::after {content:'';position:absolute;bottom:3px;left:42%;right:42%;height:3px;border-radius:3px;background:currentColor;opacity:.55;}
body.cc-q-app .q-map-link {white-space:nowrap;font-size:12px!important;padding:8px 10px!important;}
@media(prefers-reduced-motion:no-preference){
 body.cc-q-app .q-panel.active{animation:cc34-slide .2s ease-out;}
 body.cc-q-app[data-q-direction="right"] .q-panel.active{animation-name:cc34-slide-reverse;}
 @keyframes cc34-slide{from{opacity:.6;transform:translateX(18px);}to{opacity:1;transform:translateX(0);}}
 @keyframes cc34-slide-reverse{from{opacity:.6;transform:translateX(-18px);}to{opacity:1;transform:translateX(0);}}
}
@media(max-width:920px){
 body.cc-app :is(.left-panel,.side-panel) {padding-top:10px!important;}
 body.cc-app #closeLeftSheetBtn,body.cc-app #closeRightPanelBtn {margin:0 0 12px!important;}
 body.cc-app #tripActiveMini:not(.docked) {bottom:calc(var(--cc-dock-height,68px) + 24px + var(--cc34-bottom))!important;top:auto!important;}
 body.cc-app #diarioFullscreen .diario-day {aspect-ratio:auto!important;height:clamp(48px,7.5dvh,66px)!important;min-height:48px!important;}
}
@media(max-width:350px){
 body.cc-app #diarioFullscreen .diario-fullscreen-inner{padding-left:8px!important;padding-right:8px!important;}
 body.cc-app #diarioMonthLabel{font-size:16px!important;}
 body.cc-app #diarioFullscreen .diario-summary-value{font-size:23px!important;}
 body.cc-q-app .q-header h1{font-size:16px!important;}
 body.cc-q-app .q-trip-header{grid-template-columns:60px minmax(0,1fr) 60px!important;}
}

/* The expanded trip already contains the same values: do not repeat a docked miniature. */
body.cc-app #tripActiveMini.docked {display:none!important;}