/* v31 · correcciones acotadas a resumen Q y edición de la calculadora.
   No reemplaza ni cambia los componentes de navegación/listas de la v30. */
.q-trip-summary { min-width:0; scroll-margin-top:82px; }
.q-summary-date { color:var(--q-muted); margin:0 0 14px; font-size:13px; }
.q-summary-hero { padding:20px; border:1px solid #297565; background:#103b37; border-radius:18px; display:grid; gap:7px; }
.q-summary-hero span { color:#b5e5d6; font-size:13px; font-weight:700; }
.q-summary-hero strong { color:#7df1c5; font-size:clamp(30px,6vw,44px); line-height:1.1; overflow-wrap:anywhere; }
.q-summary-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:12px 0; }
.q-summary-stats article { display:grid; gap:5px; padding:12px; background:#102236; border:1px solid var(--q-line); border-radius:14px; min-width:0; }
.q-summary-stats span { color:var(--q-muted); font-size:12px; }
.q-summary-stats strong { color:var(--q-text); font-size:18px; overflow-wrap:anywhere; }
.q-summary-config,.q-summary-help { color:var(--q-muted); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.q-summary-config { padding-bottom:12px; margin:8px 0; border-bottom:1px solid var(--q-line); }
.q-summary-help { margin:10px 0 16px; }
#qSummaryForm { display:grid; gap:14px; }
.q-summary-adjust { border:1px solid var(--q-line); border-radius:14px; background:#102236; }
.q-summary-adjust > summary { padding:14px; font-size:14px; font-weight:750; cursor:pointer; color:var(--q-text); line-height:1.4; }
.q-summary-adjust > summary small { color:var(--q-muted); font-weight:normal; }
.q-summary-fields { display:grid; gap:14px; padding:0 14px 14px; }
.q-summary-fields .q-field { min-width:0; }
.q-summary-fields input,.q-summary-fields textarea { width:100%; min-width:0; font-size:16px; }
.q-summary-fields textarea { padding:12px; font:inherit; background:#0f2032; border:1px solid #3b5c78; color:var(--q-text); border-radius:13px; resize:vertical; }
.q-summary-fields small { color:var(--q-muted); font-weight:normal; line-height:1.45; }
.q-journal-status { min-height:0; margin:12px 0; font-size:13px; line-height:1.5; color:var(--q-muted); overflow-wrap:anywhere; }
.q-journal-status:empty { display:none; }
.q-journal-status[data-state="saved"] { color:#7df1c5; }
.q-journal-status[data-state="pending"] { color:#ffd78c; }
.q-journal-status[data-state="error"] { color:#ffb7c2; }
.q-summary-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:12px; }
.cc-q-app .q-secondary { display:flex; align-items:center; justify-content:center; min-height:44px; padding:11px 12px; border:1px solid var(--q-line); border-radius:13px; background:#19304a; color:var(--q-text); text-decoration:none; text-align:center; font-size:14px; font-weight:750; cursor:pointer; }
#qLastSummaryBtn { width:100%; }
#qSaveJournalBtn { min-height:48px; font-size:15px; }
#qSaveJournalBtn:disabled { opacity:1; color:#bcf4df; background:#194637; cursor:default; }
#qSaveJournalBtn:disabled:not([aria-busy="true"]) { box-shadow:none; }
.q-summary-fields input:disabled,.q-summary-fields textarea:disabled { opacity:.8; }
.cc-calc-done { display:none!important; }
/* Esta hoja y sus descendientes usan UN solo contenedor de scroll. */
body.cc-app #calculatorCard { height:auto!important; max-height:none!important; overflow:visible!important; }
@media(max-width:920px) {
  body.cc-app .layout[data-right-card="calculatorCard"] #sidePanel { overflow-y:auto!important; overscroll-behavior:contain; }
  body.cc-app #calculatorCard { padding:14px!important; }
  body.cc-app #calculatorCard .section-head h2 { font-size:20px!important; margin:2px 0 0!important; }
  body.cc-app #calculatorCard .quick-calc-intro { font-size:13px; margin-bottom:10px; }
  body.cc-app #calculatorCard .quick-vehicle-summary { padding:10px; margin-bottom:12px; }
  body.cc-app #calculatorCard #kmInput { scroll-margin-block:16px; }
  body.cc-app.cc-calc-editing .layout[data-right-card="calculatorCard"] #sidePanel {
    position:fixed!important; top:var(--cc-calc-visible-top,8px)!important; bottom:auto!important;
    left:8px!important; right:8px!important; width:auto!important; min-width:0!important;
    height:var(--cc-calc-visible-height,90dvh)!important; max-height:var(--cc-calc-visible-height,90dvh)!important;
    transform:none!important; margin:0!important; padding:10px!important; border-radius:18px!important;
    overflow-y:auto!important; transition:none!important; gap:10px!important; z-index:4100!important;
  }
  body.cc-app.cc-calc-editing #sidePanel::before { display:none!important; }
  body.cc-app.cc-calc-editing #closeRightPanelBtn { margin:0!important; min-height:34px!important; top:0!important; }
  body.cc-app.cc-calc-editing #calculatorCard .quick-calc-intro { display:none; }
  body.cc-app.cc-calc-editing #calculatorCard .section-head { align-items:center; margin-bottom:10px; }
  body.cc-app.cc-calc-editing #calculatorCard .quick-vehicle-summary { margin-bottom:10px; padding:8px 10px; }
  body.cc-app.cc-calc-editing #mobileDock.cc-navigation,
  body.cc-app.cc-calc-editing #tripActiveMini,
  body.cc-app.cc-calc-editing #plannedRouteMini { visibility:hidden!important; pointer-events:none!important; }
  body.cc-calc-editing .cc-calc-done { display:inline-flex!important; width:auto!important; flex:0 0 auto; justify-content:center; align-items:center; padding:8px 12px!important; min-height:36px!important; border-radius:10px!important; border:1px solid #5684a1!important; background:#163f58!important; color:#fff!important; font-size:14px!important; font-weight:750; cursor:pointer; }
  body.cc-q-app.cc-calc-editing #qCalcSection {
    position:fixed; top:var(--cc-calc-visible-top,8px); height:var(--cc-calc-visible-height,90dvh);
    max-height:var(--cc-calc-visible-height,90dvh); left:8px; right:8px; width:auto;
    z-index:100; overflow:auto; overscroll-behavior:contain; padding:14px;
  }
  body.cc-q-app.cc-calc-editing #qCalcSection .q-panel-head { position:sticky; top:-14px; z-index:2; background:var(--q-panel); padding:12px 0; margin-top:-12px; }
  body.cc-q-app.cc-calc-editing #qCalcSection .q-lead { display:none; }
}
@media(max-width:420px) {
  .q-summary-stats { gap:6px; }
  .q-summary-stats article { padding:10px 8px; }
  .q-summary-stats span { font-size:11px; }
  .q-summary-stats strong { font-size:17px; }
  .q-summary-adjust > summary { font-size:13px; padding:12px; }
}
