#btnSidebarToggle{display:none !important;}
.sync-indicator{font-size:11px;color:var(--muted);margin-left:8px;white-space:nowrap}
.sync-indicator[data-tone="saving"]{color:var(--brand)}
.sync-indicator[data-tone="ok"]{color:var(--brand2)}
.sync-indicator[data-tone="error"]{color:var(--danger)}
#gosVitalsBar, .gosVitalsBar{overflow:visible;}
#gosVitalsBar .btn, .gosVitalsBar .btn, #gosVitalsBar .pill, .gosVitalsBar .pill, #gosVitalsBar .row, .gosVitalsBar .row{white-space:normal; line-height:1.25; min-width:0;}
.lr-header-pulse{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:11px;font-weight:800;color:var(--text);margin-left:10px}
.lr-header-pulse .dot{width:8px;height:8px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 0 rgba(245,158,11,.65);animation:lrPulse 1.7s infinite}
@keyframes lrPulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.55)}70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
.lr-ai-note{margin-top:8px;padding:10px 12px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;font-size:12px;color:var(--muted);background:rgba(255,255,255,.025)}
.lr-month-card,.lr-trip-ops,.lr-summary-card{border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:16px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));box-shadow:0 12px 28px rgba(3,6,18,.18);margin:0 0 16px}
.lr-flex{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.lr-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#view-dashboard .btn, #view-report .btn, #view-trips .btn, #view-maintenance .btn{white-space:nowrap;min-height:40px;align-items:center;justify-content:center}
#view-dashboard .cardhead, #view-report .cardhead, #view-maintenance .cardhead{align-items:flex-start}
#view-dashboard .cardhead .btn, #view-report .cardhead .btn, #view-maintenance .cardhead .btn{margin-top:2px}
#view-dashboard .hero-right .hero-card, #view-trips .hero-right .hero-card{min-width:0;width:100%}
#view-trips .hero-right{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.hero-stats-row{grid-column:1 / -1;width:100%}
#recent .row .row-actions, #lastLaunches .row .row-actions, .launch-actions, .fx-actions{align-items:center}
.playbook-item .title, .lr-playbook .title, #view-report .lr-list-title{align-self:center}
#view-report #reportOpen, #view-report #reportPrint, #reportPreview #reportOpen, #reportPreview #reportPrint{align-self:center}
#reportPreview #reportOpen, #reportPreview #reportPrint{display:none !important}
.lr-clickable{cursor:pointer}
.lr-clickable:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
@media (max-width:860px){
  #view-trips .hero-right{grid-template-columns:1fr}
  .lr-header-pulse{display:none}
  #gosVitalsBar .btn, .gosVitalsBar .btn{font-size:12px}
}

#gosVitalsBar{max-width:min(42vw,720px);padding-inline:4px}
#gosVitalsBar .gvital{min-width:0;padding:0 12px}
#gosVitalsBar .gvital-label{font-size:9px;letter-spacing:.05em}
#gosVitalsBar .gvital-value{font-size:10.5px;overflow:visible;text-overflow:clip;white-space:nowrap}
#view-dashboard .hero-right{display:flex;align-items:stretch}
#view-dashboard .hero-right .hero-card{width:100%;display:flex;flex-direction:column;justify-content:center;min-height:132px}
#view-dashboard .hero-card .big{line-height:1.05}
#view-dashboard .hero .hero-card .muted.small{line-height:1.35}
#view-dashboard .cardhead .row.gap, #view-dashboard .cardhead .row.gap.wrap{flex-wrap:wrap;align-items:center}
#view-dashboard #btnQuickFuel,#view-dashboard #btnQuickMaint,#view-dashboard #btnQuickOther,.template-bar .btn{white-space:normal;min-height:38px;line-height:1.2;padding-inline:12px}
#view-dashboard .table-actions, #view-report .fxReportBtns, .trip-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
#view-dashboard .table-actions .btn{margin:0}
#view-dashboard .cc-upcoming-row{cursor:pointer}
#view-dashboard .cc-upcoming-row:hover{border-color:color-mix(in oklab,var(--brand) 28%, var(--line));background:color-mix(in oklab,var(--brand) 9%, transparent)}
#view-dashboard .lr-summary-topbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
#view-dashboard #ccSummaryPeriod{min-width:96px}
#view-report > .card > .row.gap.wrap{align-items:center;justify-content:flex-start}
#view-report .fxPanelTitle, .lr-card .lr-card-title, .startup-card .startup-title{display:flex;align-items:center;line-height:1.25}
#view-trips .trip-card-actions .btn{white-space:nowrap}
#view-trips .trip-card-actions{margin-top:12px}
#view-costs-playbooks .item-title, .lr-card[data-scenario] .lr-card-title{align-items:flex-start}
.lr-ai-note{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--accent) 35%, var(--line));background:color-mix(in oklab,var(--accent) 8%, transparent);color:var(--text);font-size:12px;line-height:1.45}
.oracle-insight-direct{margin-top:10px}
.oracle-insight-action{cursor:pointer}
#maintUpcomingWidget .maint-event-card .maint-event-meta{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width: 1100px){#gosVitalsBar{max-width:36vw}}
@media (max-width: 760px){
  #gosVitalsBar{max-width:none;padding-inline:0}
  #gosVitalsBar .gvital{padding:0 10px}
  #view-dashboard .hero-right{width:100%}
  #view-dashboard .hero-right .hero-card{min-height:unset}
}

