/* Feature-surface styles extracted from shell_shared_v5.css (v580) */
.tripsFiltersCard{padding:12px 14px}
.tripsFiltersSummaryRow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tripsFiltersSummaryBlock{min-width:0;display:grid;gap:3px;flex:1}
.tripsFiltersSummaryPrimary{font-size:14px;line-height:1.3;font-weight:760;color:var(--text)}
.tripsFiltersSummarySecondary{font-size:12px;line-height:1.25;color:var(--text-muted);white-space:normal;overflow:visible;text-overflow:clip}
.tripsFiltersSummaryActions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;flex:0 0 auto}
.tripsFiltersToggleBtn{min-width:86px;min-height:36px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:760;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(139,176,245,.55);background:linear-gradient(180deg, rgba(63,108,194,.45) 0%, rgba(36,73,150,.58) 100%);color:rgba(233,242,255,.98);box-shadow:inset 0 1px 0 rgba(229,240,255,.28),inset 0 -1px 0 rgba(8,20,43,.34),0 5px 12px rgba(6,16,35,.34);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}
.tripsFiltersToggleBtn:hover{border-color:rgba(164,197,255,.72);background:linear-gradient(180deg, rgba(73,119,212,.56) 0%, rgba(43,83,168,.68) 100%);box-shadow:inset 0 1px 0 rgba(240,247,255,.34),inset 0 -1px 0 rgba(9,22,46,.36),0 6px 13px rgba(8,20,43,.36)}
.tripsFiltersToggleBtn:active{transform:translateY(1px);box-shadow:inset 0 2px 3px rgba(8,17,35,.42),0 2px 6px rgba(6,13,28,.3)}
.tripsFiltersToggleBtn:focus-visible{outline:none;border-color:rgba(186,213,255,.9);box-shadow:0 0 0 2px rgba(87,141,255,.28),inset 0 1px 0 rgba(240,247,255,.34)}
.tripsFiltersToggleBtn.is-active{border-color:rgba(186,214,255,.88);background:linear-gradient(180deg, rgba(83,136,236,.68) 0%, rgba(42,88,185,.78) 100%);box-shadow:inset 0 1px 0 rgba(240,247,255,.38),inset 0 -1px 0 rgba(9,23,46,.38),0 0 0 1px rgba(103,159,255,.34),0 8px 18px rgba(10,26,54,.42),0 0 16px rgba(88,142,243,.28)}
.tripsFiltersToggleIcon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;color:rgba(229,241,255,.96);opacity:.94}
.tripsFilterStackIcon{display:inline-flex;flex-direction:column;justify-content:center;gap:2px;width:14px;height:14px;opacity:.95}
.tripsFilterStackIcon span{display:block;height:2px;border-radius:999px;background:currentColor}
.tripsFilterStackIcon span:nth-child(1){width:12px}
.tripsFilterStackIcon span:nth-child(2){width:9px}
.tripsFilterStackIcon span:nth-child(3){width:12px}
.tripsFiltersBody{margin-top:var(--card-body-gap);padding-top:var(--card-body-gap);border-top:1px solid var(--line);display:grid;gap:var(--card-body-gap)}

.tripsFiltersPanelTitle{font-size:14px;font-weight:800;line-height:1.25;color:var(--text)}
.tripsFiltersSection{display:grid;gap:6px}
.tripsFiltersSectionLabel{font-size:11px;font-weight:760;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted-strong)}
.tripsFiltersQuickRange{display:flex;flex-wrap:wrap;gap:8px}
.tripsFilterChip{min-height:38px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text-muted-strong)}
.tripsFilterChip.is-selected{border-color:rgba(126,169,255,.5);background:rgba(47,109,246,.22);color:var(--text)}
.tripsFilterApplyRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:2px}
.tripsFiltersGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;align-items:end}
.tripsFilterField{min-width:0}
.tripsFilterField--disabled{opacity:.72}
.tripsFilterField--future{opacity:.58}
.tripsFilterFutureLabel{font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}
.tripsFilterActions{margin-top:var(--card-body-gap);padding-top:var(--card-body-gap);border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}
.tripsFilterActionExport{flex:1;min-width:0}
.tripsFilterActionExport .btn{width:100%}
.cardHeaderRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 var(--card-title-gap)}
.cardBodyStack{display:grid;gap:var(--card-body-gap)}
.cardActionRow{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--card-action-gap);margin-top:var(--card-body-gap)}
.cardActionRow .btn{min-width:132px}
.affordanceBtn{min-height:40px;padding:var(--affordance-pad-y) var(--affordance-pad-x);border-radius:12px;font-size:13px;font-weight:760;letter-spacing:.01em}
.tripsCustomRangeWrap{margin-top:var(--card-title-gap);padding-top:var(--card-title-gap);border-top:1px dashed var(--line)}
.tripsCustomRangeRow{gap:10px;flex-wrap:wrap}
.tripsFilterSummary{padding-top:2px;line-height:1.35}

.tripsBrowseFiltersCard{padding:var(--card-pad-y) var(--card-pad-x)}

