:root {
  --bs-mint: #10b981;
  --bs-mint-dark: #078b5c;
  --bs-mint-soft: #c8f6e4;
  --bs-red: #ff4d37;
  --bs-amber: #f97316;
  --bs-blue: #2778f6;
  --bs-purple: #8b5cf6;
  --bs-ink: #101218;
  --bs-text: #252936;
  --bs-muted: #626b7a;
  --bs-subtle: #8791a0;
  --bs-line: #e1e6ea;
  --bs-soft-line: #edf0f2;
  --bs-page: #f7f8f8;
  --bs-card: #ffffff;
  --bs-shadow: 0 14px 34px rgba(16, 18, 24, 0.07);
  --bs-card-shadow: 0 5px 18px rgba(16, 18, 24, 0.055);
}

/* Concept redesign v3: faithful white dashboard shell from the accepted generated design. */
body.concept-scanner {
  --concept-bg: #f7fafc;
  --concept-surface: #ffffff;
  --concept-border: #dbe5ed;
  --concept-border-strong: #c8d5df;
  --concept-text: #172033;
  --concept-muted: #5d6a7c;
  --concept-teal: #006b68;
  --concept-teal-dark: #005452;
  --concept-teal-soft: #e9f8f2;
  --concept-green: #15955f;
  --concept-red: #d92d20;
  --concept-orange: #ef8b00;
  --concept-shadow: 0 1px 2px rgba(22, 38, 55, 0.05), 0 8px 24px rgba(22, 38, 55, 0.03);
  margin: 0 !important;
  background: var(--concept-bg) !important;
  color: var(--concept-text) !important;
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

body.concept-scanner * {
  box-sizing: border-box;
  letter-spacing: 0 !important;
}

body.concept-scanner [hidden] {
  display: none !important;
}

body.concept-scanner .concept-shell {
  min-height: 100vh !important;
  display: block !important;
  background: var(--concept-bg) !important;
}

body.concept-scanner .concept-workspace {
  width: min(100%, 1366px) !important;
  min-height: calc(100vh - 32px) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 238px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0 !important;
  background: var(--concept-bg) !important;
  border-left: 1px solid var(--concept-border) !important;
  border-right: 1px solid var(--concept-border) !important;
}

body.concept-scanner .concept-sidebar {
  min-height: calc(100vh - 32px) !important;
  background: #ffffff !important;
  border-right: 1px solid var(--concept-border) !important;
  padding: 34px 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  position: sticky !important;
  top: 0 !important;
}

body.concept-scanner .concept-brand {
  display: grid !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
  color: var(--concept-text) !important;
  text-decoration: none !important;
}

body.concept-scanner .concept-brand strong {
  font-size: 1.75rem !important;
  line-height: 1 !important;
  font-weight: 750 !important;
}

body.concept-scanner .concept-brand span {
  color: var(--concept-teal) !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

body.concept-scanner .concept-side-card {
  min-height: 92px !important;
  padding: 16px 16px !important;
  background: var(--concept-surface) !important;
  border: 1px solid var(--concept-border) !important;
  border-radius: 8px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  box-shadow: none !important;
}

body.concept-scanner .concept-side-card strong {
  display: block !important;
  color: var(--concept-text) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  margin: 0 0 7px !important;
}

body.concept-scanner .concept-side-card span:not(.concept-side-icon) {
  color: var(--concept-muted) !important;
  font-size: 0.84rem !important;
  line-height: 1.35 !important;
}

body.concept-scanner .concept-side-icon {
  width: 22px !important;
  height: 22px !important;
  color: var(--concept-teal) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
}

body.concept-scanner .concept-side-icon svg,
body.concept-scanner .concept-header svg,
body.concept-scanner .concept-new-scan svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.concept-scanner .concept-excel-icon,
body.concept-scanner .concept-export-grid article span {
  border-radius: 3px !important;
  background: #12814f !important;
  color: #ffffff !important;
  font-family: Arial, sans-serif !important;
}

body.concept-scanner .concept-main {
  min-width: 0 !important;
  width: 100% !important;
  padding: 0 0 28px !important;
  margin: 0 !important;
  display: block !important;
  background: var(--concept-bg) !important;
  overflow: visible !important;
}

body.concept-scanner .concept-header {
  height: 70px !important;
  padding: 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--concept-border) !important;
}

body.concept-scanner .concept-header-actions {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
}

body.concept-scanner .concept-header-button,
body.concept-scanner .concept-new-scan {
  height: 40px !important;
  padding: 0 15px !important;
  border-radius: 6px !important;
  border: 1px solid var(--concept-border-strong) !important;
  background: #ffffff !important;
  color: var(--concept-text) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.92rem !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body.concept-scanner .concept-new-scan {
  background: linear-gradient(135deg, #007d78, #00645f) !important;
  border-color: #00645f !important;
  color: #ffffff !important;
  padding-inline: 18px !important;
}

body.concept-scanner .concept-tabs {
  min-height: 56px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--concept-border) !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  position: relative !important;
  top: auto !important;
  z-index: 10 !important;
  box-shadow: none !important;
}

body.concept-scanner .concept-tabs .mobile-nav-toggle {
  display: none !important;
}

body.concept-scanner .concept-tabs .mobile-nav-list {
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: static !important;
}

body.concept-scanner .concept-tabs .advanced-tab {
  min-height: 56px !important;
  height: 56px !important;
  flex: 1 1 auto !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #243047 !important;
  font-size: 0.94rem !important;
  font-weight: 520 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body.concept-scanner .concept-tabs .advanced-tab.is-active {
  color: #101828 !important;
  border-bottom-color: var(--concept-teal) !important;
  font-weight: 650 !important;
}

body.concept-scanner .concept-tabs .mobile-menu-action {
  display: none !important;
}

body.concept-scanner .concept-import-grid {
  padding: 20px 20px 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
  gap: 12px !important;
}

body.concept-scanner .concept-card {
  background: var(--concept-surface) !important;
  border: 1px solid var(--concept-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--concept-shadow) !important;
}

body.concept-scanner .concept-import-card,
body.concept-scanner .concept-profile-card {
  min-height: 226px !important;
  padding: 17px 17px 16px !important;
  margin: 0 !important;
}

body.concept-scanner .section-heading {
  margin: 0 0 14px !important;
}

body.concept-scanner h1,
body.concept-scanner h2,
body.concept-scanner h3,
body.concept-scanner h4,
body.concept-scanner p {
  margin: 0 !important;
}

body.concept-scanner .section-heading h2,
body.concept-scanner .concept-card h2 {
  color: var(--concept-text) !important;
  font-size: 1.05rem !important;
  line-height: 1.2 !important;
  font-weight: 720 !important;
}

body.concept-scanner .concept-drop-zone {
  min-height: 140px !important;
  border: 2px dashed #9caec0 !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 22px !important;
  cursor: pointer !important;
  color: #1d2939 !important;
}

body.concept-scanner .concept-drop-zone .drop-mark {
  width: 56px !important;
  height: 42px !important;
  color: #26364e !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.concept-scanner .concept-drop-zone .drop-mark svg {
  width: 56px !important;
  height: 48px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.concept-scanner .concept-drop-zone span {
  font-size: 0.92rem !important;
  color: #1d2939 !important;
}

body.concept-scanner .concept-drop-zone em {
  font-style: normal !important;
  color: var(--concept-muted) !important;
  font-size: 0.88rem !important;
}

body.concept-scanner .concept-drop-zone strong {
  min-width: 162px !important;
  height: 42px !important;
  padding: 0 22px !important;
  border-radius: 5px !important;
  background: linear-gradient(135deg, #007d78, #005f5c) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

body.concept-scanner .concept-drop-zone small {
  color: #667085 !important;
  font-size: 0.82rem !important;
}

body.concept-scanner .concept-file-meta {
  margin: 12px 0 8px !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--concept-border) !important;
  border-radius: 6px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) max-content 24px !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--concept-text) !important;
}

body.concept-scanner .concept-file-icon,
body.concept-scanner .concept-file-ok {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  color: var(--concept-teal) !important;
  border: 1px solid #cfe4df !important;
}

body.concept-scanner .concept-file-ok {
  color: var(--concept-green) !important;
  border-color: var(--concept-green) !important;
}

body.concept-scanner #fileName {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 650 !important;
}

body.concept-scanner #fileStats {
  color: var(--concept-muted) !important;
  white-space: nowrap !important;
}

body.concept-scanner .concept-link-button {
  border: 0 !important;
  background: transparent !important;
  color: #005eb8 !important;
  font-size: 0.86rem !important;
  padding: 0 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}

body.concept-scanner .concept-profile-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 12px 18px !important;
}

body.concept-scanner .concept-profile-form label {
  display: grid !important;
  gap: 6px !important;
  color: #182230 !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
}

body.concept-scanner .concept-profile-form .concept-form-wide {
  grid-column: 1 / -1 !important;
}

body.concept-scanner .concept-profile-form input,
body.concept-scanner .concept-profile-form select,
body.concept-scanner .mapping-form select,
body.concept-scanner .mapping-form input,
body.concept-scanner .explorer-controls input,
body.concept-scanner .explorer-controls select {
  width: 100% !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid var(--concept-border-strong) !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: var(--concept-text) !important;
  font: 500 0.92rem/1.2 Inter, "Segoe UI", system-ui, sans-serif !important;
  box-shadow: none !important;
}

body.concept-scanner .concept-profile-saved {
  margin-top: 16px !important;
  height: 38px !important;
  padding: 0 13px !important;
  border-radius: 6px !important;
  background: #eaf8f1 !important;
  border: 1px solid #d5efe2 !important;
  color: var(--concept-teal) !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 0.86rem !important;
  font-weight: 550 !important;
}

body.concept-scanner .concept-empty-state,
body.concept-scanner #dashboard,
body.concept-scanner #previewPanel,
body.concept-scanner #mappingPanel {
  margin: 16px 20px 0 !important;
}

body.concept-scanner .concept-empty-review {
  padding: 18px !important;
}

body.concept-scanner .concept-empty-review p {
  margin-top: 6px !important;
  max-width: 760px !important;
  color: var(--concept-muted) !important;
  font-size: 0.92rem !important;
}

body.concept-scanner .advanced-panels {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

body.concept-scanner .advanced-panel {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

body.concept-scanner .concept-overview-panel {
  display: grid !important;
  gap: 12px !important;
}

body.concept-scanner .concept-review-dashboard,
body.concept-scanner .concept-recent-card,
body.concept-scanner .concept-export-strip {
  padding: 18px !important;
}

body.concept-scanner .concept-review-dashboard h2 {
  margin-bottom: 14px !important;
}

body.concept-scanner .concept-review-dashboard h2 span {
  color: var(--concept-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

body.concept-scanner .concept-metric-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.concept-scanner .concept-metric {
  min-height: 102px !important;
  border: 1px solid var(--concept-border) !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  text-align: center !important;
  padding: 12px !important;
}

body.concept-scanner .concept-metric span {
  color: #27364a !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
}

body.concept-scanner .concept-metric strong {
  color: var(--concept-text) !important;
  font-size: clamp(1.15rem, 1.5vw, 1.55rem) !important;
  line-height: 1.05 !important;
  font-weight: 760 !important;
}

body.concept-scanner .concept-metric small {
  color: var(--concept-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

body.concept-scanner .concept-metric.is-good strong {
  color: var(--concept-green) !important;
}

body.concept-scanner .concept-metric.is-bad strong {
  color: var(--concept-red) !important;
}

body.concept-scanner .concept-metric.is-warn strong {
  color: var(--concept-orange) !important;
}

body.concept-scanner .concept-card-heading {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

body.concept-scanner .concept-card-heading h2 span {
  color: var(--concept-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

body.concept-scanner .concept-card-heading button,
body.concept-scanner .concept-table-footer button {
  border: 0 !important;
  background: transparent !important;
  color: #005eb8 !important;
  font-size: 0.82rem !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}

body.concept-scanner .concept-table-wrap {
  overflow-x: auto !important;
}

body.concept-scanner .concept-table {
  width: 100% !important;
  min-width: 830px !important;
  border-collapse: collapse !important;
  font-size: 0.84rem !important;
}

body.concept-scanner .concept-table th,
body.concept-scanner .concept-table td {
  padding: 9px 10px !important;
  border-bottom: 1px solid var(--concept-border) !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

body.concept-scanner .concept-table th {
  background: #f8fafc !important;
  color: #25334a !important;
  font-weight: 650 !important;
}

body.concept-scanner .concept-table td:nth-child(6),
body.concept-scanner .concept-table td:nth-child(7),
body.concept-scanner .concept-table td:nth-child(8) {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

body.concept-scanner .concept-pill,
body.concept-scanner .concept-vat-pill,
body.concept-scanner .concept-review-pill {
  display: inline-flex !important;
  min-height: 22px !important;
  align-items: center !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  font-size: 0.74rem !important;
  font-weight: 650 !important;
}

body.concept-scanner .concept-pill.is-income,
body.concept-scanner .concept-vat-pill {
  background: #dcfce7 !important;
  color: #087443 !important;
}

body.concept-scanner .concept-pill.is-expense {
  background: #fee2e2 !important;
  color: #b42318 !important;
}

body.concept-scanner .concept-review-pill {
  background: #ffedd5 !important;
  color: #b45309 !important;
}

body.concept-scanner .concept-table-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 10px !important;
  color: var(--concept-muted) !important;
  font-size: 0.82rem !important;
}

body.concept-scanner .concept-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.concept-scanner .concept-mini-panel {
  min-height: 214px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
}

body.concept-scanner .concept-mini-panel > button {
  width: 100% !important;
  min-height: 34px !important;
  margin-top: auto !important;
  border-radius: 4px !important;
  border: 1px solid var(--concept-teal) !important;
  background: #ffffff !important;
  color: var(--concept-teal) !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

body.concept-scanner .concept-list {
  display: grid !important;
  gap: 0 !important;
  margin-bottom: 12px !important;
}

body.concept-scanner .concept-list-row {
  min-height: 31px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--concept-border) !important;
  color: #26364e !important;
}

body.concept-scanner .concept-list-row span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.84rem !important;
}

body.concept-scanner .concept-list-row strong {
  font-size: 0.84rem !important;
  color: #152033 !important;
  font-weight: 700 !important;
}

body.concept-scanner .concept-list-row.is-ok strong {
  color: var(--concept-green) !important;
}

body.concept-scanner .concept-list-row.is-warn strong {
  color: var(--concept-orange) !important;
}

body.concept-scanner #conceptReviewBadge {
  background: #fff4e6 !important;
  color: var(--concept-orange) !important;
  border-radius: 999px !important;
  padding: 3px 8px !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
}

body.concept-scanner .concept-cashflow-chart {
  min-height: 150px !important;
}

body.concept-scanner .concept-chart-legend {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 4px !important;
  color: #25334a !important;
  font-size: 0.8rem !important;
}

body.concept-scanner .concept-chart-legend span {
  width: 9px !important;
  height: 9px !important;
  border-radius: 2px !important;
  display: inline-block !important;
}

body.concept-scanner .concept-chart-legend .in {
  background: #18864f !important;
}

body.concept-scanner .concept-chart-legend .out {
  background: #e95744 !important;
}

body.concept-scanner .concept-chart-legend .net {
  background: #111827 !important;
  height: 2px !important;
}

body.concept-scanner .concept-cashflow-chart svg {
  width: 100% !important;
  height: 122px !important;
  display: block !important;
}

body.concept-scanner .concept-cashflow-chart text {
  fill: #344054 !important;
  font-size: 10px !important;
}

body.concept-scanner .concept-axis {
  stroke: #b7c2cf !important;
  stroke-width: 1 !important;
}

body.concept-scanner .concept-bar-in {
  fill: #18864f !important;
}

body.concept-scanner .concept-bar-out {
  fill: #e95744 !important;
}

body.concept-scanner .concept-net-line {
  fill: none !important;
  stroke: #111827 !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.concept-scanner .concept-export-strip {
  margin-bottom: 0 !important;
}

body.concept-scanner .concept-export-strip .concept-card-heading {
  display: block !important;
}

body.concept-scanner .concept-export-strip p {
  margin-top: 4px !important;
  color: var(--concept-muted) !important;
  font-size: 0.86rem !important;
}

body.concept-scanner .concept-export-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) 168px !important;
  gap: 12px !important;
}

body.concept-scanner .concept-export-grid article {
  min-height: 64px !important;
  border: 1px solid var(--concept-border) !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 2px 9px !important;
  align-content: center !important;
}

body.concept-scanner .concept-export-grid article span {
  grid-row: 1 / span 2 !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
}

body.concept-scanner .concept-export-grid article strong {
  min-width: 0 !important;
  color: var(--concept-text) !important;
  font-size: 0.78rem !important;
  line-height: 1.05 !important;
  font-weight: 760 !important;
}

body.concept-scanner .concept-export-grid article small {
  min-width: 0 !important;
  color: var(--concept-muted) !important;
  font-size: 0.72rem !important;
  line-height: 1.15 !important;
}

body.concept-scanner #conceptExportButton {
  min-height: 64px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: linear-gradient(135deg, #007d78, #00645f) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 0.92rem !important;
  font-weight: 720 !important;
  cursor: pointer !important;
}

body.concept-scanner #conceptExportButton span {
  font-size: 0.78rem !important;
  line-height: 1 !important;
}

body.concept-scanner .legacy-render-targets {
  display: none !important;
}

body.concept-scanner .analysis-block,
body.concept-scanner .secure-export-block,
body.concept-scanner .data-quality-dashboard,
body.concept-scanner .forecast-dashboard,
body.concept-scanner .spend-dashboard {
  background: #ffffff !important;
  border: 1px solid var(--concept-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--concept-shadow) !important;
  padding: 18px !important;
  color: var(--concept-text) !important;
}

body.concept-scanner .data-quality-card-grid,
body.concept-scanner .advanced-grid,
body.concept-scanner .data-quality-lower-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

body.concept-scanner .data-quality-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.concept-scanner .quality-summary-card,
body.concept-scanner .quality-confidence-card {
  background: #ffffff !important;
  border: 1px solid var(--concept-border) !important;
  border-radius: 8px !important;
  box-shadow: var(--concept-shadow) !important;
}

body.concept-scanner .mapping-form,
body.concept-scanner .explorer-controls {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.concept-scanner .primary-button,
body.concept-scanner .export-button,
body.concept-scanner #analyseButton {
  min-height: 40px !important;
  border-radius: 5px !important;
  background: linear-gradient(135deg, #007d78, #00645f) !important;
  color: #ffffff !important;
  border: 0 !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
}

body.concept-scanner .concept-privacy-footer {
  width: min(100%, 1366px) !important;
  margin: 0 auto !important;
  min-height: 32px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  background: #e9f8f2 !important;
  border: 1px solid var(--concept-border) !important;
  color: var(--concept-teal) !important;
  font-size: 0.82rem !important;
}

body.concept-scanner .concept-privacy-footer a {
  margin-left: auto !important;
  color: #005eb8 !important;
  text-decoration: none !important;
}

@media (max-width: 1180px) {
  body.concept-scanner .concept-workspace {
    grid-template-columns: 204px minmax(0, 1fr) !important;
  }

  body.concept-scanner .concept-metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body.concept-scanner .concept-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.concept-scanner .concept-export-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body.concept-scanner {
    font-size: 14px !important;
  }

  body.concept-scanner .concept-workspace {
    width: 100% !important;
    min-height: 0 !important;
    display: block !important;
    border: 0 !important;
  }

  body.concept-scanner .concept-sidebar {
    position: static !important;
    min-height: 0 !important;
    padding: 18px 14px 10px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--concept-border) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.concept-scanner .concept-brand {
    grid-column: 1 / -1 !important;
    margin-bottom: 4px !important;
  }

  body.concept-scanner .concept-brand strong {
    font-size: 1.4rem !important;
  }

  body.concept-scanner .concept-side-card {
    min-height: 74px !important;
    padding: 12px !important;
  }

  body.concept-scanner .concept-header {
    height: auto !important;
    min-height: 62px !important;
    padding: 10px 12px !important;
  }

  body.concept-scanner .concept-header-button {
    display: none !important;
  }

  body.concept-scanner .concept-new-scan {
    height: 42px !important;
    margin-left: auto !important;
  }

  body.concept-scanner .concept-tabs {
    min-height: 54px !important;
    padding: 8px 12px !important;
  }

  body.concept-scanner .concept-tabs .mobile-nav-toggle {
    display: inline-flex !important;
    width: 42px !important;
    height: 38px !important;
    margin-left: auto !important;
    border: 1px solid var(--concept-border) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.concept-scanner .concept-tabs .mobile-nav-list {
    display: none !important;
    position: absolute !important;
    top: 52px !important;
    left: 12px !important;
    right: 12px !important;
    padding: 10px !important;
    background: #ffffff !important;
    border: 1px solid var(--concept-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 32px rgba(16, 24, 40, 0.14) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    z-index: 40 !important;
  }

  body.concept-scanner .concept-tabs.is-mobile-open .mobile-nav-list {
    display: grid !important;
  }

  body.concept-scanner .concept-tabs .advanced-tab,
  body.concept-scanner .concept-tabs .mobile-menu-action {
    display: inline-flex !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 1px solid var(--concept-border) !important;
    border-radius: 6px !important;
    font-size: 0.86rem !important;
  }

  body.concept-scanner .concept-tabs .advanced-tab.is-active {
    border-color: var(--concept-teal) !important;
    border-bottom-color: var(--concept-teal) !important;
  }

  body.concept-scanner .concept-import-grid {
    grid-template-columns: 1fr !important;
    padding: 12px !important;
  }

  body.concept-scanner .concept-profile-form,
  body.concept-scanner .mapping-form,
  body.concept-scanner .explorer-controls {
    grid-template-columns: 1fr !important;
  }

  body.concept-scanner .concept-empty-state,
  body.concept-scanner #dashboard,
  body.concept-scanner #previewPanel,
  body.concept-scanner #mappingPanel {
    margin: 0 12px 12px !important;
  }

  body.concept-scanner .concept-metric-grid,
  body.concept-scanner .concept-card-grid,
  body.concept-scanner .concept-export-grid,
  body.concept-scanner .data-quality-card-grid,
  body.concept-scanner .advanced-grid,
  body.concept-scanner .data-quality-lower-grid {
    grid-template-columns: 1fr !important;
  }

  body.concept-scanner .concept-metric {
    min-height: 86px !important;
  }

  body.concept-scanner .concept-card-heading,
  body.concept-scanner .concept-table-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.concept-scanner .concept-privacy-footer {
    width: 100% !important;
    min-height: 42px !important;
    align-items: flex-start !important;
    padding: 10px 12px !important;
    flex-wrap: wrap !important;
  }

  body.concept-scanner .concept-privacy-footer a {
    margin-left: 0 !important;
  }
}

body.business-scanner {
  --bs-mint: #0f9f8f;
  --bs-mint-dark: #075f57;
  --bs-mint-soft: #dff7f2;
  --bs-blue: #2563eb;
  --bs-amber: #d97706;
  --bs-red: #dc2626;
  --bs-page: #f5f7f6;
}

body.business-scanner .topbar h1 {
  max-width: 13ch;
}

body.business-scanner .home-privacy-pill {
  background: #e3f8f3;
  color: #075f57;
}

body.business-scanner .business-profile-panel {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(7, 95, 87, 0.16);
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%);
}

body.business-scanner .business-profile-panel .section-heading {
  gap: 4px;
}

body.business-scanner .business-profile-panel h2 {
  margin: 0;
  color: #12231f;
  font-size: 0.95rem;
  line-height: 1.1;
}

body.business-scanner .business-profile-form {
  display: grid;
  gap: 10px;
}

body.business-scanner .business-profile-form label {
  display: grid;
  gap: 5px;
  color: #4a5754;
  font-size: 0.72rem;
  font-weight: 760;
  letter-spacing: 0;
}

body.business-scanner .business-profile-form input,
body.business-scanner .business-profile-form select {
  width: 100%;
  min-height: 38px;
  border: 1px solid #d7e4e0;
  border-radius: 7px;
  background: #fff;
  color: #16231f;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 680;
}

body.business-scanner .business-profile-form input {
  padding: 8px 10px;
}

body.business-scanner .business-profile-form select {
  padding: 8px 32px 8px 10px;
}

body.business-scanner .export-feature-card:nth-child(4) .export-card-icon {
  color: #0f766e;
}

body.business-scanner .advanced-tab.is-active,
body.business-scanner .home-nav-tab.is-active,
body.business-scanner .forecast-window-tabs button[aria-selected="true"] {
  background: #dff7f2;
  color: #075f57;
}

body.business-scanner .amount-in {
  color: #087f6f;
}

body.business-scanner .amount-out {
  color: #b42318;
}

@media (min-width: 761px) {
  body.business-scanner .advanced-tabs,
  body.business-scanner .home-brand-nav {
    gap: clamp(12px, 1.4vw, 22px);
    padding-right: clamp(12px, 1.5vw, 22px);
    padding-left: clamp(12px, 1.5vw, 22px);
  }

  body.business-scanner .mobile-brand-mark,
  body.business-scanner:has(#dashboard:not([hidden])) .mobile-brand-mark,
  body.business-scanner:has(.home-brand-nav) .mobile-brand-mark {
    grid-template-columns: 36px max-content;
    gap: 10px;
    min-width: 192px;
    margin-right: 4px;
  }

  body.business-scanner .mobile-brand-mark svg {
    width: 38px;
    height: 46px;
  }

  body.business-scanner .mobile-brand-mark span {
    font-size: 1.02rem;
  }

  body.business-scanner .advanced-tab,
  body.business-scanner .home-nav-tab {
    font-size: clamp(0.78rem, 0.72vw, 0.93rem);
  }

  body.business-scanner .home-nav-tab .nav-long {
    display: inline;
  }

  body.business-scanner .home-nav-tab .nav-short {
    display: none;
  }

  body.business-scanner .mobile-menu-action[data-mobile-action="files"],
  body.business-scanner .home-add-files {
    min-width: 136px;
    padding-right: 13px;
    padding-left: 13px;
    font-size: 0.86rem;
  }
}

@media (min-width: 761px) and (max-width: 1500px) {
  body.business-scanner .advanced-tab .nav-long,
  body.business-scanner .home-nav-tab .nav-long {
    display: none !important;
  }

  body.business-scanner .advanced-tab .nav-short,
  body.business-scanner .home-nav-tab .nav-short {
    display: inline !important;
  }
}

@media (max-width: 760px) {
  body.business-scanner .business-profile-panel {
    margin: 10px 0 0;
    padding: 12px;
  }

  body.business-scanner .business-profile-form {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  body.business-scanner .business-profile-form label:first-child {
    grid-column: 1 / -1;
  }
}

.forecast-dashboard {
  width: 100%;
}

.forecast-shell {
  display: grid;
  gap: 16px;
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
}

.forecast-heading-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 20px 4px;
}

.forecast-heading-row h2,
.forecast-panel h3 {
  margin: 0;
  color: var(--bs-ink);
  font-weight: 820;
  line-height: 1.05;
}

.forecast-heading-row h2 {
  font-size: clamp(1.75rem, 3vw, 2.45rem);
}

.forecast-heading-row p:not(.eyebrow) {
  max-width: 760px;
  margin: 8px 0 0;
  color: #4d5867;
  font-size: 0.94rem;
  line-height: 1.35;
}

.forecast-window-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(128px, 1fr));
  min-width: 320px;
  padding: 4px;
  border: 1px solid var(--bs-line);
  border-radius: 12px;
  background: var(--bs-card);
  box-shadow: 0 4px 14px rgba(16, 18, 24, 0.045);
}

.forecast-window-tabs button {
  height: 42px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--bs-ink);
  font: inherit;
  font-size: 0.84rem;
  font-weight: 760;
  cursor: pointer;
}

.forecast-window-tabs button[aria-selected="true"] {
  background: var(--bs-mint-soft);
  color: #063f2b;
}

.forecast-summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--bs-line);
  border-radius: 0;
  background: var(--bs-card);
  box-shadow: var(--bs-card-shadow);
}

.forecast-summary-strip article {
  display: grid;
  align-content: center;
  gap: 6px;
  min-height: 106px;
  padding: 18px 24px;
  border-right: 1px solid var(--bs-line);
  cursor: pointer;
}

.forecast-summary-strip article:last-child {
  border-right: 0;
}

.forecast-summary-strip span,
.forecast-panel .eyebrow {
  margin: 0;
  color: #677182;
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.forecast-summary-strip strong {
  color: var(--bs-ink);
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  font-weight: 780;
  line-height: 1;
}

.forecast-summary-strip .is-income strong {
  color: var(--bs-mint-dark);
}

.forecast-summary-strip .is-warn strong {
  color: var(--bs-amber);
}

.forecast-summary-strip p {
  margin: 0;
  color: #4f5b6b;
  font-size: 0.8rem;
  line-height: 1.25;
}

.forecast-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(420px, 0.78fr);
  gap: 16px;
}

.forecast-side-stack {
  display: grid;
  align-content: start;
  gap: 16px;
}

.forecast-panel {
  min-width: 0;
  border: 1px solid var(--bs-line);
  border-radius: 0;
  background: var(--bs-card);
  box-shadow: var(--bs-card-shadow);
  scroll-margin-top: 112px;
}

.forecast-heading-row {
  scroll-margin-top: 112px;
}

.forecast-upcoming-panel {
  min-height: 650px;
}

.forecast-panel-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px 16px;
  border-bottom: 1px solid var(--bs-soft-line);
}

.forecast-panel-head h3 {
  margin-top: 5px;
  font-size: 1.2rem;
}

.forecast-panel-head > strong {
  color: var(--bs-ink);
  font-size: 1.35rem;
  font-weight: 780;
  line-height: 1;
  white-space: nowrap;
}

.forecast-timeline {
  display: grid;
  gap: 20px;
  padding: 18px 24px 24px;
}

.forecast-day-group {
  display: grid;
  grid-template-columns: 114px minmax(0, 1fr);
  gap: 18px;
}

.forecast-day-marker {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 8px;
  min-height: 100%;
  color: var(--bs-ink);
  text-align: center;
}

.forecast-day-marker::after {
  content: "";
  position: absolute;
  top: 56px;
  bottom: -22px;
  left: 50%;
  border-left: 2px dashed rgba(16, 185, 129, 0.55);
}

.forecast-day-group:last-child .forecast-day-marker::after {
  display: none;
}

.forecast-day-marker span {
  font-size: 0.86rem;
  font-weight: 800;
}

.forecast-day-marker i {
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--bs-mint);
  box-shadow: 0 0 0 7px rgba(16, 185, 129, 0.12);
}

.forecast-day-marker strong {
  color: #707b8a;
  font-size: 0.78rem;
  font-weight: 720;
}

.forecast-payment-list {
  display: grid;
  gap: 10px;
}

.forecast-payment-row {
  --forecast-accent: var(--bs-mint);
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 14px 16px;
  border: 1px solid var(--bs-line);
  border-radius: 12px;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--forecast-accent) 9%, transparent), transparent 42%),
    #ffffff;
}