.planCats{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.planChip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in oklab,var(--panel2) 82%, transparent);font-size:12px;color:var(--text);cursor:pointer}
.planChip input{margin:0}
.lr-clickable{cursor:pointer}
.lr-clickable:hover{border-color:color-mix(in oklab,var(--brand) 28%, var(--line))}

#fuelEffPanel .fuel-eff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#fuelEffPanel .fuel-eff-cell{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03)}
#fuelEffPanel .fuel-eff-val{font-size:20px;font-weight:900;color:var(--text)}
#fuelEffPanel .fuel-eff-label{font-size:12px;color:var(--muted);margin-top:6px}
@media (max-width:760px){#fuelEffPanel .fuel-eff-grid{grid-template-columns:1fr 1fr}}


@media (max-width: 860px){
  body.launch-ready .shell{ display:block !important; padding:12px 12px 96px !important; }
  body.launch-ready .sidebar{
    position:relative !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important;
    width:100% !important; margin:0 0 12px !important; padding:10px 12px !important; display:block !important; overflow:auto !important;
    border-radius:22px !important;
  }
  body.launch-ready .content{ width:100% !important; max-width:100% !important; }
  body.launch-ready .lr-hub-nav{ display:grid !important; grid-auto-flow:column; grid-auto-columns:minmax(82px,1fr); gap:8px; overflow:auto; }
  body.launch-ready .lr-module-rail{ position:static !important; top:auto !important; margin:0 0 14px !important; padding:12px !important; overflow:auto !important; }
}

@media (max-width: 760px){
  .topbar{
    height:auto !important; min-height:var(--topbar-h,64px); padding:12px !important;
    display:grid !important; grid-template-columns:1fr !important; justify-items:center; gap:10px;
  }
  .topbar::before{ display:none !important; }
  .topbar .brand{ width:100%; justify-content:center !important; text-align:center; gap:10px; }
  .topbar .brandtext{ display:grid; justify-items:center; text-align:center; }
  .topbar-vehicle-pill{ justify-self:center; max-width:min(92vw,360px) !important; }
  .topbar-vehicle-name{ max-width:48vw !important; }
  .top-actions{ width:100%; justify-content:center !important; flex-wrap:wrap; gap:8px; }
  .top-actions .filepill{ max-width:100%; }
  .menu{ left:12px !important; right:12px !important; top:calc(100% + 8px) !important; width:auto !important; }
  body.launch-ready .brandtext .subtitle{ display:none; }
  #gosVitalsBar{ max-width:100% !important; width:100%; overflow-x:auto; padding-bottom:4px; }
  #gosVitalsBar .gvital{ min-width:92px; padding:0 8px; }
  #gosVitalsBar .gvital-value{ white-space:normal !important; line-height:1.2; text-align:center; }
  body.launch-ready .hero, body.launch-ready #view-dashboard .hero{ grid-template-columns:1fr !important; }
}

@media (max-width: 520px){
  .topbar .brand .logo{ width:42px; height:42px; border-radius:16px; }
  .topbar .brandtext .title{ font-size:15px; }
  .top-actions .filepill{ width:100%; justify-content:center; }
  body.launch-ready .lr-hub-btn{ min-height:58px; border-radius:16px; }
  body.launch-ready .lr-hub-label{ font-size:9px; }
  body.launch-ready .lr-module-rail{ border-radius:18px; }
  .cardhead{ align-items:flex-start; }
  .cardhead .row.gap, .cardhead .row.gap.wrap{ width:100%; justify-content:flex-start; }
}