.tripsBrowseFiltersCard.tripsFiltersCard{padding:10px 12px;border-color:rgba(125,162,238,.26);background:linear-gradient(180deg, rgba(21,35,66,.9) 0%, rgba(13,24,45,.95) 100%);box-shadow:inset 0 1px 0 rgba(201,220,255,.12),inset 0 0 0 1px rgba(87,122,191,.16),0 10px 26px rgba(5,12,28,.36),0 0 0 1px rgba(39,73,135,.2),0 0 14px rgba(66,118,219,.12)}
.tripsBrowseFiltersCard .tripsFiltersBody{margin-top:8px;padding-top:8px;gap:8px}
.tripsBrowseFiltersCard .tripsFiltersSection{gap:5px}
.tripsBrowseFiltersCard .tripsFiltersQuickRange{gap:6px;flex-wrap:wrap}
.tripsBrowseFiltersCard .tripsFiltersPairedFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:end}
.tripsBrowseFiltersCard .tripsFiltersPairedFields .tripsFiltersSection{min-width:0}
.tripsBrowseFiltersCard .tripsFiltersPairedFields .select{width:100%;min-width:0}
.tripsBrowseFiltersCard .tripsFilterChip{min-height:35px;padding:7px 11px;font-size:12px}
.tripsBrowseFiltersCard .tripsFiltersBody .select{min-height:36px;padding:7px 11px;font-size:13px}
.tripsBrowseFiltersCard .tripsDateRangeBtn{min-height:36px;padding:0 11px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tripsBrowseFiltersCard .tripsDateRangeLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tripsBrowseFiltersCard .tripsCustomDatesDropdown{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;align-items:center;padding-top:2px}
.tripsBrowseFiltersCard .tripsCustomDatesDropdown .homeRangeInputs{display:contents;min-width:0}
.tripsBrowseFiltersCard .tripsCustomDatesDropdown .input{min-height:36px;min-width:0;padding:7px 9px;font-size:12px}
.tripsBrowseFiltersCard .tripsRangeApplyBtn{min-height:36px;padding:0 10px;white-space:nowrap;justify-self:end}
.tripsBrowseFiltersCard .tripsFilterApplyRow{gap:6px;padding-top:0;margin-top:2px}
.tripsBrowseFiltersCard .tripsFilterApplyRow .btn{min-height:35px;padding:0 12px}
.settingsSpeciesLockedSection{margin-top:4px}
.settingsSpeciesLockedList{display:grid;gap:6px}
.settingsSpeciesLockedRow{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:8px 11px;border-radius:14px;border:1px solid rgba(187,162,108,.56);background:linear-gradient(180deg, rgba(115,91,48,.6) 0%, rgba(67,52,30,.86) 100%);box-shadow:inset 0 1px 0 rgba(255,243,211,.2),0 0 0 1px rgba(255,203,110,.2),0 0 12px rgba(229,170,68,.12)}
.settingsSpeciesLockedIcon{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;color:rgba(255,210,96,.95);text-shadow:0 0 8px rgba(229,170,68,.25)}
.settingsSpeciesLockedMeta{min-width:0;display:grid;gap:4px}
.settingsSpeciesLockedTitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;line-height:1.2;font-weight:760;color:rgba(245,229,192,.92);letter-spacing:.01em}
.settingsSpeciesLockedBadge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;border:1px solid rgba(236,202,126,.55);background:rgba(98,74,37,.5);font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:rgba(248,224,165,.95)}
.settingsSpeciesLockedText{max-width:50ch;font-size:11px;line-height:1.3;color:rgba(227,205,161,.82)}
.tripsFiltersEyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted-strong)}
.tripsFiltersTitle{font-size:17px;font-weight:860;line-height:1.2;margin-top:2px}
.tripsBrowseList{display:grid;gap:var(--card-stack-gap);margin-top:0}
.tripsBrowseList .trip + .trip{margin-top:0}
.screenFirstCard{
  margin-top:var(--section-gap-tight);
  padding-bottom:var(--card-stack-gap);
}
.tripsMoreFiltersFields{display:grid;gap:8px}
.tripsMoreFiltersGroup{display:grid;gap:4px}
.tripCardStandard{
  margin:0;
  padding:13px 16px 12px;
  border:1px solid rgba(72,125,255,.36);
  border-radius:21px;
  background:linear-gradient(180deg, rgba(7,17,41,.94) 0%, rgba(3,10,29,.97) 100%);
  box-shadow:inset 0 1px 0 rgba(123,170,255,.18),0 0 0 1px rgba(41,97,222,.2),0 16px 30px rgba(1,6,20,.52),0 0 20px rgba(15,74,215,.2);
  text-align:left;
}
.tripCardStandard.tripCardReadOnly{pointer-events:none}
.tripCardStandard .tripCardGrid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,fit-content(43%));
  gap:11px;
  align-items:start;
  padding-top:1px;
}
.tripCardStandard .tripCardActionsRow{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:4px;
  margin:0 0 2px;
  flex-wrap:wrap;
  width:100%;
}
.tripCardStandard .tripCardActionBtn{padding:5px 10px;border-radius:10px;border:1px solid rgba(86,140,255,.66);background:linear-gradient(180deg, rgba(21,37,77,.55) 0%, rgba(8,18,43,.84) 100%);color:rgba(204,223,255,.96);font-size:11px;line-height:1.18;font-weight:750;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(169,199,255,.2),0 0 0 1px rgba(45,98,214,.24);}
.tripCardStandard .tripCardActionBtn:active{transform:translateY(1px);filter:brightness(.96)}
.tripCardStandard .tripCardLeftStack{display:grid;gap:4px;align-content:start;padding-top:0}
.tripCardStandard .tripCardTextRow{margin:0}
.tripCardStandard .tripCardDate{font-size:12px;line-height:1.3;font-weight:760;letter-spacing:.06em;text-transform:uppercase;color:rgba(184,202,238,.86)}
.tripCardStandard .tripCardArea{font-size:20px;line-height:1.18;font-weight:870;color:var(--text)}
.tripCardStandard .tripCardDealer{font-size:15px;line-height:1.34;font-weight:640;color:rgba(177,194,226,.9)}
.tripCardStandard .tripCardSpecies{font-size:15px;line-height:1.34;font-weight:640;color:rgba(177,194,226,.9)}
.tripCardStandard .tripCardIdentityPrimary{white-space:normal}
.tripCardStandard .tripCardAreaUnknown{display:flex;align-items:flex-start}
.tripCardStandard .tripCardUnknownBadge{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.05) 100%);
  color:var(--text-muted-strong);
  font-size:12px;
  line-height:1.2;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-weight:790;
}
.tripCardStandard .tripCardIdentitySecondary{white-space:normal}
.tripCardStandard .tripCardNotes{margin-top:2px;font-size:12px;line-height:1.4;font-weight:520;color:var(--muted)}
 .tripCardStandard .tripCardMetricsCol{
  display:grid;
  justify-items:end;
  justify-self:end;
  align-content:start;
  gap:2px;
  text-align:right;
  min-width:0;
  width:auto;
  max-width:100%;
  grid-auto-flow:row;
}
.tripCardStandard .tripCardMetricChip{
  display:block;
  padding:0;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.01em;
  font-weight:660;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.tripCardStandard .tripCardMetricChip .metricValue{
  display:inline-block;
  font-size:17px;
  line-height:1.16;
  font-weight:860;
  font-variant-numeric:tabular-nums lining-nums;
  letter-spacing:.01em;
}

.tripCardStandard.tripCardVariantTripsBrowse:not(.tripCardReadOnly) .tripCardMetricsCol{
  margin-top:-4px;
}
.tripCardStandard.tripCardVariantTripsBrowse .tripCardMetricChip{
  font-size:12px;
  line-height:1.22;
}
.tripCardStandard.tripCardVariantTripsBrowse .tripCardMetricChip .metricValue{
  font-size:14px;
}
.tripCardStandard.tripCardVariantTripsBrowse .tripCardMetricChip .metricValue.rate{
  font-size:19px;
  line-height:1.12;
  font-weight:900;
}
.tripCardStandard.tripCardVariantTripsBrowse .tripCardMetricChip.tripCardMetricEmphasis{
  font-size:13px;
  font-weight:760;
}
.tripCardStandard.tripCardVariantTripsBrowse .tripCardMetricChip.tripCardMetricEmphasis .metricValue{
  font-size:19px;
  line-height:1.12;
  font-weight:900;
}
.tripCardStandard .tripCardSettlementSubtle{
  margin-top:0;
  font-size:9px;
  line-height:1.42;
  color:var(--muted);
  text-align:right;
  max-width:196px;
  opacity:.92;
}
@media (max-width:390px){
   .tripCardStandard{
    padding:12px 11px;
  }
  .tripCardStandard .tripCardGrid{
    gap:8px;
  }
  .tripCardStandard .tripCardActionsRow{
    gap:4px;
    margin-bottom:2px;
  }
  .tripCardStandard .tripCardActionBtn{
    padding:4px 9px;
    font-size:10px;
  }
  .tripCardStandard .tripCardArea{
    font-size:17px;
  }
  .tripCardStandard .tripCardDealer{
    font-size:13px;
  }
  .tripCardStandard .tripCardSpecies{
    font-size:12px;
  }
  .tripCardStandard .tripCardMetricsCol{
    max-width:100%;
  }
  .tripCardStandard .tripCardMetricChip{
    font-size:11px;
  }
  .tripCardStandard .tripCardMetricChip .metricValue{
    font-size:14px;
  }
  .tripCardStandard.tripCardVariantTripsBrowse .tripCardMetricChip .metricValue.rate{
    font-size:16px;
    line-height:1.12;
    font-weight:900;
  }
  .tripCardStandard .tripCardMetricChip.tripCardMetricEmphasis{
    font-size:12px;
  }
  .tripCardStandard .tripCardMetricChip.tripCardMetricEmphasis .metricValue{
    font-size:16px;
  }
}
.tripsEmptyState{padding:15px 14px}

.statusSurface{
  margin-top:12px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.025) 100%);
  display:grid;
  gap:9px;
}
.statusSurface--compact{margin-top:8px;padding:12px;gap:7px}
.statusSurfaceHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.statusSurfaceTitleWrap{min-width:0;display:grid;gap:5px}
.statusSurfaceEyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lbsBlue)}
.statusSurfaceTitle{font-size:15px;font-weight:840;line-height:1.2}
.statusSurfaceBody,.statusSurfaceSupport,.statusSurfaceMinorNote{font-size:13px;line-height:1.5;color:var(--text-muted-strong)}
.statusSurfaceSupport{margin-top:-1px}
.statusSurfaceMinorNote{font-size:12px;line-height:1.45;opacity:.95}
.statusSurfaceActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.statusSurfaceActions .btn{flex:1;min-width:132px}
.statusSurface--warning{border-color:rgba(255,179,71,.34);background:linear-gradient(180deg, rgba(255,179,71,.14) 0%, rgba(255,255,255,.04) 100%)}
.statusSurface--soft{border-color:rgba(126,169,255,.28);background:linear-gradient(180deg, rgba(47,109,246,.12) 0%, rgba(255,255,255,.04) 100%)}

.emptyState{
  margin-top:12px;
  padding:15px;
  border:1px dashed var(--border-strong);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.025) 100%);
  display:grid;
  gap:9px;
}
.emptyState .statusSurfaceTitle{font-size:15px}
.emptyState .statusSurfaceBody{font-size:13px}
.emptyState .statusSurfaceMinorNote{font-size:13px}
.emptyState.compact .statusSurfaceTitle{font-size:14px}
.emptyState.compact .statusSurfaceBody{font-size:12px}
.emptyState.compact .statusSurfaceMinorNote{font-size:12px}
.emptyStateAction .btn{min-width:132px}