.forecast-row-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid color-mix(in srgb, var(--forecast-accent) 36%, #ffffff);
  border-radius: 12px;
  background: color-mix(in srgb, var(--forecast-accent) 14%, #ffffff);
  color: color-mix(in srgb, var(--forecast-accent) 72%, #0f172a);
}

.forecast-row-icon-svg,
.forecast-signal-icon-svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.forecast-row-copy,
.forecast-row-status {
  display: grid;
  min-width: 0;
}

.forecast-row-copy strong {
  overflow-wrap: anywhere;
  color: var(--bs-ink);
  font-size: 0.92rem;
  font-weight: 830;
  line-height: 1.08;
}

.forecast-row-copy em,
.forecast-row-status em,
.forecast-signal-row em,
.forecast-income-card small {
  color: #667085;
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 520;
  line-height: 1.2;
}

.forecast-row-status {
  justify-items: end;
  gap: 3px;
  text-align: right;
}

.forecast-row-status strong {
  color: var(--bs-ink);
  font-size: 0.95rem;
  font-weight: 800;
  white-space: nowrap;
}

.forecast-signal-list {
  display: grid;
  gap: 10px;
  padding: 18px 24px 24px;
}

.forecast-signal-row {
  display: grid;
  gap: 12px;
  min-height: 126px;
  padding: 14px;
  border: 1px solid var(--bs-line);
  border-radius: 12px;
  background: #ffffff;
}

.forecast-rise-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.forecast-signal-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #ffe7c8;
  color: var(--bs-amber);
}

.forecast-signal-row strong {
  color: var(--bs-ink);
  font-size: 0.9rem;
  font-weight: 810;
  line-height: 1.1;
}

.forecast-rise-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.forecast-rise-metrics div {
  display: grid;
  gap: 4px;
  min-height: 58px;
  padding: 10px;
  border: 1px solid var(--bs-soft-line);
  border-radius: 10px;
  background: #fbfcfc;
}

.forecast-rise-metrics dt,
.forecast-income-card dt {
  color: #667085;
  font-size: 0.58rem;
  font-weight: 820;
  letter-spacing: 0.05em;
  line-height: 1.1;
  text-transform: uppercase;
}

.forecast-rise-metrics dd {
  margin: 0;
  color: var(--bs-ink);
  font-size: 0.82rem;
  font-weight: 820;
  line-height: 1;
}

.forecast-rise-metrics .is-primary dd {
  color: var(--bs-amber);
  font-size: 0.98rem;
}

.forecast-income-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 18px 24px 24px;
}

.forecast-income-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 126px;
  padding: 16px;
  border: 1px solid var(--bs-line);
  border-radius: 12px;
  background: linear-gradient(140deg, rgba(200, 246, 228, 0.7), #ffffff 56%);
}

.forecast-income-card.is-wide {
  grid-template-columns: 44px minmax(0, 1fr);
}

.forecast-income-card.is-bonus {
  background: linear-gradient(140deg, rgba(167, 139, 250, 0.18), #ffffff 56%);
}

.forecast-income-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #dff8ec;
  color: var(--bs-mint-dark);
}

.forecast-income-card.is-bonus .forecast-income-icon {
  background: #efe4ff;
  color: var(--bs-purple);
}

.forecast-income-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.forecast-income-card span:last-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.forecast-income-card em {
  color: #667085;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 820;
  letter-spacing: 0.05em;
  line-height: 1.1;
  text-transform: uppercase;
}

.forecast-income-card strong {
  color: var(--bs-mint-dark);
  font-size: 1.05rem;
  font-weight: 820;
  line-height: 1;
}

.forecast-income-card.is-bonus strong {
  color: var(--bs-purple);
}

.forecast-income-card b {
  color: var(--bs-ink);
  font-size: 0.86rem;
  font-weight: 760;
}

.forecast-income-card dl {
  display: grid;
  grid-column: 1 / -1;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.forecast-income-card dl div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(16, 18, 24, 0.08);
}

.forecast-income-card dl div:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.forecast-income-card dd {
  margin: 0;
  color: var(--bs-ink);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.1;
  text-align: right;
}

.forecast-panel .empty-copy {
  margin: 18px 24px 24px;
}

.forecast-pressure-panel {
  overflow: hidden;
}

.forecast-pressure-body {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.6fr);
  gap: 18px;
  padding: 18px 24px 24px;
}

.forecast-pressure-chart {
  min-width: 0;
}

.forecast-pressure-chart svg {
  display: block;
  width: 100%;
  height: 250px;
}

.forecast-pressure-grid {
  stroke: #d9e0e4;
  stroke-width: 1;
}

.forecast-pressure-axis,
.forecast-pressure-label {
  fill: #8791a0;
  font-size: 0.72rem;
  font-weight: 720;
}

.forecast-pressure-label {
  fill: var(--bs-amber);
  font-size: 0.68rem;
}

.forecast-pressure-line {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.forecast-pressure-line.bills {
  stroke: var(--bs-amber);
}

.forecast-pressure-line.salary {
  stroke: var(--bs-mint);
}

.forecast-pressure-inflection {
  stroke: var(--bs-amber);
  stroke-width: 2;
  stroke-dasharray: 6 6;
}

.forecast-pressure-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-top: 8px;
  color: #596575;
  font-size: 0.78rem;
  font-weight: 720;
}

.forecast-pressure-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.forecast-pressure-legend i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.forecast-pressure-legend .bills {
  background: var(--bs-amber);
}

.forecast-pressure-legend .salary {
  background: var(--bs-mint);
}

.forecast-pressure-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.forecast-pressure-metrics article {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 112px;
  padding: 14px;
  border: 1px solid var(--bs-line);
  border-radius: 12px;
  background: #ffffff;
}

.forecast-pressure-metrics span {
  color: #667085;
  font-size: 0.62rem;
  font-weight: 820;
  letter-spacing: 0.05em;
  line-height: 1.1;
  text-transform: uppercase;
}

.forecast-pressure-metrics strong {
  color: var(--bs-ink);
  font-size: 1.06rem;
  font-weight: 820;
  line-height: 1;
}

.forecast-pressure-metrics .is-warn strong {
  color: var(--bs-amber);
}

.forecast-pressure-metrics .is-safe strong {
  color: var(--bs-mint-dark);
}

.forecast-pressure-metrics p {
  margin: 0;
  color: #4f5b6b;
  font-size: 0.72rem;
  line-height: 1.25;
}

@media (min-width: 761px) and (max-width: 1320px) {
  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab:not(.mobile-menu-action) {
    font-size: 0.82rem !important;
    padding-inline: 4px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"] {
    min-width: 154px !important;
  }

  .forecast-main-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="forecast"] {
    padding: 12px 10px 18px !important;
  }

  .forecast-shell {
    gap: 12px;
    max-width: none;
  }

  .forecast-shell::after {
    content: "";
    display: block;
    height: min(640px, 80vh);
  }

  .forecast-heading-row {
    display: grid;
    gap: 12px;
    padding: 12px 8px 0;
  }

  .forecast-heading-row h2 {
    font-size: 1.65rem;
  }

  .forecast-heading-row p:not(.eyebrow) {
    font-size: 0.78rem;
    line-height: 1.28;
  }

  .forecast-window-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
    width: 100%;
  }

  .forecast-window-tabs button {
    height: 38px;
    font-size: 0.78rem;
  }

  .forecast-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .forecast-summary-strip article {
    position: relative;
    min-height: 88px;
    padding: 13px 14px;
    border-right: 1px solid var(--bs-line);
    border-bottom: 1px solid var(--bs-line);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .forecast-summary-strip article::after {
    content: "";
    position: absolute;
    right: 13px;
    bottom: 13px;
    width: 7px;
    height: 7px;
    border-right: 2px solid rgba(16, 185, 129, 0.78);
    border-bottom: 2px solid rgba(16, 185, 129, 0.78);
    transform: rotate(45deg);
  }

  .forecast-summary-strip article:focus-visible {
    outline: 2px solid var(--bs-mint);
    outline-offset: -4px;
  }

  .forecast-summary-strip article:nth-child(2n) {
    border-right: 0;
  }

  .forecast-summary-strip article:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .forecast-summary-strip strong {
    font-size: 1.05rem;
  }

  .forecast-summary-strip p {
    font-size: 0.68rem;
  }

  .forecast-main-grid,
  .forecast-side-stack,
  .forecast-pressure-body,
  .forecast-pressure-metrics {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .forecast-upcoming-panel {
    min-height: 0;
  }

  .forecast-panel,
  .forecast-heading-row {
    scroll-margin-top: 72px;
  }

  .forecast-panel-head {
    padding: 16px 16px 12px;
  }

  .forecast-panel-head h3 {
    font-size: 1rem;
  }

  .forecast-panel-head > strong {
    font-size: 1rem;
  }

  .forecast-timeline,
  .forecast-signal-list,
  .forecast-income-grid,
  .forecast-pressure-body {
    padding: 14px 14px 16px;
  }

  .forecast-day-group {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 10px;
  }

  .forecast-day-marker span {
    font-size: 0.72rem;
  }

  .forecast-day-marker strong {
    font-size: 0.66rem;
  }

  .forecast-payment-row {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 70px;
    padding: 12px;
    border-radius: 12px;
  }

  .forecast-row-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .forecast-row-icon-svg {
    width: 18px;
    height: 18px;
  }

  .forecast-row-copy strong,
  .forecast-row-status strong {
    font-size: 0.78rem;
  }

  .forecast-row-copy em,
  .forecast-row-status em,
  .forecast-signal-row em,
  .forecast-income-card small {
    font-size: 0.64rem;
  }

  .forecast-signal-row {
    min-height: 112px;
  }

  .forecast-rise-head {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .forecast-rise-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .forecast-rise-metrics div {
    min-height: 54px;
    padding: 8px 6px;
  }

  .forecast-rise-metrics dt {
    font-size: 0.5rem;
  }

  .forecast-rise-metrics dd,
  .forecast-rise-metrics .is-primary dd {
    font-size: 0.68rem;
  }

  .forecast-income-grid {
    grid-template-columns: 1fr;
  }

  .forecast-income-card,
  .forecast-income-card.is-wide {
    grid-template-columns: 40px minmax(0, 1fr);
    min-height: 96px;
    padding: 14px;
  }

  .forecast-income-card dl {
    grid-column: 1 / -1;
  }

  .forecast-pressure-chart svg {
    height: 210px;
  }

  .forecast-pressure-metrics article {
    min-height: 84px;
  }
}

@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block {
    gap: 12px !important;
    min-height: 952px !important;
    max-width: 1448px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    height: 122px !important;
    min-height: 122px !important;
    margin-bottom: 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary article {
    align-content: center !important;
    min-height: 122px !important;
    padding: 18px 32px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary span {
    margin-bottom: 8px !important;
    color: #576171 !important;
    font-size: 0.68rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary strong {
    margin: 0 0 7px !important;
    font-size: 1.42rem !important;
    font-weight: 560 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary em {
    color: #4c5868 !important;
    font-size: 0.8rem !important;
    font-weight: 470 !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading {
    min-height: 48px !important;
    margin: 0 18px 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading .eyebrow {
    color: var(--bs-mint-dark) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading h3 {
    margin-top: 6px !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-controls {
    margin: -76px 18px 6px auto !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter {
    height: 36px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-grid {
    gap: 8px !important;
    margin: -34px 18px 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile strong {
    background: #eef1f0 !important;
    color: #596575 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-active strong {
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-warn strong {
    background: #fff1e7 !important;
    color: #f97316 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-warn.is-active strong {
    background: #f97316 !important;
    color: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter > span {
    color: #667085 !important;
    font-size: 0.72rem !important;
    font-weight: 620 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile span {
    font-size: 0.68rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-layout {
    grid-template-columns: 520px minmax(0, 1fr) !important;
    gap: 18px !important;
    height: 672px !important;
    margin: 0 18px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-list,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-detail-stage {
    height: 672px !important;
    max-height: 672px !important;
    padding: 16px !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading {
    min-height: 42px !important;
    margin-bottom: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading h3 {
    font-size: 0.98rem !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading > span {
    max-width: 230px !important;
    color: #8a95a5 !important;
    font-size: 0.64rem !important;
    font-weight: 750 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-table {
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    min-height: 57px !important;
    padding: 7px 10px !important;
    border-radius: 9px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-copy {
    grid-template-columns: minmax(166px, 1fr) 58px 62px 66px !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-symbol {
    width: 34px !important;
    height: 34px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-name {
    font-size: 0.76rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-kind {
    font-size: 0.59rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-row-sparkline {
    width: 78px !important;
    height: 38px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-copy {
    display: grid !important;
    gap: 12px !important;
    min-height: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-head {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 220px 28px !important;
    gap: 16px !important;
    align-items: center !important;
    min-height: 76px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-symbol {
    display: grid !important;
    place-items: center !important;
    width: 62px !important;
    height: 62px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, var(--bill-tile-color, var(--bs-mint)) 14%, #ffffff) !important;
    color: var(--bill-tile-color, var(--bs-mint-dark)) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-icon-svg {
    width: 34px !important;
    height: 34px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-title .eyebrow {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-title h3 {
    margin: 0 0 10px !important;
    color: #101218 !important;
    font-size: 1.42rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-pills span {
    min-height: 26px !important;
    padding: 6px 12px !important;
    border-radius: 7px !important;
    background: #d8f7e8 !important;
    color: #127352 !important;
    font-size: 0.68rem !important;
    font-weight: 740 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-menu {
    display: grid !important;
    gap: 4px !important;
    place-items: center !important;
    width: 28px !important;
    height: 34px !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-menu span {
    width: 3px !important;
    height: 3px !important;
    border-radius: 50% !important;
    background: #111827 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-hero-insight {
    margin: 0 !important;
    color: #17202b !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    line-height: 1.42 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics span {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 2px 10px !important;
    min-height: 84px !important;
    padding: 14px 14px 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics i,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats i {
    display: grid !important;
    grid-row: 1 / span 3 !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics span:nth-child(3) i {
    background: #eef2f7 !important;
    color: #697386 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics span:nth-child(4) i,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats span:nth-child(3) i {
    background: #ffe8ce !important;
    color: #fb6a00 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-stat-icon-svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics em,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats em {
    color: #596476 !important;
    font-size: 0.62rem !important;
    font-style: normal !important;
    font-weight: 650 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats strong {
    color: #101218 !important;
    font-size: 0.96rem !important;
    font-weight: 580 !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics b,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats b {
    color: #101218 !important;
    font-size: 0.66rem !important;
    font-weight: 500 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-trend-context-row {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-visual {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    min-height: 0 !important;
    padding: 16px 18px 14px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-chart-head {
    display: flex !important;
    align-items: start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-chart-head strong {
    display: block !important;
    color: #101218 !important;
    font-size: 0.78rem !important;
    font-weight: 740 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-chart-head span {
    color: #6a7585 !important;
    font-size: 0.64rem !important;
    font-weight: 500 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs {
    display: flex !important;
    gap: 4px !important;
    padding: 3px !important;
    border-radius: 8px !important;
    background: #f5f7f8 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs span {
    min-width: 30px !important;
    padding: 5px 7px !important;
    border-radius: 7px !important;
    color: #576171 !important;
    font-size: 0.64rem !important;
    font-weight: 720 !important;
    text-align: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs span[data-active] {
    background: #b9f7dc !important;
    color: #064e35 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-chart {
    width: 100% !important;
    height: 230px !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-line {
    fill: none !important;
    stroke: var(--bs-mint-dark) !important;
    stroke-width: 3 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-point {
    fill: #ffffff !important;
    stroke: var(--bs-mint-dark) !important;
    stroke-width: 2.4 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-inflation-line {
    fill: none !important;
    stroke: #fb8c1e !important;
    stroke-width: 2 !important;
    stroke-dasharray: 6 6 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats span {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 2px 10px !important;
    min-height: 76px !important;
    padding: 14px !important;
    border-right: 1px solid var(--bs-line) !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats span:last-child {
    border-right: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-note {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: -4px 0 0 !important;
    color: #7d8796 !important;
    font-size: 0.64rem !important;
    line-height: 1.2 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-note-icon-svg {
    width: 14px !important;
    height: 14px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-head {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-symbol {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-icon-svg,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-stat-icon-svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-menu {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-pills span {
    padding: 5px 8px !important;
    border-radius: 7px !important;
    background: #d8f7e8 !important;
    color: #127352 !important;
    font-size: 0.58rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics span,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats span {
    display: grid !important;
    gap: 3px !important;
    min-height: 70px !important;
    padding: 9px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics i,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats i {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics em,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats em,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics b,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats b {
    color: var(--bs-muted) !important;
    font-size: 0.56rem !important;
    font-style: normal !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats strong {
    color: var(--bs-ink) !important;
    font-size: 0.78rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-chart-head {
    display: grid !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs {
    display: flex !important;
    gap: 4px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs span {
    padding: 5px 8px !important;
    border-radius: 7px !important;
    background: #f3f5f6 !important;
    color: var(--bs-muted) !important;
    font-size: 0.58rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs span[data-active] {
    background: #b9f7dc !important;
    color: #064e35 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-chart {
    height: 190px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-note {
    display: none !important;
  }
}

@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile[data-bills-filter="subscription"] {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    height: 34px !important;
    margin: -6px 18px 14px !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-layout {
    height: 672px !important;
  }
}

/* Income fidelity pass: final desktop/mobile polish for the supplied income.png target. */
body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field input[type="number"] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field input[type="number"]::-webkit-outer-spin-button,
body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field input[type="number"]::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card {
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-ring-layout {
    grid-template-columns: 310px minmax(0, 1fr) !important;
    gap: 22px !important;
    min-height: 266px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage {
    width: 284px !important;
    height: 284px !important;
    margin: -8px 0 -6px 2px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-donut {
    width: 284px !important;
    height: 284px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-ring-bg {
    stroke: #eef3f1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-ring-segment {
    opacity: 1 !important;
    stroke-width: 34 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total {
    width: 142px !important;
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total span {
    font-size: 0.72rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total strong {
    font-size: 1.48rem !important;
    font-weight: 830 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number {
    min-height: 260px !important;
    align-content: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > span {
    font-size: 0.94rem !important;
    font-weight: 680 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > strong {
    font-size: 2.72rem !important;
    font-weight: 830 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > em {
    margin-top: 14px !important;
    font-size: 0.84rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > p {
    max-width: 450px !important;
    margin-top: 14px !important;
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend {
    gap: 16px !important;
    margin-top: 22px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend b,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend em,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend strong {
    font-size: 0.72rem !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row {
    min-height: 58px !important;
    grid-template-columns: 44px minmax(0, 1fr) max-content !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon {
    width: 40px !important;
    height: 40px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy strong {
    font-size: 0.78rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy em {
    color: #384252 !important;
    font-size: 0.68rem !important;
    font-weight: 560 !important;
    line-height: 1.2 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b {
    font-size: 0.96rem !important;
    font-weight: 820 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-panel {
    padding: 14px 28px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding-right: 18px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon {
    width: 48px !important;
    height: 48px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy span {
    font-size: 0.68rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong {
    font-size: 0.96rem !important;
    font-weight: 820 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy p {
    color: #384252 !important;
    font-size: 0.63rem !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-head,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-total-row {
    grid-template-columns: minmax(230px, 1fr) 74px 112px 104px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-head {
    color: #939cac !important;
    font-size: 0.66rem !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row {
    min-height: 36px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row strong {
    font-size: 0.72rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row em {
    color: #687385 !important;
    font-size: 0.6rem !important;
    font-weight: 560 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:not(:first-child),
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-total-row {
    font-size: 0.72rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row b {
    height: 2px !important;
    opacity: 0.72 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-list {
    gap: 4px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row {
    grid-template-columns: 54px minmax(0, 1fr) 96px !important;
    min-height: 12px !important;
    height: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row > span,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row strong {
    font-size: 0.62rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-track {
    height: 5px !important;
    background: #eef1f0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-track .income-total {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-salary {
    background: #18bd76 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus {
    background: #5da8ff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-other {
    background: #9a78f8 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    gap: 8px 12px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card em {
    grid-column: 2 !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard {
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card {
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-ring-layout {
    grid-template-columns: 122px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-donut {
    width: 116px !important;
    height: 116px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-ring-segment {
    opacity: 1 !important;
    stroke-width: 34 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total {
    width: 70px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total strong {
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-main-number > strong {
    font-size: 1.72rem !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-main-number > p {
    font-size: 0.66rem !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend {
    gap: 4px !important;
    margin-top: 7px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend b,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend em,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend strong {
    font-size: 0.5rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-panel {
    gap: 7px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row {
    min-height: 58px !important;
    padding: 7px 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon {
    width: 30px !important;
    height: 30px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b {
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy em {
    font-size: 0.52rem !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card {
    min-height: 58px !important;
    padding: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy span {
    font-size: 0.52rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong {
    font-size: 0.78rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy p {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 4px 8px !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:nth-child(4) {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    justify-self: end !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row em {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row strong {
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row em {
    font-size: 0.52rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:not(:first-child) {
    font-size: 0.58rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-list {
    gap: 7px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row {
    grid-template-columns: 42px minmax(0, 1fr) 72px !important;
    gap: 7px !important;
    min-height: 18px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-track {
    height: 9px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-track .income-total {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row > span,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-key {
    font-size: 0.58rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-panel {
    padding-bottom: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-list {
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    gap: 3px 10px !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card > span {
    grid-row: 1 / span 2 !important;
    width: 26px !important;
    height: 26px !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card b {
    color: var(--bs-ink) !important;
    font-size: 0.68rem !important;
    font-weight: 820 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card b {
    justify-self: end !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card em {
    grid-column: 2 / 4 !important;
    color: var(--bs-muted) !important;
    font-size: 0.58rem !important;
    font-style: normal !important;
  }
}

/* Final Bills & Subscriptions polish guard.
   This keeps the reference-style Bills layout from being widened or split by older dashboard rules. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block {
    max-width: 1448px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    margin-bottom: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading {
    margin: 0 18px !important;
    min-height: 70px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-controls {
    margin: -76px 18px 6px auto !important;
    width: 252px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-grid {
    gap: 8px !important;
    margin: -34px 18px 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-layout {
    grid-template-columns: minmax(500px, 0.4fr) minmax(0, 0.6fr) !important;
    gap: 16px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-panel {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 16px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-head {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) minmax(130px, auto) !important;
    gap: 14px !important;
    align-items: start !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-detail-stage .recurring-detail-title .eyebrow {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-hero-insight {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    min-width: 126px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-visual {
    padding: 14px 16px 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-chart {
    width: 100% !important;
    height: 230px !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-trend-context-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-copy {
    grid-template-columns: minmax(140px, 1fr) 68px 72px 66px !important;
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-frequency {
    min-width: 72px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-panel-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    height: 24px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-panel-link span {
    font-size: 1.25rem !important;
    line-height: 1 !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile strong {
    background: #eef1f0 !important;
    color: #596575 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-active strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-warn.is-active strong {
    background: #f97316 !important;
    color: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter > span {
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}

/* Terminal Bills guard: this must remain after broad dashboard/mobile overrides. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-head {
    grid-template-columns: 64px minmax(0, 1fr) 220px 28px !important;
    grid-auto-flow: column !important;
    grid-auto-rows: auto !important;
    align-items: center !important;
    min-height: 76px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-symbol {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-menu {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-copy {
    grid-template-columns: minmax(166px, 1fr) 58px 62px 66px !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status strong {
    font-size: 0.62rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status strong {
    white-space: nowrap !important;
  }
}

/* Final Bills guide-fit pass: keep this late so generic mobile/dashboard rules cannot override it. */
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading p:not(.eyebrow) {
  display: block !important;
  margin: 6px 0 0 !important;
  color: #3f4b5c !important;
  font-size: 0.84rem !important;
  line-height: 1.28 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  min-width: 196px !important;
  justify-self: end !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card i {
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #e4f8ef !important;
  color: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card.is-rising i {
  background: #ffe1bd !important;
  color: #fb6a00 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-rise-icon-svg {
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card span {
  display: grid !important;
  gap: 3px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card strong {
  color: #101218 !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  line-height: 1.08 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card em {
  color: #596476 !important;
  font-size: 0.62rem !important;
  font-style: normal !important;
  font-weight: 520 !important;
  line-height: 1.08 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card b {
  color: #fb6a00 !important;
  font-size: 0.9rem !important;
  font-weight: 780 !important;
  line-height: 1.08 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-rise-marker {
  stroke: #fb8c1e !important;
  stroke-width: 2 !important;
  stroke-dasharray: 7 7 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-rise-label {
  fill: #fb6a00 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
}

@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading .eyebrow {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading h3 {
    font-size: 0.98rem !important;
    font-weight: 620 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row {
    border-color: #e6ecef !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row.is-selected {
    border-color: var(--bs-mint-dark) !important;
    background: #f4fff9 !important;
    box-shadow: inset 3px 0 0 var(--bs-mint) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row::before {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-head {
    grid-template-columns: 64px minmax(0, 1fr) 220px 28px !important;
    gap: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--bs-line) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-hero-insight {
    max-width: 740px !important;
    margin-top: -2px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-hero-insight .bill-change-up {
    color: #fb6a00 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-chart {
    height: 250px !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading p:not(.eyebrow),
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-grid,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-detail-stage,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-rise-card,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-menu,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-trend-context-row,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-note {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block {
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-layout,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-list {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 8px 0 10px !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-panel {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 12px !important;
    border: 1px solid rgba(16, 185, 129, 0.36) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-copy {
    display: grid !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-detail-head {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 44px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .bill-selected-symbol {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-detail-title .eyebrow {
    display: block !important;
    margin: 0 0 4px !important;
    color: var(--bs-muted) !important;
    font-size: 0.56rem !important;
    font-weight: 820 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-detail-title h3 {
    margin: 0 0 7px !important;
    color: var(--bs-ink) !important;
    font-size: 1.02rem !important;
    line-height: 1.05 !important;
    white-space: normal !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-detail-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-detail-pills span {
    padding: 5px 8px !important;
    border-radius: 7px !important;
    background: #d8f7e8 !important;
    color: #127352 !important;
    font-size: 0.58rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .bill-hero-insight {
    margin: 0 !important;
    color: #253042 !important;
    font-size: 0.68rem !important;
    font-weight: 560 !important;
    line-height: 1.28 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .bill-hero-insight .bill-change-up {
    color: #fb6a00 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-metrics span {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 70px !important;
    padding: 9px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-metrics i {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-metrics em,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-metrics b {
    color: var(--bs-muted) !important;
    font-size: 0.56rem !important;
    font-style: normal !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-metrics strong {
    color: var(--bs-ink) !important;
    font-size: 0.78rem !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-visual {
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-chart-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: start !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-chart-head strong {
    display: block !important;
    color: var(--bs-ink) !important;
    font-size: 0.78rem !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-chart-head span {
    color: var(--bs-muted) !important;
    font-size: 0.6rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-range-tabs {
    display: flex !important;
    gap: 3px !important;
    padding: 3px !important;
    border-radius: 8px !important;
    background: #f3f5f6 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-range-tabs span {
    min-width: 24px !important;
    padding: 4px 5px !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--bs-muted) !important;
    font-size: 0.52rem !important;
    font-weight: 760 !important;
    text-align: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-range-tabs span[data-active] {
    background: #b9f7dc !important;
    color: #064e35 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-chart {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 188px !important;
    min-height: 188px !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-footer-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-footer-stats span {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    gap: 2px 8px !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 8px 9px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-footer-stats i {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-footer-stats em {
    grid-column: 1 !important;
    color: var(--bs-muted) !important;
    font-size: 0.54rem !important;
    font-style: normal !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-footer-stats strong {
    grid-column: 1 !important;
    color: var(--bs-ink) !important;
    font-size: 0.72rem !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-trend-footer-stats b {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    color: var(--bs-muted) !important;
    font-size: 0.6rem !important;
    text-align: right !important;
  }
}

/* Bills & subscriptions fidelity pass for billsandsubs.png. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block {
    gap: 12px !important;
    min-height: 952px !important;
    max-width: 1448px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    height: 122px !important;
    min-height: 122px !important;
    margin-bottom: 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary article {
    align-content: center !important;
    min-height: 122px !important;
    padding: 18px 32px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary span {
    margin-bottom: 8px !important;
    color: #576171 !important;
    font-size: 0.68rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary strong {
    margin: 0 0 7px !important;
    font-size: 1.42rem !important;
    font-weight: 560 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary em {
    color: #4c5868 !important;
    font-size: 0.8rem !important;
    font-weight: 470 !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading {
    min-height: 48px !important;
    margin: 0 18px 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading .eyebrow {
    color: var(--bs-mint-dark) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading h3 {
    margin-top: 6px !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-controls {
    margin: -76px 18px 6px auto !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter {
    height: 36px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-grid {
    gap: 8px !important;
    margin: -34px 18px 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile span {
    font-size: 0.68rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-layout {
    grid-template-columns: 520px minmax(0, 1fr) !important;
    gap: 18px !important;
    height: 672px !important;
    margin: 0 18px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-list,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-detail-stage {
    height: 672px !important;
    max-height: 672px !important;
    padding: 16px !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading {
    min-height: 42px !important;
    margin-bottom: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading h3 {
    font-size: 0.98rem !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-list-heading > span {
    max-width: 230px !important;
    color: #8a95a5 !important;
    font-size: 0.64rem !important;
    font-weight: 750 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-table {
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    min-height: 57px !important;
    padding: 7px 10px !important;
    border-radius: 9px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-copy {
    grid-template-columns: minmax(166px, 1fr) 58px 62px 66px !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-symbol {
    width: 34px !important;
    height: 34px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-name {
    font-size: 0.76rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-kind {
    font-size: 0.59rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-row-sparkline {
    width: 78px !important;
    height: 38px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-copy {
    display: grid !important;
    gap: 12px !important;
    min-height: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-head {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 220px 28px !important;
    gap: 16px !important;
    align-items: center !important;
    min-height: 76px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-symbol {
    display: grid !important;
    place-items: center !important;
    width: 62px !important;
    height: 62px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: color-mix(in srgb, var(--bill-tile-color, var(--bs-mint)) 14%, #ffffff) !important;
    color: var(--bill-tile-color, var(--bs-mint-dark)) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-icon-svg {
    width: 34px !important;
    height: 34px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-title .eyebrow {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-title h3 {
    margin: 0 0 10px !important;
    color: #101218 !important;
    font-size: 1.42rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-pills span {
    min-height: 26px !important;
    padding: 6px 12px !important;
    border-radius: 7px !important;
    background: #d8f7e8 !important;
    color: #127352 !important;
    font-size: 0.68rem !important;
    font-weight: 740 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-menu {
    display: grid !important;
    gap: 4px !important;
    place-items: center !important;
    width: 28px !important;
    height: 34px !important;
    border: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-menu span {
    width: 3px !important;
    height: 3px !important;
    border-radius: 50% !important;
    background: #111827 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-hero-insight {
    margin: 0 !important;
    color: #17202b !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    line-height: 1.42 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics span {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 2px 10px !important;
    min-height: 84px !important;
    padding: 14px 14px 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics i,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats i {
    display: grid !important;
    grid-row: 1 / span 3 !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics span:nth-child(3) i {
    background: #eef2f7 !important;
    color: #697386 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics span:nth-child(4) i,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats span:nth-child(3) i {
    background: #ffe8ce !important;
    color: #fb6a00 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-stat-icon-svg {
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics em,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats em {
    color: #596476 !important;
    font-size: 0.62rem !important;
    font-style: normal !important;
    font-weight: 650 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats strong {
    color: #101218 !important;
    font-size: 0.96rem !important;
    font-weight: 580 !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics b,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats b {
    color: #101218 !important;
    font-size: 0.66rem !important;
    font-weight: 500 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-trend-context-row {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-visual {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    min-height: 0 !important;
    padding: 16px 18px 14px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-chart-head {
    display: flex !important;
    align-items: start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-chart-head strong {
    display: block !important;
    color: #101218 !important;
    font-size: 0.78rem !important;
    font-weight: 740 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-chart-head span {
    color: #6a7585 !important;
    font-size: 0.64rem !important;
    font-weight: 500 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs {
    display: flex !important;
    gap: 4px !important;
    padding: 3px !important;
    border-radius: 8px !important;
    background: #f5f7f8 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs span {
    min-width: 30px !important;
    padding: 5px 7px !important;
    border-radius: 7px !important;
    color: #576171 !important;
    font-size: 0.64rem !important;
    font-weight: 720 !important;
    text-align: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs span[data-active] {
    background: #b9f7dc !important;
    color: #064e35 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-chart {
    width: 100% !important;
    height: 230px !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-line {
    fill: none !important;
    stroke: var(--bs-mint-dark) !important;
    stroke-width: 3 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-point {
    fill: #ffffff !important;
    stroke: var(--bs-mint-dark) !important;
    stroke-width: 2.4 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-inflation-line {
    fill: none !important;
    stroke: #fb8c1e !important;
    stroke-width: 2 !important;
    stroke-dasharray: 6 6 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats span {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 2px 10px !important;
    min-height: 76px !important;
    padding: 14px !important;
    border-right: 1px solid var(--bs-line) !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats span:last-child {
    border-right: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-note {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: -4px 0 0 !important;
    color: #7d8796 !important;
    font-size: 0.64rem !important;
    line-height: 1.2 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-note-icon-svg {
    width: 14px !important;
    height: 14px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-head {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-symbol {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-selected-icon-svg,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-stat-icon-svg {
    width: 20px !important;
    height: 20px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-detail-menu {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-pills span {
    padding: 5px 8px !important;
    border-radius: 7px !important;
    background: #d8f7e8 !important;
    color: #127352 !important;
    font-size: 0.58rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics span,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats span {
    display: grid !important;
    gap: 3px !important;
    min-height: 70px !important;
    padding: 9px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics i,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats i {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics em,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats em,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics b,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats b {
    color: var(--bs-muted) !important;
    font-size: 0.56rem !important;
    font-style: normal !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-footer-stats strong {
    color: var(--bs-ink) !important;
    font-size: 0.78rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-chart-head {
    display: grid !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs {
    display: flex !important;
    gap: 4px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs span {
    padding: 5px 8px !important;
    border-radius: 7px !important;
    background: #f3f5f6 !important;
    color: var(--bs-muted) !important;
    font-size: 0.58rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs span[data-active] {
    background: #b9f7dc !important;
    color: #064e35 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-chart {
    height: 190px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-note {
    display: none !important;
  }
}

/* Spend guide-fit override: keep the top nav stable and match spending.png below it. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    min-height: 92px !important;
    height: 92px !important;
    margin: 12px 20px 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card {
    display: grid !important;
    align-content: center !important;
    min-height: 90px !important;
    padding: 14px 24px !important;
    border: 0 !important;
    border-right: 1px solid var(--bs-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card:last-child {
    border-right: 0 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card span {
    min-height: 0 !important;
    margin: 0 0 7px !important;
    color: #5d6674 !important;
    font-size: 0.67rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card strong {
    margin: 0 !important;
    color: #12161d !important;
    font-size: 1rem !important;
    font-weight: 820 !important;
    line-height: 1.05 !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card strong.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card strong.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card strong.watchlist-count {
    color: #f97316 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card p {
    display: block !important;
    margin: 7px 0 0 !important;
    color: #4f5a6b !important;
    font-size: 0.72rem !important;
    line-height: 1.18 !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard {
    display: grid !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-hero,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-detail-grid {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 2.05fr) minmax(430px, 0.95fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-card,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-panel {
    min-height: 300px !important;
    height: 300px !important;
    padding: 24px 26px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-hero-head {
    display: grid !important;
    grid-template-columns: minmax(170px, 1fr) auto !important;
    gap: 18px !important;
    align-items: start !important;
    margin: 0 0 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-title .eyebrow {
    margin: 0 !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-title h3 {
    margin: 8px 0 0 !important;
    color: #030303 !important;
    font-size: 1.78rem !important;
    font-weight: 830 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    width: auto !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .income-mode-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, 64px) !important;
    width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 3px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .income-mode-toggle button {
    height: 28px !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    color: #040606 !important;
    font-size: 0.74rem !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .income-mode-toggle button[aria-pressed="true"] {
    background: var(--bs-mint-soft) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .income-period-nav {
    display: grid !important;
    grid-template-columns: repeat(2, 40px) !important;
    gap: 0 !important;
    min-width: 80px !important;
    height: 34px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .income-period-nav button {
    width: 40px !important;
    height: 32px !important;
    min-width: 40px !important;
    min-height: 32px !important;
    border: 0 !important;
    border-right: 1px solid var(--bs-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #040606 !important;
    font-size: 0.95rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .income-period-nav button:last-child {
    border-right: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-toggle {
    grid-column: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-toggle input {
    position: relative !important;
    width: 30px !important;
    height: 16px !important;
    border: 0 !important;
    border-radius: 999px !important;
    appearance: none !important;
    background: #d6ebe4 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-toggle input::before {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    transition: transform 150ms ease !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-toggle input:checked {
    background: var(--bs-mint) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-toggle input:checked::before {
    transform: translateX(14px) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-toggle span {
    color: #202833 !important;
    font-size: 0.66rem !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-layout {
    display: grid !important;
    grid-template-columns: 244px minmax(0, 1fr) !important;
    gap: 30px !important;
    align-items: center !important;
    min-height: 214px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-donut {
    width: 224px !important;
    height: 224px !important;
    justify-self: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-bg {
    stroke: #eef3f1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-segment {
    opacity: 1 !important;
    stroke-width: 32 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number {
    display: grid !important;
    gap: 12px !important;
    align-content: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number span {
    color: #5d6674 !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number strong {
    color: #030303 !important;
    font-size: 3rem !important;
    font-weight: 830 !important;
    line-height: 0.98 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number em {
    color: #303947 !important;
    font-size: 0.78rem !important;
    font-style: normal !important;
    line-height: 1.2 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number em.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number em.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number p {
    max-width: 440px !important;
    margin: 0 !important;
    color: #222a38 !important;
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-panel > .eyebrow {
    grid-column: auto !important;
    margin: 0 0 10px !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-row {
    display: grid !important;
    grid-template-columns: minmax(128px, 0.62fr) minmax(0, 1fr) !important;
    gap: 8px 28px !important;
    align-content: center !important;
    min-height: 0 !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--bs-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-row span {
    grid-column: 1 !important;
    color: #5d6674 !important;
    font-size: 0.66rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-row strong {
    grid-column: 1 !important;
    color: #030303 !important;
    font-size: 0.98rem !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-row strong.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-row strong.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-row em {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    color: #303947 !important;
    font-size: 0.68rem !important;
    font-style: normal !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    min-height: 148px !important;
    height: 148px !important;
    padding: 16px 22px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan .section-heading {
    display: block !important;
    margin: 0 0 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan .section-heading .eyebrow {
    color: var(--bs-mint-dark) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan .section-heading h3 {
    margin: 5px 0 0 !important;
    color: #030303 !important;
    font-size: 1rem !important;
    font-weight: 820 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan .advanced-mini-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 82px !important;
    padding: 11px 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy > span {
    color: #5d6674 !important;
    font-size: 0.62rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy strong {
    color: #030303 !important;
    font-size: 1rem !important;
    font-weight: 820 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy strong.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy strong.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy p {
    margin: 0 !important;
    color: #303947 !important;
    font-size: 0.66rem !important;
    line-height: 1.18 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-icon {
    display: grid !important;
    place-items: center !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-card[data-spend-plan-card="1"] .spend-plan-icon,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-card[data-spend-plan-card="4"] .spend-plan-icon {
    background: #ffe8e2 !important;
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-card[data-spend-plan-card="2"] .spend-plan-icon,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-card[data-spend-plan-card="3"] .spend-plan-icon {
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-icon svg {
    width: 21px !important;
    height: 21px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.58fr) minmax(420px, 0.82fr) !important;
    gap: 14px !important;
    height: 365px !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-frequency-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    height: 365px !important;
    min-height: 365px !important;
    max-height: 365px !important;
    padding: 18px 22px 16px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .section-heading,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-frequency-panel .section-heading {
    margin: 0 0 11px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .section-heading .eyebrow,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-frequency-panel .section-heading .eyebrow {
    color: var(--bs-mint-dark) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .section-heading h3,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-frequency-panel .section-heading h3 {
    margin: 5px 0 0 !important;
    color: #030303 !important;
    font-size: 0.98rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table {
    display: grid !important;
    gap: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-head,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row {
    display: grid !important;
    grid-template-columns: minmax(250px, 1.5fr) 76px 114px 106px !important;
    gap: 10px !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-head {
    min-height: 24px !important;
    padding: 0 0 5px !important;
    border-bottom: 1px solid var(--bs-line) !important;
    color: #939cac !important;
    font-size: 0.66rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row {
    position: relative !important;
    min-height: 23px !important;
    padding: 2px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--bs-soft-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row > span:first-child {
    display: grid !important;
    grid-template-columns: 7px minmax(0, 1fr) !important;
    gap: 2px 10px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row i {
    grid-row: 1 / span 2 !important;
    width: 7px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: var(--category-color, var(--bs-mint)) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row strong {
    color: #030303 !important;
    font-size: 0.66rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row em {
    display: block !important;
    color: #687385 !important;
    font-size: 0.55rem !important;
    font-style: normal !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row > span:not(:first-child) {
    color: #030303 !important;
    font-size: 0.62rem !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row > span.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row > span.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row b {
    position: absolute !important;
    right: 0 !important;
    bottom: -1px !important;
    left: 0 !important;
    grid-column: auto !important;
    max-width: 100% !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--bs-mint), #a8d4ff) !important;
    opacity: 0.7 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-list {
    display: grid !important;
    gap: 8px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    gap: 3px 12px !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 7px 10px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #030303 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card:nth-child(n+6) {
    display: grid !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card > span {
    grid-row: 1 / span 2 !important;
    display: grid !important;
    place-items: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: var(--bs-mint) !important;
    color: #ffffff !important;
    font-size: 0.6rem !important;
    font-weight: 850 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card strong {
    color: #030303 !important;
    font-size: 0.68rem !important;
    font-weight: 820 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card em {
    grid-column: 2 !important;
    color: #687385 !important;
    font-size: 0.58rem !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card b {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    color: #030303 !important;
    font-size: 0.68rem !important;
    font-weight: 820 !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-panel-link {
    align-self: end !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    height: 24px !important;
    margin-top: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-panel-link span {
    font-size: 1.25rem !important;
    line-height: 1 !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip {
    margin-bottom: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard {
    gap: 9px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-card {
    display: grid !important;
    gap: 10px !important;
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-hero-head {
    display: grid !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-title .eyebrow {
    color: var(--bs-mint) !important;
    font-size: 0.66rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-title h3 {
    margin: 4px 0 0 !important;
    color: var(--bs-ink) !important;
    font-size: 1.5rem !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 82px !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-toggle {
    grid-column: 1 / -1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-layout {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-donut {
    width: 112px !important;
    height: 112px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-segment {
    opacity: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number {
    gap: 5px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number strong {
    font-size: 1.74rem !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number em,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number p {
    font-size: 0.62rem !important;
    line-height: 1.18 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-row {
    display: grid !important;
    align-content: center !important;
    min-height: 58px !important;
    padding: 8px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-summary-row em {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan {
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan .advanced-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 32px !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 68px !important;
    padding: 8px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-icon {
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-card[data-spend-plan-card="1"] .spend-plan-icon,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-card[data-spend-plan-card="4"] .spend-plan-icon {
    background: #ffe8e2 !important;
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy {
    display: grid !important;
    gap: 3px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy > span {
    color: var(--bs-muted) !important;
    font-size: 0.52rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy strong {
    color: var(--bs-ink) !important;
    font-size: 0.78rem !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy strong.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy p {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row {
    min-height: 52px !important;
    padding: 8px 9px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row strong,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row em {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row strong {
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-table-row em {
    font-size: 0.52rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    gap: 3px 10px !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card > span {
    grid-row: 1 / span 2 !important;
    width: 26px !important;
    height: 26px !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card strong,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card b {
    color: var(--bs-ink) !important;
    font-size: 0.68rem !important;
    font-weight: 820 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card em {
    grid-column: 2 / 4 !important;
    color: var(--bs-muted) !important;
    font-size: 0.58rem !important;
    font-style: normal !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-panel-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
  }
}

/* Spend second-pass alignment: remove inherited inset and tighten remaining guide gaps. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip {
    grid-template-columns: 1.22fr repeat(5, minmax(0, 1fr)) !important;
    margin: 0 0 12px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="spend"]:not([hidden])) #spendSummaryStrip .insight-card:first-child strong {
    font-size: 0.92rem !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-hero,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .advanced-spending-plan,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-detail-grid {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-ring-layout {
    grid-template-columns: 236px minmax(0, 1fr) !important;
    gap: 28px !important;
    min-height: 204px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-donut {
    width: 214px !important;
    height: 214px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-main-number {
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy * {
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy > span {
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-plan-copy p {
    font-size: 0.62rem !important;
    line-height: 1.14 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-list {
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card {
    min-height: 34px !important;
    padding: 5px 9px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-merchant-card > span {
    width: 20px !important;
    height: 20px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-panel-link {
    margin-top: 6px !important;
  }
}

/* Final Overview donut-centre lock: applies across desktop and mobile. */
body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: 3px !important;
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  min-height: 66px !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  pointer-events: none !important;
}

body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-label,
body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-count {
  display: block !important;
  width: 88px !important;
  max-width: 88px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #596361 !important;
  font-size: 0.48rem !important;
  font-style: normal !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-overflow: clip !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-value {
  display: block !important;
  width: 88px !important;
  max-width: 88px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #101817 !important;
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (min-width: 761px) {
  html,
  body {
    color-scheme: light;
    background: var(--bs-page);
  }

  body,
  button,
  input,
  select {
    font-family: "Aptos", "SF Pro Display", "Segoe UI", sans-serif;
    letter-spacing: 0;
  }

  body:not(:has(#mappingPanel:not([hidden]))) .control-rail {
    display: none !important;
  }

  .app-shell,
  .workspace,
  .results-area,
  #dashboard,
  .dashboard,
  .advanced-dashboard,
  .advanced-panels,
  .advanced-panel,
  .empty-state {
    display: block !important;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: var(--bs-page);
    color: var(--bs-text);
    box-shadow: none;
  }

  .advanced-panel[hidden],
  .dashboard-view[hidden],
  #dashboard[hidden],
  #emptyState[hidden] {
    display: none !important;
  }

  .advanced-tabs,
  .home-brand-nav {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex !important;
    align-items: center;
    gap: 28px;
    width: 100%;
    height: 96px !important;
    min-height: 96px;
    max-height: 96px;
    margin: 0;
    padding: 0 22px;
    border: 0;
    border-radius: 0;
    background: #030303;
    box-shadow: none;
    overflow: visible;
  }

  .home-brand-nav {
    position: relative;
  }

  .mobile-brand-mark,
  body:has(#dashboard:not([hidden])) .mobile-brand-mark,
  body:has(.home-brand-nav) .mobile-brand-mark {
    display: grid !important;
    grid-template-columns: 40px max-content;
    align-items: center;
    gap: 12px;
    min-width: 212px;
    margin: 0 22px 0 0;
    color: #ffffff;
  }

  .mobile-brand-mark svg {
    width: 42px;
    height: 50px;
  }

  .mobile-brand-mark path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.45;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .mobile-brand-mark span {
    color: #ffffff;
    font-size: 1.16rem;
    font-weight: 800;
    line-height: 0.96;
  }

  .advanced-tab,
  .home-nav-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: auto;
    height: 96px;
    margin: 0;
    padding: 0 0 5px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #f2f5f4;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    box-shadow: none;
  }

  .advanced-tab::after,
  .home-nav-tab::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    height: 3px;
    border-radius: 999px;
    background: transparent;
  }

  .advanced-tab.is-active,
  .home-nav-tab.is-active {
    color: #5cf2bd;
    background: transparent;
    box-shadow: none;
  }

  .advanced-tab.is-active::after,
  .home-nav-tab.is-active::after {
    background: #7df4c5;
  }

  .advanced-tab .nav-long {
    display: inline;
  }

  .advanced-tab .nav-short,
  .view-status-tag,
  .mobile-menu-action[data-mobile-action="clear"] {
    display: none !important;
  }

  .mobile-menu-action[data-mobile-action="files"],
  .home-add-files {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 164px;
    height: 56px;
    margin-left: auto;
    padding: 0 18px;
    border: 0;
    border-radius: 9px;
    background: linear-gradient(180deg, #caffeb 0%, #a7efd5 100%);
    color: #07110d;
    font-size: 0.96rem;
    font-weight: 800;
    box-shadow: 0 7px 22px rgba(51, 212, 156, 0.28);
  }

  .mobile-files-icon {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 20px;
    border: 2px solid currentColor;
    border-radius: 2px;
  }

  .mobile-files-icon::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 7px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor;
  }

  .advanced-panels,
  .home-copy {
    padding: 18px 20px 18px;
    background: var(--bs-page);
  }

  .analysis-block,
  .home-hero-card,
  .home-copy-grid article,
  .export-help-card,
  .home-feature-strip,
  .home-disclaimer-strip,
  .insight-grid,
  .dashboard-summary-strip,
  .data-quality-card-grid > *,
  .data-quality-inline-grid > *,
  .quality-summary-card,
  .advanced-mini-card,
  .watchlist-list-panel,
  .watchlist-selected-panel,
  .bills-detail-stage,
  .bills-review-list {
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
    color: var(--bs-text);
    box-shadow: var(--bs-card-shadow);
  }

  .eyebrow,
  .section-heading .eyebrow {
    margin: 0;
    color: var(--bs-mint-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .section-heading h3,
  .section-heading h4,
  .statement-tab-heading h2,
  .home-copy h2,
  .analysis-block h3,
  .analysis-block h4 {
    color: var(--bs-ink);
    letter-spacing: 0;
  }

  .helper-text,
  .advanced-footnote,
  .empty-copy,
  .section-heading p:not(.eyebrow) {
    color: var(--bs-muted);
  }

  .amount-in,
  body:has(#dashboard:not([hidden])) .amount-in {
    color: var(--bs-mint-dark) !important;
  }

  .amount-out,
  body:has(#dashboard:not([hidden])) .amount-out {
    color: var(--bs-red) !important;
  }

  .bonus-amount {
    color: var(--bs-purple) !important;
  }

  .watchlist-count {
    color: var(--bs-amber) !important;
  }

  .insight-grid,
  .dashboard-summary-strip,
  body:has(#dashboard:not([hidden])) #advancedInsightGrid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0;
    margin: 0 0 18px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
  }

  .insight-card,
  .insight-card:nth-child(2),
  .insight-card:nth-child(3),
  .insight-card:nth-child(4),
  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card {
    min-height: 108px;
    padding: 21px 30px;
    border: 0;
    border-right: 1px solid var(--bs-line);
    border-radius: 0;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    text-align: left;
    box-shadow: none;
  }

  .insight-card:last-child,
  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card:last-child {
    border-right: 0;
  }

  .insight-card span,
  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card span {
    display: block;
    margin: 0 0 10px;
    color: #596272;
    font-size: 0.73rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  .insight-card strong,
  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card strong {
    display: block;
    color: var(--bs-ink);
    font-size: 1.26rem;
    font-weight: 700;
    line-height: 1.05;
  }

  .insight-card p,
  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card p {
    margin: 9px 0 0;
    color: var(--bs-muted);
    font-size: 0.83rem;
    line-height: 1.35;
  }

  .card-value-mobile {
    display: none;
  }

  .statement-tab-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 0 12px 14px;
  }

  .statement-tab-heading h2 {
    margin: 4px 0 0;
    color: var(--bs-ink);
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.05;
  }

  .statement-tab-heading > div > p:not(.eyebrow) {
    margin: 8px 0 0;
    max-width: 760px;
    color: var(--bs-muted);
    font-size: 0.94rem;
  }

  .income-controls,
  .spend-controls {
    display: flex;
    align-items: center;
    gap: 34px;
  }

  .income-mode-toggle,
  .income-period-nav {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .income-mode-toggle button,
  .income-period-nav button {
    min-width: 58px;
    height: 38px !important;
    border: 0 !important;
    border-right: 1px solid var(--bs-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bs-ink) !important;
    font-size: 0.82rem;
    font-weight: 800;
    box-shadow: none !important;
  }

  .income-period-nav button {
    min-width: 52px;
    font-size: 1.05rem;
  }

  .income-mode-toggle button[aria-pressed="true"] {
    background: var(--bs-mint-soft) !important;
  }

  .income-period-nav button:disabled {
    color: #b8c0ca !important;
  }

  .spend-toggle,
  .income-inflation-field {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid var(--bs-line) !important;
    border-radius: 999px;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    font-size: 0.78rem;
    font-weight: 700;
    box-shadow: none !important;
  }

  .income-inflation-field input {
    width: 54px;
    border: 0;
    background: transparent;
    color: var(--bs-ink);
    font-weight: 800;
    text-align: right;
  }

  .spend-hero,
  .income-hero {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(330px, 0.95fr);
    gap: 16px;
    margin-bottom: 12px;
  }

  .income-hero {
    grid-template-columns: minmax(0, 1.65fr) minmax(380px, 1fr);
  }

  .spend-ring-card,
  .spend-summary-panel,
  .income-power-panel,
  .advanced-spending-plan,
  .income-bonus-panel {
    margin: 0;
    padding: 16px 18px !important;
  }

  .spend-hero-head {
    display: none;
  }

  .spend-ring-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    min-height: 196px;
  }

  .income-ring-card .spend-ring-layout {
    grid-template-columns: 260px minmax(0, 1fr);
  }

  .spend-donut {
    width: 190px !important;
    height: 190px !important;
    margin: 0 auto;
  }

  .spend-main-number span {
    display: block;
    color: #596272;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  .spend-main-number strong {
    display: block;
    margin-top: 6px;
    color: #000000;
    font-size: 2.55rem !important;
    font-weight: 850;
    line-height: 0.98;
  }

  .spend-main-number em {
    display: block;
    margin-top: 10px;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 700;
  }

  .spend-main-number p {
    max-width: 520px;
    margin: 10px 0 0;
    color: var(--bs-text);
    font-size: 0.84rem;
    line-height: 1.38;
  }

  .spend-summary-row {
    display: grid;
    grid-template-columns: minmax(110px, 0.7fr) minmax(100px, 0.6fr) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid var(--bs-line);
  }

  .spend-summary-row span {
    color: #596272;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  .spend-summary-row strong {
    color: var(--bs-ink);
    font-size: 1.02rem;
    font-weight: 800;
  }

  .spend-summary-row em {
    color: var(--bs-muted);
    font-size: 0.72rem;
    font-style: normal;
  }

  .income-power-panel,
  .advanced-spending-plan {
    margin-bottom: 10px;
  }

  .income-power-grid,
  .advanced-mini-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
  }

  .advanced-spending-plan .advanced-mini-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
  }

  .income-power-grid .advanced-mini-card,
  .advanced-spending-plan .advanced-mini-card {
    min-height: 70px !important;
    padding: 9px 14px !important;
    border: 0;
    border-right: 1px solid var(--bs-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .advanced-spending-plan .advanced-mini-card {
    border: 1px solid var(--bs-line);
    border-radius: 8px;
    background: #ffffff;
  }

  .advanced-mini-card span {
    color: #596272;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
  }

  .advanced-mini-card strong {
    margin-top: 5px;
    color: var(--bs-ink);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.05;
  }

  .advanced-mini-card p {
    margin: 5px 0 0;
    color: var(--bs-muted);
    font-size: 0.68rem;
    line-height: 1.18;
  }

  .income-power-panel > .helper-text {
    display: none;
  }

  .spend-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(420px, 0.95fr);
    gap: 14px;
    margin-top: 10px;
  }

  .income-detail-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(540px, 0.95fr);
  }

  .spend-category-review,
  .spend-frequency-panel,
  .income-trend-panel {
    padding: 12px 18px !important;
  }

  .spend-table-head,
  .spend-table-row {
    display: grid;
    grid-template-columns: minmax(190px, 1.5fr) 78px 100px 110px;
    align-items: center;
    gap: 10px;
  }

  .spend-table-head {
    padding: 6px 0;
    border-bottom: 1px solid var(--bs-line);
    color: #596272;
    font-size: 0.66rem;
    font-weight: 850;
    text-transform: uppercase;
  }

  .spend-table-row,
  .spend-table-row[data-focused] {
    position: relative;
    width: 100%;
    min-height: 28px !important;
    padding: 4px 0 !important;
    border: 0;
    border-bottom: 1px solid var(--bs-soft-line);
    border-radius: 0;
    background: transparent !important;
    color: var(--bs-text) !important;
    text-align: left;
    box-shadow: none !important;
  }

  .spend-table-row[data-focused] {
    background: #f4fff9 !important;
  }

  .spend-table-row > span:first-child {
    display: grid;
    grid-template-columns: 7px minmax(0, 1fr);
    column-gap: 10px;
    min-width: 0;
  }

  .spend-table-row i {
    width: 7px;
    height: 22px;
    border-radius: 999px;
    background: var(--category-color, var(--bs-mint));
  }

  .spend-table-row strong {
    color: var(--bs-ink);
    font-size: 0.8rem;
    font-weight: 850;
  }

  .spend-table-row em {
    display: block;
    color: var(--bs-muted);
    font-size: 0.65rem;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .spend-merchant-list {
    display: grid;
    gap: 6px;
  }

  .spend-merchant-card {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 2px 10px;
    align-items: center;
    min-height: 45px;
    padding: 7px 10px;
    border: 1px solid var(--bs-soft-line);
    border-radius: 8px;
    background: #ffffff;
  }

  .spend-merchant-card > span {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--bs-mint);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 850;
  }

  .spend-merchant-card strong {
    color: var(--bs-ink);
    font-size: 0.82rem;
    font-weight: 850;
  }

  .spend-merchant-card em {
    color: var(--bs-muted);
    font-size: 0.68rem;
    font-style: normal;
  }

  .spend-merchant-card b {
    color: var(--bs-ink);
    font-size: 0.8rem;
    font-weight: 850;
  }

  .income-trend-list {
    display: grid;
    gap: 4px;
  }

  .income-trend-row {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 100px;
    gap: 10px;
    align-items: center;
    min-height: 20px;
    font-size: 0.72rem;
  }

  .income-trend-track {
    height: 7px;
    border-radius: 999px;
    background: #eef1f0;
    overflow: hidden;
  }

  .income-trend-track i {
    display: block;
    height: 100%;
    border-radius: 999px;
  }

  .income-total { background: var(--bs-mint); }
  .income-salary { background: var(--bs-blue); }
  .income-bonus { background: var(--bs-purple); }

  .income-trend-row strong {
    color: var(--bs-ink);
    font-weight: 850;
    text-align: right;
  }

  .income-trend-key {
    display: flex;
    gap: 28px;
    margin-top: 8px;
    color: var(--bs-muted);
    font-size: 0.7rem;
  }

  .income-bonus-panel {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-height: 68px;
    margin-top: 10px;
  }

  .bills-hero-block {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .bills-hero-block > .section-heading {
    margin: 0 18px 10px;
  }

  .bills-hero-block > .section-heading h3 {
    margin: 4px 0 0;
    color: var(--bs-ink);
    font-size: 1.45rem;
    font-weight: 850;
  }

  .bills-dashboard-compact {
    display: contents;
  }

  .bills-rise-summary,
  .watchlist-summary-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin: 0 0 14px;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: var(--bs-card-shadow);
    overflow: hidden;
  }

  .bills-rise-summary article,
  .watchlist-summary-strip article {
    min-height: 90px;
    padding: 16px 34px;
    border-right: 1px solid var(--bs-line);
    background: #ffffff !important;
    color: var(--bs-text) !important;
  }

  .bills-rise-summary article:last-child,
  .watchlist-summary-strip article:last-child {
    border-right: 0;
  }

  .bills-rise-summary span,
  .watchlist-summary-strip span {
    color: #596272;
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
  }

  .bills-rise-summary strong,
  .watchlist-summary-strip strong {
    display: block;
    margin: 6px 0;
    color: var(--bs-mint-dark);
    font-size: 1.34rem;
    font-weight: 760;
  }

  .bills-rise-summary .is-warn strong,
  .watchlist-summary-strip .is-warn strong {
    color: var(--bs-amber);
  }

  .bills-rise-summary em,
  .watchlist-summary-strip p {
    display: block;
    margin: 0;
    color: var(--bs-muted);
    font-size: 0.76rem;
    font-style: normal;
    line-height: 1.3;
  }

  .bills-filter-grid,
  .watchlist-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 18px 12px;
  }

  .bills-filter-tile,
  .bills-filter-tile.is-warn,
  .watchlist-tab,
  .watchlist-tab.is-warn {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--bs-line) !important;
    border-radius: 7px;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    box-shadow: none !important;
  }

  .bills-filter-tile.is-active,
  .watchlist-tab[aria-selected="true"] {
    background: var(--bs-mint-soft) !important;
    border-color: transparent !important;
  }

  .bills-filter-tile span,
  .watchlist-tab span {
    color: var(--bs-ink) !important;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: none;
  }

  .bills-filter-tile p,
  .watchlist-tab p {
    display: none;
  }

  .bills-filter-controls {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: fit-content;
    margin: -48px 18px 18px auto;
  }

  .bills-filter-select {
    display: none;
  }

  .bills-category-filter,
  .watchlist-category-select {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 10px;
    min-width: 224px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--bs-line);
    border-radius: 8px;
    background: #ffffff !important;
    color: var(--bs-muted) !important;
    font-size: 0.76rem;
    font-weight: 700;
  }

  .bills-category-filter select,
  .watchlist-category-select select {
    border: 0;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    font-weight: 800;
  }

  .bills-review-layout {
    display: grid;
    grid-template-columns: minmax(390px, 0.72fr) minmax(0, 1.28fr);
    gap: 16px;
    padding: 0 18px;
  }

  .bills-review-list,
  .bills-detail-stage {
    padding: 14px 16px !important;
  }

  .bills-list-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .bills-list-heading h3 {
    margin: 0;
    color: var(--bs-ink);
    font-size: 1rem;
    font-weight: 850;
  }

  .advanced-recurring-table {
    display: grid;
    gap: 6px;
  }

  .advanced-recurring-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 108px;
    align-items: center;
    min-height: 52px !important;
    padding: 6px 9px !important;
    border: 1px solid var(--bs-soft-line);
    border-radius: 8px;
    background: #ffffff;
    color: var(--bs-text);
    text-align: left;
    box-shadow: none;
  }

  .advanced-recurring-row.is-selected {
    border-color: var(--bs-mint);
    background: #f2fff9;
    box-shadow: inset 3px 0 0 var(--bs-mint);
  }

  .bill-card-title-row {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
  }

  .bill-card-symbol {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--bs-line);
    border-radius: 8px;
    background: linear-gradient(135deg, #f9fbfb, #e9f8f2);
  }

  .bill-card-name {
    color: var(--bs-ink);
    font-size: 0.9rem;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .bill-card-metrics {
    display: grid;
    grid-template-columns: minmax(112px, 0.8fr) minmax(0, 1fr);
    gap: 8px;
    margin-left: 46px;
  }

  .bill-review-amount strong,
  .bill-review-frequency strong,
  .bill-card-status strong {
    color: var(--bs-ink);
    font-size: 0.78rem;
    font-weight: 800;
  }

  .bill-card-metrics span span,
  .bill-review-amount span {
    display: block;
    color: var(--bs-muted);
    font-size: 0.64rem;
  }

  .bill-card-chart {
    color: var(--bs-amber);
  }

  .bill-row-sparkline {
    width: 104px;
    height: 44px;
  }

  .bill-row-sparkline-line {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
  }

  .recurring-trend-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 12px;
    padding: 0;
    background: #ffffff !important;
    color: var(--bs-text) !important;
  }

  .recurring-trend-copy h3 {
    margin: 4px 0;
    color: var(--bs-ink) !important;
    font-size: 1.32rem;
  }

  .recurring-trend-copy p {
    color: var(--bs-muted) !important;
    font-size: 0.82rem;
    line-height: 1.35;
  }

  .bill-hero-insight {
    color: var(--bs-text) !important;
  }

  .recurring-trend-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
  }

  .recurring-trend-stats span {
    min-height: 48px;
    padding: 8px 10px;
    border: 1px solid var(--bs-line);
    border-radius: 8px;
    background: #ffffff;
    color: var(--bs-muted);
    font-size: 0.68rem;
  }

  .recurring-trend-stats strong {
    display: block;
    color: var(--bs-ink);
    font-size: 0.88rem;
  }

  .bill-trend-context-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 10px;
  }

  .bill-change-strip,
  .bill-inflation-strip {
    padding: 10px 12px;
    border: 1px solid var(--bs-line);
    border-radius: 8px;
    background: #ffffff;
  }

  .recurring-trend-chart {
    width: 100%;
    height: 245px !important;
  }

  .watchlist-detail {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(390px, 0.75fr);
    gap: 16px;
    margin: 0 4px;
  }

  .watchlist-detail .advanced-footnote {
    grid-column: 1 / -1;
    margin: 4px 0 0;
    padding: 14px 18px;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
  }

  .watchlist-list-panel,
  .watchlist-selected-panel {
    padding: 16px 18px !important;
  }

  .watchlist-list {
    display: grid;
    gap: 7px;
  }

  .watchlist-item {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 14px;
    min-height: 52px !important;
    padding: 7px 10px !important;
    border: 1px solid var(--bs-soft-line);
    border-radius: 8px;
    background: #ffffff;
    color: var(--bs-text);
  }

  .watchlist-item.is-selected {
    border-color: #ff806d;
    background: #fff6f3;
  }

  .watchlist-alert-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #fff0df;
  }

  .watchlist-alert-icon::before {
    content: "!";
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border: 2px solid var(--bs-amber);
    border-radius: 999px;
    color: var(--bs-amber);
    font-size: 0.76rem;
    font-weight: 900;
  }

  .watchlist-item span:not(.watchlist-alert-icon) {
    color: var(--bs-red);
    font-size: 0.67rem;
    font-weight: 850;
    text-transform: uppercase;
  }

  .watchlist-item strong {
    color: var(--bs-ink);
    font-size: 0.86rem;
    font-weight: 850;
  }

  .watchlist-item p {
    margin: 3px 0 0;
    color: var(--bs-muted);
    font-size: 0.68rem;
  }

  .watchlist-selected-panel h3 {
    margin: 8px 0 0;
    color: var(--bs-ink);
    font-size: 1.1rem;
  }

  .watchlist-detail-amount {
    display: block;
    margin: 8px 0;
    color: var(--bs-red);
    font-size: 1.42rem;
    font-weight: 850;
  }

  .watchlist-mini-chart svg {
    width: 100%;
    height: 106px;
  }

  .watchlist-caution {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #f6d08f;
    border-radius: 9px;
    background: #fff8ec;
  }

  .advanced-panel[data-panel="explorer"] > .analysis-block {
    padding: 22px 18px 18px;
  }

  .advanced-panel[data-panel="explorer"] > .analysis-block > .section-heading {
    margin: 0 6px 18px;
  }

  .advanced-panel[data-panel="explorer"] > .analysis-block > .section-heading h3 {
    margin: 4px 0 0;
    color: var(--bs-ink);
    font-size: 1.55rem;
    font-weight: 850;
  }

  .explorer-filter-panel {
    margin: 0 0 16px;
    border: 1px solid var(--bs-line);
    border-radius: 8px;
    background: #ffffff;
  }

  .explorer-filter-panel summary {
    display: none;
  }

  .explorer-controls {
    display: grid;
    grid-template-columns: 170px 170px 176px 176px 176px minmax(220px, 1fr) 88px;
    gap: 24px;
    align-items: end;
    padding: 18px;
  }

  .explorer-controls label {
    display: grid;
    gap: 8px;
    color: var(--bs-text);
    font-size: 0.76rem;
    font-weight: 800;
  }

  .explorer-controls input,
  .explorer-controls select {
    width: 100%;
    height: 38px;
    border: 1px solid var(--bs-line);
    border-radius: 7px;
    background: #ffffff;
    color: var(--bs-ink);
    font-size: 0.86rem;
    font-weight: 700;
  }

  .explorer-filter-reset {
    width: 88px;
    height: 38px;
    border: 0;
    border-radius: 7px;
    background: var(--bs-mint-soft);
    color: #092117;
    font-size: 0.82rem;
    font-weight: 850;
  }

  .explorer-summary-row {
    margin: -16px 0 16px;
    padding: 12px 18px;
    border: 1px solid var(--bs-line);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: #f9faf9;
    color: var(--bs-muted);
    font-size: 0.82rem;
  }

  .table-wrap {
    overflow: hidden;
    border: 1px solid var(--bs-line);
    border-radius: 10px;
    background: #ffffff;
  }

  .table-wrap table {
    width: 100%;
    border-collapse: collapse;
  }

  .table-wrap th,
  .table-wrap td {
    height: 39px;
    padding: 0 14px;
    border-bottom: 1px solid var(--bs-soft-line);
    color: var(--bs-text);
    font-size: 0.82rem;
    white-space: nowrap;
  }

  .table-wrap th {
    color: #596272;
    font-size: 0.7rem;
    font-weight: 850;
    text-align: left;
    text-transform: uppercase;
  }

  .table-wrap td[data-column="description"] {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .table-wrap td[data-column="amount"],
  .table-wrap td[data-column="balance"] {
    text-align: right;
    font-weight: 800;
  }

  .explorer-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    min-height: 44px;
    padding: 0 16px;
    color: var(--bs-muted);
    font-size: 0.82rem;
  }

  .data-quality-card-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
  }

  .data-quality-card-grid > .quality-summary-card,
  .data-quality-inline-grid > .quality-card {
    min-height: 142px;
    padding: 18px 20px;
  }

  .data-quality-inline-grid {
    display: contents;
  }

  .data-quality-card-grid #dataQualityInsightGrid .insight-card span {
    color: #596272 !important;
  }

  .data-quality-card-grid #dataQualityInsightGrid .insight-card strong {
    color: var(--bs-ink) !important;
  }

  .data-quality-card-grid #dataQualityInsightGrid .insight-card p {
    color: var(--bs-muted) !important;
  }

  .data-quality-dashboard > .advanced-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .data-quality-dashboard .analysis-block {
    padding: 22px 24px;
  }

  .data-quality-heading-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 18px;
    align-items: center;
    margin: 0 0 16px;
  }

  .data-quality-heading-row .section-heading {
    margin: 0;
  }

  .data-quality-heading-row .section-heading h3 {
    margin: 6px 0 8px;
    color: var(--bs-ink);
    font-size: 1.72rem;
    font-weight: 850;
  }

  .quality-confidence-card {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-height: 126px;
    padding: 20px 24px;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: var(--bs-card-shadow);
  }

  .quality-confidence-card .mobile-quality-ring {
    position: relative;
    display: grid;
    place-items: center;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background:
      radial-gradient(circle at center, #ffffff 0 50%, transparent 51%),
      conic-gradient(var(--bs-mint) calc(var(--quality-score, 0) * 1%), #e8efec 0);
    color: var(--bs-mint-dark);
  }

  .quality-confidence-card .mobile-quality-ring strong {
    font-size: 1.36rem;
    font-weight: 850;
  }

  .quality-confidence-card span {
    display: block;
    margin-bottom: 5px;
    color: var(--bs-muted);
    font-size: 0.75rem;
    font-weight: 850;
    text-transform: uppercase;
  }

  .quality-confidence-card strong {
    color: var(--bs-mint-dark);
    font-size: 1.12rem;
    font-weight: 850;
  }

  .quality-confidence-card p {
    margin: 8px 0 0;
    color: var(--bs-muted);
    font-size: 0.86rem;
    line-height: 1.35;
  }

  .advanced-panel[data-panel="export"] .secure-export-block {
    padding: 40px 42px 24px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .secure-export-block > .section-heading h3 {
    margin: 8px 0 22px;
    color: var(--bs-ink);
    font-size: 1.78rem;
    font-weight: 850;
  }

  .secure-export-block > .helper-text {
    max-width: 900px;
    margin-bottom: 28px;
    font-size: 1rem;
    line-height: 1.65;
  }

  .clean-export-summary {
    display: grid;
    gap: 22px;
  }

  .export-briefing-card {
    display: grid;
    grid-template-columns: 1fr 360px;
    align-items: center;
    min-height: 200px;
    padding: 28px 34px;
    border: 1px solid #bfe8d7;
    border-radius: 12px;
    background: linear-gradient(135deg, #f8fffc 0%, #edfdf5 100%);
  }

  .clean-export-summary > .advanced-mini-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
  }

  .clean-export-summary > .advanced-mini-grid .advanced-mini-card {
    min-height: 180px;
    padding: 30px 28px;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
  }

  .clean-export-notes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  .clean-export-notes article {
    min-height: 132px;
    padding: 26px 28px;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
  }

  .export-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 360px;
    height: 54px;
    margin: 22px auto 12px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #12b976, #058c59);
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 850;
  }

  #exportStatus {
    text-align: center;
  }

  .home-copy {
    display: grid;
    gap: 16px;
  }

  .home-hero-card {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(520px, 0.95fr);
    align-items: center;
    min-height: 346px;
    padding: 28px 44px;
  }

  .home-privacy-pill {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 16px;
    padding: 11px 16px;
    border-radius: 6px;
    background: #e6f8f0;
    color: var(--bs-mint-dark);
    font-size: 0.8rem;
    font-weight: 850;
    text-transform: uppercase;
  }

  .home-copy h2 {
    max-width: 640px;
    margin: 0;
    color: var(--bs-ink);
    font-size: 2.72rem;
    font-weight: 880;
    line-height: 1.05;
  }

  .home-copy .lede {
    max-width: 690px;
    margin: 18px 0 0;
    color: var(--bs-muted);
    font-size: 1rem;
    line-height: 1.55;
  }

  .home-hero-actions {
    display: flex;
    gap: 14px;
    margin-top: 22px;
  }

  .home-hero-actions .primary-button,
  .home-hero-actions .secondary-button {
    min-width: 226px;
    height: 44px;
    border-radius: 7px;
    font-size: 0.95rem;
    font-weight: 850;
  }

  .home-hero-actions .primary-button {
    border: 0;
    background: linear-gradient(180deg, #13c987, #06a66c);
    color: #ffffff;
  }

  .home-hero-actions .secondary-button {
    border: 1px solid var(--bs-line);
    background: #ffffff;
    color: var(--bs-ink);
  }

  .home-hero-visual {
    position: relative;
    height: 270px;
  }

  .home-shield-visual {
    position: absolute;
    top: 28px;
    left: 170px;
    display: grid;
    place-items: center;
    width: 158px;
    height: 178px;
  }

  .home-file-visual {
    position: absolute;
    top: 18px;
    right: 70px;
    width: 250px;
    height: 205px;
    padding: 30px 28px;
    border: 1px solid var(--bs-line);
    border-radius: 15px;
    background: #ffffff;
  }

  .home-copy-grid,
  .home-feature-strip,
  .home-disclaimer-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  .home-copy-grid article,
  .home-copy-grid article.connection-check-card,
  .home-feature-strip article,
  .home-disclaimer-strip article {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-height: 150px;
    padding: 24px 28px;
    background: #ffffff !important;
    color: var(--bs-text);
    transform: none;
  }

  .home-copy-grid article::before,
  .home-copy-grid article::after,
  .home-feature-strip article::before,
  .home-feature-strip article::after {
    display: none !important;
  }

  .home-card-icon {
    display: grid;
    place-items: center;
    width: 70px;
    height: 70px;
    border-radius: 999px;
    background: #e8f8f1;
    color: var(--bs-mint-dark);
  }

  .home-card-icon::before {
    content: "";
    width: 28px;
    height: 28px;
    border: 3px solid currentColor;
    border-radius: 8px;
    background: transparent;
  }

  .export-help-card {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr) 270px;
    gap: 24px;
    align-items: center;
    min-height: 178px;
    padding: 24px 28px;
  }

  .export-help-card ol {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .home-feature-strip,
  .home-disclaimer-strip {
    gap: 0;
    overflow: hidden;
  }

  .home-disclaimer-strip {
    grid-template-columns: 1.45fr 1fr;
  }
}

@media (max-width: 760px) {
  .home-brand-nav {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    overflow-x: auto;
    background: #030303;
  }

  .home-nav-tab {
    display: none;
  }

  .home-add-files {
    margin-left: auto;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    background: #b9f7dc;
    color: #08150f;
    font-weight: 800;
    white-space: nowrap;
  }
}

@media (min-width: 761px) and (max-width: 1320px) {
  .advanced-tabs,
  .home-brand-nav,
  body:has(#dashboard:not([hidden])) .advanced-tabs {
    gap: clamp(10px, 1.15vw, 16px) !important;
    padding: 0 18px !important;
  }

  .advanced-tab,
  .home-nav-tab,
  body:has(#dashboard:not([hidden])) .advanced-tab {
    font-size: 0.84rem !important;
  }

  .mobile-brand-mark,
  body:has(#dashboard:not([hidden])) .mobile-brand-mark,
  body:has(.home-brand-nav) .mobile-brand-mark {
    grid-template-columns: 36px max-content !important;
    gap: 10px !important;
    min-width: 188px !important;
    margin-right: 10px !important;
  }

  .mobile-brand-mark svg {
    width: 38px !important;
    height: 46px !important;
  }

  .mobile-brand-mark span {
    font-size: 1.03rem !important;
  }

  .mobile-menu-action[data-mobile-action="files"],
  .home-add-files,
  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"] {
    min-width: 148px !important;
    height: 54px !important;
    padding: 0 14px !important;
    font-size: 0.88rem !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 761px) {
  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .advanced-panel[data-panel="overview"] {
    display: grid !important;
    grid-template-columns: 290px minmax(0, 1fr);
    grid-template-areas:
      "stats stats"
      "highlights chart"
      "preview preview";
    gap: 16px;
  }

  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid {
    grid-area: stats;
    margin: 0;
  }

  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .desktop-overview-highlights {
    grid-area: highlights;
    display: grid !important;
    gap: 16px;
  }

  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .desktop-overview-highlight-card {
    min-height: 230px;
    padding: 24px 28px;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: var(--bs-card-shadow);
  }

  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .advanced-overview-chart {
    grid-area: chart;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .advanced-overview-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 16px;
  }

  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .advanced-overview-main,
  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-spend-visuals {
    min-height: 504px;
    padding: 22px 24px;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: var(--bs-card-shadow);
  }

  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-preview {
    grid-area: preview;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  body:has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-card {
    min-height: 260px;
    padding: 20px 24px;
    border: 1px solid var(--bs-line);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: var(--bs-card-shadow);
  }

  .income-detail-grid .analysis-block {
    max-height: 252px;
    overflow: hidden;
  }

  .income-trend-row {
    min-height: 17px;
  }

  .income-trend-track {
    height: 6px;
  }

  .income-bonus-panel {
    min-height: 62px;
  }

  .advanced-recurring-row {
    grid-template-columns: minmax(0, 1fr) 120px;
    min-height: 56px !important;
  }

  .bill-card-copy {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) 100px 94px 94px;
    gap: 10px;
    align-items: center;
  }

  .bill-card-title-row {
    grid-column: 1;
  }

  .bill-card-metrics,
  .bill-card-meta {
    display: contents;
    margin-left: 0;
  }

  .bill-review-amount {
    grid-column: 2;
  }

  .bill-review-frequency {
    grid-column: 3;
  }

  .bill-card-status {
    grid-column: 4;
  }

  .bill-review-amount span,
  .bill-review-frequency span span,
  .bill-card-status span {
    display: block;
    color: var(--bs-muted);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  .bill-review-amount strong,
  .bill-review-frequency strong,
  .bill-card-status strong {
    display: block;
    margin-top: 2px;
    color: var(--bs-ink);
  }

  .advancedSpendDashboard .spend-detail-grid .analysis-block,
  #advancedSpendDashboard .spend-detail-grid .analysis-block {
    max-height: 318px;
    overflow: hidden;
  }

  .advanced-panel[data-panel="irregular"] > .analysis-block {
    padding: 0 !important;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .advanced-panel[data-panel="irregular"] > .analysis-block > .section-heading {
    display: none;
  }

  #dashboard .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) 118px !important;
    gap: 12px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-copy {
    display: grid !important;
    grid-template-columns: minmax(190px, 1.5fr) 102px 92px 92px !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-title-row {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-name {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: var(--bs-ink) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-metrics,
  #dashboard .advanced-recurring-row.bill-review-row .bill-card-meta {
    display: contents !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-review-amount {
    grid-column: 2 !important;
    min-width: 0 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-review-frequency {
    grid-column: 3 !important;
    min-width: 0 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status {
    grid-column: 4 !important;
    min-width: 0 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-chart {
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs {
    align-items: center !important;
    gap: clamp(18px, 1.9vw, 28px) !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    padding: 0 22px !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tab {
    height: 96px !important;
    padding: 0 0 5px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"] {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding: 0 18px !important;
  }

  body:has(#dashboard:not([hidden])) .mobile-brand-mark {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 40px max-content !important;
    align-items: center !important;
    min-width: 212px !important;
    margin: 0 18px 0 0 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .advanced-panel[data-panel="overview"] {
    padding: 0 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid {
    margin: 0 0 18px !important;
  }

  #dashboard .bills-hero-block {
    display: grid !important;
    gap: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #dashboard .bills-hero-block > .section-heading {
    order: 2;
    margin: 0 18px !important;
  }

  #dashboard #advancedRecurringList {
    display: contents !important;
  }

  #dashboard .bills-rise-summary {
    order: 1;
    margin: 0 0 2px !important;
  }

  #dashboard .bills-filter-grid {
    order: 3;
    margin: 0 18px !important;
  }

  #dashboard .bills-filter-controls {
    order: 4;
    margin: 0 18px !important;
  }

  #dashboard .bills-review-layout {
    order: 5;
    grid-template-columns: minmax(500px, 0.58fr) minmax(0, 1fr) !important;
    gap: 18px !important;
    margin: 0 18px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) 82px !important;
    gap: 10px !important;
    min-height: 58px !important;
    padding: 7px 9px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-copy {
    grid-template-columns: minmax(140px, 1fr) 72px 62px 72px !important;
    gap: 9px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-title-row {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-symbol {
    width: 28px !important;
    height: 28px !important;
    border-radius: 7px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-name {
    font-size: 0.82rem !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-review-amount span,
  #dashboard .advanced-recurring-row.bill-review-row .bill-review-frequency > span,
  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status > span {
    display: none !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-review-amount strong,
  #dashboard .advanced-recurring-row.bill-review-row .bill-review-frequency strong,
  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong {
    margin: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong {
    color: var(--bs-amber) !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-row-sparkline {
    width: 80px !important;
    height: 36px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap {
    max-height: none !important;
    overflow: hidden !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] table {
    min-width: 0 !important;
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] th,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] td {
    height: 39px !important;
    padding: 0 14px !important;
    border-bottom: 1px solid var(--bs-soft-line) !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    font-size: 0.82rem !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] th {
    position: static !important;
    color: #596272 !important;
    font-size: 0.7rem !important;
    font-weight: 850 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] td[data-column="description"] {
    max-width: 260px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: var(--bs-ink) !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] td[data-column="amount"],
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] td[data-column="balance"] {
    text-align: right !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] td[data-column="amount"].amount-positive,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] td[data-column="description"].amount-positive {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-pagination {
    background: #ffffff !important;
    color: var(--bs-text) !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy {
    gap: 12px !important;
    padding: 18px 20px 10px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-hero-card {
    min-height: 300px !important;
    padding: 18px 40px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-privacy-pill {
    margin-bottom: 12px !important;
    padding: 9px 14px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy h2 {
    font-size: 2.36rem !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy .lede {
    margin-top: 12px !important;
    font-size: 0.95rem !important;
    line-height: 1.38 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-hero-actions {
    margin-top: 18px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-hero-visual {
    height: 220px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy-grid article,
  body:not(:has(#dashboard:not([hidden]))) .home-copy-grid article.connection-check-card,
  body:not(:has(#dashboard:not([hidden]))) .home-feature-strip article,
  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip article {
    min-height: 112px !important;
    padding: 14px 22px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-card-icon {
    width: 58px !important;
    height: 58px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .export-help-card {
    min-height: 126px !important;
    padding: 14px 24px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-feature-strip article {
    min-height: 88px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip article {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 66px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip strong {
    font-size: 0.88rem !important;
    line-height: 1.2 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip p {
    margin: 5px 0 0 !important;
    font-size: 0.78rem !important;
    line-height: 1.28 !important;
  }
}

@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panels {
    padding: 0 20px 18px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs,
  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }

  .home-card-icon svg,
  .ui-icon,
  .bill-card-icon-svg,
  .quality-card-icon-svg,
  .event-item-icon-svg,
  .transaction-category-icon,
  .transaction-type-icon {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .home-card-icon svg {
    width: 30px;
    height: 30px;
  }

  .home-card-icon::before {
    display: none !important;
  }

  [data-home-action="files"],
  [data-mobile-action="files"] {
    cursor: pointer;
  }

  [data-home-action="files"].is-file-dragging,
  [data-mobile-action="files"].is-file-dragging {
    outline: 3px solid rgba(16, 185, 129, 0.72);
    outline-offset: 4px;
    background: linear-gradient(180deg, #dcfff2 0%, #8ceabe 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(16, 185, 129, 0.34) !important;
  }

  #dashboard .bills-rise-summary,
  #dashboard .watchlist-summary-strip,
  body:has(#dashboard:not([hidden])) #advancedInsightGrid {
    gap: 0 !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  #dashboard .bills-rise-summary article,
  #dashboard .watchlist-summary-strip article,
  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card {
    border: 0 !important;
    border-right: 1px solid var(--bs-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  #dashboard .bills-rise-summary article:last-child,
  #dashboard .watchlist-summary-strip article:last-child,
  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card:last-child {
    border-right: 0 !important;
  }

  #dashboard .bills-hero-block > .section-heading {
    display: block !important;
    margin: 14px 18px 8px !important;
  }

  #dashboard .bills-hero-block > .section-heading h3 {
    font-size: 1.36rem !important;
    line-height: 1.05 !important;
  }

  #dashboard .bills-filter-controls {
    order: 3 !important;
    align-self: start;
    justify-content: flex-end !important;
    margin: -54px 18px 14px auto !important;
  }

  #dashboard .bills-filter-grid {
    order: 4 !important;
    gap: 6px !important;
    margin: 0 18px 12px !important;
  }

  #dashboard .bills-filter-tile,
  #dashboard .watchlist-tab {
    min-height: 32px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    box-shadow: none !important;
  }

  #dashboard .bills-filter-tile span,
  #dashboard .watchlist-tab span {
    font-size: 0.7rem !important;
  }

  #dashboard .bills-filter-tile strong,
  #dashboard .watchlist-tab strong {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    font-size: 0.62rem;
    line-height: 18px;
  }

  #dashboard .bills-review-layout {
    grid-template-columns: minmax(500px, 0.58fr) minmax(0, 1fr) !important;
    gap: 18px !important;
    margin: 0 18px !important;
    padding: 0 !important;
  }

  #dashboard .bills-review-list,
  #dashboard .bills-detail-stage {
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  #dashboard .bills-review-list {
    padding: 16px !important;
  }

  #dashboard .advanced-recurring-table {
    gap: 6px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 10px !important;
    min-height: 60px !important;
    padding: 7px 10px !important;
    border: 1px solid var(--bs-soft-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row.is-selected {
    border-color: var(--bs-mint) !important;
    background: #f1fff8 !important;
    box-shadow: inset 3px 0 0 var(--bs-mint) !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row.bill-card-tone-amber:not(.is-selected) {
    border-color: #fed7a2 !important;
    background: linear-gradient(90deg, #fffdf9 0%, #fff7ed 100%) !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-copy {
    grid-template-columns: minmax(180px, 1fr) 74px 64px 78px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-title-row {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-title-copy {
    display: grid !important;
    gap: 3px;
    min-width: 0;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-symbol {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(16, 18, 24, 0.08) !important;
    border-radius: 8px !important;
    background: color-mix(in srgb, var(--bill-tile-color, var(--bs-mint)) 15%, #ffffff) !important;
    color: var(--bill-tile-color, var(--bs-mint-dark)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-name {
    display: block !important;
    color: var(--bs-ink) !important;
    font-size: 0.88rem !important;
    font-weight: 850 !important;
    line-height: 1.04 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-kind {
    display: block;
    color: var(--bs-muted);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.1;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-review-amount strong,
  #dashboard .advanced-recurring-row.bill-review-row .bill-review-frequency strong,
  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong {
    color: var(--bs-ink) !important;
    font-size: 0.75rem !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong {
    color: var(--bs-amber) !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong:empty {
    display: none !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-row-sparkline {
    width: 92px !important;
    height: 40px !important;
  }

  #dashboard .bill-row-sparkline-line {
    stroke-width: 2.5 !important;
  }

  body:has(#dashboard:not([hidden])) .transaction-category-chip,
  body:has(#dashboard:not([hidden])) .transaction-type-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }

  body:has(#dashboard:not([hidden])) .transaction-category-icon,
  body:has(#dashboard:not([hidden])) .transaction-type-icon {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    color: var(--transaction-category-color, var(--bs-mint-dark));
  }

  body:has(#dashboard:not([hidden])) .transaction-type-icon {
    color: #667085;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] td[data-column="category"] {
    color: var(--bs-ink) !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] td[data-column="type"] {
    color: var(--bs-muted) !important;
  }

  .quality-card-icon {
    display: grid !important;
    place-items: center;
    width: 38px;
    height: 38px;
    margin: 0 0 12px !important;
    border-radius: 999px;
    background: #e6f8f0;
    color: var(--bs-mint-dark) !important;
  }

  .data-quality-card-grid > .quality-summary-card,
  .data-quality-inline-grid > .quality-card,
  .data-quality-card-grid .insight-card {
    position: relative;
  }

  .info-item-with-icon {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center;
  }

  .event-item-icon {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #e8f8f1;
    color: var(--bs-mint-dark);
  }

  .info-item-with-icon:has(.status-pill:not(:empty)) .status-pill {
    white-space: nowrap;
  }
}

@media (max-width: 760px) {
  .home-card-icon svg,
  .ui-icon,
  .bill-card-icon-svg,
  .quality-card-icon-svg,
  .event-item-icon-svg,
  .transaction-category-icon,
  .transaction-type-icon {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .home-card-icon::before {
    display: none !important;
  }

  [data-home-action="files"].is-file-dragging,
  [data-mobile-action="files"].is-file-dragging {
    outline: 3px solid rgba(16, 185, 129, 0.72);
    outline-offset: 3px;
    background: #8ceabe !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-title-row {
    grid-template-columns: 30px minmax(0, 1fr) !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-symbol {
    display: grid !important;
    place-items: center !important;
    color: var(--bill-tile-color, var(--bs-mint-dark)) !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-title-copy {
    display: grid !important;
    gap: 2px;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-kind {
    display: block;
    color: var(--bs-muted);
    font-size: 0.62rem;
    line-height: 1.1;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong:empty {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .transaction-category-chip,
  body:has(#dashboard:not([hidden])) .transaction-type-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
  }

  body:has(#dashboard:not([hidden])) .transaction-category-icon,
  body:has(#dashboard:not([hidden])) .transaction-type-icon {
    flex: 0 0 auto;
    color: var(--transaction-category-color, var(--bs-mint-dark));
  }

  .quality-card-icon,
  .event-item-icon {
    display: grid !important;
    place-items: center;
    border-radius: 999px;
    background: #e6f8f0;
    color: var(--bs-mint-dark);
  }

  .quality-card-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 6px;
  }

  .event-item-icon {
    width: 26px;
    height: 26px;
  }

  .info-item-with-icon {
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-lower-grid {
    display: none !important;
  }
}

@media (min-width: 761px) {
  /* Desktop fidelity pass: tighten the refreshed visual system toward the supplied screen goals. */
  body:has(#dashboard:not([hidden])) {
    overflow-x: hidden;
  }

  body:has(#dashboard:not([hidden])) .advanced-panels {
    padding: 0 20px 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel {
    min-height: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .analysis-block,
  body:has(#dashboard:not([hidden])) .dashboard-summary-strip,
  body:has(#dashboard:not([hidden])) .insight-grid,
  body:has(#dashboard:not([hidden])) .bills-review-list,
  body:has(#dashboard:not([hidden])) .bills-detail-stage,
  body:has(#dashboard:not([hidden])) .watchlist-list-panel,
  body:has(#dashboard:not([hidden])) .watchlist-selected-panel {
    border-color: #dfe6e7 !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 18px rgba(16, 18, 24, 0.052) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid,
  #dashboard .bills-rise-summary,
  #dashboard .watchlist-summary-strip,
  #dashboard #spendSummaryStrip,
  #dashboard #explorerSummaryStrip {
    min-height: 90px !important;
    margin-bottom: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card,
  #dashboard .bills-rise-summary article,
  #dashboard .watchlist-summary-strip article,
  #dashboard #spendSummaryStrip .insight-card,
  #dashboard #explorerSummaryStrip .insight-card {
    min-height: 90px !important;
    padding: 16px 28px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card span,
  #dashboard .bills-rise-summary span,
  #dashboard .watchlist-summary-strip span,
  #dashboard #spendSummaryStrip .insight-card span,
  #dashboard #explorerSummaryStrip .insight-card span {
    margin-bottom: 7px !important;
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card strong,
  #dashboard .bills-rise-summary strong,
  #dashboard .watchlist-summary-strip strong,
  #dashboard #spendSummaryStrip .insight-card strong,
  #dashboard #explorerSummaryStrip .insight-card strong {
    margin: 0 0 5px !important;
    font-size: 1.15rem !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card p,
  #dashboard .bills-rise-summary em,
  #dashboard .watchlist-summary-strip p,
  #dashboard #spendSummaryStrip .insight-card p,
  #dashboard #explorerSummaryStrip .insight-card p {
    margin: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.22 !important;
  }

  #advancedIncomeDashboard,
  #advancedSpendDashboard {
    display: grid !important;
    gap: 12px !important;
    min-height: 0 !important;
  }

  #advancedIncomeDashboard {
    grid-template-columns: minmax(0, 1.46fr) minmax(395px, 0.82fr);
    grid-template-areas:
      "heading heading"
      "hero hero"
      "power power"
      "details details"
      "bonus bonus";
  }

  #advancedIncomeDashboard .income-tab-heading {
    grid-area: heading;
  }

  #advancedIncomeDashboard .income-hero {
    grid-area: hero;
  }

  #advancedIncomeDashboard .income-power-panel {
    grid-area: power;
  }

  #advancedIncomeDashboard .income-detail-grid {
    grid-area: details;
  }

  #advancedIncomeDashboard .income-bonus-panel {
    grid-area: bonus;
  }

  #advancedIncomeDashboard .statement-tab-heading,
  #advancedSpendDashboard .statement-tab-heading {
    min-height: 42px !important;
    margin: 0 12px 0 !important;
    align-items: center !important;
  }

  #advancedIncomeDashboard .statement-tab-heading h2,
  #advancedSpendDashboard .statement-tab-heading h2 {
    margin-top: 2px !important;
    font-size: 1.34rem !important;
  }

  #advancedIncomeDashboard .income-controls,
  #advancedSpendDashboard .spend-controls {
    gap: 12px !important;
  }

  #advancedIncomeDashboard .income-hero,
  #advancedSpendDashboard .spend-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.34fr) minmax(360px, 0.66fr) !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  #advancedIncomeDashboard .spend-ring-card,
  #advancedSpendDashboard .spend-ring-card,
  #advancedIncomeDashboard .spend-summary-panel,
  #advancedSpendDashboard .spend-summary-panel {
    min-height: 218px !important;
    padding: 14px 16px !important;
  }

  #advancedIncomeDashboard .spend-ring-layout,
  #advancedSpendDashboard .spend-ring-layout {
    grid-template-columns: 220px minmax(0, 1fr) !important;
    gap: 18px !important;
    min-height: 186px !important;
  }

  #advancedIncomeDashboard .spend-donut,
  #advancedSpendDashboard .spend-donut {
    width: 166px !important;
    height: 166px !important;
  }

  #advancedIncomeDashboard .spend-main-number strong,
  #advancedSpendDashboard .spend-main-number strong {
    font-size: 2.12rem !important;
  }

  #advancedIncomeDashboard .spend-main-number p,
  #advancedSpendDashboard .spend-main-number p {
    max-width: 560px;
    font-size: 0.75rem !important;
    line-height: 1.32 !important;
  }

  #advancedIncomeDashboard .spend-summary-row,
  #advancedSpendDashboard .spend-summary-row {
    grid-template-columns: minmax(104px, 0.72fr) minmax(96px, 0.58fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 7px 0 !important;
  }

  #advancedIncomeDashboard .spend-summary-row span,
  #advancedSpendDashboard .spend-summary-row span {
    font-size: 0.63rem !important;
  }

  #advancedIncomeDashboard .spend-summary-row strong,
  #advancedSpendDashboard .spend-summary-row strong {
    font-size: 0.86rem !important;
  }

  #advancedIncomeDashboard .spend-summary-row em,
  #advancedSpendDashboard .spend-summary-row em {
    font-size: 0.64rem !important;
    line-height: 1.15 !important;
  }

  #advancedIncomeDashboard .income-power-panel,
  #advancedSpendDashboard .advanced-spending-plan {
    margin: 0 !important;
    padding: 12px 16px !important;
  }

  #advancedIncomeDashboard .income-power-panel .section-heading,
  #advancedSpendDashboard .advanced-spending-plan .section-heading {
    margin: 0 0 8px !important;
  }

  #advancedIncomeDashboard .income-power-panel .section-heading h3,
  #advancedSpendDashboard .advanced-spending-plan .section-heading h3 {
    margin: 2px 0 0 !important;
    font-size: 1rem !important;
    line-height: 1.1 !important;
  }

  #advancedIncomeDashboard .income-power-grid,
  #advancedSpendDashboard .advanced-spending-plan .advanced-mini-grid {
    gap: 8px !important;
  }

  #advancedIncomeDashboard .income-power-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #advancedSpendDashboard .advanced-spending-plan .advanced-mini-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  #advancedIncomeDashboard .advanced-mini-card,
  #advancedSpendDashboard .advanced-spending-plan .advanced-mini-card {
    min-height: 70px !important;
    padding: 8px 10px !important;
    border: 1px solid #e4eaeb !important;
    border-radius: 8px !important;
    background: #ffffff !important;
  }

  #advancedIncomeDashboard .advanced-mini-card span,
  #advancedSpendDashboard .advanced-mini-card span {
    font-size: 0.58rem !important;
    line-height: 1.05 !important;
  }

  #advancedIncomeDashboard .advanced-mini-card strong,
  #advancedSpendDashboard .advanced-mini-card strong {
    margin-top: 4px !important;
    font-size: 0.86rem !important;
    line-height: 1.05 !important;
  }

  #advancedIncomeDashboard .advanced-mini-card p,
  #advancedSpendDashboard .advanced-mini-card p {
    margin-top: 4px !important;
    font-size: 0.58rem !important;
    line-height: 1.14 !important;
  }

  #advancedIncomeDashboard .spend-detail-grid,
  #advancedSpendDashboard .spend-detail-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(360px, 0.72fr) !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  #advancedIncomeDashboard .spend-detail-grid .analysis-block,
  #advancedSpendDashboard .spend-detail-grid .analysis-block {
    max-height: none !important;
    min-height: 0 !important;
    padding: 11px 16px !important;
    overflow: hidden !important;
  }

  #advancedIncomeDashboard .spend-detail-grid .section-heading,
  #advancedSpendDashboard .spend-detail-grid .section-heading {
    margin-bottom: 8px !important;
  }

  #advancedIncomeDashboard .spend-detail-grid .section-heading h3,
  #advancedSpendDashboard .spend-detail-grid .section-heading h3 {
    margin-top: 2px !important;
    font-size: 0.98rem !important;
    line-height: 1.08 !important;
  }

  #advancedIncomeDashboard .spend-table,
  #advancedSpendDashboard .spend-table {
    gap: 0 !important;
  }

  #advancedIncomeDashboard .spend-table-head,
  #advancedIncomeDashboard .spend-table-row,
  #advancedSpendDashboard .spend-table-head,
  #advancedSpendDashboard .spend-table-row {
    grid-template-columns: minmax(210px, 1.5fr) 72px 90px 98px !important;
    gap: 8px !important;
  }

  #advancedIncomeDashboard .spend-table-row,
  #advancedSpendDashboard .spend-table-row {
    min-height: 27px !important;
    padding: 3px 0 !important;
  }

  #advancedIncomeDashboard .spend-table-row strong,
  #advancedSpendDashboard .spend-table-row strong {
    font-size: 0.72rem !important;
  }

  #advancedIncomeDashboard .spend-table-row em,
  #advancedSpendDashboard .spend-table-row em {
    font-size: 0.58rem !important;
  }

  #advancedSpendDashboard .spend-table-row em {
    display: none !important;
  }

  #dashboard #spendSummaryStrip {
    min-height: 86px !important;
    margin-bottom: 8px !important;
  }

  #dashboard #spendSummaryStrip .insight-card {
    min-height: 86px !important;
    padding: 12px 24px !important;
  }

  #dashboard #spendSummaryStrip .insight-card span {
    margin-bottom: 5px !important;
    font-size: 0.62rem !important;
  }

  #dashboard #spendSummaryStrip .insight-card strong {
    font-size: 1rem !important;
  }

  #dashboard #spendSummaryStrip .insight-card p {
    font-size: 0.64rem !important;
    line-height: 1.15 !important;
  }

  #advancedSpendDashboard {
    gap: 8px !important;
  }

  #advancedSpendDashboard .statement-tab-heading {
    min-height: 36px !important;
    height: 36px !important;
  }

  #advancedSpendDashboard .statement-tab-heading h2 {
    font-size: 1.12rem !important;
  }

  #advancedSpendDashboard .spend-hero {
    gap: 10px !important;
  }

  #advancedSpendDashboard .spend-ring-card,
  #advancedSpendDashboard .spend-summary-panel {
    min-height: 198px !important;
    padding: 11px 14px !important;
  }

  #advancedSpendDashboard .spend-ring-layout {
    grid-template-columns: 184px minmax(0, 1fr) !important;
    min-height: 166px !important;
    gap: 14px !important;
  }

  #advancedSpendDashboard .spend-donut {
    width: 136px !important;
    height: 136px !important;
  }

  #advancedSpendDashboard .spend-main-number strong {
    font-size: 1.72rem !important;
  }

  #advancedSpendDashboard .spend-main-number em {
    margin-top: 6px !important;
    font-size: 0.72rem !important;
  }

  #advancedSpendDashboard .spend-main-number p {
    margin-top: 6px !important;
    font-size: 0.68rem !important;
    line-height: 1.22 !important;
  }

  #advancedSpendDashboard .spend-summary-row {
    min-height: 32px !important;
    padding: 4px 0 !important;
  }

  #advancedSpendDashboard .spend-summary-row span {
    font-size: 0.56rem !important;
  }

  #advancedSpendDashboard .spend-summary-row strong {
    font-size: 0.72rem !important;
  }

  #advancedSpendDashboard .spend-summary-row em {
    font-size: 0.56rem !important;
    line-height: 1.08 !important;
  }

  #advancedSpendDashboard .advanced-spending-plan {
    padding: 8px 12px !important;
  }

  #advancedSpendDashboard .advanced-spending-plan .section-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 6px !important;
  }

  #advancedSpendDashboard .advanced-spending-plan .section-heading h3 {
    font-size: 0.8rem !important;
  }

  #advancedSpendDashboard .advanced-spending-plan .advanced-mini-grid {
    gap: 6px !important;
  }

  #advancedSpendDashboard .advanced-spending-plan .advanced-mini-card {
    min-height: 54px !important;
    padding: 6px 8px !important;
  }

  #advancedSpendDashboard .advanced-spending-plan .advanced-mini-card span {
    font-size: 0.5rem !important;
  }

  #advancedSpendDashboard .advanced-spending-plan .advanced-mini-card strong {
    font-size: 0.72rem !important;
  }

  #advancedSpendDashboard .advanced-spending-plan .advanced-mini-card p {
    font-size: 0.5rem !important;
    line-height: 1.05 !important;
  }

  #advancedSpendDashboard .spend-detail-grid {
    gap: 10px !important;
  }

  #advancedSpendDashboard .spend-detail-grid .analysis-block {
    padding: 9px 12px !important;
  }

  #advancedSpendDashboard .spend-detail-grid .section-heading {
    margin-bottom: 5px !important;
  }

  #advancedSpendDashboard .spend-detail-grid .section-heading h3 {
    font-size: 0.84rem !important;
  }

  #advancedSpendDashboard .spend-table-head,
  #advancedSpendDashboard .spend-table-row {
    grid-template-columns: minmax(210px, 1.5fr) 62px 82px 88px !important;
  }

  #advancedSpendDashboard .spend-table-head {
    min-height: 22px !important;
    padding: 3px 0 !important;
    font-size: 0.56rem !important;
  }

  #advancedSpendDashboard .spend-table-row {
    min-height: 25px !important;
    padding: 2px 0 !important;
  }

  #advancedSpendDashboard .spend-table-row:nth-of-type(n+11) {
    display: none !important;
  }

  #advancedSpendDashboard .spend-table-row strong {
    font-size: 0.62rem !important;
  }

  #advancedSpendDashboard .spend-table-row > span:not(:first-child) {
    font-size: 0.6rem !important;
  }

  #advancedSpendDashboard .spend-merchant-list {
    gap: 4px !important;
  }

  #advancedSpendDashboard .spend-merchant-card {
    min-height: 33px !important;
    padding: 4px 7px !important;
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
  }

  #advancedSpendDashboard .spend-merchant-card:nth-child(n+6) {
    display: none !important;
  }

  #advancedSpendDashboard .spend-merchant-card > span {
    width: 18px !important;
    height: 18px !important;
    font-size: 0.56rem !important;
  }

  #advancedSpendDashboard .spend-merchant-card strong,
  #advancedSpendDashboard .spend-merchant-card b {
    font-size: 0.64rem !important;
  }

  #advancedSpendDashboard .spend-merchant-card em {
    font-size: 0.55rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .spend-table {
    align-content: start !important;
    gap: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .spend-table-row {
    min-height: 31px !important;
    padding: 3px 0 !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .spend-table-row:nth-of-type(n+8) {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .spend-table-row > span:first-child {
    gap: 3px 10px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .spend-table-row i {
    height: 22px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .spend-table-row strong {
    font-size: 0.68rem !important;
    line-height: 1.08 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .spend-table-row em {
    display: block !important;
    color: #687385 !important;
    font-size: 0.56rem !important;
    line-height: 1.16 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .spend-category-review .spend-table-row b {
    bottom: 0 !important;
  }

  #advancedIncomeDashboard .income-trend-row {
    grid-template-columns: 52px minmax(0, 1fr) 90px !important;
    min-height: 16px !important;
    font-size: 0.64rem !important;
  }

  #advancedIncomeDashboard .income-bonus-panel {
    grid-template-columns: 260px minmax(0, 1fr) !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
  }

  #advancedIncomeDashboard .income-bonus-panel .section-heading h3 {
    margin-top: 2px !important;
    font-size: 0.98rem !important;
  }

  #advancedIncomeDashboard .income-bonus-panel .spend-merchant-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #advancedIncomeDashboard .income-bonus-card {
    min-height: 44px !important;
    padding: 6px 8px !important;
  }

  #advancedSpendDashboard .spend-merchant-list {
    gap: 5px !important;
  }

  #advancedSpendDashboard .spend-merchant-card {
    min-height: 38px !important;
    padding: 6px 9px !important;
  }

  #dashboard .bills-hero-block {
    gap: 10px !important;
  }

  #dashboard .bills-rise-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    margin-bottom: 8px !important;
  }

  #dashboard .bills-hero-block > .section-heading {
    min-height: 38px !important;
    margin: 0 18px !important;
  }

  #dashboard .bills-hero-block > .section-heading h3 {
    font-size: 1.16rem !important;
  }

  #dashboard .bills-filter-controls {
    margin: -42px 18px 8px auto !important;
  }

  #dashboard .bills-filter-grid {
    gap: 5px !important;
    margin: 0 18px 8px !important;
  }

  #dashboard .bills-filter-tile {
    min-height: 28px !important;
    padding: 0 8px !important;
  }

  #dashboard .bills-filter-tile span {
    font-size: 0.64rem !important;
  }

  #dashboard .bills-review-layout {
    grid-template-columns: minmax(492px, 0.58fr) minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  #dashboard .bills-review-list,
  #dashboard .bills-detail-stage {
    padding: 12px 14px !important;
  }

  #dashboard .bills-list-heading {
    margin-bottom: 7px !important;
  }

  #dashboard .bills-list-heading h3 {
    font-size: 0.9rem !important;
  }

  #dashboard .bills-list-heading span {
    max-width: 220px;
    font-size: 0.64rem !important;
    line-height: 1.12 !important;
  }

  #dashboard .advanced-recurring-table {
    gap: 5px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) 82px !important;
    min-height: 50px !important;
    padding: 5px 8px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-copy {
    grid-template-columns: minmax(168px, 1fr) 68px 58px 62px !important;
    gap: 7px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-title-row {
    grid-template-columns: 31px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-symbol {
    width: 30px !important;
    height: 30px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-icon-svg {
    width: 18px !important;
    height: 18px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-name {
    font-size: 0.74rem !important;
    line-height: 1.04 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-kind {
    font-size: 0.6rem !important;
    line-height: 1.08 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-review-amount strong,
  #dashboard .advanced-recurring-row.bill-review-row .bill-review-frequency strong,
  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong {
    font-size: 0.66rem !important;
    line-height: 1.08 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-row-sparkline {
    width: 80px !important;
    height: 34px !important;
  }

  #dashboard .recurring-trend-panel {
    gap: 8px !important;
  }

  #dashboard .recurring-trend-copy h3 {
    margin: 2px 0 !important;
    font-size: 1rem !important;
  }

  #dashboard .recurring-trend-copy p {
    margin: 4px 0 !important;
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
  }

  #dashboard .recurring-trend-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 7px !important;
  }

  #dashboard .recurring-trend-stats span {
    min-height: 42px !important;
    padding: 6px 8px !important;
    font-size: 0.58rem !important;
    line-height: 1.12 !important;
  }

  #dashboard .recurring-trend-stats strong {
    font-size: 0.74rem !important;
  }

  #dashboard .bill-trend-context-row {
    gap: 6px !important;
    margin-top: 7px !important;
  }

  #dashboard .bill-change-strip,
  #dashboard .bill-inflation-strip {
    min-height: 58px !important;
    padding: 7px 9px !important;
  }

  #dashboard .bill-change-strip span,
  #dashboard .bill-inflation-strip span {
    font-size: 0.56rem !important;
  }

  #dashboard .bill-change-strip strong,
  #dashboard .bill-inflation-strip strong,
  #dashboard .bill-inflation-strip em {
    font-size: 0.66rem !important;
    line-height: 1.1 !important;
  }

  #dashboard .recurring-trend-chart {
    height: 178px !important;
  }

  #dashboard .advanced-panel[data-panel="irregular"] .watchlist-summary-strip {
    margin-bottom: 9px !important;
  }

  #dashboard .watchlist-tab-heading {
    min-height: 46px !important;
    margin: 0 18px 8px !important;
  }

  #dashboard .watchlist-tab-heading h2 {
    margin-top: 2px !important;
    font-size: 1.16rem !important;
  }

  #dashboard .watchlist-tab-heading p:not(.eyebrow) {
    max-width: 720px !important;
    margin-top: 3px !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
  }

  #dashboard .watchlist-tabs {
    gap: 5px !important;
    margin: 0 18px 8px !important;
  }

  #dashboard .watchlist-tab {
    min-height: 28px !important;
    padding: 0 8px !important;
  }

  #dashboard .watchlist-detail {
    grid-template-columns: minmax(0, 1.42fr) minmax(330px, 0.68fr) !important;
    gap: 14px !important;
    margin: 0 18px !important;
  }

  #dashboard .watchlist-list-panel,
  #dashboard .watchlist-selected-panel {
    padding: 12px 14px !important;
  }

  #dashboard .watchlist-list {
    gap: 5px !important;
  }

  #dashboard .watchlist-item {
    grid-template-columns: 30px minmax(0, 1fr) 92px 16px !important;
    gap: 9px !important;
    min-height: 40px !important;
    padding: 5px 8px !important;
    border-color: #e8ecee !important;
    border-radius: 7px !important;
    background: #ffffff !important;
  }

  #dashboard .watchlist-item.is-selected {
    border-color: #f59e0b !important;
    background: #fff9ef !important;
  }

  #dashboard .watchlist-alert-icon {
    width: 26px !important;
    height: 26px !important;
  }

  #dashboard .watchlist-alert-icon::before {
    width: 15px !important;
    height: 15px !important;
    font-size: 0.62rem !important;
  }

  #dashboard .watchlist-item span:not(.watchlist-alert-icon) {
    font-size: 0.54rem !important;
    line-height: 1.05 !important;
  }

  #dashboard .watchlist-item strong {
    font-size: 0.7rem !important;
    line-height: 1.08 !important;
  }

  #dashboard .watchlist-item > strong {
    text-align: right;
  }

  #dashboard .watchlist-item p {
    margin-top: 1px !important;
    font-size: 0.57rem !important;
    line-height: 1.1 !important;
  }

  #dashboard .watchlist-selected-panel h3 {
    margin: 5px 0 0 !important;
    font-size: 0.94rem !important;
  }

  #dashboard .watchlist-detail-amount {
    margin: 6px 0 !important;
    font-size: 1.15rem !important;
  }

  #dashboard .watchlist-detail-list {
    gap: 5px !important;
    margin: 8px 0 !important;
  }

  #dashboard .watchlist-detail-list div {
    min-height: 36px !important;
    padding: 6px 8px !important;
  }

  #dashboard .watchlist-mini-chart svg {
    height: 86px !important;
  }

  #dashboard .watchlist-caution {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    margin-top: 7px !important;
    padding: 8px !important;
  }

  #dashboard .watchlist-detail .advanced-footnote {
    padding: 9px 12px !important;
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard {
    display: grid !important;
    gap: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-card-grid {
    grid-template-columns: 1fr 1fr 4fr !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-card-grid > .quality-summary-card,
  body:has(#dashboard:not([hidden])) .data-quality-card-grid #dataQualityInsightGrid .insight-card {
    min-height: 92px !important;
    padding: 12px 14px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-heading-row {
    grid-template-columns: minmax(0, 1fr) 330px !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-heading-row .section-heading h3 {
    margin: 3px 0 5px !important;
    font-size: 1.26rem !important;
  }

  body:has(#dashboard:not([hidden])) .quality-confidence-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    min-height: 92px !important;
    padding: 12px 14px !important;
  }

  body:has(#dashboard:not([hidden])) .quality-confidence-card .mobile-quality-ring {
    width: 68px !important;
    height: 68px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard > .advanced-grid,
  body:has(#dashboard:not([hidden])) .data-quality-lower-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .analysis-block {
    padding: 14px 16px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .section-heading {
    margin-bottom: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .section-heading h3 {
    margin-top: 2px !important;
    font-size: 0.98rem !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-list {
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item {
    min-height: 39px !important;
    padding: 6px 8px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item strong {
    font-size: 0.72rem !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item span {
    font-size: 0.6rem !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block {
    padding: 18px 22px 14px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block > .section-heading h3 {
    margin: 4px 0 7px !important;
    font-size: 1.35rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block > .helper-text {
    max-width: 780px !important;
    margin: 0 0 12px !important;
    font-size: 0.8rem !important;
    line-height: 1.38 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-summary {
    gap: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-card {
    grid-template-columns: minmax(0, 1fr) 188px !important;
    min-height: 126px !important;
    padding: 18px 22px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-card h4 {
    margin: 3px 0 6px !important;
    font-size: 1.06rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-card p {
    max-width: 760px !important;
    font-size: 0.74rem !important;
    line-height: 1.32 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action {
    min-height: 82px !important;
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action span {
    font-size: 1.42rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-summary > .advanced-mini-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-summary > .advanced-mini-grid .advanced-mini-card {
    min-height: 104px !important;
    padding: 14px 16px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes article {
    min-height: 94px !important;
    padding: 14px 16px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes strong {
    font-size: 0.76rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes p {
    margin-top: 6px !important;
    font-size: 0.66rem !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-button {
    width: 300px !important;
    height: 42px !important;
    margin: 12px auto 5px !important;
    font-size: 0.9rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] #exportStatus {
    margin: 0 !important;
    font-size: 0.66rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] > .analysis-block {
    padding: 18px 18px 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-controls {
    grid-template-columns: 136px 136px 146px 146px 146px minmax(190px, 1fr) 76px !important;
    gap: 14px !important;
    padding: 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap th,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap td {
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 0.72rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[hidden],
  body:has(#dashboard:not([hidden])) .dashboard-view[hidden] {
    display: none !important;
  }
}

.mobile-nav-toggle {
  display: none;
}

.mobile-nav-list {
  display: flex;
  align-items: center;
  gap: 28px;
}

.processing-overlay {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 120;
  max-width: min(430px, calc(100vw - 28px));
  pointer-events: none;
}

.processing-overlay[hidden] {
  display: none !important;
}

.processing-overlay-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px 16px 16px;
  border: 1px solid rgba(16, 185, 129, 0.26);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 44px rgba(16, 18, 24, 0.18);
  backdrop-filter: blur(14px);
}

.processing-overlay-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.processing-overlay-copy strong {
  color: var(--bs-ink);
  font-size: 0.9rem;
  font-weight: 850;
}

.processing-overlay-copy span {
  color: var(--bs-muted);
  font-size: 0.76rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.processing-overlay-bar {
  position: relative;
  grid-column: 1 / -1;
  display: block;
  height: 6px;
  border-radius: 999px;
  background: rgba(16, 185, 129, 0.14);
  overflow: hidden;
}

.processing-overlay-bar::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 44%;
  border-radius: inherit;
  background: linear-gradient(90deg, #10b981, #5cf2bd);
  animation: local-processing-bar 1.2s ease-in-out infinite;
}

@media (min-width: 761px) {
  .advanced-tabs .mobile-brand-mark,
  .home-brand-nav .mobile-brand-mark {
    order: 1;
  }

  .advanced-tabs .mobile-nav-list,
  .home-brand-nav .mobile-nav-list {
    order: 2;
    display: flex !important;
    align-items: center;
    gap: 28px;
    min-width: 0;
  }

  .mobile-menu-action[data-mobile-action="files"],
  .home-add-files {
    order: 3;
  }
}

@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    min-width: 0 !important;
    margin: 0;
    background: var(--bs-page) !important;
    color: var(--bs-text) !important;
    color-scheme: light;
    overflow-x: hidden !important;
  }

  body,
  button,
  input,
  select {
    font-family: "Aptos", "SF Pro Display", "Segoe UI", sans-serif;
    letter-spacing: 0 !important;
  }

  body:not(:has(#mappingPanel:not([hidden]))) .control-rail {
    display: none !important;
  }

  body:has(#mappingPanel:not([hidden])) .control-rail {
    position: relative !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 10px !important;
    padding: 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  .app-shell,
  .workspace,
  .results-area,
  #emptyState,
  #dashboard,
  .dashboard,
  .dashboard-view,
  .advanced-dashboard,
  .advanced-panels,
  .advanced-panel {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--bs-page) !important;
    color: var(--bs-text) !important;
    box-shadow: none !important;
    overflow-x: hidden !important;
  }

  .advanced-panel[hidden],
  .dashboard-view[hidden],
  #dashboard[hidden],
  #emptyState[hidden] {
    display: none !important;
  }

  .results-area {
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }

  .advanced-tabs,
  .home-brand-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: calc(64px + env(safe-area-inset-top)) !important;
    min-height: calc(64px + env(safe-area-inset-top)) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: env(safe-area-inset-top) 10px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #030303 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22) !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
  }

  .mobile-brand-mark,
  body:has(#dashboard:not([hidden])) .mobile-brand-mark,
  body:has(.home-brand-nav) .mobile-brand-mark {
    order: 1;
    display: grid !important;
    grid-template-columns: 28px minmax(0, max-content) !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    max-width: calc(100vw - 150px) !important;
    margin: 0 auto 0 0 !important;
    color: #ffffff !important;
  }

  .mobile-brand-mark svg {
    width: 28px !important;
    height: 34px !important;
  }

  .mobile-brand-mark path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.45 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .mobile-brand-mark span {
    color: #ffffff !important;
    font-size: clamp(0.72rem, 3vw, 0.86rem) !important;
    font-weight: 850 !important;
    line-height: 0.96 !important;
    white-space: normal !important;
  }

  .mobile-nav-toggle {
    order: 3;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.09) !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  .mobile-nav-toggle span {
    display: block;
    width: 17px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
  }

  .mobile-nav-toggle span + span {
    margin-top: -10px;
  }

  .mobile-nav-list {
    position: absolute !important;
    top: calc(64px + env(safe-area-inset-top)) !important;
    right: 10px !important;
    left: 10px !important;
    z-index: 90 !important;
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    max-height: calc(100vh - 88px - env(safe-area-inset-top)) !important;
    padding: 10px !important;
    border: 1px solid rgba(16, 18, 24, 0.1) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 44px rgba(16, 18, 24, 0.2) !important;
    overflow: auto !important;
  }

  .advanced-tabs.is-mobile-open .mobile-nav-list,
  .home-brand-nav.is-mobile-open .mobile-nav-list {
    display: grid !important;
  }

  .advanced-tab,
  .home-nav-tab,
  body:has(#dashboard:not([hidden])) .advanced-tab {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    font-size: clamp(0.69rem, 2.8vw, 0.8rem) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    text-align: center !important;
    white-space: normal !important;
    box-shadow: none !important;
  }

  .advanced-tab::after,
  .home-nav-tab::after {
    display: none !important;
  }

  .advanced-tab.is-active,
  .home-nav-tab.is-active {
    border-color: rgba(16, 185, 129, 0.35) !important;
    background: #c8f6e4 !important;
    color: #064e35 !important;
  }

  .advanced-tab .nav-long {
    display: none !important;
  }

  .advanced-tab .nav-short {
    display: inline !important;
  }

  .mobile-menu-action[data-mobile-action="files"],
  .home-add-files {
    order: 2;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 76px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #caffeb 0%, #a7efd5 100%) !important;
    color: #07110d !important;
    font-size: 0 !important;
    font-weight: 850 !important;
    box-shadow: 0 6px 18px rgba(51, 212, 156, 0.24) !important;
  }

  #dashboard:not([hidden]) .advanced-tabs .mobile-menu-action[data-mobile-action="files"],
  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"],
  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .home-add-files {
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    flex: 0 0 76px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 82px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
  }

  #dashboard:not([hidden]) .advanced-tabs .mobile-nav-toggle,
  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-nav-toggle,
  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .mobile-nav-toggle {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  .mobile-menu-action[data-mobile-action="files"] .mobile-files-label {
    font-size: 0 !important;
  }

  .mobile-menu-action[data-mobile-action="files"] .mobile-files-label::after,
  .home-add-files::after {
    content: "+ Files";
    font-size: 0.74rem;
    line-height: 1;
    white-space: nowrap;
  }

  .mobile-menu-action[data-mobile-action="clear"] {
    display: inline-flex !important;
    border-color: rgba(255, 77, 55, 0.22) !important;
    color: #b42318 !important;
    background: #fff5f2 !important;
  }

  .mobile-files-icon {
    width: 14px !important;
    height: 17px !important;
    border-width: 2px !important;
  }

  .mobile-files-icon::before {
    top: 3px !important;
    left: 3px !important;
    width: 6px !important;
    height: 2px !important;
    box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor !important;
  }

  [data-home-action="files"].is-file-dragging,
  [data-mobile-action="files"].is-file-dragging {
    outline: 3px solid rgba(16, 185, 129, 0.7) !important;
    outline-offset: 3px !important;
    background: #8ceabe !important;
  }

  .home-copy {
    display: grid !important;
    gap: 10px !important;
    padding: 12px 10px 18px !important;
  }

  .home-hero-card,
  .home-copy-grid article,
  .export-help-card,
  .home-feature-strip,
  .home-feature-strip article,
  .home-disclaimer-strip,
  .home-disclaimer-strip article,
  .analysis-block,
  .watchlist-list-panel,
  .watchlist-selected-panel,
  .quality-summary-card,
  .quality-confidence-card,
  .export-briefing-card,
  .clean-export-notes article,
  .advanced-mini-card,
  .insight-card {
    border: 1px solid var(--bs-line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  .home-hero-card {
    display: grid !important;
    min-height: auto !important;
    padding: 16px !important;
  }

  .home-hero-visual {
    display: none !important;
  }

  .home-privacy-pill {
    width: fit-content !important;
    padding: 7px 9px !important;
    border-radius: 999px !important;
    background: #c8f6e4 !important;
    color: #064e35 !important;
    font-size: 0.64rem !important;
    font-weight: 850 !important;
  }

  .home-copy h2 {
    margin: 10px 0 8px !important;
    color: var(--bs-ink) !important;
    font-size: clamp(1.34rem, 6.1vw, 1.78rem) !important;
    line-height: 1.02 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }

  .home-copy .lede,
  .helper-text,
  .advanced-footnote,
  .home-copy-grid p,
  .home-feature-strip p,
  .home-disclaimer-strip p {
    color: var(--bs-muted) !important;
    font-size: 0.76rem !important;
    line-height: 1.34 !important;
  }

  .home-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .home-hero-actions .primary-button,
  .home-hero-actions .secondary-button,
  .export-button {
    min-height: 42px !important;
    border-radius: 10px !important;
    font-size: 0.8rem !important;
  }

  .home-copy-grid,
  .home-feature-strip,
  .home-disclaimer-strip,
  .clean-export-notes,
  .clean-export-summary,
  .advanced-grid,
  .spend-detail-grid,
  .income-detail-grid,
  .data-quality-card-grid,
  .data-quality-lower-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .home-copy-grid article,
  .home-feature-strip article,
  .home-disclaimer-strip article {
    min-height: 0 !important;
    padding: 12px 13px !important;
  }

  .home-card-icon {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 8px !important;
    border-radius: 10px !important;
    background: #e8f8f1 !important;
    color: var(--bs-mint-dark) !important;
  }

  .home-card-icon svg,
  .ui-icon,
  .bill-card-icon-svg,
  .quality-card-icon-svg,
  .event-item-icon-svg,
  .transaction-category-icon,
  .transaction-type-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .home-card-icon::before,
  .home-copy-grid article::before,
  .home-copy-grid article::after,
  .home-feature-strip article::before,
  .home-feature-strip article::after {
    display: none !important;
  }

  .advanced-panels {
    display: block !important;
    padding: 10px 10px 18px !important;
  }

  .advanced-panel {
    display: block !important;
  }

  .advanced-panel[hidden] {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid,
  #dashboard .bills-rise-summary,
  #dashboard .watchlist-summary-strip,
  #dashboard #spendSummaryStrip,
  #dashboard #explorerSummaryStrip {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 10px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow-x: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card,
  #dashboard .bills-rise-summary article,
  #dashboard .watchlist-summary-strip article,
  #dashboard #spendSummaryStrip .insight-card,
  #dashboard #explorerSummaryStrip .insight-card {
    min-height: 66px !important;
    padding: 8px 7px !important;
    border: 0 !important;
    border-right: 1px solid var(--bs-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    scroll-snap-align: start;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card:last-child,
  #dashboard .bills-rise-summary article:last-child,
  #dashboard .watchlist-summary-strip article:last-child,
  #dashboard #spendSummaryStrip .insight-card:last-child,
  #dashboard #explorerSummaryStrip .insight-card:last-child {
    border-right: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card span,
  #dashboard .bills-rise-summary span,
  #dashboard .watchlist-summary-strip span,
  #dashboard #spendSummaryStrip .insight-card span,
  #dashboard #explorerSummaryStrip .insight-card span {
    color: var(--bs-muted) !important;
    font-size: 0.52rem !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card strong,
  #dashboard .bills-rise-summary strong,
  #dashboard .watchlist-summary-strip strong,
  #dashboard #spendSummaryStrip .insight-card strong,
  #dashboard #explorerSummaryStrip .insight-card strong {
    color: var(--bs-ink) !important;
    font-size: clamp(0.82rem, 3.7vw, 1.02rem) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
  }

  body:has(#dashboard:not([hidden])) #advancedInsightGrid .insight-card p,
  #dashboard .bills-rise-summary p,
  #dashboard .watchlist-summary-strip p,
  #dashboard #spendSummaryStrip .insight-card p,
  #dashboard #explorerSummaryStrip .insight-card p {
    color: var(--bs-muted) !important;
    font-size: 0.55rem !important;
    line-height: 1.12 !important;
  }

  .advanced-overview-layout,
  .overview-mobile-layout,
  .overview-spend-visuals,
  .income-dashboard,
  .spend-dashboard,
  .bills-dashboard,
  .watchlist-dashboard,
  .data-quality-dashboard,
  .secure-export-block {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .analysis-block,
  .watchlist-list-panel,
  .watchlist-selected-panel,
  .secure-export-block {
    padding: 12px !important;
  }

  .section-heading {
    margin: 0 0 9px !important;
  }

  .section-heading .eyebrow {
    margin: 0 0 3px !important;
    color: var(--bs-muted) !important;
    font-size: 0.55rem !important;
    letter-spacing: 0.05em !important;
  }

  .section-heading h3,
  .analysis-block h3,
  .analysis-block h4 {
    color: var(--bs-ink) !important;
    font-size: clamp(0.96rem, 4vw, 1.12rem) !important;
    line-height: 1.12 !important;
  }

  .advanced-overview-chart {
    padding: 12px !important;
  }

  .line-chart-panel svg,
  .advanced-chart svg,
  .spending-chart svg,
  .watchlist-mini-chart svg,
  .recurring-trend-chart svg {
    max-width: 100% !important;
    height: auto !important;
  }

  .line-chart-panel {
    min-height: 210px !important;
  }

  .donut-card,
  .category-donut-card,
  .overview-spend-card {
    max-width: 100% !important;
  }

  .advanced-mini-grid,
  .income-mobile-metric-grid,
  .spend-mobile-metric-grid,
  .bills-mobile-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .advanced-mini-card {
    min-height: 74px !important;
    padding: 10px !important;
  }

  .advanced-mini-card span {
    color: var(--bs-muted) !important;
    font-size: 0.56rem !important;
  }

  .advanced-mini-card strong {
    color: var(--bs-ink) !important;
    font-size: 0.9rem !important;
    overflow-wrap: anywhere !important;
  }

  .income-source-table,
  .spend-category-table,
  .advanced-recurring-table,
  .watchlist-list,
  .event-list,
  .timeline-list {
    display: grid !important;
    gap: 7px !important;
  }

  .advanced-recurring-row,
  .watchlist-item,
  .event-item,
  .timeline-item,
  .income-source-row,
  .spend-category-row {
    min-width: 0 !important;
    min-height: 56px !important;
    padding: 8px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: none !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) minmax(108px, 34%) !important;
    gap: 8px !important;
    min-height: 84px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-copy {
    min-width: 0 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-title-row {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-symbol {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-name {
    color: var(--bs-ink) !important;
    font-size: 0.82rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-kind,
  #dashboard .advanced-recurring-row.bill-review-row .bill-review-frequency > span,
  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status > span,
  #dashboard .advanced-recurring-row.bill-review-row .bill-review-amount span {
    color: var(--bs-muted) !important;
    font-size: 0.52rem !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin: 7px 0 0 42px !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-review-amount strong,
  #dashboard .advanced-recurring-row.bill-review-row .bill-review-frequency strong,
  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong {
    color: var(--bs-ink) !important;
    font-size: 0.64rem !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status strong:empty,
  #dashboard .advanced-recurring-row.bill-review-row .bill-card-status:has(strong:empty) {
    display: none !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-card-chart {
    align-self: stretch !important;
    min-width: 0 !important;
  }

  #dashboard .advanced-recurring-row.bill-review-row .bill-row-sparkline {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
  }

  .recurring-trend-panel,
  .watchlist-detail {
    padding: 12px !important;
  }

  .recurring-trend-stats,
  .bill-trend-context-row,
  .watchlist-detail-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .recurring-trend-stats span,
  .bill-trend-context-row article,
  .watchlist-detail-list div {
    min-height: 46px !important;
    padding: 7px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
  }

  .watchlist-layout,
  .watchlist-detail-grid,
  .bills-layout,
  .bills-detail-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .watchlist-item {
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  .watchlist-item strong,
  .event-item strong,
  .timeline-item strong {
    color: var(--bs-ink) !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .watchlist-item span:not(.watchlist-alert-icon),
  .event-item span,
  .timeline-item span,
  .watchlist-item p,
  .event-item p,
  .timeline-item p {
    color: var(--bs-muted) !important;
    font-size: 0.62rem !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .watchlist-alert-icon::before,
  .event-item-icon {
    background: #fff3e8 !important;
    color: #f97316 !important;
  }

  .explorer-filter-panel {
    margin: 0 0 8px !important;
  }

  .explorer-controls {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
  }

  .explorer-controls label {
    gap: 5px !important;
    color: var(--bs-muted) !important;
    font-size: 0.58rem !important;
  }

  .explorer-controls input,
  .explorer-controls select {
    min-width: 0 !important;
    height: 34px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    font-size: 0.72rem !important;
  }

  .explorer-search-field {
    grid-column: 1 / -1 !important;
  }

  .table-wrap {
    max-width: 100% !important;
    overflow-x: hidden !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
  }

  .table-wrap table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  .table-wrap th,
  .table-wrap td {
    height: auto !important;
    min-height: 32px !important;
    padding: 7px 6px !important;
    color: var(--bs-text) !important;
    font-size: clamp(0.57rem, 2.35vw, 0.68rem) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .table-wrap th:nth-child(3),
  .table-wrap td:nth-child(3),
  .table-wrap th[data-column="type"],
  .table-wrap td[data-column="type"],
  .table-wrap th[data-column="balance"],
  .table-wrap td[data-column="balance"] {
    display: none !important;
  }

  .data-quality-card-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .data-quality-card-grid #dataQualityInsightGrid {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .quality-summary-card,
  .quality-confidence-card,
  .data-quality-card-grid #dataQualityInsightGrid .insight-card {
    min-height: 84px !important;
    padding: 10px !important;
  }

  .quality-confidence-card {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .quality-confidence-card .mobile-quality-ring {
    width: 54px !important;
    height: 54px !important;
  }

  .quality-confidence-card .mobile-quality-ring strong,
  .quality-summary-card strong {
    font-size: 1rem !important;
  }

  .secure-export-block {
    min-height: calc(100vh - 84px - env(safe-area-inset-top)) !important;
  }

  .export-briefing-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 10px !important;
    min-height: 94px !important;
    padding: 13px !important;
  }

  .export-briefing-action {
    min-height: 58px !important;
    border-radius: 12px !important;
  }

  .clean-export-summary > .advanced-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .clean-export-notes {
    grid-template-columns: 1fr !important;
  }

  .clean-export-notes article {
    min-height: 64px !important;
    padding: 10px !important;
  }

  .export-button {
    width: 100% !important;
    margin-top: 8px !important;
  }

  .processing-overlay {
    right: 10px !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    left: 10px !important;
    max-width: none !important;
  }

  .processing-overlay-card {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 11px 12px 12px !important;
    border-radius: 14px !important;
  }

  .processing-overlay-copy strong {
    font-size: 0.82rem !important;
  }

  .processing-overlay-copy span {
    font-size: 0.68rem !important;
  }

  .processing-spinner {
    width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .line-chart-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
  }

  body:has(#dashboard:not([hidden])) .chart-control-group,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .chart-control-group {
    display: grid !important;
    min-width: 0 !important;
    gap: 5px !important;
    height: auto !important;
    min-height: 36px !important;
    padding: 4px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .chart-control-group[aria-label="Chart focus"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:has(#dashboard:not([hidden])) .chart-control-group[aria-label="Visible date range"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body:has(#dashboard:not([hidden])) .chart-control-group > span,
  body:has(#dashboard:not([hidden])) .chart-control-group > strong,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .chart-control-group > span,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .chart-control-group > strong {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .chart-control-group button,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .chart-control-group button {
    width: 100% !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: var(--bs-ink) !important;
    font-size: 0.7rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body:has(#dashboard:not([hidden])) .chart-control-group button[data-active],
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .chart-control-group button[data-active] {
    background: #b9f7dc !important;
    color: #064e35 !important;
  }

  #advancedIncomeDashboard,
  #advancedSpendDashboard {
    display: grid !important;
    gap: 10px !important;
  }

  #advancedIncomeDashboard .statement-tab-heading,
  #advancedSpendDashboard .statement-tab-heading {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  #advancedIncomeDashboard .statement-tab-heading h2,
  #advancedSpendDashboard .statement-tab-heading h2 {
    margin: 2px 0 0 !important;
    color: var(--bs-ink) !important;
    font-size: clamp(1.38rem, 6.2vw, 1.82rem) !important;
    line-height: 1.04 !important;
  }

  #advancedIncomeDashboard .income-controls,
  #advancedSpendDashboard .spend-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
  }

  #advancedIncomeDashboard .income-mode-toggle,
  #advancedSpendDashboard .income-mode-toggle {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 4px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  #advancedIncomeDashboard .income-mode-toggle button,
  #advancedSpendDashboard .income-mode-toggle button {
    width: 100% !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: var(--bs-muted) !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  #advancedIncomeDashboard .income-mode-toggle button[aria-pressed="true"],
  #advancedSpendDashboard .income-mode-toggle button[aria-pressed="true"] {
    background: #b9f7dc !important;
    color: #064e35 !important;
  }

  #advancedIncomeDashboard .income-period-nav,
  #advancedSpendDashboard .income-period-nav {
    display: grid !important;
    grid-template-columns: repeat(2, 38px) !important;
    gap: 6px !important;
    min-width: 82px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #advancedIncomeDashboard .income-period-nav button,
  #advancedSpendDashboard .income-period-nav button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-period-nav button,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .income-period-nav button {
    border: 1px solid var(--bs-line) !important;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-period-nav button:disabled,
  body:has(#dashboard:not([hidden])) #advancedSpendDashboard .income-period-nav button:disabled {
    background: #f3f5f6 !important;
    color: var(--bs-subtle) !important;
  }

  #advancedIncomeDashboard .income-period-nav button:disabled,
  #advancedSpendDashboard .income-period-nav button:disabled {
    color: var(--bs-subtle) !important;
    opacity: 0.55 !important;
  }

  #advancedIncomeDashboard .income-inflation-field,
  #advancedSpendDashboard .spend-toggle {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: none !important;
  }

  #advancedIncomeDashboard .income-inflation-field span,
  #advancedSpendDashboard .spend-toggle span {
    color: var(--bs-muted) !important;
    font-size: 0.66rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
  }

  #advancedIncomeDashboard .income-inflation-field input {
    width: 76px !important;
    height: 30px !important;
    margin-left: auto !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    background: #f7f8f8 !important;
    color: var(--bs-ink) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    text-align: right !important;
  }

  #advancedSpendDashboard .spend-toggle input {
    width: 20px !important;
    height: 20px !important;
    accent-color: var(--bs-mint) !important;
  }

  #advancedIncomeDashboard .spend-hero,
  #advancedSpendDashboard .spend-hero,
  #advancedIncomeDashboard .income-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  #advancedIncomeDashboard .spend-ring-card,
  #advancedSpendDashboard .spend-ring-card,
  #advancedIncomeDashboard .spend-summary-panel,
  #advancedSpendDashboard .spend-summary-panel,
  #advancedIncomeDashboard .income-power-panel,
  #advancedSpendDashboard .spending-plan-panel,
  #advancedIncomeDashboard .income-source-review,
  #advancedSpendDashboard .spend-category-review,
  #advancedIncomeDashboard .income-trend-panel,
  #advancedSpendDashboard .spend-frequency-panel,
  #advancedIncomeDashboard .income-bonus-panel {
    padding: 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  #advancedIncomeDashboard .spend-ring-layout,
  #advancedSpendDashboard .spend-ring-layout {
    display: grid !important;
    grid-template-columns: minmax(92px, 38%) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
  }

  #advancedIncomeDashboard .spend-main-number,
  #advancedSpendDashboard .spend-main-number {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  #advancedIncomeDashboard .spend-main-number span,
  #advancedSpendDashboard .spend-main-number span {
    color: var(--bs-muted) !important;
    font-size: 0.62rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
  }

  #advancedIncomeDashboard .spend-main-number strong,
  #advancedSpendDashboard .spend-main-number strong {
    color: var(--bs-ink) !important;
    font-size: clamp(1.42rem, 8vw, 2rem) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere !important;
  }

  #advancedIncomeDashboard .spend-main-number em,
  #advancedSpendDashboard .spend-main-number em,
  #advancedIncomeDashboard .spend-main-number p,
  #advancedSpendDashboard .spend-main-number p {
    color: var(--bs-muted) !important;
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
  }

  #advancedIncomeDashboard .spend-main-number .amount-in,
  #advancedSpendDashboard .spend-main-number .amount-in {
    color: var(--bs-mint-dark) !important;
  }

  #advancedIncomeDashboard .spend-main-number .amount-out,
  #advancedSpendDashboard .spend-main-number .amount-out {
    color: var(--bs-red) !important;
  }

  #advancedIncomeDashboard .spend-summary-panel,
  #advancedSpendDashboard .spend-summary-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #advancedIncomeDashboard .spend-summary-panel > .eyebrow,
  #advancedSpendDashboard .spend-summary-panel > .eyebrow {
    grid-column: 1 / -1 !important;
  }

  #advancedIncomeDashboard .spend-summary-row,
  #advancedSpendDashboard .spend-summary-row {
    min-height: 64px !important;
    padding: 8px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
  }

  #advancedIncomeDashboard .spend-summary-row span,
  #advancedSpendDashboard .spend-summary-row span,
  #advancedIncomeDashboard .spend-summary-row em,
  #advancedSpendDashboard .spend-summary-row em {
    color: var(--bs-muted) !important;
    font-size: 0.56rem !important;
    line-height: 1.13 !important;
  }

  #advancedIncomeDashboard .spend-summary-row strong,
  #advancedSpendDashboard .spend-summary-row strong {
    color: var(--bs-ink) !important;
    font-size: 0.82rem !important;
    overflow-wrap: anywhere !important;
  }

  #advancedIncomeDashboard .income-power-grid,
  #advancedSpendDashboard .spending-plan-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #advancedIncomeDashboard .income-power-grid .advanced-mini-card,
  #advancedSpendDashboard .spending-plan-grid .advanced-mini-card {
    min-height: 78px !important;
    padding: 9px !important;
  }

  #advancedIncomeDashboard .spend-detail-grid,
  #advancedSpendDashboard .spend-detail-grid,
  #advancedIncomeDashboard .income-detail-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #advancedIncomeDashboard .spend-table,
  #advancedSpendDashboard .spend-table {
    display: grid !important;
    gap: 7px !important;
  }

  #advancedIncomeDashboard .spend-table-head,
  #advancedSpendDashboard .spend-table-head {
    display: none !important;
  }

  #advancedIncomeDashboard .spend-table-row,
  #advancedSpendDashboard .spend-table-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 7px !important;
    align-items: center !important;
    min-height: 58px !important;
    padding: 9px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: none !important;
  }

  #advancedIncomeDashboard .spend-table-row > span:first-child,
  #advancedSpendDashboard .spend-table-row > span:first-child {
    min-width: 0 !important;
  }

  #advancedIncomeDashboard .spend-table-row strong,
  #advancedSpendDashboard .spend-table-row strong {
    color: var(--bs-ink) !important;
    font-size: 0.72rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #advancedIncomeDashboard .spend-table-row em,
  #advancedSpendDashboard .spend-table-row em,
  #advancedIncomeDashboard .spend-table-row span,
  #advancedSpendDashboard .spend-table-row span {
    color: var(--bs-muted) !important;
    font-size: 0.58rem !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  #advancedIncomeDashboard .spend-table-row > span:nth-child(3),
  #advancedSpendDashboard .spend-table-row > span:nth-child(3),
  #advancedIncomeDashboard .spend-table-row > span:nth-child(4),
  #advancedSpendDashboard .spend-table-row > span:nth-child(4) {
    color: var(--bs-ink) !important;
    font-size: 0.64rem !important;
    font-weight: 850 !important;
    text-align: right !important;
  }

  #advancedIncomeDashboard .spend-table-row b,
  #advancedSpendDashboard .spend-table-row b {
    grid-column: 1 / -1 !important;
    height: 3px !important;
    border-radius: 999px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-filter-panel summary,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-summary-row {
    border: 1px solid var(--bs-line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-filter-panel summary {
    min-height: 54px !important;
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-filter-panel summary strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-filter-panel summary span,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-summary-row {
    color: var(--bs-text) !important;
    font-size: 0.76rem !important;
    line-height: 1.25 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-filter-panel summary .mobile-filter-plus,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-filter-panel summary::after {
    background: #c8f6e4 !important;
    color: #064e35 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap table {
    border-color: var(--bs-line) !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap th {
    background: #f7f8f8 !important;
    color: var(--bs-muted) !important;
    border-color: var(--bs-line) !important;
    border-bottom: 1px solid var(--bs-line) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap td {
    border-top: 1px solid var(--bs-soft-line) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
  }

  #dashboard:not([hidden]) .advanced-panel[data-panel="explorer"] .table-wrap td,
  #dashboard:not([hidden]) .advanced-panel[data-panel="explorer"] .table-wrap th {
    border-color: var(--bs-soft-line) !important;
    background: #ffffff !important;
    color: var(--bs-text) !important;
  }

  #dashboard:not([hidden]) .advanced-panel[data-panel="explorer"] .table-wrap th {
    background: #f7f8f8 !important;
    color: var(--bs-muted) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap tr {
    border-color: var(--bs-soft-line) !important;
  }
}

/* Homepage polish pass: final layer over the older dark/mobile overrides. */
.nav-file-label-short {
  display: none;
}

.nav-file-label-full {
  display: inline;
}

.mobile-nav-icon {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.35;
  stroke-linecap: round;
}

.home-action-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body:not(:has(#dashboard:not([hidden]))) .home-hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-hero-actions .primary-button,
body:not(:has(#dashboard:not([hidden]))) .home-hero-actions .secondary-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 164px !important;
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 22px !important;
  line-height: 1 !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-copy-grid article,
body:not(:has(#dashboard:not([hidden]))) .home-copy-grid article.connection-check-card,
body:not(:has(#dashboard:not([hidden]))) .home-feature-strip article,
body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip article {
  border-color: var(--bs-line) !important;
  background: #ffffff !important;
  color: var(--bs-text) !important;
  box-shadow: var(--bs-card-shadow) !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-copy-grid article {
  min-height: 124px !important;
  padding: 18px 24px !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-copy-grid .eyebrow {
  color: var(--bs-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  text-transform: none !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-copy-grid h3,
body:not(:has(#dashboard:not([hidden]))) .home-copy-grid .connection-check-card h3 {
  color: var(--bs-ink) !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-copy-grid .connection-check-card .eyebrow {
  color: var(--bs-mint-dark) !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip article {
  min-height: 58px !important;
  padding: 13px 22px !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip strong {
  color: var(--bs-ink) !important;
  font-size: 0.86rem !important;
  line-height: 1.15 !important;
}

body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip p {
  margin: 4px 0 0 !important;
  color: var(--bs-muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.24 !important;
}

@media (max-width: 760px) {
  .mobile-nav-toggle span {
    display: none !important;
  }

  .mobile-nav-icon {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
  }

  .home-add-files::after,
  .mobile-menu-action[data-mobile-action="files"] .mobile-files-label::after,
  .mobile-menu-action[data-mobile-action="files"]::after {
    content: none !important;
    display: none !important;
  }

  .nav-file-label-full {
    display: none !important;
  }

  .nav-file-label-short {
    display: inline-flex !important;
    align-items: center !important;
    color: inherit !important;
    font-size: 0.76rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .mobile-menu-action[data-mobile-action="files"],
  .home-add-files,
  #dashboard:not([hidden]) .advanced-tabs .mobile-menu-action[data-mobile-action="files"],
  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"],
  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .home-add-files {
    gap: 5px !important;
    min-width: 78px !important;
    width: 78px !important;
    max-width: 78px !important;
    padding: 0 7px !important;
    font-size: 0 !important;
    line-height: 1 !important;
  }

  .home-hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-hero-actions .primary-button,
  body:not(:has(#dashboard:not([hidden]))) .home-hero-actions .secondary-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border-radius: 11px !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
  }

  .home-action-icon {
    width: 17px !important;
    height: 17px !important;
    flex-basis: 17px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy {
    gap: 9px !important;
    padding: 10px 10px 16px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-hero-card {
    padding: 14px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy-grid article,
  body:not(:has(#dashboard:not([hidden]))) .home-feature-strip article,
  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip article {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 12px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-card-icon {
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-card-icon svg {
    display: block !important;
    margin: 0 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy-grid h3,
  body:not(:has(#dashboard:not([hidden]))) .home-feature-strip h3 {
    font-size: 0.98rem !important;
    line-height: 1.13 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy-grid p,
  body:not(:has(#dashboard:not([hidden]))) .home-feature-strip p,
  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip p {
    font-size: 0.72rem !important;
    line-height: 1.28 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy-grid .eyebrow {
    font-size: 0.68rem !important;
    line-height: 1.12 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip article {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    padding: 12px 13px !important;
  }
}

/* Overview polish pass: align the imported overview with the reference screen. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid {
    height: 110px !important;
    border-color: #dfe7e7 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 7px 20px rgba(16, 18, 24, 0.07) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(2),
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(3),
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(4) {
    align-content: center !important;
    height: 110px !important;
    padding: 16px 28px !important;
    border-right: 1px solid #e4eaea !important;
    background: #ffffff !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card span:first-child {
    margin: 0 0 8px !important;
    color: #505a59 !important;
    font-size: 0.7rem !important;
    font-weight: 720 !important;
    letter-spacing: 0.035em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card strong,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(2) strong,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(3) strong,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(4) strong {
    margin: 0 0 7px !important;
    color: var(--bs-ink) !important;
    font-size: clamp(1.24rem, 1.55vw, 1.52rem) !important;
    font-weight: 560 !important;
    letter-spacing: 0 !important;
    line-height: 1.02 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:first-child strong,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card strong.amount-in,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(2) strong.amount-in,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(5) strong {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card strong.amount-out,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(3) strong.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid strong.watchlist-count {
    color: var(--overview-orange) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card p {
    max-width: 20ch !important;
    margin: 0 !important;
    color: #586361 !important;
    font-size: 0.82rem !important;
    font-weight: 470 !important;
    line-height: 1.2 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .advanced-line-chart {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 860 / 408 !important;
    min-height: 0 !important;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .line-chart-axis {
    fill: #515b5a !important;
    font-size: 13px !important;
    font-weight: 520 !important;
    letter-spacing: 0 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-card {
    display: grid !important;
    grid-template-rows: auto 188px minmax(0, 94px) auto !important;
    gap: 8px !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-stage {
    min-height: 0 !important;
    height: 188px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-stage .spend-donut {
    width: min(72%, 190px) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total {
    width: 112px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-category-key {
    max-height: 94px !important;
    gap: 4px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-category-key button {
    min-height: 19px !important;
    padding: 1px 3px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats {
    align-self: end !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats article {
    display: grid !important;
    align-content: center !important;
    min-height: 66px !important;
    padding: 8px 10px !important;
    border-color: #e4eaea !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats span {
    font-size: 0.56rem !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats strong {
    margin-top: 5px !important;
    font-size: 0.88rem !important;
    line-height: 1.02 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats p {
    margin-top: 4px !important;
    font-size: 0.58rem !important;
    line-height: 1.13 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-card {
    min-height: 310px !important;
    padding: 18px 26px 20px !important;
    border-color: #dfe7e7 !important;
    box-shadow: 0 7px 20px rgba(16, 18, 24, 0.065) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-card-head {
    min-height: 28px !important;
    margin-bottom: 2px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row {
    min-height: 43px !important;
    border-color: #e8eeee !important;
    box-shadow: 0 1px 0 rgba(16, 18, 24, 0.025) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-icon {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-layout {
    grid-template-columns: minmax(140px, 0.44fr) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-checks article {
    min-height: 43px !important;
    border-color: #e8eeee !important;
    box-shadow: 0 1px 0 rgba(16, 18, 24, 0.025) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-card-link {
    align-self: end !important;
    justify-self: start !important;
    margin-top: auto !important;
  }
}

/* Overview fidelity finish: fixes nested value spans and reference-style card rhythm. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid {
    height: 108px !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(2),
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(3),
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:nth-child(4) {
    height: 108px !important;
    padding: 17px 30px 15px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card strong .card-value-full {
    display: block !important;
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card strong .card-value-mobile {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:first-child strong {
    font-size: 1rem !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card:not(:first-child) strong {
    font-size: clamp(1.22rem, 1.55vw, 1.52rem) !important;
    line-height: 1.02 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card strong.watchlist-count {
    color: var(--overview-orange) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) #advancedInsightGrid .insight-card p {
    max-width: none !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .advanced-overview-main .section-heading h3,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-spend-visuals .section-heading h3 {
    font-size: 1.12rem !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .chart-control-group:first-child > span {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .advanced-line-chart {
    aspect-ratio: auto !important;
    height: 100% !important;
    align-self: stretch !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-card {
    grid-template-rows: auto 158px 104px auto !important;
    gap: 7px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-stage {
    height: 158px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-stage .spend-donut {
    width: min(66%, 168px) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-category-key {
    max-height: 104px !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-category-key button {
    min-height: 18px !important;
    padding: 1px 3px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats strong.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats article {
    min-height: 62px !important;
    padding: 7px 10px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-card {
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 18px 28px 22px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-list,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-checks {
    align-content: start !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row {
    min-height: 42px !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-card-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.86rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-card-link::after {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-top: 2px solid currentColor !important;
    border-right: 2px solid currentColor !important;
    transform: rotate(45deg) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-card {
    grid-template-rows: auto 150px 116px auto !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-stage {
    height: 150px !important;
    min-height: 150px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-stage .spend-donut {
    width: min(65%, 162px) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total {
    width: 104px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total strong {
    font-size: 1.14rem !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-category-key {
    max-height: 116px !important;
    overflow: visible !important;
    gap: 2px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-category-key button {
    min-height: 17px !important;
    gap: 7px !important;
    padding: 0 3px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-category-key span,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-category-key strong {
    font-size: 0.66rem !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats {
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats article {
    min-height: 58px !important;
    padding: 6px 9px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats span {
    font-size: 0.54rem !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats strong {
    margin-top: 4px !important;
    font-size: 0.86rem !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-side-stats p {
    margin-top: 3px !important;
    font-size: 0.56rem !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-card {
    min-height: 334px !important;
    gap: 8px !important;
    padding: 18px 28px 18px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-card h3 {
    font-size: 1.04rem !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-list {
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 11px !important;
    min-height: 40px !important;
    padding: 5px 8px !important;
    box-shadow: inset 0 0 0 1px rgba(21, 31, 29, 0.02) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 12px rgba(8, 12, 11, 0.08) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-merchant-icon {
    background: #090909 !important;
    color: #ffffff !important;
    font-size: 0.82rem !important;
    letter-spacing: 0 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-netflix {
    background: #050505 !important;
    color: #e50914 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-spotify {
    background: #121212 !important;
    color: #1ed760 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-amazon {
    background: #101820 !important;
    color: #ffb13b !important;
    font-family: Georgia, serif !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-disney {
    background: #0f2b5f !important;
    color: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-health,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-energy {
    background: #e1f8ef !important;
    color: #07885e !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-bank,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-housing {
    background: #050505 !important;
    color: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-insurance,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-comms {
    background: #eef4ff !important;
    color: #2563eb !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row strong,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row p {
    max-width: 100% !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row b {
    display: grid !important;
    justify-items: end !important;
    gap: 2px !important;
    color: var(--bs-text) !important;
    font-size: 0.68rem !important;
    line-height: 1.04 !important;
    text-align: right !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row b small {
    display: block !important;
    color: #65706e !important;
    font-size: 0.56rem !important;
    font-weight: 560 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-layout {
    grid-template-columns: 162px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card {
    display: grid !important;
    place-items: center !important;
    min-height: 160px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    padding: 12px 8px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-ring {
    width: 126px !important;
    height: 126px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-ring::before {
    inset: 16px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-checks {
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-checks article {
    min-height: 38px !important;
    padding: 6px 8px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-checks strong {
    font-size: 0.66rem !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-checks p {
    font-size: 0.56rem !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-watchlist .overview-alert-icon {
    border-radius: 999px !important;
    background: #ffead2 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-watchlist .overview-alert-icon::before {
    border-color: #f37d11 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-watchlist .alert-merchant {
    background: #d8f8ea !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-watchlist .alert-merchant::before {
    border-color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-watchlist .alert-duplicate {
    background: #eef4ff !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-overview-watchlist .alert-duplicate::before {
    border-color: #4f7cff !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-card-link {
    width: 100% !important;
    justify-content: space-between !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 3px !important;
    width: 96px !important;
    min-height: 60px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total span,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total em {
    max-width: 88px !important;
    color: #596361 !important;
    font-size: 0.5rem !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total strong {
    margin: 0 !important;
    color: #111817 !important;
    font-size: 1.12rem !important;
    font-weight: 820 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card {
    align-content: center !important;
    gap: 5px !important;
    min-height: 164px !important;
    text-align: center !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card > span {
    display: block !important;
    margin: 0 !important;
    color: #5d6765 !important;
    font-size: 0.58rem !important;
    font-weight: 640 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card > em {
    display: block !important;
    margin: 0 !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.68rem !important;
    font-style: normal !important;
    font-weight: 760 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card .mobile-quality-ring {
    width: 112px !important;
    height: 112px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card .mobile-quality-ring::before {
    inset: 15px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card .mobile-quality-ring strong {
    font-size: 1.38rem !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-merchant-icon {
    color: #ffffff;
    background: #090909;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-netflix {
    color: #e50914;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-spotify,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-health,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-energy {
    background: #e1f8ef;
    color: #07885e;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-insurance,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .merchant-comms {
    background: #eef4ff;
    color: #2563eb;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    border: 1px solid var(--bs-line);
    border-radius: 8px;
    padding: 10px;
    background: #ffffff;
    text-align: center;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card > span {
    display: block;
    margin: 0;
    color: var(--bs-muted);
    font-size: 0.56rem;
    font-weight: 640;
    line-height: 1.05;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-quality-score-card > em {
    display: block;
    margin: 0;
    color: var(--bs-mint-dark);
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 760;
    line-height: 1.05;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row b {
    display: grid;
    justify-items: end;
    gap: 2px;
    text-align: right;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .mobile-preview-row b small {
    display: block;
    color: var(--bs-muted);
    font-size: 0.56rem;
    font-weight: 560;
  }
}

/* Final cascade position for the Overview split donut centre text. */
body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  place-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  gap: 3px !important;
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  min-height: 64px !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
  pointer-events: none !important;
}

body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-label,
body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-count {
  display: block !important;
  width: 86px !important;
  max-width: 86px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #596361 !important;
  font-size: 0.47rem !important;
  font-style: normal !important;
  font-weight: 820 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-overflow: clip !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-value {
  display: block !important;
  width: 86px !important;
  max-width: 86px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #101817 !important;
  font-size: clamp(0.98rem, 1.22vw, 1.16rem) !important;
  font-weight: 860 !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-stage {
    height: 184px !important;
    min-height: 184px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-stage .spend-donut {
    width: 184px !important;
    height: 184px !important;
    aspect-ratio: 1 / 1 !important;
    max-width: 184px !important;
    max-height: 184px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    min-height: 72px !important;
    gap: 4px !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-label,
  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-count {
    width: 108px !important;
    max-width: 108px !important;
    font-size: 0.54rem !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])):has(.advanced-panel[data-panel="overview"]:not([hidden])) .overview-donut-total .overview-donut-value {
    width: 108px !important;
    max-width: 108px !important;
    font-size: clamp(1.24rem, 1.52vw, 1.42rem) !important;
    line-height: 0.98 !important;
  }
}

/* Final shell lock: goal screens use square viewport corners. */
html,
body,
.app-shell,
.workspace,
.results-area,
#emptyState,
#dashboard,
.dashboard,
.dashboard-view,
.advanced-dashboard,
.advanced-panels,
.advanced-panel {
  border-radius: 0 !important;
}

.app-shell,
.workspace,
.results-area {
  border: 0 !important;
  box-shadow: none !important;
}

.workspace {
  overflow: visible !important;
}

/* Final shared dashboard nav lock: all result screens must use one header system. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-tabs {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    align-items: center !important;
    align-content: center !important;
    gap: clamp(18px, 1.9vw, 28px) !important;
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #030303 !important;
    box-shadow: none !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs::before,
  body:has(#dashboard:not([hidden])) .advanced-tabs::after {
    content: none !important;
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark {
    order: 1 !important;
    display: grid !important;
    grid-template-columns: 40px max-content !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 212px !important;
    max-width: none !important;
    margin: 0 18px 0 0 !important;
    color: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark svg {
    width: 42px !important;
    height: 50px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.45 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark span {
    color: #ffffff !important;
    font-size: 1.16rem !important;
    font-weight: 800 !important;
    line-height: 0.96 !important;
    white-space: normal !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-nav-toggle {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-nav-list {
    position: static !important;
    order: 2 !important;
    z-index: auto !important;
    display: flex !important;
    grid-template-columns: none !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    gap: clamp(18px, 1.9vw, 28px) !important;
    min-width: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab:not(.mobile-menu-action) {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: auto !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    margin: 0 !important;
    padding: 0 0 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #f2f5f4 !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab:not(.mobile-menu-action)::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 8px !important;
    left: 0 !important;
    display: block !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab.is-active:not(.mobile-menu-action) {
    border: 0 !important;
    background: transparent !important;
    color: #5cf2bd !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab.is-active:not(.mobile-menu-action)::after {
    background: #7df4c5 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab .nav-long {
    display: inline !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab .nav-short,
  body:has(#dashboard:not([hidden])) .advanced-tabs .view-status-tag,
  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="clear"] {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"] {
    order: 3 !important;
    position: relative !important;
    inset: auto !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 164px !important;
    max-width: none !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 0 0 auto !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #caffeb 0%, #a7efd5 100%) !important;
    color: #07110d !important;
    font-size: 0.96rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 7px 22px rgba(51, 212, 156, 0.28) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"]::after {
    content: none !important;
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-files-label {
    display: inline !important;
    font-size: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 761px) and (max-width: 1320px) {
  body:has(#dashboard:not([hidden])) .advanced-tabs {
    gap: clamp(10px, 1.15vw, 16px) !important;
    padding: 0 18px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark {
    grid-template-columns: 36px max-content !important;
    gap: 10px !important;
    min-width: 188px !important;
    margin-right: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark svg {
    width: 38px !important;
    height: 46px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark span {
    font-size: 1.03rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-nav-list {
    gap: clamp(10px, 1.15vw, 16px) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab:not(.mobile-menu-action) {
    font-size: 0.84rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"] {
    min-width: 148px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 14px !important;
    font-size: 0.88rem !important;
  }
}

/* Final desktop Income guide lock: match the supplied income.png below the nav. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard {
    gap: 12px !important;
    padding: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .statement-tab-heading {
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 12px !important;
    padding: 0 !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .statement-tab-heading .eyebrow {
    color: var(--bs-mint-dark) !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .statement-tab-heading h2 {
    margin: 6px 0 0 !important;
    color: #030303 !important;
    font-size: 1.78rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-controls {
    gap: 34px !important;
    min-height: 38px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-mode-toggle,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-period-nav {
    height: 38px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-mode-toggle button {
    min-width: 78px !important;
    height: 38px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #040606 !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-mode-toggle button[aria-pressed="true"] {
    background: var(--bs-mint-soft) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-period-nav button {
    width: 52px !important;
    height: 38px !important;
    border: 0 !important;
    border-right: 1px solid var(--bs-line) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #040606 !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-period-nav button:last-child {
    border-right: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field {
    grid-column: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 196px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field span {
    color: #040606 !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field input {
    width: 54px !important;
    height: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #040606 !important;
    font-size: 0.86rem !important;
    font-weight: 850 !important;
    text-align: right !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field::after {
    content: "%";
    color: var(--bs-mint-dark) !important;
    font-size: 0.9rem !important;
    font-weight: 850 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-hero,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-panel,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-detail-grid,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-panel {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(500px, 38.8%) !important;
    gap: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-panel {
    min-height: 312px !important;
    height: 312px !important;
    padding: 22px 28px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-ring-layout {
    display: grid !important;
    grid-template-columns: 340px minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: center !important;
    min-height: 268px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    justify-self: start !important;
    width: 330px !important;
    height: 330px !important;
    margin: -22px 0 -22px -12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-donut {
    width: 330px !important;
    height: 330px !important;
    margin: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total {
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    display: grid !important;
    gap: 8px !important;
    width: 168px !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    pointer-events: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total span {
    color: #202833 !important;
    font-size: 0.8rem !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total strong {
    color: #030303 !important;
    font-size: 1.72rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total em {
    color: #5f6876 !important;
    font-size: 0.78rem !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number {
    display: grid !important;
    align-content: center !important;
    min-height: 268px !important;
    padding-top: 2px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > span {
    color: #1e2734 !important;
    font-size: 0.98rem !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > strong {
    margin: 10px 0 0 !important;
    color: #030303 !important;
    font-size: 3rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 0.98 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > em {
    margin-top: 18px !important;
    font-size: 0.88rem !important;
    font-style: normal !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > p {
    max-width: 440px !important;
    margin: 16px 0 0 !important;
    color: #222a38 !important;
    font-size: 0.86rem !important;
    line-height: 1.55 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin-top: 28px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend span {
    display: grid !important;
    grid-template-columns: 11px minmax(0, 1fr) !important;
    gap: 4px 9px !important;
    align-items: center !important;
    color: #030303 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend i {
    width: 11px !important;
    height: 11px !important;
    border-radius: 50% !important;
    background: var(--category-color, var(--bs-mint)) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend b,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend em,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend strong {
    color: #030303 !important;
    font-size: 0.78rem !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend em,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend strong {
    grid-column: 2 !important;
    font-weight: 650 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    gap: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-panel > .eyebrow {
    margin: 0 0 8px !important;
    color: #030303 !important;
    font-size: 1.08rem !important;
    font-weight: 830 !important;
    line-height: 1 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) max-content !important;
    gap: 14px !important;
    align-items: center !important;
    min-height: 60px !important;
    padding: 6px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty > i {
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon {
    width: 42px !important;
    height: 42px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row[data-income-summary="bonus"] .income-summary-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card[data-income-power-card="1"] .income-power-icon {
    background: #e8f1ff !important;
    color: #2379ff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row[data-income-summary="other"] .income-summary-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card[data-income-power-card="2"] .income-power-icon {
    background: #efe3ff !important;
    color: #985bf4 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row[data-income-summary="movement"] .income-summary-icon {
    background: #ffe8e2 !important;
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon svg,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon svg,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty svg {
    width: 22px !important;
    height: 22px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    color: #222a38 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy * {
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy strong {
    color: #030303 !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy em {
    color: #222a38 !important;
    font-size: 0.72rem !important;
    font-style: normal !important;
    line-height: 1.18 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b {
    color: #030303 !important;
    font-size: 1.02rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b.bonus-amount {
    color: #2379ff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-panel {
    min-height: 162px !important;
    height: 162px !important;
    padding: 15px 30px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-panel .section-heading {
    margin: 0 0 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-panel .section-heading .eyebrow {
    color: var(--bs-mint-dark) !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-panel .section-heading h3 {
    margin: 4px 0 0 !important;
    color: #030303 !important;
    font-size: 1.02rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: center !important;
    min-height: 78px !important;
    padding: 4px 22px 4px 0 !important;
    border: 0 !important;
    border-right: 1px solid var(--bs-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card:last-child {
    border-right: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon {
    width: 52px !important;
    height: 52px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card[data-income-power-card="3"] .income-power-icon {
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy span {
    color: #030303 !important;
    font-size: 0.7rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong {
    margin: 0 !important;
    color: #030303 !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy p {
    margin: 0 !important;
    color: #303947 !important;
    font-size: 0.66rem !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(610px, 48%) !important;
    gap: 18px !important;
    height: 309px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-source-review,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-panel {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    height: 309px !important;
    max-height: 309px !important;
    min-height: 309px !important;
    padding: 12px 28px 10px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-source-review .section-heading,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-panel .section-heading {
    margin: 0 0 9px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-source-review .section-heading .eyebrow,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-panel .section-heading .eyebrow {
    color: var(--bs-mint-dark) !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-source-review .section-heading h3,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-panel .section-heading h3 {
    margin: 4px 0 0 !important;
    color: #030303 !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-source-review .spend-table {
    display: grid !important;
    gap: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-head,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-total-row {
    display: grid !important;
    grid-template-columns: minmax(240px, 1fr) 82px 108px 112px !important;
    gap: 12px !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-head {
    min-height: 24px !important;
    padding: 0 0 5px !important;
    border-bottom: 1px solid var(--bs-line) !important;
    color: #647082 !important;
    font-size: 0.68rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row {
    position: relative !important;
    min-height: 36px !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--bs-soft-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #030303 !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:first-child {
    display: grid !important;
    grid-template-columns: 7px minmax(0, 1fr) !important;
    gap: 3px 10px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row i {
    grid-row: 1 / span 2 !important;
    width: 7px !important;
    height: 28px !important;
    border-radius: 999px !important;
    background: var(--category-color, var(--bs-mint)) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row strong {
    color: #030303 !important;
    font-size: 0.75rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row em {
    color: #4f5a6b !important;
    font-size: 0.62rem !important;
    font-style: normal !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:not(:first-child) {
    color: #030303 !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row b {
    bottom: -1px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--bs-mint), #a78bfa) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-total-row {
    min-height: 32px !important;
    padding-top: 7px !important;
    color: #030303 !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-total-row strong {
    text-align: right !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-list {
    display: grid !important;
    gap: 3px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 102px !important;
    gap: 11px !important;
    align-items: center !important;
    min-height: 13px !important;
    height: 13px !important;
    font-size: 0.64rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row > span {
    color: #8c96a8 !important;
    font-size: 0.66rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-track {
    position: relative !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: #eef1f0 !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-track i {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    border-radius: 999px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-salary {
    background: var(--bs-mint) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus {
    background: #5da8ff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-total {
    background: rgba(66, 232, 172, 0.18) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-other {
    background: #a78bfa !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row strong {
    color: #030303 !important;
    font-size: 0.66rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-key {
    display: flex !important;
    gap: 30px !important;
    margin-top: 7px !important;
    color: #4f5a6b !important;
    font-size: 0.66rem !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-key span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-key i {
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-panel-link {
    align-self: end !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    height: 26px !important;
    margin-top: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.86rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-panel-link span {
    font-size: 1.35rem !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-panel {
    display: grid !important;
    grid-template-columns: 342px minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: center !important;
    min-height: 78px !important;
    height: 78px !important;
    margin-top: 0 !important;
    padding: 13px 32px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: var(--bs-card-shadow) !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-panel .section-heading {
    margin: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-panel .section-heading .eyebrow {
    color: var(--bs-mint-dark) !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-panel .section-heading h3 {
    margin: 6px 0 0 !important;
    color: #030303 !important;
    font-size: 1rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    min-height: 50px !important;
    padding: 8px 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card > span {
    width: 24px !important;
    height: 24px !important;
    background: var(--bs-mint) !important;
    color: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card b {
    color: #030303 !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card em {
    color: #4f5a6b !important;
    font-size: 0.66rem !important;
    line-height: 1.1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty > i {
    width: 50px !important;
    height: 50px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty span {
    display: grid !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty strong {
    color: #030303 !important;
    font-size: 0.94rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty em {
    color: #303947 !important;
    font-size: 0.82rem !important;
    font-style: normal !important;
    line-height: 1.2 !important;
  }
}

/* Mobile safety for the richer Income markup added for the desktop guide. */
@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-ring-layout {
    grid-template-columns: minmax(112px, 36%) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 128px !important;
    height: 128px !important;
    margin: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-donut {
    width: 128px !important;
    height: 128px !important;
    margin: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    display: grid !important;
    gap: 2px !important;
    width: 76px !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    pointer-events: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total span {
    color: var(--bs-muted) !important;
    font-size: 0.48rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total strong {
    color: var(--bs-ink) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total em {
    color: var(--bs-muted) !important;
    font-size: 0.5rem !important;
    font-style: normal !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend span {
    display: grid !important;
    grid-template-columns: 8px minmax(0, 1fr) !important;
    gap: 2px 5px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend i {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--category-color, var(--bs-mint)) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend b,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend em,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend strong {
    grid-column: 2 !important;
    color: var(--bs-ink) !important;
    font-size: 0.56rem !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-panel > .eyebrow {
    grid-column: 1 / -1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 8px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty > i {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row[data-income-summary="bonus"] .income-summary-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card[data-income-power-card="1"] .income-power-icon {
    background: #e8f1ff !important;
    color: #2379ff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row[data-income-summary="other"] .income-summary-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card[data-income-power-card="2"] .income-power-icon {
    background: #efe3ff !important;
    color: #985bf4 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row[data-income-summary="movement"] .income-summary-icon {
    background: #ffe8e2 !important;
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon svg,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon svg,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-empty svg {
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy * {
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b {
    color: var(--bs-ink) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy em {
    color: var(--bs-muted) !important;
    font-size: 0.56rem !important;
    font-style: normal !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b {
    grid-column: 2 !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b.bonus-amount {
    color: #985bf4 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy span {
    color: var(--bs-muted) !important;
    font-size: 0.56rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong {
    color: var(--bs-ink) !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong.amount-in {
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong.amount-out {
    color: var(--bs-red) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy p {
    margin: 0 !important;
    color: var(--bs-muted) !important;
    font-size: 0.58rem !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-panel-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
  }
}

/* Income final override: placed after all earlier locks so the guide-fit rules win. */
body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field input[type="number"] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field input[type="number"]::-webkit-outer-spin-button,
body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-inflation-field input[type="number"]::-webkit-inner-spin-button {
  margin: 0 !important;
  -webkit-appearance: none !important;
}

@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card {
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-ring-layout {
    grid-template-columns: 310px minmax(0, 1fr) !important;
    gap: 22px !important;
    min-height: 266px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-donut {
    width: 284px !important;
    height: 284px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage {
    margin: -8px 0 -6px 2px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-ring-bg {
    stroke: #eef3f1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-ring-segment {
    opacity: 1 !important;
    stroke-width: 34 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total {
    width: 142px !important;
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total span {
    font-size: 0.72rem !important;
    font-weight: 760 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total strong {
    font-size: 1.48rem !important;
    font-weight: 830 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number {
    min-height: 260px !important;
    align-content: center !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > span {
    font-size: 0.94rem !important;
    font-weight: 680 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > strong {
    font-size: 2.72rem !important;
    font-weight: 830 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > em {
    margin-top: 14px !important;
    font-size: 0.84rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .spend-main-number > p {
    max-width: 450px !important;
    margin-top: 14px !important;
    font-size: 0.82rem !important;
    line-height: 1.45 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend {
    gap: 16px !important;
    margin-top: 22px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend b,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend em,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-legend strong {
    font-size: 0.72rem !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row {
    grid-template-columns: 44px minmax(0, 1fr) max-content !important;
    min-height: 58px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon {
    width: 40px !important;
    height: 40px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy strong {
    font-size: 0.78rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy em {
    color: #384252 !important;
    font-size: 0.68rem !important;
    font-weight: 560 !important;
    line-height: 1.2 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b {
    font-size: 0.96rem !important;
    font-weight: 820 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-panel {
    padding: 14px 28px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding-right: 18px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon {
    width: 48px !important;
    height: 48px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy span {
    font-size: 0.68rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong {
    font-size: 0.96rem !important;
    font-weight: 820 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy p {
    color: #384252 !important;
    font-size: 0.63rem !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-head,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-total-row {
    grid-template-columns: minmax(230px, 1fr) 74px 112px 104px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-head {
    color: #939cac !important;
    font-size: 0.66rem !important;
    font-weight: 800 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row strong {
    font-size: 0.72rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row em {
    color: #687385 !important;
    font-size: 0.6rem !important;
    font-weight: 560 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:not(:first-child),
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-total-row {
    font-size: 0.72rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row b {
    height: 2px !important;
    opacity: 0.72 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-list {
    gap: 4px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row {
    grid-template-columns: 54px minmax(0, 1fr) 96px !important;
    min-height: 12px !important;
    height: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row > span,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row strong {
    font-size: 0.62rem !important;
    font-weight: 780 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-track {
    height: 5px !important;
    background: #eef1f0 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-salary {
    background: #18bd76 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus {
    background: #5da8ff !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-other {
    background: #9a78f8 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    gap: 8px 12px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 48px !important;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card em {
    grid-column: 2 !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard {
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card {
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-ring-layout {
    grid-template-columns: 122px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-donut {
    width: 116px !important;
    height: 116px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-stage .spend-ring-segment {
    opacity: 1 !important;
    stroke-width: 34 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total {
    width: 70px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-donut-total strong {
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-main-number > strong {
    font-size: 1.72rem !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card .spend-main-number > p {
    font-size: 0.66rem !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row {
    min-height: 58px !important;
    padding: 7px 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-icon,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-icon {
    width: 30px !important;
    height: 30px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-row > b {
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-summary-copy em {
    font-size: 0.52rem !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-card {
    min-height: 58px !important;
    padding: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy span {
    font-size: 0.52rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy strong {
    font-size: 0.78rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-power-copy p {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 4px 8px !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:nth-child(4) {
    grid-column: 2 / 4 !important;
    grid-row: 2 !important;
    justify-self: end !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row em {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row strong {
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row em {
    font-size: 0.52rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-table-row > span:not(:first-child) {
    font-size: 0.58rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-list {
    gap: 7px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row {
    grid-template-columns: 42px minmax(0, 1fr) 72px !important;
    gap: 7px !important;
    min-height: 18px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-track {
    height: 9px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row > span,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-row strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-trend-key {
    font-size: 0.58rem !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-panel {
    padding-bottom: 12px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-list {
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    gap: 3px 10px !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card > span {
    grid-row: 1 / span 2 !important;
    width: 26px !important;
    height: 26px !important;
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card strong,
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card b {
    color: var(--bs-ink) !important;
    font-size: 0.68rem !important;
    font-weight: 820 !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card b {
    justify-self: end !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-card em {
    grid-column: 2 / 4 !important;
    color: var(--bs-muted) !important;
    font-size: 0.58rem !important;
    font-style: normal !important;
  }
}

/* EOF Bills & Subscriptions guard.
   Keep this last so the reference-style Bills layout is not widened or split by older dashboard rules. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block {
    max-width: 1448px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-rise-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    margin-bottom: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-hero-block > .section-heading {
    margin: 0 18px !important;
    min-height: 70px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-controls {
    margin: -76px 18px 6px auto !important;
    width: 252px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-grid {
    gap: 8px !important;
    margin: -34px 18px 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-layout {
    grid-template-columns: minmax(500px, 0.4fr) minmax(0, 0.6fr) !important;
    gap: 16px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-panel {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 16px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-detail-head {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) minmax(130px, auto) !important;
    gap: 14px !important;
    align-items: start !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-hero-insight {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    color: #17202b !important;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    line-height: 1.42 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-visual {
    padding: 14px 16px 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bill-trend-context-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-copy {
    grid-template-columns: minmax(140px, 1fr) 68px 72px 66px !important;
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-frequency {
    min-width: 72px !important;
  }
}

/* Absolute final Bills visual QA guard. Keep this at true EOF. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile strong {
    background: #eef1f0 !important;
    color: #596575 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-active strong {
    background: #dff7ec !important;
    color: var(--bs-mint-dark) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-warn strong {
    background: #fff1e7 !important;
    color: #f97316 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-warn.is-active strong {
    background: #f97316 !important;
    color: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter > span {
    color: #667085 !important;
    font-size: 0.72rem !important;
    font-weight: 620 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-detail-stage .recurring-detail-title .eyebrow {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-trend-chart {
    width: 100% !important;
    height: 230px !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-panel-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    height: 24px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-panel-link span {
    font-size: 1.25rem !important;
    line-height: 1 !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile strong {
    background: #eef1f0 !important;
    color: #596575 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-active strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-tile.is-warn.is-active strong {
    background: #f97316 !important;
    color: #ffffff !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter > span {
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-panel-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 24px !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-panel-link span {
    font-size: 1.1rem !important;
    line-height: 1 !important;
  }
}

/* Mobile-only Bills row density guard. Desktop Bills layout is intentionally untouched. */
@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-table {
    gap: 6px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) 86px !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 8px 9px !important;
    border-radius: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-copy {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    align-self: center !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-title-row {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-symbol {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-icon-svg {
    width: 15px !important;
    height: 15px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-title-copy {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-name {
    color: var(--bs-ink) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-kind {
    color: var(--bs-muted) !important;
    font-size: 0.5rem !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-metrics {
    display: grid !important;
    grid-template-columns: 66px minmax(0, 1fr) !important;
    gap: 6px !important;
    align-items: end !important;
    margin: 0 0 0 38px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-meta {
    display: grid !important;
    grid-template-columns: minmax(72px, 1fr) minmax(48px, 0.75fr) !important;
    gap: 6px !important;
    align-items: end !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-amount,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-frequency,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status {
    display: grid !important;
    gap: 1px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-amount span,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-frequency > span,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status > span {
    color: var(--bs-muted) !important;
    font-size: 0.42rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.07em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-amount strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-frequency strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status strong {
    color: var(--bs-ink) !important;
    font-size: 0.58rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status strong {
    color: var(--bs-amber) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status strong:empty,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status:has(strong:empty) {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-chart {
    align-self: center !important;
    justify-self: stretch !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-row-sparkline {
    width: 86px !important;
    height: 42px !important;
    min-width: 0 !important;
  }
}

/* Final mobile Bills interaction polish: light controls, desktop-like rows, selected row replaced by detail. */
@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: end !important;
    width: 100% !important;
    margin: 12px 0 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-select,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    align-items: stretch !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bs-muted) !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-select > span,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter > span {
    color: #98a2b3 !important;
    font-size: 0.54rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-select select,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 10px !important;
    padding: 7px 28px 7px 10px !important;
    background-color: #ffffff !important;
    color: var(--bs-ink) !important;
    color-scheme: light !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    box-shadow: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-filter-select select option,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-category-filter select option {
    background: #ffffff !important;
    color: var(--bs-ink) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row {
    grid-template-columns: minmax(0, 1fr) 78px !important;
    gap: 6px !important;
    min-height: 70px !important;
    padding: 7px 9px !important;
    border-radius: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row.is-selected {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-copy {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-title-row {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 7px !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-symbol {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-title-copy {
    display: grid !important;
    gap: 1px !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-name {
    font-size: 0.72rem !important;
    font-weight: 850 !important;
    line-height: 1.04 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-kind {
    font-size: 0.5rem !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-metrics,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-meta {
    margin: 0 !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-metrics {
    display: grid !important;
    grid-template-columns: 54px 62px 58px !important;
    gap: 8px !important;
    align-items: center !important;
    margin-left: 35px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-meta {
    display: contents !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-amount {
    grid-column: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-frequency {
    grid-column: 2 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status {
    grid-column: 3 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-amount span,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-frequency > span,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status > span {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-amount strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-review-frequency strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status strong {
    display: block !important;
    font-size: 0.54rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    letter-spacing: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-status strong {
    color: var(--bs-amber) !important;
    font-size: 0.5rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-card-chart {
    align-self: center !important;
    justify-self: stretch !important;
    min-width: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .advanced-recurring-row.bill-review-row .bill-row-sparkline {
    width: 78px !important;
    height: 36px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail {
    margin: 0 !important;
  }
}

/* Bills list now always shows the full filtered set. Let desktop height grow naturally. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-layout {
    height: auto !important;
    min-height: 672px !important;
    align-items: start !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-review-list {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .bills-detail-stage {
    position: sticky !important;
    top: 112px !important;
    height: 672px !important;
    max-height: 672px !important;
    overflow: hidden !important;
  }
}

/* Bills trend range tabs are real controls. Keep their button chrome identical to the reference tabs. */
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs button {
  min-width: 30px !important;
  padding: 5px 7px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #576171 !important;
  cursor: pointer !important;
  font: inherit !important;
  font-size: 0.64rem !important;
  font-weight: 720 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs button[data-active] {
  background: #b9f7dc !important;
  color: #064e35 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .recurring-range-tabs button:focus-visible {
  outline: 2px solid rgba(0, 153, 106, 0.45) !important;
  outline-offset: 2px !important;
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="regular"]:not([hidden]) .mobile-bill-detail .recurring-range-tabs button {
    min-width: 24px !important;
    padding: 4px 5px !important;
    border-radius: 6px !important;
    font-size: 0.52rem !important;
    font-weight: 760 !important;
  }
}

/* Data Dashboard pagination and totals. */
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-show-all-button {
  height: 38px !important;
  min-height: 38px !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: var(--bs-mint-dark) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-show-all-button[aria-pressed="true"] {
  border-color: var(--bs-mint-dark) !important;
  background: var(--bs-mint-dark) !important;
  color: #ffffff !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-show-all-button:disabled {
  opacity: 0.48 !important;
  cursor: not-allowed !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-summary-row::before,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) td[data-column="amount"].amount-in {
  color: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-summary-row::before {
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-controls {
    grid-template-columns:
      minmax(130px, 150px)
      minmax(130px, 150px)
      minmax(136px, 160px)
      minmax(136px, 160px)
      minmax(136px, 160px)
      minmax(190px, 1fr)
      88px
      108px !important;
    gap: 12px !important;
  }
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-filter-reset,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-show-all-button {
    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 9px !important;
    font-size: 0.7rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"]:not([hidden]) .explorer-filter-reset {
    justify-self: stretch !important;
  }
}

/* Watchlist reference polish and on-page selection behaviour. */
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) > .analysis-block {
  padding: 22px 22px 20px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) > .analysis-block > .section-heading {
  display: none !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab-heading {
  min-height: 0 !important;
  margin: 22px 14px 16px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab-heading .eyebrow {
  color: var(--bs-mint-dark) !important;
  font-size: 0.74rem !important;
  font-weight: 850 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab-heading h2 {
  margin: 4px 0 0 !important;
  color: var(--bs-ink) !important;
  font-size: 1.46rem !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab-heading p:not(.eyebrow) {
  margin: 8px 0 0 !important;
  max-width: 760px !important;
  color: var(--bs-text) !important;
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-control-row {
  display: grid !important;
  grid-template-columns: minmax(0, 820px) minmax(220px, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 6px 16px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tabs {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab {
  display: grid !important;
  place-items: center !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-right: 1px solid var(--bs-line) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: var(--bs-ink) !important;
  box-shadow: none !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab:last-child {
  border-right: 0 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab[aria-selected="true"] {
  background: var(--bs-mint-soft) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab span {
  color: var(--bs-ink) !important;
  font-size: 0.78rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab strong,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab p {
  display: none !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-category-select {
  justify-self: end !important;
  display: grid !important;
  grid-template-columns: 1fr 24px !important;
  min-width: 218px !important;
  height: 42px !important;
  padding: 0 12px 0 16px !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: var(--bs-ink) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-category-select > span {
  display: none !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-category-select select {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--bs-ink) !important;
  font-size: 0.84rem !important;
  font-weight: 720 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail {
  display: grid !important;
  grid-template-columns: minmax(0, 1.52fr) minmax(420px, 0.84fr) !important;
  gap: 18px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-list-panel,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-selected-panel {
  border: 1px solid var(--bs-line) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 16px 20px !important;
  box-shadow: var(--bs-card-shadow) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-list {
  display: grid !important;
  gap: 7px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 118px 18px !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 8px 12px !important;
  border: 1px solid var(--bs-soft-line) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: var(--bs-text) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item.risk,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item.warn {
  border-color: var(--bs-soft-line) !important;
  background: #ffffff !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item.is-selected {
  border-color: #ff806d !important;
  background: linear-gradient(90deg, #fff4f0 0%, #ffffff 82%) !important;
  box-shadow: none !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-alert-icon {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #ffd7c5 !important;
  border-radius: 50% !important;
  background: #fff4ec !important;
  color: #ff5b37 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-alert-icon::before {
  content: none !important;
  display: none !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-alert-icon-svg {
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.1 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item div {
  min-width: 0 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item div > span {
  display: inline !important;
  margin-right: 6px !important;
  color: var(--bs-red) !important;
  font-size: 0.64rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item div > strong {
  display: inline !important;
  color: var(--bs-ink) !important;
  font-size: 0.8rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item p {
  margin: 5px 0 0 !important;
  color: var(--bs-muted) !important;
  font-size: 0.7rem !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item > strong {
  justify-self: end !important;
  color: var(--bs-ink) !important;
  font-size: 0.8rem !important;
  font-weight: 850 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item > em {
  color: var(--bs-muted) !important;
  font-size: 1.32rem !important;
  font-style: normal !important;
  line-height: 1 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-selected-panel > p {
  margin: 8px 0 12px !important;
  color: var(--bs-text) !important;
  font-size: 0.88rem !important;
  line-height: 1.28 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-badge {
  display: inline-flex !important;
  width: fit-content !important;
  margin-top: 4px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  background: #ffe8e2 !important;
  color: var(--bs-red) !important;
  font-size: 0.58rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-selected-panel h3 {
  margin: 8px 0 0 !important;
  color: var(--bs-ink) !important;
  font-size: 1.16rem !important;
  font-weight: 850 !important;
  line-height: 1.14 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-amount {
  display: block !important;
  margin: 8px 0 !important;
  color: var(--bs-red) !important;
  font-size: 1.58rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 12px 0 10px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list div {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-icon {
  display: grid !important;
  place-items: center !important;
  color: var(--bs-ink) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-icon-svg {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list dt,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list dd {
  margin: 0 !important;
  color: var(--bs-text) !important;
  font-size: 0.78rem !important;
  line-height: 1.15 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list dd {
  justify-self: end !important;
  color: var(--bs-ink) !important;
  font-weight: 760 !important;
  text-align: right !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list dd.amount-out {
  color: var(--bs-red) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list dd.amount-in {
  color: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mini-chart {
  margin-top: 10px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-chart-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 6px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-chart-heading strong {
  color: var(--bs-ink) !important;
  font-size: 0.8rem !important;
  font-weight: 850 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-chart-heading span,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-chart-heading em {
  color: var(--bs-muted) !important;
  font-size: 0.66rem !important;
  font-style: normal !important;
  font-weight: 650 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-chart-heading em {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-chart-heading i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--bs-mint) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-chart-heading em:last-child i {
  background: var(--bs-red) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mini-chart svg {
  width: 100% !important;
  height: 126px !important;
  overflow: visible !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-pattern-line,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-typical-line {
  fill: none !important;
  stroke: var(--bs-mint-dark) !important;
  stroke-width: 3 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-typical-line {
  stroke: rgba(7, 139, 92, 0.26) !important;
  stroke-dasharray: 4 4 !important;
  stroke-width: 2 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-pattern-point {
  fill: var(--bs-mint-dark) !important;
  stroke: #ffffff !important;
  stroke-width: 1.5 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-pattern-point.is-selected {
  fill: var(--bs-red) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-caution {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: 12px !important;
  padding: 14px 16px !important;
  border: 1px solid #f4cd8b !important;
  border-radius: 9px !important;
  background: #fffaf0 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-caution p {
  margin: 0 !important;
  color: var(--bs-text) !important;
  font-size: 0.82rem !important;
  line-height: 1.28 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-footnote {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 4px 0 0 !important;
  padding: 14px 18px !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: var(--bs-text) !important;
  font-size: 0.84rem !important;
  line-height: 1.28 !important;
  box-shadow: var(--bs-card-shadow) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-footnote-icon {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  color: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-footnote-icon-svg {
  width: 34px !important;
  height: 34px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) > .analysis-block {
    padding: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-summary-strip article {
    min-height: 86px !important;
    padding: 12px 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-summary-strip span {
    display: inline !important;
    margin-right: 4px !important;
    font-size: 0.68rem !important;
    line-height: 1.05 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-summary-strip strong {
    display: inline !important;
    margin: 0 !important;
    font-size: 1.08rem !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-summary-strip p {
    margin-top: 8px !important;
    font-size: 0.68rem !important;
    line-height: 1.15 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab-heading {
    margin: 14px 8px 12px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab-heading h2 {
    font-size: clamp(1.72rem, 8.5vw, 2.05rem) !important;
    line-height: 1.08 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab-heading p:not(.eyebrow) {
    font-size: 0.88rem !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-control-row {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab {
    min-height: 34px !important;
    border-right: 1px solid var(--bs-line) !important;
    border-bottom: 1px solid var(--bs-line) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab:nth-child(2n),
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab:last-child {
    border-right: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab:nth-last-child(-n + 1) {
    border-bottom: 0 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-category-select {
    justify-self: stretch !important;
    width: 100% !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item {
    grid-template-columns: 36px minmax(0, 1fr) 84px 14px !important;
    gap: 8px !important;
    min-height: 70px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-item p {
    white-space: normal !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list div {
    grid-template-columns: 22px minmax(0, 1fr) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail-list dd {
    grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-chart-heading {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mini-chart svg {
    height: 136px !important;
  }
}

/* Final reference-screen overrides: keep these last so old scanner styles cannot win. */
body:has(#dashboard:not([hidden])) .advanced-panel.data-quality-dashboard[data-panel="dataQuality"]:not([hidden]) {
  display: grid !important;
  gap: 20px !important;
  padding: 24px 26px 28px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-card-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid {
  display: contents !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-summary-card,
body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-content: center !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 144px !important;
  padding: 18px !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: var(--bs-card-shadow) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-card-icon {
  display: grid !important;
  grid-row: 1 / span 3 !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #ddf8ed !important;
  color: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-card-icon-svg,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-card-icon-svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-card-icon-svg {
  width: 24px !important;
  height: 24px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-summary-card span:not(.quality-card-icon),
body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card span:not(.quality-card-icon),
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card > div > span {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--bs-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-summary-card strong,
body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--bs-mint-dark) !important;
  font-size: clamp(1.42rem, 2vw, 1.8rem) !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card:last-child strong {
  color: #8b5cf6 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-summary-card p,
body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card p {
  margin: 0 !important;
  color: var(--bs-text) !important;
  font-size: 0.8rem !important;
  line-height: 1.36 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-heading-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 430px !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-heading-row .section-heading .eyebrow,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .section-heading .eyebrow {
  color: var(--bs-mint-dark) !important;
  font-size: 0.86rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.06em !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-heading-row .section-heading h3,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .section-heading h3 {
  margin: 8px 0 12px !important;
  color: var(--bs-ink) !important;
  font-size: clamp(1.72rem, 2.5vw, 2rem) !important;
  font-weight: 850 !important;
  line-height: 1.06 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-heading-row .helper-text,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block > .helper-text {
  max-width: 760px !important;
  color: var(--bs-text) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card {
  display: grid !important;
  grid-template-columns: 98px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  min-height: 126px !important;
  padding: 18px 26px !important;
  border-radius: 12px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card .mobile-quality-ring,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score .mobile-quality-ring {
  width: 86px !important;
  height: 86px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at center, #ffffff 0 53%, transparent 54%),
    conic-gradient(var(--bs-mint-dark) calc(var(--quality-score) * 1%), #eaf0ed 0) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card .mobile-quality-ring strong,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score .mobile-quality-ring strong {
  color: var(--bs-mint-dark) !important;
  font-size: 1.32rem !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card span {
  color: var(--bs-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card strong {
  color: var(--bs-mint-dark) !important;
  font-size: 1.18rem !important;
  font-weight: 850 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card p {
  margin: 6px 0 0 !important;
  color: var(--bs-text) !important;
  font-size: 0.94rem !important;
  line-height: 1.36 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard > .advanced-grid,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-lower-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .analysis-block {
  border: 1px solid var(--bs-line) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 22px 24px !important;
  box-shadow: var(--bs-card-shadow) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .analysis-block .section-heading {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard > .advanced-grid > .analysis-block .section-heading::before,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-lower-grid > .analysis-block .section-heading::before {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #ddf8ed !important;
  color: var(--bs-mint-dark) !important;
  font-size: 0.86rem !important;
  font-weight: 850 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard > .advanced-grid > .analysis-block:nth-child(1) .section-heading::before {
  content: "A" !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard > .advanced-grid > .analysis-block:nth-child(2) .section-heading::before {
  content: "B" !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-lower-grid > .analysis-block .section-heading::before {
  content: "" !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .analysis-block .section-heading .eyebrow {
  display: none !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .analysis-block .section-heading h3 {
  margin: 0 !important;
  color: var(--bs-ink) !important;
  font-size: 1.06rem !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-list {
  display: grid !important;
  gap: 0 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.info-item-with-icon {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 88px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 64px !important;
  padding: 10px 14px !important;
  border: 1px solid var(--bs-soft-line) !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.info-item-with-icon:first-child {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.info-item-with-icon:last-child {
  border-bottom: 1px solid var(--bs-soft-line) !important;
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item-icon {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #ddf8ed !important;
  color: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item-icon-svg {
  width: 20px !important;
  height: 20px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.info-item-with-icon > div strong {
  display: block !important;
  margin: 0 0 3px !important;
  color: var(--bs-ink) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.info-item-with-icon > div span {
  display: block !important;
  color: var(--bs-text) !important;
  font-size: 0.72rem !important;
  line-height: 1.26 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .status-pill {
  justify-self: end !important;
  min-width: 72px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: #ddf8ed !important;
  color: var(--bs-mint-dark) !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  text-align: center !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-composition {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 26px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score {
  display: grid !important;
  justify-items: center !important;
  gap: 8px !important;
  padding-right: 24px !important;
  border-right: 1px solid var(--bs-soft-line) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score span,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-bullets span {
  color: var(--bs-text) !important;
  font-size: 0.8rem !important;
  line-height: 1.34 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score > strong,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-link-button {
  color: var(--bs-mint-dark) !important;
  font-weight: 850 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-bullets {
  display: grid !important;
  gap: 14px !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-bullets p {
  display: grid !important;
  grid-template-columns: 10px minmax(0, 1fr) !important;
  gap: 4px 18px !important;
  margin: 0 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-bullets i {
  grid-row: 1 / span 2 !important;
  align-self: start !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: 5px !important;
  border-radius: 50% !important;
  background: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-bullets strong {
  color: var(--bs-ink) !important;
  font-size: 0.86rem !important;
  font-weight: 850 !important;
  line-height: 1.16 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-link-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: fit-content !important;
  margin-top: 20px !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 0.92rem !important;
  cursor: pointer !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"]:not([hidden]) {
  padding: 36px 42px 34px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block {
  display: grid !important;
  gap: 22px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block > .section-heading {
  max-width: 920px !important;
  margin: 0 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block > .helper-text {
  margin: -8px 0 8px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-summary {
  display: grid !important;
  gap: 22px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-card {
  display: grid !important;
  grid-template-columns: 130px minmax(0, 1fr) 1px 320px !important;
  align-items: center !important;
  gap: 28px !important;
  min-height: 186px !important;
  padding: 22px 28px !important;
  border: 1px solid #aeeeda !important;
  border-radius: 12px !important;
  background: linear-gradient(115deg, #f7fffb 0%, #effdf8 58%, #ffffff 100%) !important;
  box-shadow: var(--bs-card-shadow) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-icon,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action i,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-card-icon,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-note-icon {
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #ddf8ed !important;
  color: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-icon {
  width: 110px !important;
  height: 110px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-icon .export-card-icon-svg {
  width: 66px !important;
  height: 66px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-copy h4 {
  margin: 0 0 12px !important;
  color: var(--bs-ink) !important;
  font-size: 1.54rem !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-copy p {
  max-width: 780px !important;
  margin: 0 !important;
  color: var(--bs-text) !important;
  font-size: 0.98rem !important;
  line-height: 1.46 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-divider {
  width: 1px !important;
  height: 116px !important;
  background: var(--bs-soft-line) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 86px !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 126px !important;
  padding: 22px 24px !important;
  border: 1px solid var(--bs-line) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-count {
  display: block !important;
  color: var(--bs-mint-dark) !important;
  font-size: 3rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action p {
  margin: 8px 0 0 !important;
  color: var(--bs-text) !important;
  font-size: 1rem !important;
  line-height: 1.28 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action i,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-card-icon,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-note-icon {
  width: 74px !important;
  height: 74px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-card-icon.is-warn,
body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-note-icon.is-warn {
  background: #fff1df !important;
  color: #d97706 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-card-icon-svg {
  width: 38px !important;
  height: 38px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-summary > .advanced-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 22px !important;
  min-height: 202px !important;
  padding: 28px 26px !important;
  border-radius: 12px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card strong {
  display: block !important;
  margin: 0 0 12px !important;
  color: var(--bs-ink) !important;
  font-size: 1.86rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card.is-warn strong {
  color: #ea6a00 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card p {
  margin: 0 !important;
  color: var(--bs-text) !important;
  font-size: 0.86rem !important;
  line-height: 1.42 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes article {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 148px !important;
  padding: 26px 24px !important;
  border-radius: 12px !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes strong {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--bs-ink) !important;
  font-size: 1.08rem !important;
  font-weight: 850 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes p {
  margin: 0 !important;
  color: var(--bs-text) !important;
  font-size: 0.92rem !important;
  line-height: 1.42 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-button {
  justify-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: min(360px, 100%) !important;
  min-height: 58px !important;
  margin-top: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #10b981 0%, #078b5c 100%) !important;
  color: #ffffff !important;
  font-size: 1.04rem !important;
  font-weight: 850 !important;
  box-shadow: 0 20px 46px rgba(7, 139, 92, 0.22) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-button::before {
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] #exportStatus {
  justify-self: center !important;
  max-width: 760px !important;
  margin: -6px 0 0 !important;
  color: var(--bs-text) !important;
  font-size: 0.9rem !important;
  text-align: center !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] #exportStatus::before {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
  vertical-align: -3px !important;
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect x='5.5' y='10' width='13' height='10' rx='2'/%3E%3Cpath d='M8.5 10V7a3.5 3.5 0 0 1 7 0v3'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect x='5.5' y='10' width='13' height='10' rx='2'/%3E%3Cpath d='M8.5 10V7a3.5 3.5 0 0 1 7 0v3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mobile-detail {
  display: none !important;
}

@media (max-width: 760px) {
  body:has(#dashboard:not([hidden])) .advanced-panel.data-quality-dashboard[data-panel="dataQuality"]:not([hidden]),
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"]:not([hidden]) {
    padding: 10px !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-card-grid,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-summary > .advanced-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid {
    display: contents !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityTraffic {
    grid-column: 1 / -1 !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-summary-card,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 9px !important;
    min-height: 92px !important;
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-card-icon {
    width: 34px !important;
    height: 34px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-summary-card span:not(.quality-card-icon),
  body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card span:not(.quality-card-icon),
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card > div > span {
    margin-bottom: 5px !important;
    font-size: 0.54rem !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-summary-card strong,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card strong {
    margin-bottom: 5px !important;
    font-size: clamp(1rem, 5vw, 1.28rem) !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-summary-card p,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightGrid .insight-card p,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card p,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes p {
    font-size: 0.58rem !important;
    line-height: 1.18 !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-heading-row,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard > .advanced-grid,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-lower-grid,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-composition,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-heading-row .section-heading h3,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .section-heading h3 {
    font-size: 1.34rem !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .data-quality-heading-row .helper-text,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block > .helper-text {
    font-size: 0.82rem !important;
    line-height: 1.34 !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    min-height: 96px !important;
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card .mobile-quality-ring,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score .mobile-quality-ring {
    width: 58px !important;
    height: 58px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .analysis-block {
    padding: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .analysis-block .section-heading {
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.info-item-with-icon {
    grid-template-columns: 32px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item-icon {
    width: 28px !important;
    height: 28px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.info-item-with-icon > div strong,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes strong {
    font-size: 0.72rem !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.info-item-with-icon > div span,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-bullets span {
    font-size: 0.62rem !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .status-pill {
    min-width: 52px !important;
    padding: 6px 7px !important;
    font-size: 0.62rem !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    justify-items: start !important;
    align-items: center !important;
    padding: 0 0 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--bs-soft-line) !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score .mobile-quality-ring {
    grid-row: 1 / span 2 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .secure-export-block,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-summary {
    gap: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-card {
    grid-template-columns: minmax(0, 1fr) 72px !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 14px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-icon,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-divider,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action i {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-copy h4 {
    font-size: 1rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-copy p {
    font-size: 0.66rem !important;
    line-height: 1.22 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    min-height: 72px !important;
    padding: 8px !important;
    text-align: left !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-count {
    font-size: 1.18rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-briefing-action p {
    font-size: 0.58rem !important;
    line-height: 1.12 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 12px !important;
    text-align: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card .export-card-icon,
  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-note-icon {
    width: 34px !important;
    height: 34px !important;
    justify-self: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-card-icon-svg {
    width: 18px !important;
    height: 18px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-feature-card strong {
    margin-bottom: 6px !important;
    font-size: 1.02rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .clean-export-notes article {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] .export-button {
    min-height: 42px !important;
    font-size: 0.84rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="export"] #exportStatus {
    font-size: 0.68rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-selected-panel {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mobile-detail {
    display: block !important;
    padding: 12px !important;
    border: 1px solid #ffb09d !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #fff8f5 0%, #ffffff 100%) !important;
    box-shadow: var(--bs-card-shadow) !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mobile-close {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--bs-mint-dark) !important;
    font-size: 0.72rem !important;
    font-weight: 850 !important;
  }
}

/* Optimisation QA polish: remove small desktop Income clipping flagged by real-data audit. */
@media (min-width: 761px) {
  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-ring-card {
    min-height: 318px !important;
    overflow: visible !important;
  }

  body:has(#dashboard:not([hidden])) #advancedIncomeDashboard .income-bonus-panel {
    min-height: 90px !important;
    overflow: visible !important;
  }
}

/* Final polish pass: responsive home, header alignment, and targeted chart/status fixes. */
@media (min-width: 761px) {
  .advanced-tab::after,
  .home-nav-tab::after {
    bottom: 16px !important;
  }

  .mobile-menu-action[data-mobile-action="files"],
  .home-add-files {
    align-items: center !important;
    gap: 8px !important;
    line-height: 1 !important;
  }

  .nav-file-label-full,
  .nav-file-label-short {
    align-items: center !important;
    line-height: 1 !important;
  }

  .mobile-files-icon {
    flex: 0 0 19px !important;
    width: 19px !important;
    height: 19px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.5h6.8L19 8.7V20a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V5a1.5 1.5 0 0 1 1.5-1.5Z'/%3E%3Cpath d='M13.5 3.7V9h5.3'/%3E%3Cpath d='M8.5 13h7'/%3E%3Cpath d='M8.5 16.5h5.2'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.5h6.8L19 8.7V20a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 5 20V5a1.5 1.5 0 0 1 1.5-1.5Z'/%3E%3Cpath d='M13.5 3.7V9h5.3'/%3E%3Cpath d='M8.5 13h7'/%3E%3Cpath d='M8.5 16.5h5.2'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  .mobile-files-icon::before,
  .mobile-files-icon::after {
    content: none !important;
    display: none !important;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav {
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 18px !important;
    gap: 10px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .mobile-brand-mark {
    grid-template-columns: 34px max-content !important;
    min-width: 205px !important;
    margin-right: auto !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .mobile-brand-mark svg {
    width: 34px !important;
    height: 40px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .mobile-brand-mark span {
    font-size: 0.98rem !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .mobile-nav-toggle {
    order: 3 !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.09) !important;
    color: #ffffff !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .mobile-nav-list {
    position: absolute !important;
    top: 72px !important;
    right: 18px !important;
    left: 18px !important;
    z-index: 90 !important;
    display: none !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid rgba(16, 18, 24, 0.1) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 18px 44px rgba(16, 18, 24, 0.2) !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav.is-mobile-open .mobile-nav-list {
    display: grid !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .home-nav-tab {
    display: inline-flex !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid var(--bs-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: var(--bs-ink) !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-brand-nav .home-nav-tab::after {
    display: none !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-add-files {
    order: 2 !important;
    min-width: 102px !important;
    height: 42px !important;
    margin-left: 0 !important;
    padding: 0 13px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-add-files .nav-file-label-full {
    display: none !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-add-files .nav-file-label-short {
    display: inline-flex !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy {
    padding: 14px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-hero-card {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 26px 30px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-hero-visual {
    display: none !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy h2 {
    max-width: 720px !important;
    font-size: clamp(2.2rem, 5vw, 2.72rem) !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy .lede {
    max-width: 740px !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-copy-grid,
  body:not(:has(#dashboard:not([hidden]))) .home-feature-strip,
  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip {
    grid-template-columns: 1fr !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-feature-strip article,
  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip article {
    border-right: 0 !important;
    border-bottom: 1px solid var(--bs-line) !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .home-feature-strip article:last-child,
  body:not(:has(#dashboard:not([hidden]))) .home-disclaimer-strip article:last-child {
    border-bottom: 0 !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .export-help-card {
    grid-template-columns: 1fr !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .export-help-card ol {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(:has(#dashboard:not([hidden]))) .export-help-card aside {
    padding: 18px 0 0 !important;
    border-top: 1px solid var(--bs-line) !important;
    border-left: 0 !important;
  }
}

@media (min-width: 761px) and (max-width: 1280px) {
  body:has(#dashboard:not([hidden])) .advanced-tabs {
    gap: 16px !important;
    padding: 0 18px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark {
    min-width: 184px !important;
    margin-right: 8px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark span {
    font-size: 1rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab {
    font-size: 0.84rem !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .nav-long {
    display: none !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .nav-short {
    display: inline !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"] {
    min-width: 142px !important;
    padding: 0 14px !important;
  }
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail {
  grid-template-columns: minmax(0, 1.35fr) minmax(500px, 0.9fr) !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-selected-panel {
  min-width: 0 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mini-chart {
  width: 100% !important;
  min-width: 0 !important;
}

body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mini-chart svg {
  display: block !important;
  width: 100% !important;
  height: clamp(146px, 13vw, 178px) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.status-tone-good .event-item-icon,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .status-pill.status-tone-good {
  background: #ddf8ed !important;
  color: var(--bs-mint-dark) !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.status-tone-warn .event-item-icon,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .status-pill.status-tone-warn {
  background: #fff1d9 !important;
  color: #f07800 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.status-tone-risk .event-item-icon,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .status-pill.status-tone-risk {
  background: #ffe2df !important;
  color: #ff4d37 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .event-item.status-tone-neutral .event-item-icon,
body:has(#dashboard:not([hidden])) .data-quality-dashboard .status-pill.status-tone-neutral {
  background: #eef2f7 !important;
  color: #596272 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-link-button {
  align-self: start !important;
  justify-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}

body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightList {
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
}

@media (max-width: 760px) {
  .mobile-menu-action[data-mobile-action="files"],
  .home-add-files {
    justify-content: center !important;
    gap: 0 !important;
    padding: 0 13px !important;
    line-height: 1 !important;
  }

  .mobile-menu-action[data-mobile-action="files"] .mobile-files-icon,
  .home-add-files .mobile-files-icon {
    display: none !important;
  }

  .mobile-menu-action[data-mobile-action="files"] .nav-file-label-short,
  .home-add-files .nav-file-label-short {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border-radius: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab {
    min-height: 34px !important;
    padding: 0 8px !important;
    text-align: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-tab span {
    display: block !important;
    width: 100% !important;
    font-size: clamp(0.62rem, 2.9vw, 0.74rem) !important;
    line-height: 1.05 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-detail {
    grid-template-columns: 1fr !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel[data-panel="irregular"]:not([hidden]) .watchlist-mini-chart svg {
    height: 164px !important;
  }

  body:has(#dashboard:not([hidden])) .advanced-panel.data-quality-dashboard[data-panel="dataQuality"]:not([hidden]) {
    gap: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card .mobile-quality-ring,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score .mobile-quality-ring {
    display: grid !important;
    place-items: center !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    min-height: 68px !important;
    overflow: hidden !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card .mobile-quality-ring::before,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score .mobile-quality-ring::before {
    inset: 10px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card .mobile-quality-ring strong,
  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score .mobile-quality-ring strong {
    font-size: 1rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-confidence-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-insight-score {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    min-height: 100px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard #dataQualityInsightList {
    gap: 12px !important;
  }

  body:has(#dashboard:not([hidden])) .data-quality-dashboard .quality-link-button {
    display: inline-flex !important;
    align-items: center !important;
    align-self: start !important;
    justify-self: start !important;
    width: fit-content !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 12px !important;
    padding: 0 !important;
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
  }
}

/* Business route final nav fit pass: keep the post-import header readable before it switches to mobile. */
@media (min-width: 761px) and (max-width: 1500px) {
  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs {
    gap: clamp(12px, 1.1vw, 18px) !important;
    padding: 0 14px !important;
  }

  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark {
    grid-template-columns: 36px max-content !important;
    gap: 10px !important;
    min-width: 184px !important;
    margin-right: 4px !important;
  }

  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark svg {
    width: 38px !important;
    height: 46px !important;
  }

  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs .mobile-brand-mark span {
    font-size: 1rem !important;
  }

  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs .mobile-nav-list {
    gap: clamp(12px, 1.1vw, 18px) !important;
  }

  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab:not(.mobile-menu-action) {
    font-size: clamp(0.8rem, 0.68vw, 0.86rem) !important;
  }

  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab .nav-long {
    display: none !important;
  }

  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs .advanced-tab .nav-short {
    display: inline !important;
  }

  body.business-scanner:has(#dashboard:not([hidden])) .advanced-tabs .mobile-menu-action[data-mobile-action="files"] {
    min-width: 136px !important;
    padding: 0 13px !important;
    font-size: 0.86rem !important;
  }
}

/* Final concept overrides must sit after the older scanner overrides. */
body.concept-scanner [hidden] {
  display: none !important;
}

body.concept-scanner .concept-empty-state,
body.concept-scanner #dashboard,
body.concept-scanner #previewPanel,
body.concept-scanner #mappingPanel {
  width: auto !important;
  max-width: none !important;
}

@media (min-width: 761px) {
  body.concept-scanner .concept-workspace {
    grid-template-columns: 190px minmax(0, 1fr) !important;
  }

  body.concept-scanner .concept-sidebar {
    padding: 34px 18px 18px !important;
  }

  body.concept-scanner .concept-brand strong {
    font-size: 1.55rem !important;
  }

  body.concept-scanner .concept-brand span {
    font-size: 0.9rem !important;
  }

  body.concept-scanner .concept-side-card {
    min-height: 90px !important;
    padding: 15px 12px !important;
    gap: 10px !important;
  }

  body.concept-scanner .concept-tabs {
    gap: 0 !important;
    padding: 0 !important;
  }

  body.concept-scanner .concept-tabs .mobile-nav-list {
    gap: 0 !important;
  }

  body.concept-scanner .concept-tabs .advanced-tab:not(.mobile-menu-action) {
    min-width: 0 !important;
    padding: 0 8px !important;
    font-size: clamp(0.78rem, 0.95vw, 0.9rem) !important;
  }

  body.concept-scanner .concept-tabs .mobile-menu-action {
    display: none !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-tabs {
    min-height: 56px !important;
    padding: 0 !important;
    gap: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--concept-border) !important;
    box-shadow: none !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-tabs .mobile-nav-list {
    display: flex !important;
    position: static !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-tabs .advanced-tab:not(.mobile-menu-action) {
    display: inline-flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #243047 !important;
    font-size: clamp(0.78rem, 0.95vw, 0.9rem) !important;
    font-weight: 520 !important;
    justify-content: center !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-tabs .advanced-tab.is-active {
    color: #101828 !important;
    border-bottom-color: var(--concept-teal) !important;
    font-weight: 650 !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-tabs .mobile-menu-action,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-tabs .mobile-nav-toggle {
    display: none !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-import-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.15fr) !important;
    gap: 12px !important;
    padding: 20px 20px 0 !important;
    align-items: stretch !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-import-card,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-profile-card {
    min-height: 226px !important;
    padding: 17px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid var(--concept-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--concept-shadow) !important;
    display: block !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-import-card .section-heading {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    margin: 0 0 14px !important;
    opacity: 1 !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-import-card .section-heading h2 {
    display: block !important;
    color: var(--concept-text) !important;
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
    font-weight: 720 !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-drop-zone {
    position: static !important;
    width: 100% !important;
    min-height: 140px !important;
    border: 2px dashed #9caec0 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 22px !important;
    color: #1d2939 !important;
    overflow: visible !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-drop-zone .drop-mark {
    width: 56px !important;
    height: 42px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #26364e !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-drop-zone .drop-mark svg {
    display: block !important;
    width: 56px !important;
    height: 48px !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-drop-zone strong {
    min-width: 162px !important;
    height: 42px !important;
    padding: 0 22px !important;
    border-radius: 5px !important;
    background: linear-gradient(135deg, #007d78, #005f5c) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-file-meta {
    position: static !important;
    margin: 12px 0 8px !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--concept-border) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: var(--concept-text) !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) max-content 24px !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) #clearButton {
    display: none !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) #dashboard {
    margin: 16px 20px 0 !important;
    width: auto !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .advanced-panels,
  body.concept-scanner:has(#dashboard:not([hidden])) .advanced-panel,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-overview-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .advanced-panel[hidden] {
    display: none !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-review-dashboard,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-recent-card,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-export-strip,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-mini-panel {
    width: auto !important;
    max-width: none !important;
    background: #ffffff !important;
    border: 1px solid var(--concept-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--concept-shadow) !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-export-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) 168px !important;
    gap: 12px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #dashboard .advanced-panels > .advanced-panel.concept-overview-panel[data-panel="overview"] {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #dashboard .concept-overview-panel > .concept-card,
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #dashboard .concept-overview-panel > .concept-card-grid {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody tr,
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td {
    background: #ffffff !important;
    color: #253047 !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table {
    min-width: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
    font-size: 0.72rem !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th,
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td {
    padding: 8px 5px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(2),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(2) {
    width: 150px !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(1),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(1) {
    width: 70px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(3),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(3) {
    width: 68px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(4),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(4) {
    width: 92px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(5),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(5) {
    width: 84px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(6),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(6),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(7),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(7),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(8),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(8) {
    width: 70px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table th:nth-child(9),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table td:nth-child(9) {
    width: 64px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-metric strong {
    font-size: clamp(1.12rem, 1.35vw, 1.45rem) !important;
  }
}

@media (max-width: 760px) {
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-import-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-import-card,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-profile-card {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid var(--concept-border) !important;
    border-radius: 8px !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-drop-zone {
    position: static !important;
    width: 100% !important;
    min-height: 136px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 18px !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-file-meta {
    position: static !important;
    width: 100% !important;
    margin: 10px 0 8px !important;
    background: #ffffff !important;
    color: var(--concept-text) !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) max-content 24px !important;
    gap: 8px !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) #clearButton {
    display: none !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) #dashboard {
    width: auto !important;
    margin: 0 12px 12px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #dashboard .advanced-panels > .advanced-panel.concept-overview-panel[data-panel="overview"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-metric-grid,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-card-grid,
  body.concept-scanner:has(#dashboard:not([hidden])) .concept-export-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) .concept-metric {
    min-height: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: var(--concept-text) !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody tr,
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td {
    background: #ffffff !important;
    color: #253047 !important;
  }

  body.concept-scanner:has(#dashboard:not([hidden])) #conceptExportButton {
    min-height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #ffffff !important;
    font-weight: 720 !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table-wrap {
    overflow: visible !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    font-size: 0.8rem !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table thead {
    display: none !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody {
    display: grid !important;
    gap: 8px !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody tr {
    display: grid !important;
    gap: 5px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid var(--concept-border) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 1px 0 !important;
    border: 0 !important;
    overflow: visible !important;
    text-align: right !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td::before {
    content: attr(data-label);
    color: var(--concept-muted) !important;
    font-size: 0.7rem !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(1),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(2),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(3),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(4),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(5),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(6),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(7),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(8),
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table tbody td:nth-child(9) {
    width: 100% !important;
    max-width: none !important;
  }

  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table .concept-pill,
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table .concept-vat-pill,
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .concept-table .concept-review-pill {
    justify-self: end !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] > .analysis-block {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.concept-scanner .concept-main,
body.concept-scanner #advancedView,
body.concept-scanner #dashboard,
body.concept-scanner .advanced-panels,
body.concept-scanner .advanced-panel {
  max-width: 100% !important;
  overflow-x: clip !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-controls {
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: repeat(auto-fit, minmax(138px, 1fr)) !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-controls > *,
body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-controls input,
body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .explorer-controls select {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) .advanced-panel[data-panel="explorer"] .table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow: auto !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable th,
body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable td {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable th[data-column="date"],
body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable td[data-column="date"] {
  width: 92px !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable th[data-column="type"],
body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable td[data-column="type"] {
  width: 170px !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable th[data-column="category"],
body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable td[data-column="category"] {
  width: 170px !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable th[data-column="amount"],
body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable td[data-column="amount"] {
  width: 112px !important;
}

body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable th[data-column="balance"],
body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable td[data-column="balance"] {
  width: 112px !important;
}

@media (max-width: 1100px) and (min-width: 761px) {
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable th[data-column="balance"],
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable td[data-column="balance"] {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body.concept-scanner.business-scanner:has(#dashboard:not([hidden])) #spendingExplorerTable {
    min-width: 0 !important;
  }
}