.emptyStateTitle{font-size:15px;font-weight:840;line-height:1.2}
.emptyStateBody{font-size:13px;line-height:1.5;color:var(--text-muted-strong)}
.emptyStateAction{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.emptyStateAction .btn{flex:1;min-width:132px}
.emptyState.compact{margin-top:8px;padding:12px;gap:7px}
.emptyState.compact .emptyStateTitle{font-size:14px}
.emptyState.compact .emptyStateBody{font-size:12px}
.listMgmtPanelWrap{margin-top:12px}
.listMgmtAddRow{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;margin-top:10px}
.listMgmtAddInput{flex:1 1 220px;min-width:0}
.listMgmtRow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:0;border:0;border-radius:0;background:transparent}
.listMgmtLabel{min-width:0;flex:1 1 220px;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}
.listMgmtRow .listMgmtPillLabel,.listMgmtRow .pill.listMgmtPillLabel{display:inline-block;max-width:100%;min-width:0;flex:0 1 auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;font-weight:650;color:var(--text);line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.listMgmtActions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;align-items:center}

@media (max-width:560px){
  .listMgmtAddRow{align-items:stretch;flex-wrap:wrap}
  .listMgmtAddInput{flex:1 1 100%}
  .listMgmtAddRow .btn{flex:1 1 100%;width:100%;justify-content:center}
  .listMgmtRow{align-items:center;gap:8px}
  .listMgmtLabel{flex:1 1 auto}
  .listMgmtActions{width:auto;justify-content:flex-end;flex-wrap:nowrap}
  .listMgmtActions .btn{flex:0 0 auto;min-width:96px}
}

@media (max-width:360px){
  .listMgmtRow{align-items:stretch}
  .listMgmtActions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .listMgmtActions .btn{flex:1 1 auto;min-width:120px}
}

.helpHubNav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.helpHubNav .chip{width:100%;justify-content:center}
.helpSectionTitle{font-size:1.03rem;font-weight:840;letter-spacing:.01em}
.helpSectionLead{line-height:1.5;font-size:.95rem}
.installStepCards{margin-top:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.installStepCard{min-width:0;display:grid;gap:6px;justify-items:center;text-align:center;padding:9px 8px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.installStepBadge{font-size:10px;font-weight:840;line-height:1;color:var(--text-muted-strong);padding:2px 7px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.installStepGlyph{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(140,178,255,.28);background:rgba(34,72,144,.2);color:#dce8ff}
.installStepGlyph svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.installStepGlyph svg circle,.installStepGlyph svg rect{vector-effect:non-scaling-stroke}
.installStepGlyph svg circle[fill],.installStepGlyph svg rect[fill]{fill:currentColor}
.installStepLabel{font-size:11px;line-height:1.28;font-weight:730;color:var(--text-muted-strong);overflow-wrap:anywhere}

@media (max-width:380px){
  .helpHubNav{grid-template-columns:1fr}
  .emptyStateAction .btn,.statusSurfaceActions .btn{min-width:0}
}

@media (max-width:640px){
  .installStepCards{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:380px){
  .tripsFiltersSummaryRow{flex-direction:column;align-items:stretch}
  .tripsFiltersSummaryActions{justify-content:flex-start}
  .tripsFiltersGrid{grid-template-columns:1fr}
  .tripsBrowseFiltersCard .tripsFiltersPairedFields{grid-template-columns:1fr}
}

/* Settings grouped-list polish (P3) */
.settingsGroupBlock{margin-bottom:10px}
.settingsHealthStrip{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:11px 12px;border:1px solid rgba(90,150,255,.22);border-radius:18px;background:linear-gradient(176deg,rgba(10,22,50,.94),rgba(6,14,34,.96));margin-top:0;margin-bottom:var(--card-stack-gap);box-shadow:0 10px 24px rgba(3,8,23,.42), inset 0 0 0 1px rgba(52,93,170,.17);overflow:hidden}
.settingsHealthStrip::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg, rgba(41,74,136,.58) 0%, rgba(13,29,64,.46) 100%);pointer-events:none;z-index:0}
.settingsHealthCell{min-width:0;padding:2px 9px 2px 4px;position:relative;z-index:1}
.settingsHealthCell + .settingsHealthCell::before{content:"";position:absolute;left:-4px;top:3px;bottom:3px;width:1px;background:linear-gradient(180deg,rgba(187,222,255,.1),rgba(176,214,255,.32),rgba(187,222,255,.1))}
.settingsHealthLabel{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#aecbfd;font-weight:760}
.settingsHealthIcon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:#c7deff;opacity:.95}
.settingsHealthIcon svg{width:14px;height:14px;display:block}
.settingsHealthValue{margin-top:4px;padding-left:20px;font-size:11px;font-weight:760;color:#edf4ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.settingsGroupLabel{font-size:11px;font-weight:860;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted-strong);margin:0 4px var(--card-title-gap)}
.settingsSectionCard.settingsGroupedCard{margin-bottom:0;padding:0;overflow:hidden;border:1px solid rgba(90,150,255,.22);background:linear-gradient(176deg,rgba(10,22,50,.94),rgba(6,14,34,.96));box-shadow:0 10px 24px rgba(3,8,23,.42), inset 0 0 0 1px rgba(52,93,170,.17)}
.settingsAccordionCard{border-radius:18px}
.settingsNavCard{width:100%;text-align:left;appearance:none;-webkit-appearance:none;border-radius:18px}
.settingsAccordionSummary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none;background:linear-gradient(180deg, rgba(41,74,136,.25) 0%, rgba(13,29,64,.2) 100%)}
.settingsCardBadge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:#cfe3ff;background:radial-gradient(circle at 35% 30%,rgba(98,166,255,.45),rgba(30,72,148,.38) 46%,rgba(11,28,65,.56) 100%);border:1px solid rgba(134,186,255,.4);box-shadow:0 0 0 1px rgba(78,132,220,.2),0 8px 18px rgba(34,85,170,.3)}
.settingsCardBadge svg{width:19px;height:19px;display:block}
.settingsAccordionSummary::-webkit-details-marker{display:none}
.settingsAccordionSummary::-moz-list-bullet{font-size:0}
.settingsAccordionSummary::marker{display:none;content:""}
.settingsAccordionMeta{min-width:0;flex:1;display:grid;gap:2px}
.settingsAccordionSummary .settingsGroupLabel{margin:0}
.settingsAccordionTitle{font-size:13px;font-weight:840;line-height:1.16;color:#e7f0ff}
.settingsAccordionStatus{line-height:1.26;white-space:normal;overflow:hidden;max-width:100%;font-size:11px;color:#abc4eb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.settingsAccordionRight{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 120px;min-width:120px}
.settingsAccordionRight--updates{flex:0 0 auto;min-width:0;gap:5px}
.settingsAccordionPill{display:inline-flex;align-items:center;justify-content:center;max-width:86px;padding:3px 8px;border-radius:999px;border:1px solid rgba(109,166,255,.34);font-size:10px;font-weight:830;letter-spacing:.03em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(20,40,82,.5);color:#d9e8ff}.settingsAccordionPill--ghost{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.settingsAccordionAction{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 10px;border-radius:999px;border:1px solid rgba(111,169,255,.28);background:rgba(26,51,101,.38);font-size:10px;font-weight:760;letter-spacing:.03em;text-transform:uppercase;color:#d4e6ff}
.settingsSummaryActionBtn{min-height:26px;padding:4px 9px;font-size:10px;font-weight:780;line-height:1.05;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.settingsAccordionChevron{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;min-width:24px;min-height:24px;border-radius:999px;border:1px solid rgba(117,173,255,.33);font-size:12px;line-height:1;color:#d4e5ff;background:rgba(19,37,78,.52);transition:transform var(--motion-duration-fast) var(--motion-ease-standard), background var(--motion-duration-fast) var(--motion-ease-standard)}
.settingsAccordionCard[open] .settingsAccordionChevron{transform:rotate(180deg);background:rgba(56,102,180,.35)}
.settingsNavCard.settingsAccordionSummary{min-height:58px}
.settingsNavCard .settingsAccordionMeta{align-self:center}
.settingsNavCard .settingsAccordionRight{flex:0 0 auto;min-width:0}
.settingsNavCard .settingsAccordionChevron--nav{transform:translateX(1px)}
.settingsAccordionCard:not([open]) .settingsRow{display:none}
.settingsRow{padding:10px 12px}
.settingsRow + .settingsRow{border-top:1px solid var(--line)}
.settingsRow--split{display:flex;align-items:center;justify-content:space-between;gap:12px}
.settingsRow--field{padding-top:10px;padding-bottom:10px}
.settingsRow--action{display:grid;gap:9px}
.settingsRow--status{display:grid;gap:4px;background:rgba(255,255,255,.02)}
.settingsRow--minor{background:rgba(255,255,255,.015)}
.settingsRow--statusSurface{padding:9px 12px}
.settingsRow--statusSurface .statusSurface{margin-top:0}
.settingsRow--danger{background:rgba(255,107,107,.08);border-top:1px solid rgba(255,107,107,.26)}
.settingsRowTitle{font-size:13px;font-weight:840;line-height:1.18}
.settingsValuePill{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap;background:rgba(8,12,20,.3);color:var(--text-muted-strong)}
.settingsSelectWrap{max-width:220px;margin-left:auto}
.settingsUpdateStatus{font-size:14px;font-weight:800;line-height:1.16}
.settingsBodyTiny{margin-top:1px;font-size:11px;line-height:1.3}

.settingsBackupHealth{display:grid;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid transparent;font-size:12px;line-height:1.4;font-weight:700}
.settingsBackupHealth[hidden]{display:none!important}
.settingsBackupHealth--warning{background:rgba(255,179,71,.14);border-color:rgba(255,179,71,.34);color:#ffd39a}
.settingsBackupHealth--stale{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.28);color:#ffd1d1}
.settingsBackupHealth--healthy,.settingsBackupHealth--quiet{background:transparent;border-color:transparent;color:var(--text-muted-strong)}
.settingsInlineBtn{font-size:12px;padding:7px 10px;min-width:0;white-space:nowrap}
.settingsInlineMsg{display:none;margin-top:0}
.settingsDetails{margin:0}
.settingsDetails summary{cursor:pointer}
.settingsBuildInfo{white-space:pre-wrap;margin-top:6px}
.settingsBackupRow{gap:10px;align-items:center;grid-template-columns:1fr 1fr}
.settingsFlexBtn{flex:1}
.settingsInstallActions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px}
.settingsInstallActions .btn{width:100%}

.restorePreviewWarning{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,179,71,.34);background:linear-gradient(180deg, rgba(255,179,71,.16) 0%, rgba(255,179,71,.08) 100%);color:#ffe2ba}
.restorePreviewWarning--strong{border-color:rgba(255,107,107,.42);background:linear-gradient(180deg, rgba(255,107,107,.18) 0%, rgba(255,107,107,.10) 100%);color:#ffd6d6;box-shadow:0 8px 20px rgba(120,24,24,.12)}
.restorePreviewWarningTitle{font-size:13px;font-weight:860;line-height:1.2;letter-spacing:.01em}
.restorePreviewWarningBody,.restorePreviewWarningHint{font-size:12px;line-height:1.45;color:inherit}
.restorePreviewWarningList{margin:0;padding-left:18px;display:grid;gap:4px;font-size:12px;line-height:1.45}
.restorePreviewLayout{display:grid;gap:12px}
.restorePreviewTopSummary{display:grid;gap:4px}
.restorePreviewTopTitle{font-size:16px;line-height:1.2;font-weight:850;color:var(--text)}
.restorePreviewTopCount{font-size:13px;line-height:1.3;color:var(--text-muted-strong)}
.restorePreviewTopDate{font-size:12px;line-height:1.35;color:var(--text-muted)}
.restorePreviewSafeNote{padding:10px 12px;border-radius:12px;border:1px solid rgba(114,196,146,.32);background:linear-gradient(180deg, rgba(81,163,117,.16) 0%, rgba(81,163,117,.08) 100%);font-size:12px;line-height:1.4;color:#ddf7e7}
.restorePreviewCard{padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);display:grid;gap:8px}
.restorePreviewCardLabel,.restorePreviewModesTitle{font-size:12px;line-height:1.2;font-weight:780;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted-strong)}
.restorePreviewCountsGrid,.restorePreviewDetailsGrid{display:grid;gap:6px}
.restorePreviewCountRow,.restorePreviewDetailRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:12px;line-height:1.35}
.restorePreviewCountRow span,.restorePreviewDetailRow span{color:var(--text-muted)}
.restorePreviewCountRow b,.restorePreviewDetailRow b{color:var(--text);font-weight:760;text-align:right;overflow-wrap:anywhere}
.restorePreviewModes{display:grid;gap:8px}
.restorePreviewChoice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.restorePreviewChoice input{margin-top:2px}
.restorePreviewChoice span{display:grid;gap:3px}
.restorePreviewChoice b{font-size:13px;line-height:1.25;color:var(--text)}
.restorePreviewChoice small{font-size:12px;line-height:1.4;color:var(--text-muted-strong)}
.restorePreviewChoice--checkbox{margin-top:2px}
.restorePreviewDetails{margin-top:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.restorePreviewDetails summary{cursor:pointer;font-size:12px;font-weight:780;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted-strong)}
.restorePreviewDetails[open] summary{margin-bottom:8px}
.restoreResultPanel{display:grid;gap:12px}
.restoreResultLead{font-size:13px;line-height:1.5;color:var(--text-muted-strong)}
.restoreResultGrid{display:grid;gap:8px}
.restoreResultMetric{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.restoreResultMetricLabel{font-size:12px;line-height:1.35;color:var(--text-muted-strong)}
.restoreResultNotes{display:grid;gap:7px;padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:12px;line-height:1.45;color:var(--text-muted-strong)}
.hiddenInput{display:none}
.settingsStackedSegBtn{display:flex;flex-direction:column;align-items:center;line-height:1.05}
.settingsSoonNote{margin-top:2px;opacity:.85}
.settingsSectionCard .muted.small{line-height:1.45}
.settingsSectionCard .hint{line-height:1.4}
.settingsAdvancedCard{margin-top:0}
.settingsEmail{color:var(--text);text-decoration:underline}

@media (max-width:380px){
  .settingsAccordionSummary{align-items:flex-start;gap:8px;padding:8px 10px}
  .settingsCardBadge{width:32px;height:32px}
  .settingsCardBadge svg{width:17px;height:17px}
  .settingsAccordionMeta{gap:2px}
  .settingsAccordionTitle{font-size:12px;line-height:1.18}
  .settingsAccordionStatus{font-size:10px;line-height:1.25}
  .settingsAccordionRight{flex:0 0 auto;min-width:0;gap:5px}
  .settingsAccordionPill{max-width:76px;padding:2px 7px;font-size:9px}
  .settingsSummaryActionBtn{min-height:24px;padding:3px 8px;font-size:9px}
  .settingsAccordionChevron{flex-basis:22px;width:22px;height:22px;min-width:22px;min-height:22px}
  .settingsRow{padding:9px 10px}
  .settingsRow--split{align-items:flex-start;flex-direction:column}
  .settingsAccordionStatus{white-space:normal}
  .settingsSelectWrap{max-width:none;margin-left:0}
  .settingsBackupRow{grid-template-columns:1fr}
  .settingsInstallActions{grid-template-columns:1fr}
}

/* Home dashboard polish (P2) */
.homeHero{
  margin-bottom:var(--card-stack-gap);
  padding:var(--card-pad-y) var(--card-pad-x);
  border-radius:16px;
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(47,109,246,.20) 0%, rgba(47,109,246,.06) 62%, rgba(255,255,255,.02) 100%);
}
.homeHeroEyebrow{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--text-muted-strong);
  margin-bottom:var(--card-title-gap);
}
.homeHeroHeadline{
  font-size:clamp(20px, 5vw, 28px);
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.01em;
}
.homeHeroTone{
  margin-top:var(--card-title-gap);
  font-size:13px;
  line-height:1.4;
}
.homeHeroStats{
  margin-top:var(--card-body-gap);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.homeHeroStat{
  min-width:0;
  border-radius:12px;
  padding:8px 10px;
  border:1px solid var(--line);
  background:rgba(8,12,20,.35);
  display:flex;
  flex-direction:column;
  gap:4px;
}
.homeHeroStat b{
  font-size:14px;
  font-weight:850;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.homeLastTripFallback{
  margin-top:var(--card-body-gap);
  border-radius:12px;
  border:1px dashed var(--line);
  background:rgba(8,12,20,.28);
  padding:10px 12px;
}
.homeScreenShell.dashCard{
  padding:0;
  border-color:transparent;
  background:none;
  box-shadow:none;
  cursor:default;
}
.homeScreenShell .homeSection{
  margin-bottom:var(--card-stack-gap);
}
.homeScreenShell .homeSection:last-child{
  margin-bottom:0;
}
.homeScreenShell .homeFilterSection,
.homeScreenShell .homeKpiSection{
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
}
.homeScreenShell .homeFilterSection{
  margin-bottom:var(--card-stack-gap);
}
.homeScreenShell .homeKpiSection{
  margin-bottom:var(--card-stack-gap);
}
.homeInsightsEntryRow{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.homeInsightsEntryBtn{
  min-height:40px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(126,200,255,.32);
  background:linear-gradient(180deg, rgba(47,109,246,.26) 0%, rgba(24,35,58,.78) 100%);
  color:#f0f6ff;
  font-weight:820;
  letter-spacing:.02em;
}
.homeInsightsEntryBtn:focus-visible{
  outline:2px solid rgba(120,184,255,.75);
  outline-offset:2px;
}
.homeInsightsSurface{
  padding:12px 0 18px;
}
.homeInsightsTopRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}
.homeInsightsHero{
  margin-bottom:14px;
}
.homeInsightsChartStack{
  gap:14px;
}
.homeInsightsChartCard{
  padding:14px 0 15px;
}
.homeInsightsChartExplanation{
  margin:7px 0 0;
  font-size:12px;
  line-height:1.45;
  color:var(--text-muted-strong);
}
.homeScreenShell .homeOverviewCard{
  padding:2px 0 0;
  border-radius:0;
  border:0;
  background:transparent;
  box-shadow:none;
  margin-bottom:0;
}
.homeScreenShell .homeLastTripShell{
  padding:0;
  border-radius:0;
  border:0;
  background:none;
  box-shadow:none;
  min-width:0;
}
.homeScreenShell .homeLastTripFallback{
  margin-top:0;
}
.homeLastTripCardWrap{
  margin-top:8px;
  min-width:0;
}
.homeLastTripCardWrap .tripCardStandard{
  border-color:rgba(72,125,255,.36);
  background:linear-gradient(180deg, rgba(7,17,41,.94) 0%, rgba(3,10,29,.97) 100%);
  box-shadow:inset 0 1px 0 rgba(123,170,255,.18),0 0 0 1px rgba(41,97,222,.2),0 16px 30px rgba(1,6,20,.52),0 0 20px rgba(15,74,215,.2);
}
.homeLastTripHeader{
  margin:0;
  padding-inline:0;
  color:rgba(188,210,245,.9);
  letter-spacing:.08em;
}
.homeLastTripHeaderRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.homeLastTripActions{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.homeLastTripRangePill{
  font-size:11px;
  line-height:1.2;
  letter-spacing:.04em;
  color:var(--text-muted-strong);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:4px 8px;
  background:rgba(8,12,20,.36);
  white-space:nowrap;
}
.homeLastTripEditBtn{
  padding:2px 7px;
  min-height:0;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.03em;
  white-space:nowrap;
  border-color:rgba(255,255,255,.14);
  background:rgba(8,12,20,.22);
  color:var(--text-muted-strong);
  font-weight:700;
  box-shadow:none;
}
.homeLastTripShareBtn{
  padding:2px 8px;
  min-height:0;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.03em;
  white-space:nowrap;
  border-color:rgba(255,198,112,.42);
  background:linear-gradient(180deg, rgba(36,86,174,.56) 0%, rgba(15,37,79,.62) 100%);
  color:#edf5ff;
  font-weight:760;
  box-shadow:none;
}
.homeLastTripContext{
  margin-top:7px;
  color:var(--text-muted);
  font-size:11px;
  line-height:1.45;
}
.homeScreenshotCardPreviewWrap{
  display:flex;
  flex-direction:column;
  gap:11px;
}
.homeScreenshotCardPreviewSurface{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(29,111,255,.82);
  border-radius:16px;
  padding:10px 10px 10px;
  background:
    radial-gradient(circle at 24% 14%, rgba(86,139,210,.18) 0%, rgba(20,44,82,.12) 26%, transparent 48%),
    linear-gradient(145deg, #071327 0%, #040b16 48%, #020711 100%);
  box-shadow:0 0 0 1px rgba(95,156,255,.22) inset, 0 0 26px rgba(29,111,255,.42), 0 18px 44px rgba(0,0,0,.52);
  display:grid;
  gap:8px;
}
.homeScreenshotCardPreviewSurface::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(92% 42% at 42% 18%, rgba(70,150,255,.2) 0%, rgba(70,150,255,0) 72%),
    linear-gradient(180deg, rgba(126,186,255,.08) 0, rgba(126,186,255,0) 58%);
}
.homeScreenshotCardPreviewHero{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:5px;
  padding:5px 4px 4px;
}
.homeScreenshotCardPreviewHero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(80% 64% at 50% 10%, rgba(70,150,255,.14) 0%, transparent 68%),
    radial-gradient(78% 46% at 76% 70%, rgba(29,111,255,.14) 0%, transparent 76%),
    radial-gradient(90% 52% at 16% 72%, rgba(7,26,51,.34) 0%, transparent 78%);
}
.homeScreenshotCardPreviewTitleRow{
  position:relative;
  z-index:1;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
}
.homeScreenshotCardPreviewEmblem{
  width:24px;
  height:24px;
  flex:0 0 auto;
  object-fit:contain;
  filter:drop-shadow(0 2px 8px rgba(29,111,255,.28));
}
.homeScreenshotCardPreviewTitleText{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size:clamp(20px, 5.1vw, 26px);
  line-height:1.04;
  letter-spacing:.014em;
  color:#7ec8ff;
  text-shadow:0 0 12px rgba(75,170,255,.62), 0 2px 8px rgba(0,0,0,.52);
  white-space:nowrap;
  min-width:0;
  max-width:min(100%, 100%);
  overflow:visible;
  text-overflow:clip;
  flex:0 1 auto;
}
.homeScreenshotCardPreviewSupport{
  position:relative;
  z-index:1;
  margin:0;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.02em;
  color:#d7e6f8;
  text-transform:none;
  font-weight:700;
  text-align:center;
}
.homeScreenshotCardPreviewGoldDivider{
  position:relative;
  z-index:1;
  display:block;
  flex:0 0 auto;
  width:clamp(128px, 56vw, 220px);
  height:3px;
  min-height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(240,185,77,0) 0%, rgba(255,220,138,.84) 20%, rgba(240,185,77,.98) 50%, rgba(255,220,138,.84) 80%, rgba(240,185,77,0) 100%);
  box-shadow:0 0 7px rgba(240,185,77,.34), 0 0 0 1px rgba(240,185,77,.08) inset;
}

.homeScreenshotCardPreviewSubhead{
  display:none;
  position:relative;
  z-index:1;
  margin-top:0;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.08em;
  color:#bcd6f4;
  text-transform:uppercase;
  font-weight:780;
}
.homeScreenshotCardPreviewLabel{
  position:relative;
  z-index:1;
  margin-top:2px;
  font-size:10px;
  line-height:1.25;
  letter-spacing:.08em;
  color:var(--text-muted-strong);
  text-transform:uppercase;
  font-weight:760;
}
.homeScreenshotCardPreviewCard{
  position:relative;
  z-index:1;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(38,118,255,.78);
  background:
    radial-gradient(circle at 24% 18%, rgba(62,104,178,.12) 0%, transparent 34%),
    linear-gradient(145deg, #0a1428 0%, #050d1b 54%, #020711 100%);
  box-shadow:0 0 0 1px rgba(101,161,255,.18) inset, 0 0 20px rgba(29,111,255,.34), 0 14px 26px rgba(0,0,0,.42);
}

.homeScreenshotCardPreviewCard .tripCardStandard{
  border-radius:12px;
  background:transparent;
  border-color:rgba(70,132,255,.4);
  box-shadow:0 0 0 1px rgba(87,146,255,.14) inset;
}
.homeScreenshotCardPreviewCard .tripCardStandard .tripCardGrid{
  overflow:hidden;
}
.homeScreenshotCardPreviewCard .tripCardStandard .tripCardMetricsCol{
  width:100%;
  max-width:100%;
  min-width:0;
}
.homeScreenshotCardPreviewActions{
  display:flex;
  justify-content:center;
  padding-top:2px;
}
.homeScreenshotCardPreviewActions .btn{
  min-height:32px;
  padding:6px 14px;
  font-size:11px;
  font-weight:640;
  box-shadow:none;
}
.homeScreenshotCardPreviewActions .homeScreenshotCardPreviewCloseBtn{
  min-width:84px;
  color:var(--text-muted-strong);
  border-color:rgba(159,190,242,.24);
  background:rgba(9,16,30,.4);
}
@media (max-width:380px){
  .homeScreenshotCardPreviewTitleText{
    font-size:clamp(18px, 6.1vw, 22px);
  }
}

.homeOverviewCard .reportsHeroEyebrow{
  font-size:14px;
  line-height:1.2;
  letter-spacing:.06em;
  font-weight:900;
}
.homeOverviewHeaderRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
  margin:0 2px 7px;
}
.homeOverviewScopePill{
  font-size:11px;
  line-height:1.2;
  letter-spacing:.04em;
  color:rgba(216,227,248,.86);
  border:1px solid rgba(166,193,238,.28);
  border-radius:999px;
  padding:4px 8px;
  background:rgba(9,17,31,.54);
  white-space:nowrap;
}
.homeOverviewGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid rgba(126,188,255,.34);
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(125% 88% at 9% 0%, rgba(77,138,255,.2) 0%, rgba(77,138,255,0) 56%),
    linear-gradient(180deg, rgba(22,34,60,.92) 0%, rgba(12,21,40,.94) 62%, rgba(8,14,27,.95) 100%);
  box-shadow:0 14px 30px rgba(1,7,22,.4), inset 0 1px 0 rgba(205,225,255,.08);
}
.homeOverviewStat{
  min-width:0;
  padding:12px 13px 11px;
  position:relative;
}
.homeOverviewStat:nth-child(odd){
  border-right:1px solid rgba(154,190,245,.12);
}
.homeOverviewStat:nth-child(-n+2){
  border-bottom:1px solid rgba(154,190,245,.12);
}
.homeOverviewStat--top{
  padding-top:28px;
}
.homeOverviewCard .reportsHeroLabel{
  font-size:10px;
  line-height:1.25;
  font-weight:860;
  letter-spacing:.1em;
}
.homeOverviewCard .reportsHeroValue{
  min-width:0;
  font-size:17px;
  line-height:1.2;
  font-weight:850;
}
.homeOverviewCard .reportsHeroValue.homeOverviewHeroValue{
  font-size:22px;
  white-space:normal;
  overflow-wrap:anywhere;
  text-overflow:clip;
}
.homeOverviewCard .reportsHeroValue.homeOverviewHeroValue.homeOverviewHeroValuePreview{
  font-size:20px;
  line-height:1.24;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.homeOverviewCard .reportsHeroValue.homeOverviewDealerValue{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  line-height:1.18;
}
.homeOverviewCard .reportsHeroMeta{
  margin-top:4px;
  font-size:12px;
  line-height:1.33;
  font-weight:720;
}
.homeOverviewCard .reportsHeroMeta .homeOverviewMetaSeparator{
  color:var(--text-muted);
}
.homeOverviewCard .homePremiumLockedCopy{
  display:inline;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:rgba(204,164,96,.98);
  font-weight:760;
  line-height:1.3;
  text-shadow:none;
}
.homeOverviewTrend{
  position:absolute;
  right:10px;
  top:8px;
  font-size:11px;
  line-height:1;
  font-weight:860;
  opacity:.86;
  pointer-events:none;
  border:1px solid currentColor;
  border-radius:999px;
  padding:1px 5px;
  background:rgba(8,14,28,.32);
}
.homeOverviewTrend--up{
  color:var(--good);
}
.homeOverviewTrend--down{
  color:var(--bad);
}
.kpiGroupLabel{
  margin:var(--card-title-gap) 0 var(--card-body-gap);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--text-muted-strong);
}
.kpiCard.kpiCardPrimary{
  border-color:rgba(255,255,255,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.03) 100%);
}

/* Shared analytics language (Home + Reports) */
.dashCard,
.reportsHeroCard,
.reportsHighlightsCard,
.chartCard,
.reportsHighlightItem,
.reportsHeroStat,
.kpiCard{
  border-color:var(--border);
  background:linear-gradient(180deg, var(--analytics-surface-top) 0%, var(--analytics-surface-bottom) 100%);
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}
.dashCard{
  padding:var(--card-pad-y) var(--card-pad-x);
}
.dashCard.homeScreenShell{
  padding:0;
}
.dashCard .homeOverviewCard{
  margin-bottom:var(--card-stack-gap);
  border-color:rgba(126,200,255,.42);
}
.dashCard .homeFilterStack{
  margin-bottom:var(--card-stack-gap);
}
.dashCard .kpiRow{
  margin-bottom:calc(var(--card-stack-gap) + 2px);
}
.dashCard .homeOverviewCard{
  margin-top:0;
}
.kpiGroupLabel,
.reportsSectionHead h2,
.reportsHeroEyebrow,
.reportsHighlightsHdr,
.reportsHeroLabel{
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:860;
}
.kpiCard{
  border-radius:16px;
  border:1px solid var(--line);
}
.kpiCard .kpiLabel{
  color:var(--text-muted-strong);
}
.kpiCard .kpiHint{
  margin:-2px 0 2px;
  font-size:10px;
  line-height:1.15;
  color:var(--text-muted-strong);
  opacity:.86;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kpiCard .kpiValue{
  font-variant-numeric:tabular-nums;
}
.kpiCardTap{
  width:100%;
  text-align:left;
  cursor:pointer;
  position:relative;
}
.kpiCardTap::after{
  content:"";
  position:absolute;
  right:10px;
  top:10px;
  width:6px;
  height:6px;
  border-top:2px solid var(--text-muted-strong);
  border-right:2px solid var(--text-muted-strong);
  transform:rotate(45deg);
  opacity:.7;
}
.kpiCardTap:active{
  transform:translateY(1px);
}
.reportsSectionHead{
  margin:0 2px var(--card-body-gap);
}
.reportsSectionHead p,
.reportsHeroSub,
.reportsHeroMeta{
  color:var(--text-muted-strong);
}
.reportsHeroCard{
  border-color:rgba(255,255,255,.18);
  padding:var(--card-pad-y) var(--card-pad-x);
  margin-bottom:var(--card-stack-gap);
}
.reportsHeroStat{
  border-color:rgba(255,255,255,.12);
}
.reportsHeroValue.money,
.chartHero.money,
.reportsHighlightValue.money{
  color:var(--money);
}
.reportsHeroValue.lbsBlue,
.chartHero.lbsBlue,
.reportsHighlightValue.lbsBlue{
  color:var(--lbs);
}
.reportsHeroValue.ppl,
.reportsHeroValue.rate.ppl,
.chartHero.rate.ppl,
.reportsHighlightValue.rate.ppl{
  color:var(--ppl);
}


/* P7 timeframe segmented-control unification (Home + Reports) */
.timeframeUnifiedControl{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  padding:5px;
  border-radius:15px;
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(12,18,31,.72) 0%, rgba(9,14,24,.58) 100%);
}
.timeframeUnifiedControl .segBtn{
  width:100%;
  min-height:38px;
  padding:8px 9px;
  border-radius:11px;
  border:1px solid transparent;
  font-size:13px;
  font-weight:820;
  letter-spacing:.01em;
  color:var(--text-muted-strong);
  box-shadow:none;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .08s ease;
}
.timeframeUnifiedControl .segBtn.on,
.timeframeUnifiedControl .segBtn.is-selected{
  color:var(--text);
  background:linear-gradient(180deg, rgba(152,165,184,.62) 0%, rgba(122,136,160,.54) 100%);
  border-color:rgba(197,210,231,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.timeframeUnifiedControl .segBtn:active{
  transform:translateY(1px);
}
.dashCard .homeFilterStack{
  gap:8px;
  margin-top:8px;
  margin-bottom:10px;
}
.homeScreenShell .homeFilterStack{
  gap:7px;
  margin:0;
}
.dashCard .homeFilterStack .timeframeUnifiedControl{
  margin-top:0;
}
.homeScreenShell .timeframeUnifiedControl{
  grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));
  gap:6px;
  padding:6px;
  border:1px solid rgba(176,194,224,.13);
  border-radius:13px;
  background:linear-gradient(180deg, rgba(32,45,66,.18) 0%, rgba(20,29,45,.1) 100%);
}
.homeScreenShell .timeframeUnifiedControl .segBtn{
  min-height:34px;
  padding:6px 7px;
  border-radius:9px;
  border-color:rgba(109,117,132,.32);
  background:linear-gradient(180deg, rgba(66,76,95,.42) 0%, rgba(51,58,74,.56) 100%);
  color:rgba(210,219,235,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  font-size:12px;
}
.homeScreenShell .timeframeUnifiedControl .segBtn.on,
.homeScreenShell .timeframeUnifiedControl .segBtn.is-selected{
  color:rgba(235,246,255,.98);
  background:
    linear-gradient(180deg, rgba(92,141,221,.58) 0%, rgba(50,71,127,.9) 64%, rgba(42,60,110,.95) 100%);
  border-color:rgba(114,144,220,.86);
  box-shadow:
    inset 0 1px 0 rgba(216,232,255,.28),
    inset 0 -1px 0 rgba(20,33,63,.36),
    0 0 0 1px rgba(114,144,220,.22),
    0 0 10px rgba(64,143,244,.24);
}
.homeScreenShell .timeframeUnifiedControl.homeTimeframeRowQuick{
  grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));
}
.homeScreenShell .timeframeUnifiedControl.homeTimeframeRowQuick .segBtn.homeTimeframeChip:first-child{
  padding-inline:10px;
}
.homeScreenShell .timeframeUnifiedControl.homeTimeframeRowQuick .segBtn.homeTimeframeChip:first-child .timeframeChipMainLabel{
  font-size:11px;
  letter-spacing:.01em;
}
.homePremiumInlineLabel{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:4px 2px 4px 0;
  border-radius:0;
  border:none;
  background:transparent;
  color:rgba(255,231,173,.88);
  font-size:13px;
  font-weight:760;
  letter-spacing:.01em;
  text-shadow:0 1px 0 rgba(40,26,10,.22);
  white-space:nowrap;
}
.homeScreenShell .timeframeUnifiedControl.homeTimeframeRowLocked{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  padding:6px;
  border-color:rgba(214,186,126,.42);
  background:linear-gradient(180deg, rgba(162,124,60,.44) 0%, rgba(103,71,31,.46) 52%, rgba(78,53,24,.5) 100%);
  box-shadow:inset 0 1px 0 rgba(255,237,196,.14), inset 0 -1px 0 rgba(63,43,19,.28), 0 8px 20px rgba(23,17,9,.18);
}
.homeScreenShell .timeframeUnifiedControl .segBtn.homeTimeframeChip{
  min-height:36px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:1px;
  text-align:center;
  line-height:1.08;
}
.homeScreenShell .timeframeUnifiedControl .segBtn.homeTimeframeChip:not(.on):not(.is-selected){
  color:rgba(210,219,235,.68);
}
.homeScreenShell .timeframeUnifiedControl .segBtn.homeTimeframeChipLocked{
  min-height:34px;
  padding-block:5px;
  border-color:rgba(218,186,120,.16);
  background:linear-gradient(180deg, rgba(255,227,166,.03) 0%, rgba(156,115,50,.06) 100%);
  color:rgba(244,225,186,.9);
  box-shadow:none;
}
.homeScreenShell .timeframeUnifiedControl .segBtn.homeTimeframeChipLocked.on,
.homeScreenShell .timeframeUnifiedControl .segBtn.homeTimeframeChipLocked.is-selected{
  color:rgba(255,246,224,.98);
  border-color:rgba(255,223,154,.46);
  background:
    linear-gradient(180deg, rgba(251,214,146,.26) 0%, rgba(186,136,66,.34) 54%, rgba(123,88,41,.44) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,241,208,.2),
    inset 0 -1px 0 rgba(81,56,23,.24),
    0 0 0 1px rgba(255,216,141,.12),
    0 0 8px rgba(224,167,75,.14);
}
.timeframeChipMainLabel{
  display:block;
  white-space:nowrap;
}
.timeframeChipMainLabelWithIcon{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.timeframeChipIcon{
  font-size:.95em;
  line-height:1;
}
.timeframeChipSubLabel{
  display:block;
  font-size:10px;
  font-weight:860;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(198,220,255,.9);
}
.homeScreenShell .homeFilterStack > .homeRangeRow{
  margin-top:2px !important;
}
.homeScreenShell .kpiRow{
  gap:10px;
  margin-bottom:0;
}
.homeScreenShell .kpiCard{
  border-color:rgba(255,255,255,.11);
  background:rgba(255,255,255,.04);
  box-shadow:0 6px 14px rgba(0,0,0,.16);
}
.homeScreenShell .reportsHeroStat{
  border-color:rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  box-shadow:none;
}
.reportsTimeframeControl{
  margin-top:14px;
  margin-bottom:4px;
}
@media (max-width:380px){
  .timeframeUnifiedControl .segBtn{
    font-size:12px;
    padding:8px 6px;
  }
  .homeScreenShell .timeframeUnifiedControl .segBtn{
    padding:5px 6px;
    font-size:11px;
  }
  .homeScreenShell .timeframeUnifiedControl .segBtn.homeTimeframeChip{
    min-height:34px;
  }
  .homeScreenShell .timeframeUnifiedControl .segBtn.homeTimeframeChip .timeframeChipMainLabel{
    font-size:10px;
  }
  .homeScreenShell .timeframeUnifiedControl.homeTimeframeRowQuick{
    grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,1fr));
  }
  .homeScreenShell .timeframeUnifiedControl.homeTimeframeRowQuick .segBtn.homeTimeframeChip:first-child .timeframeChipMainLabel{
    font-size:9.5px;
  }
  .homeScreenShell .timeframeUnifiedControl .segBtn.homeTimeframeChip .timeframeChipSubLabel{
    font-size:8px;
    letter-spacing:.06em;
  }
  .homeScreenShell .kpiCard .kpiHint{
    font-size:9px;
  }
}


/* SW update banner layout */
.swUpdateBanner{position:fixed;left:12px;right:12px;bottom:calc(var(--tabbar-total-h) + 18px);z-index:9999;display:none;max-width:min(560px,calc(100vw - 24px));width:calc(100vw - 24px);margin:0 auto;overflow-x:hidden}
.swUpdateBannerMessage{margin-top:6px;line-height:1.35;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.swUpdateBannerActions{margin-top:10px;gap:10px;max-width:100%}


.settingsDeletedList{display:grid;gap:10px;padding:0 14px 14px}
.settingsDeletedItem{border:1px solid var(--line);border-radius:16px;padding:12px;background:linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.025) 100%);display:grid;gap:10px}
.settingsDeletedMeta{display:grid;gap:4px;min-width:0}
.settingsDeletedTitle{font-size:15px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.settingsDeletedActions{display:flex;flex-wrap:wrap;gap:8px}
.settingsDeletedActions .btn{flex:1;min-width:132px}


.homeBeginnerCard{
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(126,169,255,.34);
  background:linear-gradient(180deg, rgba(47,109,246,.18) 0%, rgba(255,255,255,.05) 100%);
  box-shadow:0 12px 28px rgba(8,15,36,.22);
}
.homeBeginnerCard .statusSurfaceTitle{
  font-size:20px;
  font-weight:850;
  line-height:1.2;
}
.homeBeginnerCard .statusSurfaceBody{
  color:var(--text-muted-strong);
  line-height:1.5;
}
.homeBeginnerSteps{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.homeBeginnerStep{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:var(--text-muted-strong);
}
.homeBeginnerStepNum{
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 22px;
  font-size:12px;
  font-weight:900;
  color:#fff;
  background:rgba(47,109,246,.92);
}
.homeBeginnerActions .btn{flex:1 1 150px}
.homeBeginnerDismiss{flex:1 1 100%; min-height:42px}
.homeInstallSection{margin-top:12px}
.homeInstallBand{border-color:rgba(126,169,255,.28);background:linear-gradient(180deg, rgba(47,109,246,.12) 0%, rgba(255,255,255,.035) 100%)}
.homeInstallBand .statusSurfaceMinorNote{font-size:12px;line-height:1.45}
.emptyStateFollowup{
  margin-top:10px;
  color:var(--text-muted-strong);
  font-size:13px;
  line-height:1.45;
}
.emptyStateBeginner{
  border-color:rgba(126,169,255,.28);
  background:linear-gradient(180deg, rgba(47,109,246,.12) 0%, rgba(255,255,255,.04) 100%);
}

.settingsHelpGuideRow{align-items:flex-start}
.settingsHelpGuideRow .settingsInlineBtn{align-self:flex-start}
@media (max-width:560px){
  .settingsHelpGuideRow{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .settingsHelpGuideRow .settingsInlineBtn{width:100%;justify-content:center}
}
.tripsBrowseFiltersCard .tripsFiltersToggleIcon{width:18px;height:18px}
.tripsBrowseFiltersCard .tripsFilterStackIcon{width:16px;height:16px;gap:2px}
.tripsBrowseFiltersCard .tripsDateRangeBtn{justify-content:space-between;gap:8px}
.tripsDateRangeChevron{font-size:16px;opacity:.8}
.tripsMoreFiltersHeading{font-size:13px;font-weight:840;letter-spacing:.06em;text-align:center;color:rgba(224,236,255,.96);margin-bottom:5px}
.tripsMoreFiltersToggleBtn{display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid rgba(128,176,255,.56);background:linear-gradient(180deg, rgba(33,59,108,.82) 0%, rgba(21,40,77,.92) 100%);color:rgba(228,240,255,.98);box-shadow:inset 0 1px 0 rgba(223,237,255,.14),inset 0 -1px 0 rgba(8,20,43,.4),0 0 0 1px rgba(53,89,157,.22);min-height:38px;padding:9px 11px;cursor:pointer}
.tripsMoreFiltersToggleCopy{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;flex:1 1 auto;text-align:left}
.tripsMoreFiltersToggleMain{font-size:14px;font-weight:770;letter-spacing:.01em;line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0;text-align:left}
.tripsMoreFiltersToggleAction{font-size:11px;line-height:1.1;font-weight:790;letter-spacing:.02em;opacity:.97;flex:0 0 auto;margin-left:8px}
.tripsMoreFiltersToggleChevron{margin-left:auto;font-size:13px;line-height:1;opacity:.98;font-weight:880;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;min-width:20px;flex:0 0 20px;color:rgba(225,239,255,.98);border:1px solid rgba(146,186,245,.62);background:linear-gradient(180deg, rgba(43,76,137,.88) 0%, rgba(29,53,100,.96) 100%);box-shadow:inset 0 1px 0 rgba(236,246,255,.18),0 0 0 1px rgba(14,31,64,.35)}
.tripsMoreFiltersToggleBtn.is-active{border-color:rgba(176,207,255,.9);background:linear-gradient(180deg, rgba(80,134,236,.56) 0%, rgba(38,86,184,.7) 100%);box-shadow:inset 0 1px 0 rgba(239,247,255,.3),inset 0 -1px 0 rgba(8,20,43,.4),0 0 0 1px rgba(97,153,255,.28),0 8px 14px rgba(7,18,40,.3)}
.tripsBrowseFiltersCard .tripsMoreFiltersFields .select{min-height:32px;font-size:11px;padding:4px 8px}
.tripsBrowseFiltersCard .tripsMoreFiltersGroup{gap:2px}
.tripsBrowseFiltersCard .tripsMoreFiltersFields{gap:6px}
.tripsBrowseFiltersCard .tripsFiltersBody{padding-bottom:4px}
.tripsDateRangeModalCard .homeRangeInputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.screenFirstCard{padding-bottom:var(--card-stack-gap)}

.tripsRangeFieldLabel{font-size:11px;font-weight:700;color:var(--text-muted-strong)}
.tripsDateRangeModalCard{display:grid;gap:8px;padding:2px 0 0}
.tripsRangeControlRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}
.tripsDateRangeModalCard .input{min-height:36px}
.tripsRangeCompactInput{background:rgba(10,19,36,.9);border-color:rgba(96,136,205,.45);border-radius:12px;color:var(--text)}
#modalRoot .modalSheet--center{max-width:380px}
.tripsRangeApplyBtn{min-height:36px;padding:0 14px;border-radius:12px;white-space:nowrap}

.helpHubCard{padding:12px 12px 10px;border-color:rgba(124,167,248,.3);background:linear-gradient(180deg, rgba(17,33,66,.9) 0%, rgba(10,21,42,.96) 100%);box-shadow:inset 0 1px 0 rgba(211,227,255,.12),inset 0 0 0 1px rgba(85,121,194,.14),0 12px 26px rgba(5,12,28,.38),0 0 0 1px rgba(34,66,125,.22)}
.helpHubHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}
.helpHubTitle{font-size:1.03rem;letter-spacing:.01em}
.helpHubPill{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:999px;border:1px solid rgba(137,176,250,.6);background:rgba(53,98,186,.34);color:rgba(222,235,255,.96);font-size:11px;font-weight:740;text-transform:uppercase;letter-spacing:.05em}
.helpHubLead{margin-top:8px;line-height:1.45}
.helpHubRows{display:grid;gap:8px;margin-top:10px}
.helpHubRowsDirect{margin-top:12px}
.helpHubRowWrap{border:1px solid rgba(108,151,236,.34);border-radius:13px;background:linear-gradient(180deg, rgba(28,50,95,.7) 0%, rgba(14,29,58,.86) 100%);box-shadow:inset 0 1px 0 rgba(216,230,255,.1);overflow:hidden}
.helpHubRowWrap>summary{list-style:none}
.helpHubRowWrap>summary::-webkit-details-marker{display:none}
.helpHubRowWrap .helpHubRow{border:0;background:transparent;border-radius:0;box-shadow:none}
.helpHubRowWrap .helpHubRowContent{padding:0 12px 12px;border-top:1px solid rgba(123,162,233,.25)}
.helpHubRowWrap .helpHubRowChevron{transform:rotate(0deg);transition:transform .18s ease}
.helpHubRowWrap[open] .helpHubRowChevron{transform:rotate(180deg)}
.helpHubRow{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:13px;border:1px solid rgba(108,151,236,.34);background:linear-gradient(180deg, rgba(28,50,95,.7) 0%, rgba(14,29,58,.86) 100%);color:var(--text);text-align:left;box-shadow:inset 0 1px 0 rgba(216,230,255,.1)}
.helpHubRowIcon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(72,118,212,.42);border:1px solid rgba(150,186,246,.42);font-size:13px}
.helpHubRowBody{display:grid;gap:2px;min-width:0}
.helpHubRowLabel{font-size:13px;font-weight:780;line-height:1.2;color:rgba(241,246,255,.98)}
.helpHubRowDesc{font-size:11px;line-height:1.3;color:rgba(178,199,233,.92)}
.helpHubRowChevron{font-size:18px;line-height:1;color:rgba(158,191,243,.9)}
.helpHubRow:active{transform:translateY(1px)}
@media (max-width:390px){.helpHubRow{padding:8px 9px;gap:9px}.helpHubRowIcon{width:26px;height:26px}}

.helpAccordionCard{padding:0;overflow:hidden;border:1px solid rgba(132,182,255,.28);background:linear-gradient(180deg,rgba(18,32,56,.96),rgba(13,24,44,.96));box-shadow:0 8px 22px rgba(4,10,22,.28)}
.helpAccordionSummary{display:flex;align-items:center;gap:12px;list-style:none;padding:12px 14px;cursor:pointer}
.helpAccordionSummary::-webkit-details-marker{display:none}
.helpAccordionIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(106,162,255,.18);font-size:16px}
.helpAccordionSummaryBody{min-width:0;display:grid;gap:2px;flex:1}
.helpAccordionTitle{font-size:15px}
.helpAccordionDesc{font-size:12px;color:var(--muted);line-height:1.3}
.helpAccordionChevron{font-size:18px;color:#9fc4ff;transform:rotate(0deg);transition:transform .18s ease}
.helpAccordionCard[open] .helpAccordionChevron{transform:rotate(180deg)}
.helpAccordionCard .helpSectionLead{padding:0 14px 14px}