/* MOPMMF Dashboard — finance, cool slate/navy/teal */
:root {
  /* Surfaces — cool navy */
  --bg: #0a1626;
  --bg-elev: #0f1f33;
  --surface: #122a44;
  --surface-2: #163255;
  --border: #1f3a5c;
  --border-soft: #1a2e48;

  /* Text */
  --text: #e6ecf4;
  --text-muted: #9fb2c9;
  --text-faint: #6b7e96;

  /* Accents */
  --teal: #67e8d7; /* primary accent */
  --teal-dim: #2bb8a6;
  --teal-deep: #0f766e;
  --slate: #5b7ca4;
  --gold: #e0b341;
  --rose: #e07a8b;
  --err: #f08089;

  /* Series — cool family */
  --c1: #67e8d7;
  --c2: #4fb6d9;
  --c3: #3c7fb8;
  --c4: #2e5187;
  --c5: #6f90bd;
  --c6: #b7d6e8;
  --c7: #e0b341;
  --c8: #c26a75;

  --radius: 10px;
  --radius-sm: 6px;
  --pad: clamp(16px, 2vw, 24px);
  --maxw: 1680px;

  --font-sans: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Recurring tints promoted to tokens */
  --ice: #dff9fb;
  --mist: #f4f7fb;
}

.fund-simulation-page .scenario-control-grid {
  grid-template-columns:
    minmax(110px, 1.25fr) minmax(70px, 0.75fr) minmax(105px, 1fr) minmax(105px, 1fr)
    minmax(105px, 1fr) minmax(80px, 0.75fr) !important;
  gap: 7px !important;
}

.fund-simulation-page .scenario-control-grid label:first-child {
  grid-column: 1 / -1 !important;
}

.fund-simulation-page .scenario-actions {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
}

.added-scenario-deals {
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: #151820 !important;
  overflow: hidden !important;
}

.added-scenario-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px;
  border-bottom: 1px solid #252a34;
}

.added-scenario-head span {
  color: #8b94a3;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.added-scenario-head small,
.empty-added-deals {
  color: #8f99a8;
  font-size: 10px;
}

.added-scenario-table-wrap {
  overflow-x: auto;
}

.added-scenario-table {
  min-width: 640px;
}

.added-scenario-table th,
.added-scenario-table td {
  padding: 7px 8px !important;
  font-size: 10px !important;
}

.added-scenario-table td:nth-child(2) {
  color: #f8fafc;
  font-weight: 800;
}

.added-scenario-table td:nth-child(6) {
  color: var(--gold);
  font-weight: 900;
}

.empty-added-deals {
  text-align: center !important;
  padding: 12px !important;
}

@media (max-width: 1400px) {
  .fund-simulation-page .scenario-control-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Final readability lift: applied after all compact dashboard overrides */
body,
body.fund-simulation-page,
body.calendar-page,
body.portfolio-page,
body.rate-sheet-page {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.card-head h1,
.portfolio-only-card h1,
.editable-rate-panel h1,
.calendar-only-card h1 {
  font-size: 24px !important;
}

.card-sub,
.workbook-drop-zone small,
.workbook-upload-status {
  font-size: 12px !important;
}

.eyebrow,
.upload-kicker,
.portfolio-inline-kpis span,
.scenario-control-grid label span,
.limit-summary-table th,
.weekly-maturity-table th,
.data-table th,
.deposit-register-table th,
.added-scenario-head span {
  font-size: 10px !important;
}

.portfolio-inline-kpis article {
  min-height: 76px !important;
  padding: 15px 16px !important;
}

.portfolio-inline-kpis strong,
.scenario-result-grid strong {
  font-size: 19px !important;
}

.portfolio-inline-kpis small,
.scenario-result-grid small,
.added-scenario-head small,
.empty-added-deals {
  font-size: 11px !important;
}

.scenario-result-grid article {
  padding: 14px 15px !important;
}

.scenario-control-grid select,
.scenario-control-grid input,
.subscription-input-row select,
.editable-rate-table input,
.portfolio-mini-input,
.sim-input {
  min-height: 35px !important;
  font-size: 12px !important;
  padding: 7px 9px !important;
}

.scenario-actions button,
.week-view-button,
.calendar-link-button,
.rate-sheet-actions button {
  min-height: 34px !important;
  font-size: 12px !important;
  padding: 7px 10px !important;
}

.fund-simulation-page #applyScenarioBatch {
  justify-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid rgba(86, 185, 193, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.12) !important;
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  padding: 7px 12px !important;
  box-shadow: none !important;
}

.fund-simulation-page #applyScenarioBatch:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.82) !important;
  background: rgba(86, 185, 193, 0.2) !important;
  color: var(--ice) !important;
}

.data-table,
.deposit-register-table,
.weekly-maturity-table,
.limit-summary-table,
.editable-rate-table {
  font-size: 12px !important;
}

.data-table th,
.deposit-register-table th,
.weekly-maturity-table th,
.limit-summary-table th,
.editable-rate-table th {
  height: 36px !important;
}

.data-table td,
.deposit-register-table td,
.weekly-maturity-table td,
.limit-summary-table td,
.editable-rate-table td {
  padding: 10px 11px !important;
}

.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  padding: 12px 14px !important;
  border-top: 1px solid rgba(86, 185, 193, 0.3) !important;
  border-bottom: 1px solid rgba(86, 185, 193, 0.16) !important;
  background: linear-gradient(
    90deg,
    rgba(86, 185, 193, 0.13),
    rgba(86, 185, 193, 0.035)
  ) !important;
  color: #7fd8df !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  padding: 15px 14px !important;
  border-top: 1px solid rgba(253, 171, 67, 0.45) !important;
  border-bottom: 1px solid rgba(253, 171, 67, 0.28) !important;
  background: linear-gradient(90deg, rgba(253, 171, 67, 0.22), rgba(86, 185, 193, 0.1)) !important;
  color: #ffd27a !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.week-date-range {
  font-size: 11px !important;
}

.week-signal-low {
  font-size: 9px !important;
  padding: 3px 7px !important;
}

.added-scenario-head {
  padding: 11px 12px !important;
}

.added-scenario-table th,
.added-scenario-table td {
  padding: 8px 9px !important;
  font-size: 11px !important;
}

@media (min-width: 1020px) {
  .calendar-page .brand-name,
  .fund-simulation-page .brand-name,
  .portfolio-page .brand-name,
  .rate-sheet-page .brand-name {
    font-size: 14px !important;
  }

  .calendar-page .site-nav a,
  .fund-simulation-page .site-nav a,
  .portfolio-page .site-nav a,
  .rate-sheet-page .site-nav a {
    font-size: 12px !important;
  }
}

/* Simulation KPI layout with scenario idle-cash detail */
.fund-simulation-page .scenario-result-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.fund-simulation-page .scenario-cash-card small {
  line-height: 1.35 !important;
}

.fund-simulation-page .scenario-cash-card em,
.fund-simulation-page .scenario-cash-card b {
  font-style: normal !important;
  font-weight: 900 !important;
}

.fund-simulation-page .scenario-cash-card b {
  color: #e9f3f7 !important;
}

.fund-simulation-page .scenario-cash-card .scenario-cash-capacity-line {
  margin-top: 4px !important;
  padding-top: 5px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
  color: #9ca3af !important;
}

.fund-simulation-page .scenario-cash-card #scenarioCashCapacity {
  font-size: 12px !important;
  letter-spacing: 0.01em !important;
}

.fund-simulation-page .scenario-cash-flow-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(112px, 0.45fr) auto !important;
  align-items: end !important;
}

.top-holdings-main {
  max-width: min(1580px, calc(100vw - 32px));
}

.top-holdings-panel {
  overflow: hidden;
}

.top-holding-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.top-holding-kpis article {
  border: 1px solid rgba(103, 232, 215, 0.18);
  background: linear-gradient(145deg, rgba(18, 35, 52, 0.94), rgba(9, 18, 30, 0.96));
  border-radius: 18px;
  padding: 15px 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.top-holding-kpis span,
.top-holding-kpis small {
  display: block;
  color: rgba(223, 237, 245, 0.68);
  font-size: 0.78rem;
}

.top-holding-kpis strong {
  display: block;
  margin: 5px 0 4px;
  color: #f7fbff;
  font-size: clamp(1rem, 1.6vw, 1.35rem);
}

.top-holding-status-row {
  display: flex;
  justify-content: flex-end;
  margin: -4px 0 10px;
  min-height: 20px;
  color: rgba(223, 237, 245, 0.66);
  font-size: 0.82rem;
}

.top-holding-status-row .is-success,
#topHoldingSaveStatus.is-success {
  color: #72e2ad;
}

.top-holding-status-row .is-error,
#topHoldingSaveStatus.is-error {
  color: #ff9b9b;
}

.top-holding-table-wrap {
  overflow-x: auto;
}

.top-holding-table th,
.top-holding-table td {
  vertical-align: middle;
}

.top-holding-input,
.top-holding-select {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.055);
  color: #f7fbff;
  padding: 9px 10px;
  font: inherit;
  outline: none;
}

.top-holding-select,
.top-holding-select option {
  background-color: #07111f;
  color: #f7fbff;
}

.top-holding-input.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.top-holding-input:focus,
.top-holding-select:focus {
  border-color: rgba(103, 232, 215, 0.7);
  box-shadow: 0 0 0 3px rgba(103, 232, 215, 0.12);
}

.top-holding-delete {
  padding: 7px 11px !important;
  font-size: 0.76rem !important;
}

.top-holding-readonly-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  border: 1px solid rgba(103, 232, 215, 0.2);
  border-radius: 999px;
  background: rgba(103, 232, 215, 0.08);
  color: #dff7f4;
  padding: 7px 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.top-holding-modal[hidden] {
  display: none !important;
}

.top-holding-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(4, 10, 18, 0.72);
  backdrop-filter: blur(14px);
}

.top-holding-dialog {
  width: min(560px, 100%);
  border: 1px solid rgba(103, 232, 215, 0.2);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(14, 27, 43, 0.98), rgba(7, 14, 25, 0.98));
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  padding: 22px;
}

.top-holding-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.top-holding-dialog-head h2 {
  margin: 2px 0 0;
  color: #f7fbff;
  font-size: 1.35rem;
  letter-spacing: -0.02em;
}

.top-holding-modal-close {
  padding: 7px 12px !important;
  font-size: 0.76rem !important;
}

.top-holding-form {
  display: grid;
  grid-template-columns: 1fr 140px;
  gap: 14px;
}

.top-holding-form label {
  display: grid;
  gap: 7px;
  color: rgba(223, 237, 245, 0.72);
  font-size: 0.78rem;
  letter-spacing: 0.01em;
}

.top-holding-form-notes,
.top-holding-form-preview,
.top-holding-dialog-actions {
  grid-column: 1 / -1;
}

.top-holding-form-preview {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(223, 237, 245, 0.76);
  padding: 10px 12px;
  font-size: 0.86rem;
}

.top-holding-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 2px;
}

.top-holding-dialog-actions .primary-action {
  background: linear-gradient(
    135deg,
    rgba(103, 232, 215, 0.92),
    rgba(69, 183, 201, 0.95)
  ) !important;
  color: #05131d !important;
  border-color: rgba(103, 232, 215, 0.45) !important;
}

body.top-holding-modal-open {
  overflow: hidden;
}

@media (max-width: 980px) {
  .top-holding-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .top-holding-kpis {
    grid-template-columns: 1fr;
  }

  .top-holding-form {
    grid-template-columns: 1fr;
  }
}

.fund-simulation-page .net-cash-flow-equivalent {
  align-self: center !important;
  margin-left: -2px !important;
  color: #8aa0aa !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.fund-simulation-page .net-cash-flow-equivalent b {
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

@media (max-width: 1180px) {
  .fund-simulation-page .scenario-cash-flow-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .fund-simulation-page .scenario-cash-flow-row {
    grid-template-columns: 1fr !important;
  }
}

/* NAV page: history plot should stretch to the available viewport width */
.nav-page .subscription-redemption-main {
  width: 100% !important;
  max-width: none !important;
}

.nav-page .subscription-redemption-card {
  width: 100% !important;
  max-width: none !important;
}

.nav-page .sub-red-chart-grid-single,
.nav-page .nav-history-card,
.nav-page .nav-history-chart {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.nav-page .nav-history-card {
  display: block !important;
}

.nav-page .nav-history-chart svg {
  width: 100% !important;
  max-width: none !important;
}

/* Keep daily save + workbook controls compact at the bottom of the side bar */
@media (min-width: 1020px) {
  .calendar-page .sidebar-utility-stack,
  .fund-simulation-page .sidebar-utility-stack,
  .portfolio-page .sidebar-utility-stack,
  .rate-sheet-page .sidebar-utility-stack,
  .subscription-redemption-page .sidebar-utility-stack,
  .nav-page .sidebar-utility-stack {
    margin-top: auto !important;
    padding: 8px 8px 0 !important;
    border-top: 1px solid #252b38 !important;
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .calendar-page .header-meta,
  .fund-simulation-page .header-meta,
  .portfolio-page .header-meta,
  .rate-sheet-page .header-meta,
  .subscription-redemption-page .header-meta,
  .nav-page .header-meta {
    margin-top: 0 !important;
  }

  .sidebar-utility-stack .sidebar-workbook-upload {
    padding: 0 !important;
    border-top: 0 !important;
    width: 100% !important;
  }

  .sidebar-utility-stack .sidebar-workbook-upload .workbook-upload-card,
  .sidebar-utility-stack .sidebar-snapshot-control {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    border-radius: 9px !important;
    padding: 8px !important;
    background: rgba(11, 15, 24, 0.92) !important;
    border: 1px solid rgba(85, 199, 207, 0.15) !important;
    box-shadow: none !important;
  }

  .sidebar-utility-stack .workbook-upload-card {
    gap: 7px !important;
  }

  .sidebar-utility-stack .workbook-drop-zone {
    padding: 8px 7px !important;
    border-radius: 7px !important;
  }

  .sidebar-utility-stack .workbook-drop-zone strong {
    font-size: 10px !important;
  }

  .sidebar-utility-stack .workbook-upload-status {
    max-height: 36px !important;
  }

  .sidebar-utility-stack .snapshot-control-title {
    font-size: 8px !important;
  }

  .sidebar-utility-stack .snapshot-control-row {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .sidebar-utility-stack .snapshot-pill,
  .sidebar-utility-stack .snapshot-select {
    width: 100% !important;
    min-height: 28px !important;
    padding: 6px 8px !important;
    font-size: 9px !important;
  }

  .sidebar-utility-stack .snapshot-status {
    font-size: 9px !important;
    min-height: 10px !important;
  }
}

/* Final layout guard: keep the current KPI strip above the weekly table. */
.fund-simulation-page #currentPortfolioDateTitle {
  order: 0 !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

.fund-simulation-page .portfolio-inline-kpis {
  order: 1 !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

.fund-simulation-page .fund-sim-left-pane .register-table-wrap {
  order: 2 !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
}

.fund-simulation-page .fund-sim-right-pane {
  order: 3 !important;
  grid-column: 2 !important;
  grid-row: 3 !important;
}

/* Final layout guard: keep the current KPI strip above the weekly table. */
.fund-simulation-page #currentPortfolioDateTitle {
  order: 0 !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

.fund-simulation-page .portfolio-inline-kpis {
  order: 1 !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

.fund-simulation-page .fund-sim-left-pane .register-table-wrap {
  order: 2 !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
}

.fund-simulation-page .fund-sim-right-pane {
  order: 3 !important;
  grid-column: 2 !important;
  grid-row: 3 !important;
}

/* Keep the fund simulation KPI strip in its original top position. */
.fund-simulation-page #currentPortfolioDateTitle {
  order: 0 !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

.fund-simulation-page .portfolio-inline-kpis {
  order: 1 !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

.fund-simulation-page .fund-sim-left-pane .register-table-wrap {
  order: 2 !important;
  grid-column: 1 !important;
  grid-row: 3 !important;
}

.fund-simulation-page .fund-sim-right-pane {
  order: 3 !important;
  grid-column: 2 !important;
  grid-row: 3 !important;
}

.simulation-section-date-title {
  margin: 0 0 8px !important;
  color: var(--ice) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Final button normalization: keep all action controls on the same pill system */
.fund-simulation-page .cash-flow-lock-button,
.fund-simulation-page #applyScenarioBatch,
.fund-simulation-page #resetScenarioPortfolio,
.fund-simulation-page .calendar-link-button,
.fund-simulation-page .week-view-button,
.fund-simulation-page .renew-maturity-button,
.fund-simulation-page .scenario-actions button,
.fund-simulation-page .scenario-slot-actions button,
.fund-simulation-page .rule-block-foot button,
.fund-simulation-page .renewal-foot button,
.fund-simulation-page .saved-scenario-form button,
.fund-simulation-page .scenario-analysis-head button,
.fund-simulation-page .saved-scenario-delete,
.fund-simulation-page .table-sort-button,
.portfolio-page .portfolio-clear-button,
.rate-sheet-page .rate-sheet-actions button,
.rate-sheet-page #resetRateSheet,
.button-row button,
.ghost-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid rgba(86, 185, 193, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.12) !important;
  color: var(--ice) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding: 7px 12px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease !important;
}

.fund-simulation-page .cash-flow-lock-button:hover,
.fund-simulation-page #applyScenarioBatch:hover,
.fund-simulation-page #resetScenarioPortfolio:hover,
.fund-simulation-page .calendar-link-button:hover,
.fund-simulation-page .week-view-button:hover,
.fund-simulation-page .renew-maturity-button:hover,
.fund-simulation-page .scenario-actions button:hover,
.fund-simulation-page .scenario-slot-actions button:hover,
.fund-simulation-page .rule-block-foot button:hover,
.fund-simulation-page .renewal-foot button:hover,
.fund-simulation-page .saved-scenario-form button:hover,
.fund-simulation-page .scenario-analysis-head button:hover,
.fund-simulation-page .saved-scenario-delete:hover,
.fund-simulation-page .table-sort-button:hover,
.portfolio-page .portfolio-clear-button:hover,
.rate-sheet-page .rate-sheet-actions button:hover,
.rate-sheet-page #resetRateSheet:hover,
.button-row button:hover,
.ghost-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.82) !important;
  background: rgba(86, 185, 193, 0.2) !important;
  color: var(--ice) !important;
}

.fund-simulation-page .week-view-button,
.fund-simulation-page .renew-maturity-button,
.fund-simulation-page .scenario-slot-actions button:first-child,
.fund-simulation-page .table-sort-button {
  border-color: rgba(117, 232, 239, 0.28) !important;
  background: rgba(86, 185, 193, 0.08) !important;
  color: #bdeef2 !important;
}

.fund-simulation-page #resetScenarioPortfolio,
.rate-sheet-page #resetRateSheet,
.portfolio-page #clearPortfolioData,
.fund-simulation-page .scenario-slot-actions button:last-child,
.fund-simulation-page .saved-scenario-delete,
.fund-simulation-page .scenario-table [data-delete] {
  border-color: rgba(255, 128, 136, 0.42) !important;
  background: rgba(255, 128, 136, 0.1) !important;
  color: #ffc2c7 !important;
}

.fund-simulation-page #resetScenarioPortfolio:hover,
.rate-sheet-page #resetRateSheet:hover,
.portfolio-page #clearPortfolioData:hover,
.fund-simulation-page .scenario-slot-actions button:last-child:hover,
.fund-simulation-page .saved-scenario-delete:hover,
.fund-simulation-page .scenario-table [data-delete]:hover {
  border-color: rgba(255, 151, 158, 0.78) !important;
  background: rgba(255, 128, 136, 0.18) !important;
  color: #ffe0e2 !important;
}

.fund-simulation-page .scenario-slot-actions {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  padding: 8px 10px 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Final button normalization: keep all action controls on the same pill system */
.fund-simulation-page .cash-flow-lock-button,
.fund-simulation-page #applyScenarioBatch,
.fund-simulation-page #resetScenarioPortfolio,
.fund-simulation-page .calendar-link-button,
.fund-simulation-page .week-view-button,
.fund-simulation-page .renew-maturity-button,
.fund-simulation-page .scenario-actions button,
.fund-simulation-page .scenario-slot-actions button,
.fund-simulation-page .rule-block-foot button,
.fund-simulation-page .renewal-foot button,
.fund-simulation-page .saved-scenario-form button,
.fund-simulation-page .scenario-analysis-head button,
.fund-simulation-page .saved-scenario-delete,
.fund-simulation-page .table-sort-button,
.portfolio-page .portfolio-clear-button,
.rate-sheet-page .rate-sheet-actions button,
.rate-sheet-page #resetRateSheet,
.button-row button,
.ghost-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid rgba(86, 185, 193, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.12) !important;
  color: var(--ice) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding: 7px 12px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease !important;
}

.fund-simulation-page .cash-flow-lock-button:hover,
.fund-simulation-page #applyScenarioBatch:hover,
.fund-simulation-page #resetScenarioPortfolio:hover,
.fund-simulation-page .calendar-link-button:hover,
.fund-simulation-page .week-view-button:hover,
.fund-simulation-page .renew-maturity-button:hover,
.fund-simulation-page .scenario-actions button:hover,
.fund-simulation-page .scenario-slot-actions button:hover,
.fund-simulation-page .rule-block-foot button:hover,
.fund-simulation-page .renewal-foot button:hover,
.fund-simulation-page .saved-scenario-form button:hover,
.fund-simulation-page .scenario-analysis-head button:hover,
.fund-simulation-page .saved-scenario-delete:hover,
.fund-simulation-page .table-sort-button:hover,
.portfolio-page .portfolio-clear-button:hover,
.rate-sheet-page .rate-sheet-actions button:hover,
.rate-sheet-page #resetRateSheet:hover,
.button-row button:hover,
.ghost-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.82) !important;
  background: rgba(86, 185, 193, 0.2) !important;
  color: var(--ice) !important;
}

.fund-simulation-page .week-view-button,
.fund-simulation-page .renew-maturity-button,
.fund-simulation-page .scenario-slot-actions button:first-child,
.fund-simulation-page .table-sort-button {
  border-color: rgba(117, 232, 239, 0.28) !important;
  background: rgba(86, 185, 193, 0.08) !important;
  color: #bdeef2 !important;
}

.fund-simulation-page #resetScenarioPortfolio,
.rate-sheet-page #resetRateSheet,
.portfolio-page #clearPortfolioData,
.fund-simulation-page .scenario-slot-actions button:last-child,
.fund-simulation-page .saved-scenario-delete,
.fund-simulation-page .scenario-table [data-delete] {
  border-color: rgba(255, 128, 136, 0.42) !important;
  background: rgba(255, 128, 136, 0.1) !important;
  color: #ffc2c7 !important;
}

.fund-simulation-page #resetScenarioPortfolio:hover,
.rate-sheet-page #resetRateSheet:hover,
.portfolio-page #clearPortfolioData:hover,
.fund-simulation-page .scenario-slot-actions button:last-child:hover,
.fund-simulation-page .saved-scenario-delete:hover,
.fund-simulation-page .scenario-table [data-delete]:hover {
  border-color: rgba(255, 151, 158, 0.78) !important;
  background: rgba(255, 128, 136, 0.18) !important;
  color: #ffe0e2 !important;
}

.fund-simulation-page .scenario-slot-actions {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  padding: 8px 10px 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Final button normalization: keep all action controls on the same pill system */
.fund-simulation-page .cash-flow-lock-button,
.fund-simulation-page #applyScenarioBatch,
.fund-simulation-page #resetScenarioPortfolio,
.fund-simulation-page .calendar-link-button,
.fund-simulation-page .week-view-button,
.fund-simulation-page .renew-maturity-button,
.fund-simulation-page .scenario-actions button,
.fund-simulation-page .scenario-slot-actions button,
.fund-simulation-page .rule-block-foot button,
.fund-simulation-page .renewal-foot button,
.fund-simulation-page .saved-scenario-form button,
.fund-simulation-page .scenario-analysis-head button,
.fund-simulation-page .saved-scenario-delete,
.fund-simulation-page .table-sort-button,
.portfolio-page .portfolio-clear-button,
.rate-sheet-page .rate-sheet-actions button,
.rate-sheet-page #resetRateSheet,
.button-row button,
.ghost-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid rgba(86, 185, 193, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.12) !important;
  color: var(--ice) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding: 7px 12px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease !important;
}

.fund-simulation-page .cash-flow-lock-button:hover,
.fund-simulation-page #applyScenarioBatch:hover,
.fund-simulation-page #resetScenarioPortfolio:hover,
.fund-simulation-page .calendar-link-button:hover,
.fund-simulation-page .week-view-button:hover,
.fund-simulation-page .renew-maturity-button:hover,
.fund-simulation-page .scenario-actions button:hover,
.fund-simulation-page .scenario-slot-actions button:hover,
.fund-simulation-page .rule-block-foot button:hover,
.fund-simulation-page .renewal-foot button:hover,
.fund-simulation-page .saved-scenario-form button:hover,
.fund-simulation-page .scenario-analysis-head button:hover,
.fund-simulation-page .saved-scenario-delete:hover,
.fund-simulation-page .table-sort-button:hover,
.portfolio-page .portfolio-clear-button:hover,
.rate-sheet-page .rate-sheet-actions button:hover,
.rate-sheet-page #resetRateSheet:hover,
.button-row button:hover,
.ghost-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.82) !important;
  background: rgba(86, 185, 193, 0.2) !important;
  color: var(--ice) !important;
}

.fund-simulation-page .week-view-button,
.fund-simulation-page .renew-maturity-button,
.fund-simulation-page .scenario-slot-actions button:first-child,
.fund-simulation-page .table-sort-button {
  border-color: rgba(117, 232, 239, 0.28) !important;
  background: rgba(86, 185, 193, 0.08) !important;
  color: #bdeef2 !important;
}

.fund-simulation-page #resetScenarioPortfolio,
.rate-sheet-page #resetRateSheet,
.portfolio-page #clearPortfolioData,
.fund-simulation-page .scenario-slot-actions button:last-child,
.fund-simulation-page .saved-scenario-delete,
.fund-simulation-page .scenario-table [data-delete] {
  border-color: rgba(255, 128, 136, 0.42) !important;
  background: rgba(255, 128, 136, 0.1) !important;
  color: #ffc2c7 !important;
}

.fund-simulation-page #resetScenarioPortfolio:hover,
.rate-sheet-page #resetRateSheet:hover,
.portfolio-page #clearPortfolioData:hover,
.fund-simulation-page .scenario-slot-actions button:last-child:hover,
.fund-simulation-page .saved-scenario-delete:hover,
.fund-simulation-page .scenario-table [data-delete]:hover {
  border-color: rgba(255, 151, 158, 0.78) !important;
  background: rgba(255, 128, 136, 0.18) !important;
  color: #ffe0e2 !important;
}

.fund-simulation-page .scenario-slot-actions {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  padding: 8px 10px 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Unified dashboard pill button system */
.cash-flow-lock-button,
.fund-simulation-page #applyScenarioBatch,
.calendar-link-button,
.week-view-button,
.renew-maturity-button,
.rate-sheet-actions button,
.scenario-actions button,
.scenario-slot-actions button,
.rule-block-foot button,
.renewal-foot button,
.saved-scenario-form button,
.scenario-analysis-head button,
.saved-scenario-delete,
.table-sort-button,
.portfolio-clear-button,
.button-row button,
.ghost-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid rgba(86, 185, 193, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.12) !important;
  color: var(--ice) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.15 !important;
  padding: 7px 12px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease !important;
}

.cash-flow-lock-button:hover,
.fund-simulation-page #applyScenarioBatch:hover,
.calendar-link-button:hover,
.week-view-button:hover,
.renew-maturity-button:hover,
.rate-sheet-actions button:hover,
.scenario-actions button:hover,
.scenario-slot-actions button:hover,
.rule-block-foot button:hover,
.renewal-foot button:hover,
.saved-scenario-form button:hover,
.scenario-analysis-head button:hover,
.saved-scenario-delete:hover,
.table-sort-button:hover,
.portfolio-clear-button:hover,
.button-row button:hover,
.ghost-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.82) !important;
  background: rgba(86, 185, 193, 0.2) !important;
  color: var(--ice) !important;
}

.week-view-button,
.renew-maturity-button,
.scenario-slot-actions button:first-child,
.table-sort-button {
  border-color: rgba(117, 232, 239, 0.28) !important;
  background: rgba(86, 185, 193, 0.08) !important;
  color: #bdeef2 !important;
}

#resetScenarioPortfolio,
#resetRateSheet,
#clearPortfolioData,
.scenario-slot-actions button:last-child,
.saved-scenario-delete,
.scenario-table [data-delete],
.portfolio-clear-button {
  border-color: rgba(255, 128, 136, 0.42) !important;
  background: rgba(255, 128, 136, 0.1) !important;
  color: #ffc2c7 !important;
}

#resetScenarioPortfolio:hover,
#resetRateSheet:hover,
#clearPortfolioData:hover,
.scenario-slot-actions button:last-child:hover,
.saved-scenario-delete:hover,
.scenario-table [data-delete]:hover,
.portfolio-clear-button:hover {
  border-color: rgba(255, 151, 158, 0.78) !important;
  background: rgba(255, 128, 136, 0.18) !important;
  color: #ffe0e2 !important;
}

.scenario-actions {
  align-items: center !important;
}

.scenario-actions button {
  justify-self: start !important;
}

.scenario-slot-actions {
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  padding: 8px 10px 10px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.scenario-slot-actions button {
  border-right: 1px solid rgba(86, 185, 193, 0.46) !important;
}

.scenario-slot-actions button:last-child {
  border-right: 1px solid rgba(255, 128, 136, 0.42) !important;
}

.renew-maturity-button {
  border: 1px solid rgba(86, 185, 193, 0.55) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(86, 185, 193, 0.22), rgba(37, 99, 235, 0.18)) !important;
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
  box-shadow:
    0 0 0 1px rgba(86, 185, 193, 0.08),
    0 8px 18px rgba(0, 0, 0, 0.16) !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease !important;
  white-space: nowrap !important;
}

.renew-maturity-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.84) !important;
  background: linear-gradient(135deg, rgba(86, 185, 193, 0.34), rgba(37, 99, 235, 0.24)) !important;
}

.renewed-pill,
.deal-flow-action-muted {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 4px 8px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  white-space: nowrap !important;
}

.renewed-pill {
  border: 1px solid rgba(57, 216, 149, 0.45) !important;
  background: rgba(57, 216, 149, 0.12) !important;
  color: #5ef0ad !important;
}

.deal-flow-action-muted {
  color: #697386 !important;
}

.scenario-flow-date-input,
.scenario-flow-rate-input {
  width: 100% !important;
  min-width: 92px !important;
  border: 1px solid rgba(86, 185, 193, 0.34) !important;
  border-radius: 8px !important;
  background: rgba(5, 11, 20, 0.42) !important;
  color: #e8fbff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 5px 7px !important;
  outline: none !important;
}

.scenario-flow-rate-input {
  min-width: 68px !important;
  text-align: right !important;
}

.scenario-flow-date-input:focus,
.scenario-flow-rate-input:focus {
  border-color: rgba(117, 232, 239, 0.85) !important;
  box-shadow: 0 0 0 2px rgba(86, 185, 193, 0.18) !important;
}

.scenario-flow-static {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 26px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.035) !important;
  color: #eaf7f8 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  padding: 5px 7px !important;
}

td.num .scenario-flow-static {
  justify-content: flex-end !important;
}

.cash-flow-lock-button {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  border: 1px solid rgba(86, 185, 193, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.12) !important;
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 7px 12px !important;
  cursor: pointer !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease !important;
}

.cash-flow-lock-button:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.82) !important;
  background: rgba(86, 185, 193, 0.2) !important;
}

.cash-flow-lock-button.locked {
  border-color: rgba(255, 196, 87, 0.7) !important;
  background: rgba(255, 196, 87, 0.16) !important;
  color: #ffd36d !important;
}

.scenario-cash-flow-row input.cash-flow-locked,
.scenario-cash-flow-row input:disabled.cash-flow-locked {
  border-color: rgba(255, 196, 87, 0.42) !important;
  background: rgba(255, 196, 87, 0.07) !important;
  color: #ffe2a1 !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* Latest override: keep simulation cash inputs separate from deal inputs */
.fund-simulation-page .scenario-control-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.fund-simulation-page .scenario-control-grid label:first-child,
.fund-simulation-page .scenario-control-grid label {
  grid-column: auto !important;
}

.fund-simulation-page .scenario-cash-flow-row,
.fund-simulation-page .scenario-deal-input-row {
  display: grid !important;
  width: 100% !important;
  gap: 8px !important;
}

.fund-simulation-page .scenario-cash-flow-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(112px, 0.45fr) minmax(96px, 0.38fr) !important;
  padding: 9px !important;
  border: 1px solid rgba(86, 185, 193, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(86, 185, 193, 0.055) !important;
}

.fund-simulation-page .net-cash-flow-equivalent {
  align-self: center !important;
  color: #8aa0aa !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}

.fund-simulation-page .net-cash-flow-equivalent b {
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}

.fund-simulation-page .scenario-deal-row-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.fund-simulation-page .scenario-deal-row-title::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(86, 185, 193, 0.45), rgba(86, 185, 193, 0.05)) !important;
}

.fund-simulation-page .scenario-deal-input-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 9px !important;
  border: 1px solid rgba(255, 196, 87, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(255, 196, 87, 0.045) !important;
}

.fund-simulation-page .scenario-cash-flow-row label,
.fund-simulation-page .scenario-deal-input-row label {
  min-width: 0 !important;
}

.fund-simulation-page .scenario-actions {
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

@media (max-width: 1200px) {
  .fund-simulation-page .scenario-cash-flow-row,
  .fund-simulation-page .scenario-deal-input-row {
    grid-template-columns: 1fr !important;
  }
}

/* Latest override: keep simulation cash inputs separate from deal inputs */
.fund-simulation-page .scenario-control-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.fund-simulation-page .scenario-control-grid label:first-child,
.fund-simulation-page .scenario-control-grid label {
  grid-column: auto !important;
}

.fund-simulation-page .scenario-cash-flow-row,
.fund-simulation-page .scenario-deal-input-row {
  display: grid !important;
  width: 100% !important;
  gap: 8px !important;
}

.fund-simulation-page .scenario-cash-flow-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 9px !important;
  border: 1px solid rgba(86, 185, 193, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(86, 185, 193, 0.055) !important;
}

.fund-simulation-page .scenario-deal-row-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.fund-simulation-page .scenario-deal-row-title::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(86, 185, 193, 0.45), rgba(86, 185, 193, 0.05)) !important;
}

.fund-simulation-page .scenario-deal-input-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 9px !important;
  border: 1px solid rgba(255, 196, 87, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(255, 196, 87, 0.045) !important;
}

.fund-simulation-page .scenario-cash-flow-row label,
.fund-simulation-page .scenario-deal-input-row label {
  min-width: 0 !important;
}

.fund-simulation-page .scenario-actions {
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

@media (max-width: 1200px) {
  .fund-simulation-page .scenario-cash-flow-row,
  .fund-simulation-page .scenario-deal-input-row {
    grid-template-columns: 1fr !important;
  }
}

/* Final simulation input separation: net cash flow above, deal input below */
.fund-simulation-page .scenario-control-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.fund-simulation-page .scenario-control-grid label:first-child,
.fund-simulation-page .scenario-control-grid label {
  grid-column: auto !important;
}

.fund-simulation-page .scenario-cash-flow-row,
.fund-simulation-page .scenario-deal-input-row {
  display: grid !important;
  width: 100% !important;
  gap: 8px !important;
}

.fund-simulation-page .scenario-cash-flow-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 9px !important;
  border: 1px solid rgba(86, 185, 193, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(86, 185, 193, 0.055) !important;
}

.fund-simulation-page .scenario-deal-row-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.fund-simulation-page .scenario-deal-row-title::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(86, 185, 193, 0.45), rgba(86, 185, 193, 0.05)) !important;
}

.fund-simulation-page .scenario-deal-input-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 9px !important;
  border: 1px solid rgba(255, 196, 87, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(255, 196, 87, 0.045) !important;
}

.fund-simulation-page .scenario-cash-flow-row label,
.fund-simulation-page .scenario-deal-input-row label {
  min-width: 0 !important;
}

.fund-simulation-page .scenario-actions {
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

@media (max-width: 1200px) {
  .fund-simulation-page .scenario-cash-flow-row,
  .fund-simulation-page .scenario-deal-input-row {
    grid-template-columns: 1fr !important;
  }
}

.scenario-deal-flow {
  order: 0 !important;
}

.fund-simulation-page .portfolio-scenario-box .scenario-result-grid {
  order: 1 !important;
}

.deal-type-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border-radius: 999px !important;
  padding: 3px 8px !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.deal-type-badge::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

.deal-type-badge.new {
  border: 1px solid rgba(57, 216, 149, 0.52) !important;
  background: rgba(57, 216, 149, 0.14) !important;
  color: #39d895 !important;
}

.deal-type-badge.maturity {
  border: 1px solid rgba(241, 138, 150, 0.58) !important;
  background: rgba(241, 138, 150, 0.15) !important;
  color: #ff8f9d !important;
}

.deal-type-badge.renewal {
  border: 1px solid rgba(255, 196, 87, 0.62) !important;
  background: rgba(255, 196, 87, 0.16) !important;
  color: #ffc457 !important;
}

.deal-flow-new {
  background: rgba(57, 216, 149, 0.055) !important;
}

.deal-flow-renewal {
  background: rgba(255, 196, 87, 0.065) !important;
}

.deal-flow-maturity {
  background: rgba(241, 138, 150, 0.055) !important;
}

.added-scenario-table tr.deal-flow-maturity td,
.added-scenario-table tr.deal-flow-new td,
.added-scenario-table tr.deal-flow-renewal td {
  font-weight: 850 !important;
}

.added-scenario-table tr.deal-flow-maturity td {
  background: rgba(241, 138, 150, 0.06) !important;
}

.added-scenario-table tr.deal-flow-new td {
  background: rgba(57, 216, 149, 0.06) !important;
}

.added-scenario-table tr.deal-flow-renewal td {
  background: rgba(255, 196, 87, 0.07) !important;
}

/* Fund Simulation: keep the top scenario panel summary-only, with inputs below capacity */
.fund-simulation-page .portfolio-inline-kpis {
  border: 2px solid rgba(86, 185, 193, 0.48) !important;
  border-radius: 10px !important;
  padding: 5px !important;
  background:
    linear-gradient(
      90deg,
      rgba(86, 185, 193, 0.09),
      rgba(241, 199, 181, 0.06),
      rgba(86, 185, 193, 0.06)
    ),
    rgba(10, 14, 22, 0.78) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.045) inset,
    0 18px 42px rgba(0, 0, 0, 0.22) !important;
}

.fund-simulation-page .portfolio-scenario-box {
  display: grid !important;
  gap: 10px !important;
  border: 2px solid rgba(86, 185, 193, 0.55) !important;
  background:
    radial-gradient(760px 300px at 18% 0%, rgba(86, 185, 193, 0.18), transparent 62%),
    radial-gradient(620px 260px at 100% 20%, rgba(90, 120, 190, 0.12), transparent 58%),
    linear-gradient(180deg, rgba(18, 39, 54, 0.82), rgba(12, 18, 30, 0.98)) !important;
  box-shadow:
    0 0 0 1px rgba(150, 244, 238, 0.075) inset,
    0 18px 48px rgba(0, 0, 0, 0.3),
    0 0 28px rgba(86, 185, 193, 0.08) !important;
}

.fund-simulation-page .portfolio-scenario-box .scenario-result-grid article,
.fund-simulation-page .portfolio-scenario-box .added-scenario-deals {
  background: rgba(9, 16, 28, 0.68) !important;
  border-color: rgba(86, 185, 193, 0.2) !important;
}

.fund-simulation-page .portfolio-rules-box {
  display: grid !important;
  gap: 12px !important;
}

.scenario-working-box {
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(86, 185, 193, 0.055), rgba(15, 18, 25, 0.96)), #121722 !important;
  padding: 12px !important;
}

.scenario-working-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid #252a34 !important;
}

.scenario-working-head span {
  color: #eff6ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.scenario-working-head small {
  color: #8f99a8 !important;
  font-size: 11px !important;
  text-align: right !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 4px !important;
}

.scenario-working-head small em {
  color: inherit !important;
  font-style: normal !important;
}

.shared-scenario-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  border: 1px solid rgba(86, 185, 193, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.1) !important;
  color: #94f1f7 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  padding: 3px 8px !important;
  text-transform: uppercase !important;
}

.shared-scenario-status.saving {
  border-color: rgba(253, 171, 67, 0.45) !important;
  background: rgba(253, 171, 67, 0.12) !important;
  color: #ffd27a !important;
}

.shared-scenario-status.offline {
  border-color: rgba(221, 105, 116, 0.45) !important;
  background: rgba(221, 105, 116, 0.12) !important;
  color: #ff9aa2 !important;
}

.scenario-slot-panel {
  grid-column: 1 / -1 !important;
  border: 1px solid rgba(86, 185, 193, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(8, 13, 22, 0.58) !important;
  padding: 10px !important;
}

.scenario-slot-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}

.scenario-slot-head span {
  color: #e8fbff !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.scenario-slot-head small {
  color: #8794a6 !important;
  font-size: 10px !important;
  font-weight: 750 !important;
}

.scenario-slot-buttons {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.scenario-slot-card {
  min-width: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.025) !important;
  overflow: hidden !important;
}

.scenario-slot-card.saved {
  border-color: rgba(86, 185, 193, 0.24) !important;
  background: rgba(86, 185, 193, 0.055) !important;
}

.scenario-slot-title-row {
  padding: 8px 10px 0 !important;
}

.scenario-slot-name-input {
  width: 100% !important;
  min-height: 28px !important;
  border: 1px solid rgba(86, 185, 193, 0.18) !important;
  border-radius: 7px !important;
  background: rgba(0, 0, 0, 0.15) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  outline: none !important;
  padding: 5px 7px !important;
}

.scenario-slot-name-input:focus {
  border-color: rgba(117, 232, 239, 0.82) !important;
  box-shadow: 0 0 0 2px rgba(86, 185, 193, 0.16) !important;
}

.scenario-slot-main {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  min-height: 66px !important;
  border: 0 !important;
  background: transparent !important;
  color: #eaf7f8 !important;
  cursor: pointer !important;
  padding: 9px 10px !important;
  text-align: left !important;
}

.scenario-slot-main strong {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.scenario-slot-main span,
.scenario-slot-main small {
  color: #94a2b4 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.scenario-slot-deals {
  color: #8794a6 !important;
}

.scenario-slot-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  width: 100% !important;
}

.scenario-slot-metrics em {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 7px !important;
  background: rgba(0, 0, 0, 0.16) !important;
  padding: 5px 6px !important;
  font-style: normal !important;
}

.scenario-slot-metrics em b {
  color: #738196 !important;
  font-size: 8px !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.scenario-slot-metrics em strong {
  color: var(--ice) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

.scenario-slot-metrics em:first-child strong {
  color: #5ef0ad !important;
}

.scenario-slot-metrics em:last-child strong {
  color: #ffd27a !important;
}

.scenario-slot-main:hover {
  background: rgba(86, 185, 193, 0.08) !important;
}

.scenario-slot-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.scenario-slot-actions button {
  min-height: 27px !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  color: #9fe8ee !important;
  cursor: pointer !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.scenario-slot-actions button:last-child {
  border-right: 0 !important;
  color: #ff9aa2 !important;
}

/* Strong month separators for weekly maturity planning */
.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td,
.weekly-maturity-table tr.weekly-month-row td {
  padding: 15px 14px !important;
  border-top: 1px solid rgba(253, 171, 67, 0.45) !important;
  border-bottom: 1px solid rgba(253, 171, 67, 0.28) !important;
  background: linear-gradient(90deg, rgba(253, 171, 67, 0.22), rgba(86, 185, 193, 0.1)) !important;
  color: #ffd27a !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Strong month separators for weekly maturity planning */
.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td,
.weekly-maturity-table tr.weekly-month-row td {
  padding: 15px 14px !important;
  border-top: 1px solid rgba(253, 171, 67, 0.45) !important;
  border-bottom: 1px solid rgba(253, 171, 67, 0.28) !important;
  background: linear-gradient(90deg, rgba(253, 171, 67, 0.22), rgba(86, 185, 193, 0.1)) !important;
  color: #ffd27a !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Strong month separators for weekly maturity planning */
.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td,
.weekly-maturity-table tr.weekly-month-row td {
  padding: 15px 14px !important;
  border-top: 1px solid rgba(253, 171, 67, 0.45) !important;
  border-bottom: 1px solid rgba(253, 171, 67, 0.28) !important;
  background: linear-gradient(90deg, rgba(253, 171, 67, 0.22), rgba(86, 185, 193, 0.1)) !important;
  color: #ffd27a !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Final readability lift: slightly larger UI scale for fund-operation use */
body,
body.fund-simulation-page,
body.calendar-page,
body.portfolio-page,
body.rate-sheet-page {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.card-head h1,
.portfolio-only-card h1,
.editable-rate-panel h1,
.calendar-only-card h1 {
  font-size: 24px !important;
}

.card-sub,
.workbook-drop-zone small,
.workbook-upload-status {
  font-size: 12px !important;
}

.eyebrow,
.upload-kicker,
.portfolio-inline-kpis span,
.scenario-control-grid label span,
.limit-summary-table th,
.weekly-maturity-table th,
.data-table th,
.deposit-register-table th,
.added-scenario-head span {
  font-size: 10px !important;
}

.portfolio-inline-kpis article {
  min-height: 76px !important;
  padding: 15px 16px !important;
}

.portfolio-inline-kpis strong,
.scenario-result-grid strong {
  font-size: 19px !important;
}

.portfolio-inline-kpis small,
.scenario-result-grid small,
.added-scenario-head small,
.empty-added-deals {
  font-size: 11px !important;
}

.scenario-result-grid article {
  padding: 14px 15px !important;
}

.scenario-control-grid select,
.scenario-control-grid input,
.subscription-input-row select,
.editable-rate-table input,
.portfolio-mini-input,
.sim-input {
  min-height: 35px !important;
  font-size: 12px !important;
  padding: 7px 9px !important;
}

.scenario-actions button,
.week-view-button,
.calendar-link-button,
.rate-sheet-actions button {
  min-height: 34px !important;
  font-size: 12px !important;
  padding: 7px 10px !important;
}

.data-table,
.deposit-register-table,
.weekly-maturity-table,
.limit-summary-table,
.editable-rate-table {
  font-size: 12px !important;
}

.data-table th,
.deposit-register-table th,
.weekly-maturity-table th,
.limit-summary-table th,
.editable-rate-table th {
  height: 36px !important;
}

.data-table td,
.deposit-register-table td,
.weekly-maturity-table td,
.limit-summary-table td,
.editable-rate-table td {
  padding: 10px 11px !important;
}

.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  font-size: 15px !important;
}

.week-date-range {
  font-size: 11px !important;
}

.week-signal-low {
  font-size: 9px !important;
  padding: 3px 7px !important;
}

.added-scenario-head {
  padding: 11px 12px !important;
}

.added-scenario-table th,
.added-scenario-table td {
  padding: 8px 9px !important;
  font-size: 11px !important;
}

@media (min-width: 1020px) {
  .calendar-page .brand-name,
  .fund-simulation-page .brand-name,
  .portfolio-page .brand-name,
  .rate-sheet-page .brand-name {
    font-size: 14px !important;
  }

  .calendar-page .site-nav a,
  .fund-simulation-page .site-nav a,
  .portfolio-page .site-nav a,
  .rate-sheet-page .site-nav a {
    font-size: 12px !important;
  }
}

/* Readability lift: slightly larger UI scale for fund-operation use */
body {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.card-head h1,
.portfolio-only-card h1,
.editable-rate-panel h1,
.calendar-only-card h1 {
  font-size: 24px !important;
}

.card-sub,
.workbook-drop-zone small,
.workbook-upload-status {
  font-size: 12px !important;
}

.eyebrow,
.upload-kicker,
.portfolio-inline-kpis span,
.scenario-control-grid label span,
.limit-summary-table th,
.weekly-maturity-table th,
.data-table th,
.deposit-register-table th,
.added-scenario-head span {
  font-size: 10px !important;
}

.portfolio-inline-kpis article {
  min-height: 76px !important;
  padding: 15px 16px !important;
}

.portfolio-inline-kpis strong,
.scenario-result-grid strong {
  font-size: 19px !important;
}

.portfolio-inline-kpis small,
.scenario-result-grid small,
.added-scenario-head small,
.empty-added-deals {
  font-size: 11px !important;
}

.scenario-result-grid article {
  padding: 14px 15px !important;
}

.scenario-control-grid select,
.scenario-control-grid input,
.subscription-input-row select,
.editable-rate-table input,
.portfolio-mini-input,
.sim-input {
  min-height: 35px !important;
  font-size: 12px !important;
  padding: 7px 9px !important;
}

.scenario-actions button,
.week-view-button,
.calendar-link-button,
.rate-sheet-actions button {
  min-height: 34px !important;
  font-size: 12px !important;
  padding: 7px 10px !important;
}

.data-table,
.deposit-register-table,
.weekly-maturity-table,
.limit-summary-table,
.editable-rate-table {
  font-size: 12px !important;
}

.data-table th,
.deposit-register-table th,
.weekly-maturity-table th,
.limit-summary-table th,
.editable-rate-table th {
  height: 36px !important;
}

.data-table td,
.deposit-register-table td,
.weekly-maturity-table td,
.limit-summary-table td,
.editable-rate-table td {
  padding: 10px 11px !important;
}

.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  font-size: 15px !important;
}

.week-date-range {
  font-size: 11px !important;
}

.week-signal-low {
  font-size: 9px !important;
  padding: 3px 7px !important;
}

.added-scenario-head {
  padding: 11px 12px !important;
}

.added-scenario-table th,
.added-scenario-table td {
  padding: 8px 9px !important;
  font-size: 11px !important;
}

@media (min-width: 1020px) {
  .calendar-page .brand-name,
  .fund-simulation-page .brand-name,
  .portfolio-page .brand-name,
  .rate-sheet-page .brand-name {
    font-size: 14px !important;
  }

  .calendar-page .site-nav a,
  .fund-simulation-page .site-nav a,
  .portfolio-page .site-nav a,
  .rate-sheet-page .site-nav a {
    font-size: 12px !important;
  }
}

* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: var(--font-sans);
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(103, 232, 215, 0.06), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, rgba(75, 134, 200, 0.08), transparent 60%), var(--bg);
  color: var(--text);
  font-size: 15px;
  line-height: 1.55;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -0.005em;
}
.num {
  text-align: right;
  font-variant-numeric: tabular-nums lining-nums;
  font-family: var(--font-mono);
}
.visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.container {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 32px);
}

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(10, 22, 38, 0.82);
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  border-bottom: 1px solid var(--border-soft);
}
.header-inner {
  display: grid;
  grid-template-columns: minmax(156px, auto) minmax(360px, 1fr) minmax(270px, auto);
  align-items: center;
  gap: 14px;
  padding: 14px 0;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
.brand-mark {
  color: var(--teal);
  display: inline-flex;
}
.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}
.brand-name {
  font-weight: 900;
  letter-spacing: 0.035em;
  font-size: 15px;
  white-space: nowrap;
}
.brand-sub {
  font-size: 11px;
  color: var(--text-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  min-width: 0;
}
.site-nav a {
  color: var(--text-muted);
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 6px 9px;
  white-space: nowrap;
}
.site-nav a:hover,
.site-nav a[aria-current="page"] {
  color: var(--teal);
  background: rgba(103, 232, 215, 0.08);
  border-color: rgba(103, 232, 215, 0.22);
}

.header-meta {
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  gap: 18px;
  font-size: 12px;
  color: var(--text-muted);
  min-width: 0;
}
.meta-row {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.meta-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--text-faint);
}
.meta-value {
  font-size: 13px;
  color: var(--text);
  white-space: nowrap;
}

@media (max-width: 1120px) {
  .header-inner {
    grid-template-columns: minmax(150px, auto) 1fr;
  }
  .site-nav {
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  .header-meta {
    grid-column: 1 / -1;
    grid-auto-flow: column;
    justify-content: start;
  }
}

@media (max-width: 760px) {
  .header-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 0;
  }
  .site-nav {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .header-meta {
    grid-auto-flow: row;
    gap: 4px;
  }
  .header-meta .meta-row {
    flex-direction: row;
    gap: 8px;
    align-items: baseline;
  }
}

/* Workbook upload */
.workbook-upload-panel {
  padding-top: 14px;
}
.workbook-upload-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
  gap: 14px;
  align-items: stretch;
  border: 1px solid rgba(103, 232, 215, 0.22);
  border-radius: 16px;
  padding: 12px;
  background:
    linear-gradient(135deg, rgba(103, 232, 215, 0.08), rgba(224, 179, 65, 0.035)),
    rgba(12, 25, 42, 0.86);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}
.workbook-drop-zone {
  display: grid;
  gap: 4px;
  min-height: 96px;
  align-content: center;
  padding: 16px;
  border: 1px dashed rgba(103, 232, 215, 0.44);
  border-radius: 12px;
  background: rgba(103, 232, 215, 0.045);
  color: var(--text);
  cursor: pointer;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease;
}
.workbook-drop-zone.drag-active,
.workbook-drop-zone:hover {
  border-color: var(--teal);
  background: rgba(103, 232, 215, 0.1);
  transform: translateY(-1px);
}
.workbook-drop-zone input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
.upload-kicker {
  color: var(--teal);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 900;
}
.workbook-drop-zone strong {
  font-size: 16px;
  letter-spacing: -0.01em;
}
.workbook-drop-zone small,
.workbook-upload-status {
  color: var(--text-muted);
  font-size: 12px;
}
.workbook-upload-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.workbook-upload-status {
  margin: 0;
  line-height: 1.45;
}
.workbook-upload-status[data-tone="success"] {
  color: var(--teal);
}
.workbook-upload-status[data-tone="error"] {
  color: var(--err);
}
@media (max-width: 760px) {
  .workbook-upload-card {
    grid-template-columns: 1fr;
  }
}

.sidebar-workbook-upload {
  padding: 10px 8px 12px;
  margin: 0;
  border-top: 1px solid rgba(103, 232, 215, 0.12);
}

.sidebar-workbook-upload .workbook-upload-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(11, 20, 33, 0.72);
  border-color: rgba(103, 232, 215, 0.16);
  box-shadow: none;
}

.sidebar-workbook-upload .workbook-drop-zone {
  min-height: 0;
  padding: 10px 8px;
  border-radius: 8px;
  gap: 3px;
  background: rgba(103, 232, 215, 0.045);
}

.sidebar-workbook-upload .upload-kicker {
  font-size: 8px;
  letter-spacing: 0.12em;
}

.sidebar-workbook-upload .workbook-drop-zone strong {
  font-size: 11px;
  line-height: 1.2;
}

.sidebar-workbook-upload .workbook-drop-zone small {
  display: none;
}

.sidebar-workbook-upload .workbook-upload-actions {
  gap: 6px;
}

.sidebar-workbook-upload #workbookReset {
  width: 100%;
  min-height: 30px;
  padding: 6px 8px;
  font-size: 10px;
}

.sidebar-workbook-upload .workbook-upload-status {
  font-size: 9px;
  line-height: 1.3;
  max-height: 58px;
  overflow: hidden;
}

@media (min-width: 1020px) {
  .calendar-page .sidebar-workbook-upload,
  .fund-simulation-page .sidebar-workbook-upload,
  .portfolio-page .sidebar-workbook-upload {
    width: 100%;
    flex: 0 0 auto;
  }
}

@media (max-width: 1019px) {
  .sidebar-workbook-upload {
    width: 100%;
    padding: 8px 0 0;
    border-top: 0;
  }

  .sidebar-workbook-upload .workbook-upload-card {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

/* Main layout */
.main {
  padding: 28px 0 64px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.hero {
  max-width: 880px;
}
.eyebrow {
  color: var(--teal);
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 4px 0 10px;
  font-weight: 700;
}
.hero h1 {
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.2;
  margin: 0 0 10px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.lede {
  margin: 0;
  color: var(--text-muted);
  font-size: 15px;
  max-width: 72ch;
}

/* KPI grid */
.kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
@media (max-width: 980px) {
  .kpis {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  .kpis {
    grid-template-columns: 1fr;
  }
}

.kpi {
  background: linear-gradient(180deg, var(--surface) 0%, var(--bg-elev) 100%);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px 18px;
  position: relative;
  overflow: hidden;
}
.kpi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--teal), var(--teal-deep));
  opacity: 0.85;
}
.kpi-label {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.kpi-value {
  font-family: var(--font-mono);
  font-size: clamp(24px, 2.4vw, 32px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text);
}
.kpi-value .unit {
  font-size: 0.55em;
  color: var(--text-muted);
  margin-right: 6px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.kpi-value .suffix {
  font-size: 0.65em;
  color: var(--text-muted);
  margin-left: 2px;
}
.kpi-foot {
  margin-top: 8px;
  font-size: 12px;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.chip {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(103, 232, 215, 0.08);
  color: var(--teal);
  font-family: var(--font-mono);
  font-size: 11px;
  border: 1px solid rgba(103, 232, 215, 0.25);
}
.chip-accent {
  background: rgba(103, 232, 215, 0.16);
}

/* Card grid */
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}
@media (max-width: 1080px) {
  .grid-2 {
    grid-template-columns: 1fr;
  }
}

.card {
  background: var(--bg-elev);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 18px 18px 14px;
}
.card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.card-head h2 {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.005em;
}
.card-sub {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  max-width: 60ch;
}

.chart-wrap {
  position: relative;
  width: 100%;
  height: 280px;
}
.chart-wrap.chart-tall {
  height: 340px;
}
.chart-wrap.chart-short {
  height: 140px;
}
@media (max-width: 520px) {
  .chart-wrap {
    height: 240px;
  }
  .chart-wrap.chart-tall {
    height: 300px;
  }
  .chart-wrap.chart-short {
    height: 130px;
  }
}

/* Tables */
.data-table {
  width: 100%;
  margin-top: 14px;
  border-collapse: collapse;
  font-size: 13px;
}
.data-table th,
.data-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--border-soft);
  text-align: left;
}
.data-table thead th {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-faint);
  font-weight: 600;
  padding-top: 0;
  border-bottom: 1px solid var(--border);
}
.data-table tbody tr:last-child td {
  border-bottom: 1px solid var(--border);
}
.data-table tfoot th,
.data-table tfoot td {
  font-weight: 700;
  color: var(--text);
  border-bottom: none;
  padding-top: 8px;
}
.data-table .num {
  text-align: right;
}

.mini-kpis {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.mini-kpi {
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.025);
  padding: 12px;
  min-width: 0;
}
.mini-kpi-label {
  color: var(--text-faint);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
}
.mini-kpi-value {
  color: var(--text);
  font-size: clamp(15px, 1.4vw, 19px);
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mini-kpi-note {
  color: var(--text-muted);
  font-size: 11px;
  margin-top: 4px;
}

.formula-box {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(103, 232, 215, 0.22);
  background: rgba(103, 232, 215, 0.055);
  border-radius: var(--radius-sm);
  padding: 12px 14px;
  margin-bottom: 14px;
  color: var(--text);
}
.formula-label {
  color: var(--teal);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 700;
  flex: 0 0 auto;
}
@media (max-width: 640px) {
  .formula-box {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
}

@media (max-width: 1100px) {
  .mini-kpis {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .mini-kpis {
    grid-template-columns: 1fr;
  }
}

.table-scroll {
  overflow: auto;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-sm);
  background: rgba(4, 12, 24, 0.25);
  max-height: 620px;
}
.wide-table {
  min-width: 1680px;
  margin-top: 0;
}
.wide-table th,
.wide-table td {
  white-space: nowrap;
  font-size: 12px;
}
.wide-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--bg-elev);
}
.wide-table tbody tr:hover td {
  background: rgba(103, 232, 215, 0.045);
}
.deposit-register .status-pill {
  color: var(--teal);
  background: rgba(103, 232, 215, 0.08);
  border-color: rgba(103, 232, 215, 0.28);
}

/* Forward simulation workspace */
.simulation-page,
.fund-simulation-page {
  --bg: #081421;
  --bg-elev: #0e1d2f;
  --surface: #13263b;
  --surface-2: #172e46;
  --border: #25415f;
  --border-soft: #1c314a;
  --text: #eef6ff;
  --text-muted: #aabbd0;
  --text-faint: #70849d;
  --teal: #5de8d8;
  --gold: #f4c76b;
}
.simulation-main {
  gap: 22px;
}
.fund-sim-main {
  gap: 24px;
}
.sim-section {
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
  display: grid;
  gap: 16px;
}
.existing-zone {
  border-color: rgba(93, 232, 216, 0.24);
  background:
    linear-gradient(180deg, rgba(93, 232, 216, 0.055), rgba(14, 29, 47, 0.45)),
    rgba(14, 29, 47, 0.48);
}
.forecast-zone {
  border-color: rgba(244, 199, 107, 0.28);
  background:
    linear-gradient(180deg, rgba(244, 199, 107, 0.065), rgba(14, 29, 47, 0.4)),
    rgba(14, 29, 47, 0.48);
}
.fund-sim-hero {
  border-color: rgba(93, 232, 216, 0.24);
  background:
    linear-gradient(180deg, rgba(93, 232, 216, 0.055), rgba(14, 29, 47, 0.45)),
    rgba(14, 29, 47, 0.48);
}
.sim-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 20px;
  align-items: start;
}
.existing-zone .sim-section-head {
  grid-template-columns: 1fr;
}
.sim-section-head h1 {
  margin: 0 0 10px;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.scenario-date {
  background: linear-gradient(180deg, var(--surface), var(--bg-elev));
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px;
}
.scenario-date label {
  display: block;
  color: var(--teal);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 800;
  margin-bottom: 7px;
}
.scenario-date input,
.sim-input {
  width: 100%;
  color: var(--text);
  background: #0a1725;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 9px;
  font: inherit;
  font-family: var(--font-mono);
}
.scenario-date p {
  margin: 8px 0 0;
  color: var(--text-muted);
  font-size: 12px;
}
.sim-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.existing-kpis {
  grid-template-columns: repeat(5, minmax(160px, 1fr));
}
.forecast-kpis {
  grid-template-columns: repeat(4, 1fr);
}
.sim-kpi {
  background: linear-gradient(180deg, var(--surface), var(--bg-elev));
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 14px;
}
.existing-zone .sim-kpi,
.existing-zone .sim-panel {
  border-color: rgba(93, 232, 216, 0.22);
}
.forecast-zone .sim-kpi,
.forecast-zone .sim-panel {
  border-color: rgba(244, 199, 107, 0.22);
}
.sim-kpi span {
  display: block;
  color: var(--text-muted);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
}
.sim-kpi strong {
  display: block;
  color: var(--text);
  font-size: clamp(18px, 1.6vw, 24px);
  margin-top: 4px;
}
.sim-kpi strong.wam-safe,
.data-table td.wam-safe {
  color: var(--teal);
}
.sim-kpi strong.wam-watch,
.data-table td.wam-watch {
  color: var(--gold);
}
.sim-kpi strong.wam-danger,
.data-table td.wam-danger {
  color: var(--err);
}
.sim-kpi.wam-safe-card {
  border-color: rgba(93, 232, 216, 0.36);
  box-shadow: inset 0 3px 0 rgba(93, 232, 216, 0.4);
}
.sim-kpi.wam-watch-card {
  border-color: rgba(244, 199, 107, 0.58);
  box-shadow:
    inset 0 3px 0 rgba(244, 199, 107, 0.74),
    0 0 0 1px rgba(244, 199, 107, 0.1);
}
.sim-kpi.wam-danger-card {
  border-color: rgba(240, 128, 137, 0.72);
  box-shadow:
    inset 0 3px 0 rgba(240, 128, 137, 0.9),
    0 0 0 1px rgba(240, 128, 137, 0.14),
    0 14px 34px rgba(240, 128, 137, 0.12);
}
.data-table td.wam-safe,
.data-table td.wam-watch,
.data-table td.wam-danger {
  font-weight: 900;
}
.sim-kpi small {
  display: block;
  color: var(--text-faint);
  font-size: 11px;
  margin-top: 4px;
}
.sim-kpi .warn,
#cashStatus.warn {
  color: var(--err);
}
.sim-panel {
  border-radius: 16px;
  min-width: 0;
  overflow-x: auto;
}
.button-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.button-row button,
.ghost-button {
  border: 1px solid rgba(93, 232, 216, 0.28);
  background: rgba(93, 232, 216, 0.08);
  color: var(--teal);
  border-radius: 999px;
  padding: 7px 11px;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.ghost-button {
  color: var(--text-muted);
  background: transparent;
  border-color: var(--border);
}
.rollover-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}
.rollover-card {
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.025);
}
.rollover-card span {
  color: var(--text-muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-weight: 800;
}
.rollover-card strong {
  display: block;
  color: var(--gold);
  font-size: 16px;
  margin-top: 3px;
}
.rollover-card small {
  display: block;
  color: var(--text-faint);
  margin-top: 3px;
}
.snapshot-cards {
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 0;
}
.distribution-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.distribution-table {
  width: 100%;
  min-width: 0;
}
.distribution-table th,
.distribution-table td {
  white-space: nowrap;
}
.data-quality-panel {
  border-color: rgba(244, 199, 107, 0.28);
  background: rgba(244, 199, 107, 0.045);
}
.dq-body {
  display: grid;
  gap: 10px;
}
.dq-note {
  border: 1px solid rgba(244, 199, 107, 0.28);
  border-radius: 12px;
  padding: 12px;
  background: rgba(8, 20, 33, 0.34);
}
.dq-note strong {
  display: block;
  color: var(--gold);
  font-size: 13px;
  margin-bottom: 4px;
}
.dq-note p {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.5;
}
.dq-note.success {
  border-color: rgba(93, 232, 216, 0.3);
  background: rgba(93, 232, 216, 0.055);
}
.dq-note.success strong {
  color: var(--teal);
}
.dq-note.warn {
  border-color: rgba(240, 128, 137, 0.36);
  background: rgba(240, 128, 137, 0.055);
}
.dq-note.warn strong {
  color: var(--err);
}
.forecast-table-wrap {
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
}
.register-panel {
  border-color: rgba(93, 232, 216, 0.18);
}
.register-table-wrap {
  max-height: 560px;
  overflow: auto;
}
.deposit-register-table {
  min-width: 1040px;
}
.fund-excel-table {
  min-width: 0;
  width: 100%;
  table-layout: fixed;
}
.fund-excel-register .compact-stat {
  min-width: 140px;
  padding: 10px 12px;
}
.fund-excel-register .compact-stat strong {
  display: block;
  margin-top: 4px;
  color: var(--gold);
  font-size: 20px;
}
.portfolio-only-main {
  gap: 18px;
}
.portfolio-only-card {
  margin-top: 0;
}
.fund-simulation-page {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.fund-simulation-page .container {
  max-width: none;
  padding-left: clamp(10px, 1.2vw, 18px);
  padding-right: clamp(10px, 1.2vw, 18px);
}
.fund-simulation-page .workbook-upload-panel {
  padding-top: 8px;
}
.fund-simulation-page .workbook-upload-card {
  padding: 9px;
  gap: 10px;
}
.fund-simulation-page .workbook-drop-zone {
  min-height: 66px;
  padding: 10px 14px;
}
.fund-simulation-page .main {
  padding-top: 12px;
  padding-bottom: 0;
}
.portfolio-only-card {
  height: calc(100vh - 208px);
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.portfolio-only-card .card-head {
  flex: 0 0 auto;
  align-items: flex-start;
  gap: 12px;
}
.portfolio-only-card .card-sub {
  max-width: 720px;
  margin-bottom: 0;
}
.editable-rate-panel {
  margin-top: 16px;
  margin-bottom: 22px;
  border-color: rgba(224, 179, 65, 0.22);
  background:
    linear-gradient(180deg, rgba(14, 36, 57, 0.94), rgba(9, 24, 40, 0.98)), var(--surface);
}
.compact-card-head {
  align-items: center;
  gap: 14px;
}
.editable-rate-panel h2 {
  margin: 4px 0 8px;
  font-size: clamp(20px, 2vw, 27px);
  letter-spacing: -0.035em;
}
.editable-rate-panel h1 {
  margin: 4px 0 8px;
  font-size: clamp(24px, 3vw, 34px);
  letter-spacing: -0.04em;
}
.rate-sheet-main {
  padding-top: 20px;
  padding-bottom: 28px;
}
.standalone-rate-panel {
  min-height: calc(100vh - 126px);
}
.rate-sheet-page .editable-rate-grid {
  margin-top: 8px;
}
.rate-sheet-actions {
  margin-left: auto;
}
.editable-rate-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 14px;
}
.editable-rate-block {
  min-width: 0;
  border: 1px solid rgba(103, 232, 215, 0.16);
  border-radius: 16px;
  background: rgba(5, 18, 31, 0.72);
  overflow: hidden;
}
.editable-rate-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px 8px;
}
.editable-rate-title span {
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.editable-rate-title small {
  color: var(--text-muted);
  font-size: 11px;
  text-align: right;
}
.rate-table-wrap {
  overflow-x: auto;
}
.editable-rate-table {
  table-layout: fixed;
  min-width: 720px;
}
.editable-rate-table th,
.editable-rate-table td {
  padding: 4px;
  border-color: rgba(103, 232, 215, 0.1);
}
.editable-rate-table th {
  color: var(--text);
}
.editable-rate-table input {
  width: 100%;
  min-height: 30px;
  border: 1px solid rgba(103, 232, 215, 0.12);
  border-radius: 8px;
  padding: 5px 7px;
  background: rgba(7, 20, 34, 0.88);
  color: var(--text);
  font-family: var(--mono);
  font-size: 11px;
  text-align: right;
}
.editable-rate-table th:first-child input,
.editable-rate-table td:first-child input {
  text-align: left;
  font-family: var(--font);
  font-weight: 800;
}
.editable-rate-table input[readonly] {
  color: var(--teal);
  background: rgba(103, 232, 215, 0.09);
  border-color: rgba(103, 232, 215, 0.18);
  font-weight: 900;
  text-align: center;
  cursor: default;
}
.editable-rate-table input:focus {
  outline: none;
  border-color: rgba(224, 179, 65, 0.72);
  box-shadow: 0 0 0 3px rgba(224, 179, 65, 0.12);
}
.editable-rate-table td.rate-column-best input {
  color: #fff7c8;
  background:
    linear-gradient(180deg, rgba(255, 199, 74, 0.26), rgba(106, 74, 14, 0.34)),
    rgba(18, 31, 43, 0.94);
  border-color: rgba(255, 214, 92, 0.72);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    0 0 14px rgba(255, 199, 74, 0.13);
  font-weight: 900;
}
.fund-sim-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.92fr) minmax(340px, 0.68fr);
  gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
}
.fund-sim-left-pane,
.fund-sim-right-pane {
  min-height: 0;
}
.fund-sim-left-pane {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fund-sim-right-pane {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}
.portfolio-only-card .register-table-wrap {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
}
.portfolio-inline-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  flex: 0 0 auto;
}
.portfolio-inline-kpis article {
  min-height: 96px;
  border: 1px solid rgba(103, 232, 215, 0.13);
  border-radius: 6px;
  padding: 12px 14px;
  background:
    linear-gradient(180deg, rgba(19, 28, 44, 0.96), rgba(14, 22, 36, 0.98)), rgba(15, 23, 38, 0.96);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}
.portfolio-inline-kpis span {
  display: block;
  margin-bottom: 7px;
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.portfolio-inline-kpis strong {
  display: block;
  color: var(--text);
  font-size: clamp(15px, 1.35vw, 20px);
  line-height: 1.1;
  letter-spacing: -0.035em;
  white-space: nowrap;
}
.portfolio-inline-kpis article:nth-child(3) strong {
  color: #58d68d;
}
.portfolio-inline-kpis small {
  display: block;
  margin-top: 7px;
  color: var(--text-muted);
  font-size: 9.4px;
  line-height: 1.25;
}
.portfolio-inline-kpis small em {
  color: var(--text);
  font-style: normal;
  font-weight: 900;
}
.portfolio-inline-kpis small b {
  color: var(--gold);
  font-size: inherit;
  font-weight: 800;
}
.portfolio-cash-card {
  padding-top: 12px;
  padding-bottom: 12px;
}
.cash-breakdown {
  display: grid;
  gap: 4px;
}
.cash-breakdown div {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 6px;
}
.cash-breakdown small {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.cash-breakdown strong {
  font-size: 12px;
  color: var(--gold);
  white-space: nowrap;
}
.cash-breakdown em {
  color: var(--teal);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}
.portfolio-scenario-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
  padding: 10px;
  border: 1px solid rgba(255, 78, 122, 0.55);
  border-radius: 14px;
  background:
    linear-gradient(
      135deg,
      rgba(255, 78, 122, 0.18),
      rgba(255, 185, 54, 0.1) 46%,
      rgba(0, 225, 198, 0.08)
    ),
    rgba(12, 14, 34, 0.88);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.035),
    0 0 24px rgba(255, 78, 122, 0.12);
  flex: 0 0 auto;
}
.scenario-control-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
}
.scenario-control-grid label:first-child,
.scenario-actions {
  grid-column: 1 / -1;
}
.scenario-control-grid label {
  display: grid;
  gap: 4px;
}
.scenario-control-grid label span {
  color: #ffb03d;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}
.scenario-control-grid select,
.scenario-control-grid input,
.portfolio-mini-input {
  width: 100%;
  border: 1px solid rgba(0, 225, 198, 0.3);
  border-radius: 10px;
  background: rgba(5, 14, 29, 0.92);
  color: var(--text);
  font: inherit;
  font-variant-numeric: tabular-nums;
  outline: none;
}
.scenario-control-grid select,
.scenario-control-grid input {
  min-height: 34px;
  padding: 7px 9px;
}
.portfolio-mini-input {
  min-height: 24px;
  padding: 3px 5px;
  text-align: right;
  font-size: 10px;
}
.portfolio-mini-input.bank-input {
  text-align: left;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.portfolio-mini-input:focus,
.scenario-control-grid select:focus,
.scenario-control-grid input:focus {
  border-color: #00f0d2;
  box-shadow:
    0 0 0 2px rgba(0, 240, 210, 0.18),
    0 0 16px rgba(0, 240, 210, 0.16);
}
.table-sort-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 900;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
}
.table-sort-button span {
  display: inline-grid;
  place-items: center;
  min-width: 16px;
  height: 16px;
  border-radius: 999px;
  background: rgba(103, 255, 232, 0.14);
  color: #67ffe8;
  font-size: 11px;
  line-height: 1;
}
.table-sort-button:hover span {
  background: rgba(103, 255, 232, 0.28);
}
.scenario-actions {
  display: flex;
  gap: 7px;
  align-items: center;
}
.scenario-actions button {
  flex: 1 1 0;
}
.scenario-actions button {
  white-space: nowrap;
  min-height: 34px;
  padding: 7px 10px;
}
.scenario-actions button:first-child,
.saved-scenario-form button {
  border-color: rgba(255, 214, 116, 0.72);
  background: linear-gradient(135deg, #ffe1cf, #ffd1d9);
  color: #301224;
  font-weight: 900;
  box-shadow: 0 0 18px rgba(255, 78, 122, 0.18);
}
.scenario-actions button:first-child:hover,
.saved-scenario-form button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.scenario-result-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.scenario-result-grid article {
  border: 1px solid rgba(255, 185, 54, 0.32);
  border-radius: 12px;
  padding: 8px 10px;
  background:
    linear-gradient(135deg, rgba(255, 185, 54, 0.12), rgba(0, 225, 198, 0.08)),
    rgba(12, 22, 44, 0.88);
}
.scenario-result-grid span,
.scenario-result-grid small {
  display: block;
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}
.scenario-result-grid strong {
  display: block;
  margin: 4px 0 2px;
  color: #ffc945;
  font-size: 15px;
}
#scenarioWam {
  color: #44d089;
}
#scenarioYield {
  color: var(--mist);
}
.scenario-result-grid small {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}
.scenario-analysis-panel {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid rgba(255, 201, 69, 0.42);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 201, 69, 0.12), rgba(103, 255, 232, 0.08)),
    rgba(6, 15, 31, 0.78);
}
.scenario-analysis-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}
.scenario-analysis-head span {
  display: block;
  color: #ffd66d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.scenario-analysis-head small {
  display: block;
  margin-top: 3px;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.35;
}
.scenario-analysis-head button {
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid rgba(103, 255, 232, 0.62);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(103, 255, 232, 0.24), rgba(255, 201, 69, 0.2));
  color: var(--text);
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
}
.scenario-analysis-head button:hover {
  border-color: rgba(103, 255, 232, 0.92);
  transform: translateY(-1px);
}
.scenario-analysis-output {
  color: var(--text-muted);
  font-size: 10.5px;
  line-height: 1.45;
}
.scenario-analysis-output p {
  margin: 0;
}
.scenario-analysis-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 9px;
}
.scenario-analysis-summary span {
  padding: 4px 7px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: #f9d981;
  font-size: 9.5px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.scenario-analysis-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.scenario-analysis-grid > div {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  padding: 9px 10px;
  background: rgba(3, 10, 22, 0.48);
}
.scenario-analysis-grid h3 {
  margin: 0 0 6px;
  color: #67ffe8;
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.scenario-analysis-grid div + div h3 {
  color: #ff9fb4;
}
.scenario-analysis-grid ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 15px;
}
.scenario-analysis-grid li {
  color: var(--text);
  font-size: 10.5px;
}
.saved-scenario-panel {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid rgba(0, 225, 198, 0.42);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(0, 225, 198, 0.1), rgba(255, 78, 122, 0.1)), rgba(4, 13, 26, 0.72);
}
.saved-scenario-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}
.saved-scenario-head span {
  display: block;
  color: #67ffe8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.saved-scenario-head small {
  display: block;
  margin-top: 3px;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.35;
}
.saved-scenario-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
}
.saved-scenario-form input {
  min-height: 34px;
  border: 1px solid rgba(0, 225, 198, 0.34);
  border-radius: 10px;
  background: rgba(5, 14, 29, 0.92);
  color: var(--text);
  padding: 7px 9px;
  font: inherit;
  outline: none;
}
.saved-scenario-form input:focus {
  border-color: #00f0d2;
  box-shadow:
    0 0 0 2px rgba(0, 240, 210, 0.18),
    0 0 16px rgba(0, 240, 210, 0.16);
}
.saved-scenario-form button {
  min-height: 34px;
  padding: 7px 10px;
  white-space: nowrap;
}
.saved-scenario-list {
  display: grid;
  gap: 6px;
}
.saved-scenario-empty {
  margin: 0;
  color: var(--text-muted);
  font-size: 10.5px;
}
.saved-scenario-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: stretch;
}
.saved-scenario-open,
.saved-scenario-delete {
  border-radius: 10px;
  font: inherit;
  cursor: pointer;
}
.saved-scenario-open {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid rgba(0, 225, 198, 0.42);
  background: linear-gradient(135deg, rgba(0, 225, 198, 0.18), rgba(255, 185, 54, 0.1));
  color: var(--text);
  text-align: left;
}
.saved-scenario-open strong,
.saved-scenario-open span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.saved-scenario-open strong {
  font-size: 11px;
  font-weight: 900;
}
.saved-scenario-open span {
  color: var(--text-muted);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.saved-scenario-open:hover {
  border-color: rgba(0, 240, 210, 0.82);
  background: linear-gradient(135deg, rgba(0, 225, 198, 0.26), rgba(255, 185, 54, 0.16));
}
.saved-scenario-delete {
  padding: 0 9px;
  border: 1px solid rgba(255, 78, 122, 0.42);
  background: rgba(255, 78, 122, 0.16);
  color: #ff8fa9;
  font-size: 10px;
  font-weight: 900;
}
.portfolio-rules-box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
  flex: 0 0 auto;
}
.rule-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.rule-card-grid article {
  border: 1px solid rgba(103, 232, 215, 0.16);
  border-radius: 12px;
  padding: 8px 10px;
  background: rgba(13, 29, 49, 0.7);
}
.rule-card-grid article.rule-danger {
  border-color: rgba(240, 128, 137, 0.52);
  background: rgba(240, 128, 137, 0.08);
}
.rule-card-grid span {
  display: block;
  margin-bottom: 4px;
  color: var(--text-muted);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.rule-card-grid strong {
  display: block;
  color: var(--gold);
  font-size: 14px;
}
.rule-card-grid small {
  display: block;
  margin-top: 3px;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.25;
}
.limit-summary-wrap {
  overflow: hidden;
  border: 1px solid rgba(103, 232, 215, 0.14);
  border-radius: 12px;
  background: rgba(10, 23, 39, 0.56);
}
.limit-summary-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.limit-summary-table th,
.limit-summary-table td {
  padding: 4px 6px;
  font-size: 10px;
  line-height: 1.15;
  white-space: nowrap;
}
.limit-summary-table th:nth-child(1) {
  width: 24%;
}
.limit-summary-table th:nth-child(2) {
  width: 18%;
}
.limit-summary-table th:nth-child(3) {
  width: 38%;
}
.limit-summary-table th:nth-child(4) {
  width: 20%;
}
.limit-status {
  display: inline-flex;
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.limit-status.ok {
  color: var(--teal);
  background: rgba(103, 232, 215, 0.1);
}
.limit-status.low {
  color: var(--gold);
  background: rgba(224, 179, 65, 0.16);
}
.limit-status.over {
  color: var(--err);
  background: rgba(240, 128, 137, 0.12);
}
.limit-low td {
  color: var(--gold);
}
.limit-over td {
  color: var(--err);
}
.portfolio-only-card h1 {
  margin: 4px 0 8px;
  font-size: clamp(24px, 3.2vw, 34px);
  letter-spacing: -0.04em;
}
.fund-simulation-page .fund-excel-table th,
.fund-simulation-page .fund-excel-table td {
  padding: 5px 6px;
  font-size: 10.5px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fund-simulation-page .fund-excel-table th:nth-child(1) {
  width: 12%;
}
.fund-simulation-page .fund-excel-table th:nth-child(2) {
  width: 6%;
}
.fund-simulation-page .fund-excel-table th:nth-child(3),
.fund-simulation-page .fund-excel-table th:nth-child(4) {
  width: 9%;
}
.fund-simulation-page .fund-excel-table th:nth-child(5),
.fund-simulation-page .fund-excel-table th:nth-child(6) {
  width: 7%;
}
.fund-simulation-page .fund-excel-table th:nth-child(7),
.fund-simulation-page .fund-excel-table th:nth-child(8) {
  width: 13%;
}
.fund-simulation-page .fund-excel-table th:nth-child(9) {
  width: 8%;
}
.fund-simulation-page .fund-excel-table th:nth-child(10),
.fund-simulation-page .fund-excel-table th:nth-child(11) {
  width: 8%;
}
.fund-simulation-page .weekly-maturity-table {
  width: min(720px, 100%);
  min-width: 0;
  table-layout: fixed;
}
.fund-simulation-page .weekly-maturity-table th,
.fund-simulation-page .weekly-maturity-table td {
  padding: 10px 12px;
  font-size: 13px;
}
.fund-simulation-page .weekly-maturity-table th:nth-child(1) {
  width: 38%;
}
.fund-simulation-page .weekly-maturity-table th:nth-child(2) {
  width: 38%;
}
.fund-simulation-page .weekly-maturity-table th:nth-child(3) {
  width: 24%;
}
.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  padding: 12px 14px 8px;
  color: var(--teal);
  background: linear-gradient(90deg, rgba(103, 232, 215, 0.12), rgba(103, 232, 215, 0.025));
  border-top: 1px solid rgba(103, 232, 215, 0.28);
  border-bottom: 1px solid rgba(103, 232, 215, 0.16);
  font-family: var(--font);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.week-date-range {
  display: block;
  margin-top: 4px;
  color: var(--text-muted);
  font-family: var(--font);
  font-size: 11px;
  font-weight: 700;
}
@media (min-height: 840px) {
  .fund-simulation-page .fund-excel-table th,
  .fund-simulation-page .fund-excel-table td {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 11px;
  }
}
@media (max-width: 900px) {
  .fund-simulation-page {
    height: auto;
    overflow: auto;
  }
  .portfolio-only-card {
    height: auto;
  }
  .portfolio-inline-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fund-sim-workspace {
    grid-template-columns: 1fr;
  }
  .portfolio-scenario-box,
  .scenario-control-grid,
  .scenario-result-grid,
  .portfolio-rules-box,
  .editable-rate-grid,
  .saved-scenario-form,
  .rule-card-grid {
    grid-template-columns: 1fr;
  }
  .scenario-actions {
    flex-wrap: wrap;
  }
  .portfolio-only-card .register-table-wrap {
    overflow-x: auto;
  }
  .fund-excel-table {
    min-width: 980px;
  }
}
.deposit-register-table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.018);
}
.deposit-register-table tbody tr:hover {
  background: rgba(93, 232, 216, 0.055);
}
.deposit-register-table tbody tr.scenario-row-changed {
  background: linear-gradient(
    90deg,
    rgba(255, 78, 122, 0.28),
    rgba(255, 185, 54, 0.18) 48%,
    rgba(0, 225, 198, 0.12)
  );
  box-shadow:
    inset 4px 0 0 #ff4e7a,
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}
.deposit-register-table tbody tr.scenario-row-changed:hover {
  background: linear-gradient(
    90deg,
    rgba(255, 78, 122, 0.34),
    rgba(255, 185, 54, 0.23) 48%,
    rgba(0, 225, 198, 0.16)
  );
}
.deposit-register-table tbody tr.scenario-row-changed .portfolio-mini-input {
  border-color: rgba(255, 201, 69, 0.48);
  background: rgba(26, 18, 31, 0.92);
}
.forecast-table {
  min-width: 1060px;
}
.forecast-table th:nth-child(1) {
  width: 20%;
}
.forecast-table th:nth-child(2) {
  width: 9%;
}
.forecast-table th:nth-child(3) {
  width: 16%;
}
.forecast-table th:nth-child(4) {
  width: 10%;
}
.forecast-table th:nth-child(5) {
  width: 14%;
}
.forecast-table th:nth-child(6) {
  width: 14%;
}
.forecast-table th:nth-child(7) {
  width: 10%;
}
.num-input {
  text-align: right;
}
.date-input {
  min-width: 140px;
}
.cash-split-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.cash-split-card strong {
  color: var(--teal);
}
.action-cell {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}
.mini-action {
  border: 1px solid rgba(93, 232, 216, 0.24);
  color: var(--text-muted);
  background: rgba(93, 232, 216, 0.055);
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
.mini-action:hover,
.mini-action.active {
  color: var(--teal);
  border-color: rgba(93, 232, 216, 0.56);
  background: rgba(93, 232, 216, 0.13);
}
.mini-action[data-mature].active {
  color: var(--gold);
  border-color: rgba(244, 199, 107, 0.54);
  background: rgba(244, 199, 107, 0.12);
}
.fund-base-kpis {
  grid-template-columns: repeat(4, 1fr);
}
.scenario-workbench,
.scenario-results-card {
  border-color: rgba(93, 232, 216, 0.2);
}
.scenario-input-table,
.scenario-output-table {
  min-width: 1040px;
}
.scenario-input-table th:nth-child(1) {
  width: 18%;
}
.scenario-input-table th:nth-child(2) {
  width: 14%;
}
.scenario-input-table th:nth-child(3) {
  width: 12%;
}
.scenario-input-table th:nth-child(4) {
  width: 14%;
}
.scenario-input-table th:nth-child(5) {
  width: 10%;
}
.scenario-input-table th:nth-child(6) {
  width: 12%;
}
.scenario-input-table th:nth-child(7) {
  width: 12%;
}
.scenario-card-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 4px 0 14px;
}
.scenario-summary-card strong {
  color: var(--teal);
}
.status-warn td:last-child {
  color: var(--gold);
  font-weight: 800;
}

/* Fund simulation: institutional compact dashboard style */
.fund-simulation-page {
  --bg: #080a10;
  --bg-elev: #11141e;
  --surface: #141824;
  --surface-2: #181d2b;
  --border: #242a3a;
  --border-soft: #1c2230;
  --text: #eef2f8;
  --text-muted: #8f98aa;
  --text-faint: #5f687a;
  --teal: #49a8b1;
  --gold: #e6a93d;
  background:
    radial-gradient(circle at top left, rgba(73, 168, 177, 0.05), transparent 34%), #080a10;
}
.fund-simulation-page .site-header {
  background: rgba(8, 10, 16, 0.96);
  border-bottom-color: #202637;
  box-shadow: none;
}
.fund-simulation-page .brand-mark,
.fund-simulation-page .site-nav a[aria-current="page"] {
  color: #58c1c7;
}
.fund-simulation-page .brand {
  gap: 14px;
}
.fund-simulation-page .brand-name {
  letter-spacing: 0.04em;
}
.fund-simulation-page .workbook-upload-card,
.fund-simulation-page .portfolio-only-card {
  border-color: #242a3a;
  background: #0f121b;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
}
.fund-simulation-page .portfolio-only-card {
  height: auto;
  min-height: calc(100vh - 208px);
}
.fund-simulation-page .workbook-drop-zone {
  border-color: #283142;
  background: #121722;
}
.fund-simulation-page .card-head {
  align-items: flex-start;
  margin-bottom: 14px;
}
.fund-simulation-page .card-head h1 {
  margin: 0 0 6px;
  font-size: clamp(22px, 2vw, 30px);
  letter-spacing: -0.04em;
}
.fund-simulation-page .eyebrow {
  color: #8fd9dc;
  font-size: 10px;
  letter-spacing: 0.16em;
}
.fund-simulation-page .card-sub {
  max-width: 760px;
  color: #9ca7ba;
}
.fund-simulation-page .scenario-date.compact-stat {
  border-color: #242a3a;
  border-radius: 8px;
  background: #121722;
}
.fund-simulation-page .portfolio-inline-kpis {
  gap: 8px;
}
.fund-simulation-page .portfolio-inline-kpis article {
  min-height: 78px;
  border-color: #252b3b;
  border-radius: 7px;
  padding: 11px 13px;
  background: #131722;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}
.fund-simulation-page .portfolio-inline-kpis span {
  margin-bottom: 7px;
  color: #7f8898;
  font-size: 8px;
  letter-spacing: 0.11em;
}
.fund-simulation-page .portfolio-inline-kpis strong {
  color: var(--mist);
  font-size: clamp(15px, 1.25vw, 18px);
  letter-spacing: -0.02em;
}
.fund-simulation-page .portfolio-inline-kpis article:nth-child(3) strong {
  color: #44d089;
}
.fund-simulation-page .portfolio-inline-kpis small {
  margin-top: 5px;
  color: #98a2b3;
  font-size: 9px;
}
.fund-simulation-page .portfolio-inline-kpis small b {
  color: #e8b24f;
}
.weekly-calendar-wrap {
  overflow: visible;
}
.weekly-calendar-list {
  display: grid;
  gap: 18px;
}
.weekly-calendar-month {
  margin: 8px 0 -4px;
  color: #72dad8;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.weekly-calendar-card {
  border: 1px solid #263044;
  border-radius: 10px;
  background: linear-gradient(180deg, #151c2a, #111723);
  overflow: hidden;
}
.weekly-calendar-title {
  display: grid;
  gap: 4px;
  padding: 11px 12px 10px;
  border-bottom: 2px solid rgba(105, 216, 214, 0.65);
  background: linear-gradient(90deg, rgba(230, 169, 61, 0.1), rgba(105, 216, 214, 0.04));
}
.weekly-calendar-title strong {
  color: #f0c24f;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.weekly-calendar-title span {
  color: #f2f5fa;
  font-size: 12px;
  font-weight: 800;
}
.weekly-calendar-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(112px, 1fr)) minmax(150px, 0.72fr);
  min-height: 145px;
}
.weekly-day-cell,
.weekly-total-cell {
  min-width: 0;
  border-right: 1px solid #222a3a;
  padding: 9px 10px 10px;
  background: #111723;
}
.weekly-day-cell:nth-child(even) {
  background: #141b28;
}
.weekly-day-cell:last-of-type {
  border-right: 0;
}
.weekly-day-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(105, 216, 214, 0.18);
}
.weekly-day-head strong {
  color: #69d8d6;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.weekly-day-head span {
  color: #d9e0ea;
  font-size: 10px;
  font-weight: 800;
}
.weekly-holiday-pill {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(240, 128, 137, 0.35);
  border-radius: 999px;
  padding: 3px 7px;
  color: #ffd0d4;
  background: rgba(240, 128, 137, 0.13);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.weekly-day-deals {
  display: grid;
  gap: 7px;
}
.weekly-deal-card {
  border: 1px solid rgba(105, 216, 214, 0.22);
  border-radius: 7px;
  padding: 8px 8px 7px;
  background: #223247;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}
.weekly-deal-card strong {
  display: block;
  color: #f5f7fb;
  font-size: clamp(11px, 0.82vw, 14px);
  line-height: 1.2;
  white-space: nowrap;
}
.weekly-deal-card span {
  display: block;
  margin-top: 4px;
  color: #f0c24f;
  font-size: 11px;
  font-weight: 900;
}
.weekly-deal-card small {
  display: block;
  margin-top: 3px;
  color: #a8b2c3;
  font-size: 9px;
}
.weekly-empty {
  color: #8f98aa;
  font-size: 11px;
  padding-top: 8px;
}
.weekly-total-cell {
  display: grid;
  align-content: center;
  gap: 8px;
  border-right: 0;
  border-left: 1px solid #293244;
  background: linear-gradient(180deg, rgba(230, 169, 61, 0.08), #151923);
}
.weekly-total-cell span {
  color: #69d8d6;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.weekly-total-cell strong {
  color: #f5f7fb;
  font-size: 17px;
}
.weekly-total-cell small {
  color: #f0c24f;
  font-size: 11px;
  font-weight: 900;
}
.weekly-total-cell em {
  color: #d9e0ea;
  font-size: 10px;
  font-style: normal;
}
.weekly-total-cell .week-view-button {
  justify-self: start;
  margin-top: 2px;
}
.fund-simulation-page .weekly-maturity-table {
  width: min(860px, 100%);
  color: #d7deea;
}
.fund-simulation-page .fund-sim-left-pane .register-table-wrap {
  flex: 0 0 auto;
  max-height: none;
  overflow: visible;
}
.fund-simulation-page .weekly-maturity-table th:nth-child(1) {
  width: 34%;
}
.fund-simulation-page .weekly-maturity-table th:nth-child(2) {
  width: 34%;
}
.fund-simulation-page .weekly-maturity-table th:nth-child(3) {
  width: 18%;
}
.fund-simulation-page .weekly-maturity-table th:nth-child(4) {
  width: 14%;
}
.fund-simulation-page .weekly-maturity-table thead th {
  color: #7f8898;
  background: #10141e;
  border-bottom-color: #252b3b;
  font-size: 10px;
  letter-spacing: 0.15em;
}
.fund-simulation-page .weekly-maturity-table th,
.fund-simulation-page .weekly-maturity-table td {
  padding: 9px 12px;
  border-color: #222838;
}
.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  color: #69d8d6;
  background: #17212c;
  border-color: #253241;
}
.fund-simulation-page .deposit-register-table tbody tr:nth-child(odd) {
  background: #10141e;
}
.fund-simulation-page .deposit-register-table tbody tr:hover {
  background: #161c29;
}
.fund-simulation-page .portfolio-scenario-box,
.fund-simulation-page .portfolio-rules-box,
.fund-simulation-page .scenario-analysis-panel,
.fund-simulation-page .saved-scenario-panel,
.fund-simulation-page .scenario-result-grid article,
.fund-simulation-page .rule-card-grid article {
  border-color: #252b3b;
  border-radius: 8px;
  background: #131722;
  box-shadow: none;
}
.fund-simulation-page .portfolio-scenario-box {
  padding: 10px;
}
.fund-simulation-page .scenario-control-grid label span,
.fund-simulation-page .scenario-analysis-head span,
.fund-simulation-page .saved-scenario-head span {
  color: #d9a64b;
}
.fund-simulation-page .scenario-control-grid select,
.fund-simulation-page .scenario-control-grid input,
.fund-simulation-page .saved-scenario-form input {
  border-color: #273247;
  border-radius: 6px;
  background: #0b1019;
}
.fund-simulation-page .scenario-actions button:first-child,
.fund-simulation-page .saved-scenario-form button,
.fund-simulation-page .scenario-analysis-head button {
  border-radius: 6px;
  background: #e8e1d4;
  color: #151515;
  box-shadow: none;
}
.fund-simulation-page .scenario-actions button,
.fund-simulation-page .ghost-button {
  border-radius: 6px;
  background: #151924;
  border-color: #2a3245;
}
.fund-simulation-page .fund-sim-right-pane {
  overflow: visible;
}
.fund-simulation-page .portfolio-only-card .register-table-wrap {
  max-height: none;
  overflow: visible;
}
.fund-simulation-page .fund-sim-workspace {
  grid-template-columns: minmax(520px, 0.92fr) minmax(520px, 1fr);
  align-items: start;
}
.fund-simulation-page .fund-sim-left-pane {
  display: contents;
}
.fund-simulation-page .portfolio-inline-kpis {
  order: 1;
  grid-column: 1 / -1;
  width: min(1040px, 100%);
}
.fund-simulation-page .fund-sim-right-pane {
  order: 2;
  grid-column: 1;
  width: 100%;
  justify-self: start;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.62fr);
  align-items: start;
}
.fund-simulation-page .fund-sim-left-pane .register-table-wrap {
  order: 3;
  grid-column: 2;
  width: 100%;
}

/* Fund Simulation UI polish */
.fund-simulation-page .portfolio-only-card {
  padding: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(88, 193, 199, 0.1), transparent 34%),
    linear-gradient(180deg, #0f141f 0%, #0b0f17 100%);
}
.fund-simulation-page .card-head {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(105, 216, 214, 0.1);
}
.fund-simulation-page .card-head h1 {
  color: #f6f8fb;
  font-size: clamp(21px, 1.7vw, 26px);
}
.fund-simulation-page .card-sub {
  color: #a7b2c5;
  font-size: 12px;
}
.fund-simulation-page .fund-sim-workspace {
  grid-template-columns: minmax(650px, 0.98fr) minmax(500px, 1.02fr);
  gap: 14px;
}
.fund-simulation-page .portfolio-inline-kpis {
  width: 100%;
  gap: 9px;
}
.fund-simulation-page .portfolio-inline-kpis article {
  min-height: 72px;
  border: 1px solid rgba(105, 216, 214, 0.13);
  border-radius: 10px;
  padding: 10px 12px;
  background: linear-gradient(180deg, rgba(27, 36, 54, 0.96), rgba(15, 21, 33, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.fund-simulation-page .portfolio-inline-kpis span {
  color: #8ea0b8;
  font-size: 8px;
}
.fund-simulation-page .portfolio-inline-kpis strong {
  font-size: clamp(14px, 1.1vw, 17px);
}
.fund-simulation-page .portfolio-inline-kpis article:nth-child(1) strong,
.fund-simulation-page .portfolio-inline-kpis article:nth-child(2) strong {
  color: #f6f1df;
}
.fund-simulation-page .portfolio-inline-kpis article:nth-child(3) strong {
  color: #36e59b;
}
.fund-simulation-page .portfolio-inline-kpis article:nth-child(4) strong {
  color: #f7c84b;
}
.fund-simulation-page .fund-sim-right-pane {
  gap: 10px;
  grid-template-columns: minmax(300px, 0.96fr) minmax(300px, 1.04fr);
}
.fund-simulation-page .portfolio-scenario-box,
.fund-simulation-page .portfolio-rules-box {
  border: 1px solid rgba(255, 180, 66, 0.22);
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(128, 40, 55, 0.26),
    rgba(31, 27, 42, 0.92) 45%,
    rgba(13, 27, 43, 0.96)
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 18px 36px rgba(0, 0, 0, 0.2);
}
.fund-simulation-page .portfolio-scenario-box {
  padding: 11px;
}
.fund-simulation-page .portfolio-rules-box {
  padding: 10px;
  background: linear-gradient(135deg, rgba(24, 38, 53, 0.98), rgba(17, 22, 34, 0.98));
}
.fund-simulation-page .scenario-control-grid {
  gap: 7px;
}
.fund-simulation-page .scenario-control-grid label span,
.fund-simulation-page .scenario-analysis-head span,
.fund-simulation-page .saved-scenario-head span {
  color: #ffca5a;
  font-size: 8px;
}
.fund-simulation-page .scenario-control-grid select,
.fund-simulation-page .scenario-control-grid input,
.fund-simulation-page .saved-scenario-form input {
  min-height: 31px;
  border-color: rgba(255, 202, 90, 0.2);
  border-radius: 8px;
  background: rgba(10, 13, 21, 0.82);
  color: var(--mist);
  font-size: 11px;
}
.fund-simulation-page .scenario-actions button {
  min-height: 31px;
  padding: 6px 10px;
  font-size: 11px;
}
.fund-simulation-page .scenario-actions button:first-child,
.fund-simulation-page .saved-scenario-form button,
.fund-simulation-page .scenario-analysis-head button {
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, #ffe6c8, #ffc7b0);
  color: #31151b;
  box-shadow: 0 8px 18px rgba(255, 137, 88, 0.18);
}
.fund-simulation-page .ghost-button {
  color: #b9c5d8;
}
.fund-simulation-page .scenario-result-grid {
  gap: 7px;
}
.fund-simulation-page .scenario-result-grid article,
.fund-simulation-page .rule-card-grid article {
  border-radius: 9px;
  padding: 7px 9px;
  background: rgba(9, 14, 24, 0.54);
}
.fund-simulation-page .scenario-result-grid strong {
  font-size: 14px;
}
.fund-simulation-page .scenario-analysis-panel,
.fund-simulation-page .saved-scenario-panel {
  border-radius: 10px;
  padding: 9px;
  background: rgba(9, 14, 24, 0.44);
}
.fund-simulation-page .scenario-analysis-head {
  gap: 8px;
}
.fund-simulation-page .scenario-analysis-head small,
.fund-simulation-page .saved-scenario-head small {
  color: #9daabd;
  font-size: 9px;
}
.fund-simulation-page .scenario-analysis-head {
  grid-template-columns: minmax(0, 1fr) auto;
}
.fund-simulation-page .scenario-analysis-head button {
  min-width: 128px;
}
.fund-simulation-page .saved-scenario-form {
  gap: 6px;
}
.fund-simulation-page .limit-summary-wrap {
  border-color: rgba(105, 216, 214, 0.16);
  border-radius: 10px;
}
.fund-simulation-page .limit-summary-table th {
  color: #7adfdf;
  background: rgba(14, 25, 38, 0.86);
}
.fund-simulation-page .limit-summary-table td {
  color: #d7deea;
}
.fund-simulation-page .weekly-maturity-table {
  width: 100%;
  border: 1px solid rgba(105, 216, 214, 0.12);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(9, 13, 22, 0.62);
}
.fund-simulation-page .weekly-maturity-table thead th {
  padding: 8px 10px;
  color: #8bdfe0;
  background: #101a27;
  font-size: 8px;
}
.fund-simulation-page .weekly-maturity-table th,
.fund-simulation-page .weekly-maturity-table td {
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.25;
}
.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  padding: 8px 10px;
  color: #7cf2e8;
  background: linear-gradient(90deg, rgba(34, 73, 91, 0.82), rgba(17, 31, 45, 0.96));
}
.fund-simulation-page .weekly-maturity-table tbody tr:not(.weekly-month-row):hover {
  background: rgba(105, 216, 214, 0.08);
}
.fund-simulation-page .week-date-range {
  margin-top: 2px;
  color: #9eabbf;
  font-size: 9px;
}
.fund-simulation-page .week-view-button {
  min-width: 48px;
  padding: 4px 9px;
  border-color: rgba(116, 216, 217, 0.36);
  color: #8ff4ed;
  background: rgba(23, 39, 54, 0.92);
}
.fund-simulation-page .week-view-button:hover {
  color: #071015;
  background: #8ff4ed;
}
.week-view-button {
  min-width: 52px;
  border: 1px solid #2b3a4c;
  border-radius: 999px;
  padding: 5px 10px;
  background: #151b27;
  color: #74d8d9;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
.week-view-button:hover {
  border-color: rgba(116, 216, 217, 0.62);
  background: #182433;
}
.week-maturity-popup[hidden] {
  display: none;
}
.week-maturity-popup {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 20px;
}
.week-maturity-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 4, 9, 0.72);
  backdrop-filter: blur(4px);
}
.week-maturity-panel {
  position: relative;
  width: min(1240px, calc(100vw - 40px));
  max-height: min(720px, calc(100vh - 48px));
  display: flex;
  flex-direction: column;
  border: 1px solid #2a3245;
  border-radius: 12px;
  background: #0f121b;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
  overflow: hidden;
}
.week-maturity-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid #232a3a;
  background: #121722;
}
.week-maturity-head h2 {
  margin: 5px 0 3px;
  font-size: 21px;
  letter-spacing: -0.035em;
}
.week-maturity-head p {
  margin: 0;
  color: #99a4b7;
  font-size: 12px;
}
.week-popup-close {
  width: 30px;
  height: 30px;
  border: 1px solid #2a3245;
  border-radius: 8px;
  background: #151a25;
  color: #e9eef7;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.week-maturity-body {
  display: grid;
  gap: 8px;
  padding: 14px 18px 18px;
  overflow: auto;
}
.week-maturity-body .popup-week-calendar-card {
  min-width: 1040px;
}
.week-maturity-body .weekly-calendar-title {
  padding: 10px 12px 9px;
}
.week-maturity-body .weekly-calendar-grid {
  grid-template-columns: repeat(5, minmax(132px, 1fr)) minmax(150px, 0.66fr);
  min-height: 126px;
}
.week-maturity-body .weekly-day-cell,
.week-maturity-body .weekly-total-cell {
  padding: 8px 9px 9px;
}
.week-maturity-body .weekly-deal-card strong {
  font-size: 13px;
}
.week-maturity-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.32fr);
  gap: 14px;
  align-items: center;
  border: 1px solid #222938;
  border-radius: 10px;
  padding: 12px 14px;
  background: #131722;
}
.week-maturity-row strong {
  display: block;
  color: #f1f4f9;
  font-size: 16px;
  line-height: 1.2;
}
.week-maturity-row span {
  display: block;
  margin-top: 4px;
  color: #d2d9e5;
  font-size: 12px;
}
.week-maturity-row small {
  display: block;
  margin-top: 3px;
  color: #8f98aa;
  font-size: 11px;
}
.week-maturity-meta {
  text-align: right;
}
.week-maturity-meta span {
  margin: 0 0 5px;
  color: #7f8898;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.week-maturity-meta strong {
  color: #74d8d9;
  font-size: 13px;
}
.week-maturity-foot {
  display: flex;
  justify-content: flex-end;
  padding: 12px 18px 16px;
  border-top: 1px solid #232a3a;
  background: #10141e;
}
.calendar-link-button {
  border: 1px solid #2b3a4c;
  border-radius: 8px;
  padding: 8px 12px;
  color: #0e1219;
  background: #e8e1d4;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
}
body.week-popup-open {
  overflow: hidden;
}

.rule-block-popup[hidden] {
  display: none !important;
}

.rule-block-popup {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

.rule-block-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(3, 7, 14, 0.74) !important;
  backdrop-filter: blur(5px) !important;
}

.rule-block-panel {
  position: relative !important;
  width: min(560px, 94vw) !important;
  overflow: hidden !important;
  border: 2px solid rgba(241, 138, 150, 0.72) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(520px 210px at 0% 0%, rgba(241, 138, 150, 0.18), transparent 62%),
    linear-gradient(180deg, #172033, #0f141f) !important;
  color: #eff6ff !important;
  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.055) inset !important;
}

.rule-block-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px 14px !important;
  border-bottom: 1px solid rgba(241, 138, 150, 0.22) !important;
}

.rule-block-head h2 {
  margin: 3px 0 5px !important;
  color: #ffffff !important;
  font-size: 21px !important;
  letter-spacing: -0.03em !important;
}

.rule-block-head p {
  margin: 0 !important;
  color: #f7b7bf !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.rule-block-body {
  padding: 16px 20px 18px !important;
}

.rule-block-body ul {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.rule-block-body li {
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-left: 3px solid rgba(241, 138, 150, 0.82) !important;
  border-radius: 8px !important;
  padding: 9px 11px !important;
  background: rgba(6, 10, 18, 0.52) !important;
  color: #dfe7f2 !important;
  font-size: 13px !important;
}

.rule-block-foot {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 13px 20px 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.rule-block-foot button {
  min-width: 92px !important;
}

body.rule-block-open {
  overflow: hidden;
}

.renewal-popup[hidden] {
  display: none !important;
}

.renewal-popup {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10001 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

.renewal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(3, 7, 14, 0.76) !important;
  backdrop-filter: blur(6px) !important;
}

.renewal-panel {
  position: relative !important;
  width: min(560px, 94vw) !important;
  overflow: hidden !important;
  border: 2px solid rgba(86, 185, 193, 0.72) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(520px 210px at 0% 0%, rgba(86, 185, 193, 0.18), transparent 62%),
    linear-gradient(180deg, #172033, #0f141f) !important;
  color: #eff6ff !important;
  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.055) inset !important;
}

.renewal-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px 14px !important;
  border-bottom: 1px solid rgba(86, 185, 193, 0.22) !important;
}

.renewal-head h2 {
  margin: 3px 0 5px !important;
  color: #ffffff !important;
  font-size: 21px !important;
  letter-spacing: -0.03em !important;
}

.renewal-head p {
  margin: 0 !important;
  color: #bceff3 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.renewal-body {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  padding: 16px 20px 18px !important;
}

.renewal-deal-info {
  grid-column: 1 / -1 !important;
  display: grid !important;
  gap: 4px !important;
  border: 1px solid rgba(86, 185, 193, 0.24) !important;
  border-left: 4px solid rgba(86, 185, 193, 0.88) !important;
  border-radius: 10px !important;
  padding: 11px 12px !important;
  background: rgba(5, 12, 22, 0.58) !important;
}

.renewal-deal-info strong {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.renewal-deal-info span {
  color: #72f0e8 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.renewal-deal-info small {
  color: #9fb2c6 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.renewal-body label {
  display: grid !important;
  gap: 6px !important;
  color: #a8bad0 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.renewal-body input {
  border: 1px solid rgba(86, 185, 193, 0.38) !important;
  border-radius: 9px !important;
  background: rgba(5, 11, 20, 0.58) !important;
  color: #e8fbff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  padding: 10px 11px !important;
  outline: none !important;
}

.renewal-body input:focus {
  border-color: rgba(117, 232, 239, 0.9) !important;
  box-shadow: 0 0 0 3px rgba(86, 185, 193, 0.18) !important;
}

.renewal-foot {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  padding: 13px 20px 18px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.renewal-foot button {
  min-width: 112px !important;
}

body.renewal-popup-open {
  overflow: hidden;
}

@media (max-width: 620px) {
  .renewal-body {
    grid-template-columns: 1fr !important;
  }
}
.sim-table td,
.sim-table th {
  vertical-align: middle;
}
.sim-notes {
  background: rgba(14, 29, 47, 0.72);
}

@media (max-width: 1120px) {
  .sim-kpis,
  .forecast-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .existing-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .fund-base-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .scenario-card-grid {
    grid-template-columns: 1fr;
  }
  .cash-split-grid {
    grid-template-columns: 1fr;
  }
  .snapshot-cards,
  .distribution-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .sim-section-head {
    grid-template-columns: 1fr;
  }
  .sim-kpis,
  .forecast-kpis,
  .existing-kpis,
  .fund-base-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .rollover-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px) {
  .sim-kpis {
    grid-template-columns: 1fr;
  }
}

/* Maturity calendar */
.calendar-page {
  --bg: #101827;
  --bg-elev: #162236;
  --surface: #1c2b42;
  --surface-2: #223651;
  --border: #2c435f;
  --border-soft: #23364e;
  --text: #ffffff;
  --text-muted: #d8e2f0;
  --text-faint: #a9b8ce;
  --teal: #56ffe7;
  --teal-dim: #35b9aa;
  --teal-deep: #118074;
  --slate: #7ea0c5;
  --gold: #ffd166;
  --rose: #ff8fab;
  --err: #f18a96;
}
.calendar-page body,
body.calendar-page {
  background:
    radial-gradient(900px 420px at 88% -8%, rgba(114, 228, 212, 0.13), transparent 58%),
    radial-gradient(760px 460px at -8% 8%, rgba(243, 195, 107, 0.1), transparent 62%), var(--bg);
}
.calendar-page .site-header {
  background: rgba(16, 24, 39, 0.88);
  border-bottom-color: var(--border-soft);
}
.calendar-page .brand-sub,
.calendar-page .meta-label,
.calendar-page .meta-value,
.calendar-page .card-sub {
  color: var(--text-muted);
}
.calendar-main {
  gap: 18px;
}
.calendar-only-card {
  padding: 20px;
}
.calendar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
}
@media (max-width: 1180px) {
  .calendar-layout {
    grid-template-columns: 1fr;
  }
}

.control-row {
  display: flex;
  align-items: end;
  gap: 12px;
  flex-wrap: wrap;
}
.control-row label {
  display: grid;
  gap: 5px;
  min-width: 190px;
  color: var(--text-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.control-row select,
.control-row button {
  font: inherit;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 9px 10px;
}
.control-row button {
  cursor: pointer;
  color: var(--teal);
  border-color: rgba(103, 232, 215, 0.28);
}
.control-row button:hover {
  background: rgba(103, 232, 215, 0.08);
}

.calendar-weeks {
  display: grid;
  gap: 22px;
}
.month-section {
  display: grid;
  gap: 16px;
  border: 1px solid rgba(114, 228, 212, 0.22);
  border-radius: 20px;
  padding: 18px;
  background:
    linear-gradient(180deg, rgba(114, 228, 212, 0.055), rgba(10, 18, 30, 0.2)),
    rgba(10, 18, 30, 0.38);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.month-section + .month-section {
  margin-top: 18px;
}
.month-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(114, 228, 212, 0.26);
  border-radius: 14px;
  padding: 16px 18px;
  background: linear-gradient(90deg, rgba(114, 228, 212, 0.18), rgba(243, 195, 107, 0.09));
}
.month-section-head h3 {
  margin: 0;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: var(--teal);
  text-transform: uppercase;
}
.month-section-head p {
  margin: 2px 0 0;
  color: var(--gold);
  font-size: 13px;
  font-weight: 700;
}
.month-section-total {
  color: var(--teal);
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}
.month-weeks {
  display: grid;
  gap: 12px;
}
.week-card {
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(22, 34, 54, 0.78);
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.2);
}
.month-weeks .week-card:nth-child(odd) {
  background: rgba(21, 36, 58, 0.92);
  border-color: rgba(114, 228, 212, 0.18);
}
.month-weeks .week-card:nth-child(even) {
  background: rgba(34, 45, 67, 0.92);
  border-color: rgba(243, 195, 107, 0.18);
}
.week-summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border-soft);
  background: rgba(255, 255, 255, 0.035);
}
.month-weeks .week-card:nth-child(odd) .week-summary {
  background: linear-gradient(90deg, rgba(114, 228, 212, 0.13), rgba(114, 228, 212, 0.04));
}
.month-weeks .week-card:nth-child(even) .week-summary {
  background: linear-gradient(90deg, rgba(243, 195, 107, 0.12), rgba(243, 195, 107, 0.035));
}
.week-title {
  font-weight: 900;
  color: var(--gold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.week-range {
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
}
.week-total {
  color: var(--teal);
  text-align: right;
}
.week-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(138px, 0.82fr);
}
.calendar-day {
  min-height: 154px;
  border-right: 1px solid var(--border-soft);
  padding: 10px;
  background: rgba(28, 43, 66, 0.86);
}
.month-weeks .week-card:nth-child(odd) .calendar-day {
  background: rgba(25, 42, 66, 0.86);
}
.month-weeks .week-card:nth-child(even) .calendar-day {
  background: rgba(38, 49, 70, 0.86);
}
.calendar-day.weekend {
  background: linear-gradient(135deg, rgba(243, 195, 107, 0.15), rgba(243, 195, 107, 0.055));
}
.calendar-day.holiday {
  background:
    linear-gradient(135deg, rgba(224, 122, 139, 0.16), rgba(224, 179, 65, 0.08)),
    rgba(36, 42, 62, 0.9);
  box-shadow: inset 0 4px 0 rgba(224, 122, 139, 0.72);
}
.calendar-day.has-maturity {
  box-shadow: inset 0 4px 0 rgba(114, 228, 212, 0.72);
}
.calendar-day.holiday.has-maturity {
  box-shadow:
    inset 0 4px 0 rgba(224, 122, 139, 0.72),
    inset 0 8px 0 rgba(114, 228, 212, 0.58);
}
.day-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: baseline;
  margin-bottom: 6px;
}
.weekday {
  color: var(--teal);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.date {
  color: var(--text);
  font-size: 11px;
  font-weight: 700;
}
.weekend-label,
.holiday-label,
.valuation-label {
  display: inline-block;
  margin-bottom: 6px;
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.weekend-label {
  color: var(--gold);
  background: rgba(224, 179, 65, 0.1);
  border: 1px solid rgba(224, 179, 65, 0.25);
}
.holiday-label {
  color: #ffd4dc;
  background: rgba(224, 122, 139, 0.13);
  border: 1px solid rgba(224, 122, 139, 0.34);
  font-weight: 900;
}
.valuation-label {
  color: var(--teal);
  background: rgba(103, 232, 215, 0.08);
  border: 1px solid rgba(103, 232, 215, 0.24);
  font-weight: 900;
}
.day-total {
  color: var(--teal);
  font-size: 11px;
  margin: 6px 0;
}
.day-deposits {
  display: grid;
  gap: 6px;
}
.deposit-pill {
  border: 1px solid rgba(114, 228, 212, 0.22);
  background: rgba(114, 228, 212, 0.08);
  border-radius: 7px;
  padding: 7px;
}
.deposit-amount {
  display: block;
  color: #ffffff;
  font-weight: 900;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-shadow: 0 0 14px rgba(86, 255, 231, 0.12);
}
.deposit-bank {
  display: block;
  font-weight: 900;
  color: var(--gold);
  font-size: 13px;
  line-height: 1.25;
  margin-top: 3px;
}
.deposit-maturity-date {
  display: block;
  color: #9fe7e9;
  font-size: 10px;
  line-height: 1.25;
  margin-top: 4px;
  font-weight: 900;
  letter-spacing: 0.01em;
}
.deposit-meta {
  display: block;
  color: var(--text-faint);
  font-size: 9px;
  line-height: 1.25;
  margin-top: 4px;
  font-weight: 600;
}

.portfolio-clear-button {
  margin-top: 8px;
  width: 100%;
  justify-content: center;
  font-size: 11px !important;
  min-height: 30px !important;
  color: #f2c4c4 !important;
  border-color: rgba(221, 105, 116, 0.35) !important;
  background: rgba(221, 105, 116, 0.08) !important;
}

.portfolio-clear-button:hover {
  border-color: rgba(221, 105, 116, 0.62) !important;
  background: rgba(221, 105, 116, 0.14) !important;
}
.portfolio-lock-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 26px;
  margin-bottom: 8px;
  border: 1px solid rgba(85, 199, 207, 0.34);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(85, 199, 207, 0.16), rgba(241, 199, 181, 0.1));
  color: #9fe7e9;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}
.empty-day {
  color: var(--text-faint);
  font-size: 12px;
  margin-top: 14px;
}

.calendar-summary-cell {
  min-height: 154px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  border-left: 1px solid var(--border-soft);
}
.week-total-cell {
  background: linear-gradient(180deg, rgba(114, 228, 212, 0.16), rgba(114, 228, 212, 0.06));
}
.month-weeks .week-card:nth-child(even) .week-total-cell {
  background: linear-gradient(180deg, rgba(243, 195, 107, 0.16), rgba(243, 195, 107, 0.055));
}
.month-total-cell {
  background: linear-gradient(180deg, rgba(243, 195, 107, 0.17), rgba(243, 195, 107, 0.06));
}
.month-end-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 1px solid rgba(243, 195, 107, 0.26);
  border-radius: 14px;
  padding: 16px 18px;
  background: linear-gradient(90deg, rgba(243, 195, 107, 0.18), rgba(114, 228, 212, 0.07));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.month-end-value {
  text-align: right;
}
.summary-title {
  color: var(--teal);
  font-size: 10px;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  font-weight: 700;
}
.summary-amount {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
}
.summary-note {
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
}
.summary-sub {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 700;
}

.maturity-list {
  display: grid;
  gap: 12px;
  max-height: 900px;
  overflow: auto;
  padding-right: 3px;
}
.maturity-group {
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.maturity-group-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--text);
  font-weight: 700;
}
.maturity-item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  border-top: 1px solid var(--border-soft);
}
.maturity-meta {
  color: var(--text-muted);
  font-size: 11px;
  margin-top: 2px;
}
.maturity-item .num span {
  color: var(--text-muted);
  font-size: 11px;
}

.deposit-aum-pct,
.weekly-deal-card .deal-aum-pct {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  border: 1px solid rgba(97, 219, 219, 0.34);
  border-radius: 999px;
  padding: 2px 7px;
  color: #9ff4f0;
  background: rgba(97, 219, 219, 0.1);
  font-size: 10.5px;
  font-weight: 900;
  letter-spacing: 0.01em;
}

@media (max-width: 900px) {
  .month-section-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .month-end-total {
    flex-direction: column;
    align-items: flex-start;
  }
  .month-end-value {
    text-align: left;
  }
  .week-grid {
    grid-template-columns: 1fr;
  }
  .calendar-day {
    min-height: 0;
    border-right: none;
    border-bottom: 1px solid var(--border-soft);
  }
  .calendar-day:last-child {
    border-bottom: none;
  }
  .calendar-summary-cell {
    min-height: 0;
    border-left: none;
    border-bottom: 1px solid var(--border-soft);
  }
  .week-summary {
    flex-direction: column;
  }
  .week-total {
    text-align: left;
  }
}

/* Notes */
.notes-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 22px;
}
@media (max-width: 880px) {
  .notes-list {
    grid-template-columns: 1fr;
  }
}
.notes-list li {
  padding: 8px 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-muted);
  border-bottom: 1px dashed var(--border-soft);
}
.notes-list li strong {
  color: var(--text);
  font-weight: 600;
}
.notes-list li em {
  color: var(--text);
  font-style: normal;
  background: rgba(255, 255, 255, 0.04);
  padding: 1px 4px;
  border-radius: 3px;
}

/* Data quality */
.data-quality .dq-body {
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1.6;
  max-width: 92ch;
}
.mono.err {
  color: var(--err);
  background: rgba(240, 128, 137, 0.08);
  padding: 1px 5px;
  border-radius: 3px;
}
.status-pill {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold);
  background: rgba(224, 179, 65, 0.1);
  border: 1px solid rgba(224, 179, 65, 0.35);
  border-radius: 999px;
  padding: 4px 10px;
  white-space: nowrap;
}

/* Footer */
.site-footer {
  color: var(--text-faint);
  font-size: 12px;
  padding: 8px 0 4px;
  border-top: 1px solid var(--border-soft);
}

/* Focus */
:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}

/* Site-wide institutional dashboard style — aligned to the reference UI */
:root {
  --bg: #0b0d13;
  --bg-elev: #11151f;
  --surface: #151a25;
  --surface-2: #171d2a;
  --border: #252b38;
  --border-soft: #1c2230;
  --text: #eef3fb;
  --text-muted: #9ca7b8;
  --text-faint: #697486;
  --teal: #55c7cf;
  --teal-dim: #3f9fa7;
  --gold: #f2ad32;
  --rose: #ef6a78;
  --err: #ff6b7b;
}
body {
  background:
    radial-gradient(circle at 18% 0%, rgba(85, 199, 207, 0.08), transparent 28%),
    linear-gradient(180deg, #0d1017 0%, #090b10 100%);
  color: var(--text);
}
.card,
.workbook-upload-card,
.sim-panel,
.calendar-only-card,
.editable-rate-panel,
.standalone-rate-panel,
.portfolio-only-card,
.calendar-month-section,
.week-card,
.month-total-box,
.kpi,
.mini-kpi,
.sim-kpi,
.compact-stat {
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #151923 0%, #11151f 100%) !important;
  box-shadow: none !important;
}
.card-head,
.compact-card-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.eyebrow,
.upload-kicker,
.calendar-month-title,
.weekly-calendar-month,
.editable-rate-title span,
.compact-stat span,
.kpi-label,
.mini-kpi-label,
.sim-kpi span {
  color: #8da0b7 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.card h1,
.card h2,
.calendar-month-title,
.editable-rate-panel h1,
.editable-rate-panel h2 {
  color: #f5f7fb !important;
}
.card-sub,
.workbook-upload-status,
.workbook-drop-zone small,
.mini-kpi-note,
.sim-kpi small,
.notes-list li {
  color: var(--text-muted) !important;
}
.workbook-upload-card {
  padding: 10px !important;
}
.workbook-drop-zone {
  min-height: 64px !important;
  border: 1px solid var(--border) !important;
  border-radius: 7px !important;
  background: #131722 !important;
}
.workbook-drop-zone:hover,
.workbook-drop-zone.drag-active {
  border-color: rgba(85, 199, 207, 0.55) !important;
  background: #171d2a !important;
  transform: none !important;
}
button,
.ghost-button,
.calendar-link-button,
.week-view-button,
.rate-sheet-actions button,
.scenario-actions button,
.saved-scenario-form button {
  border-radius: 7px !important;
  border: 1px solid #2a3344 !important;
  background: #171d2a !important;
  color: #c7d2e1 !important;
  box-shadow: none !important;
}
button:hover,
.ghost-button:hover,
.calendar-link-button:hover,
.week-view-button:hover,
.rate-sheet-actions button:hover,
.scenario-actions button:hover,
.saved-scenario-form button:hover {
  border-color: rgba(85, 199, 207, 0.55) !important;
  background: #1c2432 !important;
  color: #ffffff !important;
}
.scenario-actions button:first-child,
.saved-scenario-form button,
.scenario-analysis-head button {
  background: #f1c7b5 !important;
  color: #241318 !important;
  border-color: transparent !important;
}
.data-table,
.deposit-register-table,
.editable-rate-table,
.limit-summary-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #d9e1ec !important;
}
.data-table th,
.deposit-register-table th,
.editable-rate-table th,
.limit-summary-table th {
  color: #8390a3 !important;
  background: #11151f !important;
  border-bottom: 1px solid #252b38 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.data-table td,
.deposit-register-table td,
.editable-rate-table td,
.limit-summary-table td {
  border-bottom: 1px solid #202635 !important;
  background: transparent !important;
}
.data-table tbody tr:nth-child(odd),
.deposit-register-table tbody tr:nth-child(odd),
.editable-rate-table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.012) !important;
}
.data-table tbody tr:hover,
.deposit-register-table tbody tr:hover,
.editable-rate-table tbody tr:hover {
  background: rgba(85, 199, 207, 0.055) !important;
}
.kpi::before {
  background: var(--teal) !important;
}
.kpi-value,
.mini-kpi-value,
.sim-kpi strong,
.compact-stat strong {
  color: var(--mist) !important;
}
.wam-safe,
#scenarioWam,
.fund-simulation-page .portfolio-inline-kpis article:nth-child(3) strong {
  color: #39d895 !important;
}
.wam-watch,
.week-total strong,
.month-total-box strong,
.fund-simulation-page .portfolio-inline-kpis article:nth-child(4) strong {
  color: var(--gold) !important;
}
.wam-danger,
.rule-danger strong,
.limit-status.low {
  color: var(--err) !important;
}
.status-pill,
.chip,
.limit-status {
  border-radius: 999px !important;
  border-color: rgba(85, 199, 207, 0.28) !important;
  background: rgba(85, 199, 207, 0.08) !important;
  color: var(--teal) !important;
}
.portfolio-scenario-box,
.portfolio-rules-box,
.scenario-analysis-panel,
.saved-scenario-panel,
.scenario-result-grid article,
.rule-card-grid article,
.limit-summary-wrap {
  border-color: var(--border) !important;
  border-radius: 8px !important;
  background: #151923 !important;
}

.fund-simulation-page .fund-sim-right-pane {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
}

.fund-simulation-page .fund-sim-left-pane .register-table-wrap {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

.fund-simulation-page .portfolio-rules-box {
  width: 100% !important;
  margin-top: 0 !important;
}

.fund-simulation-page .portfolio-rules-box .limit-summary-wrap {
  width: 100% !important;
}

.subscription-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  gap: 7px;
}

.scenario-control-grid select,
.scenario-control-grid input,
.saved-scenario-form input,
.editable-rate-table input,
.portfolio-mini-input,
.scenario-date input,
.sim-input {
  border: 1px solid #252d3d !important;
  border-radius: 6px !important;
  background: #0d1119 !important;
  color: #eef3fb !important;
}
.calendar-month-section {
  padding: 12px !important;
}
.calendar-month-title {
  border-bottom: 1px solid #252b38 !important;
  padding-bottom: 8px !important;
}
.week-card {
  overflow: hidden !important;
}
.week-header,
.weekly-calendar-title {
  background: #151923 !important;
  border-bottom: 1px solid #2c3444 !important;
}
.calendar-day,
.weekly-day-cell,
.calendar-summary-cell,
.weekly-total-cell {
  background: #121722 !important;
  border-color: #232a39 !important;
}
.calendar-day:nth-child(even),
.weekly-day-cell:nth-child(even) {
  background: #151b27 !important;
}
.deposit-card,
.weekly-deal-card {
  border-color: rgba(85, 199, 207, 0.24) !important;
  border-radius: 6px !important;
  background: #203047 !important;
}
.deposit-card strong,
.weekly-deal-card strong {
  color: #ffffff !important;
}
.deposit-card span,
.weekly-deal-card span {
  color: var(--gold) !important;
}

.portfolio-page .portfolio-only-card {
  border-color: rgba(85, 199, 207, 0.22) !important;
  background:
    linear-gradient(180deg, rgba(19, 26, 38, 0.98), rgba(12, 17, 27, 0.99)), #101620 !important;
}

.portfolio-page .portfolio-only-card .card-head {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(37, 43, 56, 0.9);
}

.portfolio-page .portfolio-only-card .card-sub::after {
  content: " Read only: upload a new Excel workbook to refresh; cells in this page are locked.";
  color: #9fe7e9;
  font-weight: 800;
}

.portfolio-page .forecast-table-wrap {
  border: 1px solid #252b38;
  border-radius: 10px;
  background: #101620;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
  overflow-x: auto !important;
  overflow-y: auto !important;
}

.portfolio-page .fund-excel-table {
  border-radius: 10px;
  overflow: hidden;
  min-width: 1280px !important;
  table-layout: auto !important;
}

.portfolio-page .fund-sim-workspace {
  grid-template-columns: minmax(0, 2.45fr) minmax(330px, 0.55fr) !important;
  gap: 14px !important;
}

.portfolio-page .fund-excel-table th,
.portfolio-page .fund-excel-table td {
  padding: 8px 10px !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.portfolio-page .fund-excel-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: linear-gradient(180deg, #171e2b, #11151f) !important;
  color: #a7b5c9 !important;
  box-shadow: inset 0 -1px 0 #303849;
}

.portfolio-page .fund-excel-table th:nth-child(1) {
  min-width: 150px !important;
}
.portfolio-page .fund-excel-table th:nth-child(2) {
  min-width: 78px !important;
}
.portfolio-page .fund-excel-table th:nth-child(3),
.portfolio-page .fund-excel-table th:nth-child(4) {
  min-width: 126px !important;
}
.portfolio-page .fund-excel-table th:nth-child(5),
.portfolio-page .fund-excel-table th:nth-child(6) {
  min-width: 94px !important;
}
.portfolio-page .fund-excel-table th:nth-child(7),
.portfolio-page .fund-excel-table th:nth-child(8) {
  min-width: 168px !important;
}
.portfolio-page .fund-excel-table th:nth-child(9) {
  min-width: 98px !important;
}
.portfolio-page .fund-excel-table th:nth-child(10) {
  min-width: 112px !important;
}

.portfolio-page .fund-excel-table tbody tr:nth-child(4n + 1) {
  background: rgba(85, 199, 207, 0.028) !important;
}

.portfolio-page .fund-excel-table tbody tr:nth-child(4n + 2) {
  background: rgba(241, 199, 181, 0.03) !important;
}

.portfolio-page .fund-excel-table tbody tr:nth-child(4n + 3) {
  background: rgba(224, 179, 65, 0.026) !important;
}

.portfolio-page .fund-excel-table tbody tr:nth-child(4n) {
  background: rgba(255, 255, 255, 0.014) !important;
}

.portfolio-page .fund-excel-table tbody tr:hover {
  background: rgba(85, 199, 207, 0.095) !important;
  box-shadow: inset 3px 0 0 #55c7cf;
}

.portfolio-page .portfolio-chart-panel,
.dashboard-page .portfolio-chart-panel {
  display: grid;
  grid-template-columns: minmax(430px, 1.12fr) minmax(340px, 0.86fr) minmax(250px, 0.58fr);
  gap: 14px;
  margin: 2px 0 14px;
}

.portfolio-page .portfolio-chart-card,
.dashboard-page .portfolio-chart-card {
  border: 1px solid rgba(85, 199, 207, 0.18);
  border-radius: 14px;
  background:
    radial-gradient(600px 220px at 12% -20%, rgba(85, 199, 207, 0.13), transparent 62%),
    linear-gradient(180deg, rgba(18, 25, 37, 0.98), rgba(13, 18, 28, 0.99));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 14px 30px rgba(0, 0, 0, 0.22);
  padding: 14px;
  min-height: 236px;
}

.portfolio-page .portfolio-chart-head,
.dashboard-page .portfolio-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}

.portfolio-page .portfolio-chart-head,
.dashboard-page .portfolio-chart-head h2 {
  margin: 2px 0 0;
  color: #f5f8fc;
  font-size: 17px;
  line-height: 1.12;
}

.portfolio-page .chart-note {
  border: 1px solid rgba(85, 199, 207, 0.22);
  border-radius: 999px;
  padding: 5px 9px;
  color: #8fdde3;
  background: rgba(85, 199, 207, 0.065);
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.portfolio-page .portfolio-bank-chart {
  min-height: 172px;
}

.portfolio-page .portfolio-pie-layout {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
}

.portfolio-page .portfolio-pie-wrap {
  position: relative;
  width: 184px;
  height: 184px;
  margin: 0 auto;
}

.portfolio-page .portfolio-pie,
.dashboard-page .portfolio-pie {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(85, 199, 207, 0.22);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.045),
    0 18px 34px rgba(0, 0, 0, 0.22);
}

.portfolio-page .portfolio-pie-center,
.dashboard-page .portfolio-pie-center {
  position: absolute;
  inset: 42px;
  display: grid;
  place-items: center;
  align-content: center;
  border: 1px solid rgba(85, 199, 207, 0.16);
  border-radius: 50%;
  background: #0f1520;
  text-align: center;
}

.portfolio-page .portfolio-pie-center,
.dashboard-page .portfolio-pie-center span,
.portfolio-page .portfolio-pie-center,
.dashboard-page .portfolio-pie-center small {
  color: #8b97aa;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.portfolio-page .portfolio-pie-center,
.dashboard-page .portfolio-pie-center strong {
  color: #ffffff;
  font-size: 18px;
  font-weight: 950;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend {
  display: grid;
  gap: 6px;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row {
  display: grid;
  grid-template-columns: 10px minmax(70px, 1fr) 66px 78px;
  align-items: center;
  gap: 8px;
  min-height: 24px;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row i {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--legend-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--legend-color), transparent 72%);
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row span {
  overflow: hidden;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row strong,
.portfolio-page .portfolio-tenor-top span {
  color: #9fe7e9;
  font-size: 12px;
  font-weight: 900;
  text-align: right;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row em {
  color: #8b97aa;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  text-align: right;
}

.portfolio-page .portfolio-bar-track {
  height: 12px;
  overflow: hidden;
  border: 1px solid rgba(85, 199, 207, 0.14);
  border-radius: 999px;
  background: rgba(7, 11, 18, 0.62);
}

.portfolio-page .portfolio-bar-track i {
  display: block;
  width: var(--bar-pct);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #56c8d0, #e0b341);
  box-shadow: 0 0 18px rgba(85, 199, 207, 0.18);
}

.portfolio-page .portfolio-tenor-chart,
.dashboard-page .portfolio-tenor-chart {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
  height: calc(100% - 42px);
  align-items: stretch;
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  min-height: 150px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  background: rgba(9, 14, 22, 0.52);
  padding: 11px;
}

.portfolio-page .portfolio-tenor-top {
  display: grid;
  gap: 6px;
}

.portfolio-page .portfolio-tenor-top strong {
  color: #ffffff;
  font-size: 18px;
  font-weight: 950;
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item .portfolio-bar-track {
  height: 90px;
  display: flex;
  align-items: flex-end;
  border-radius: 10px;
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item .portfolio-bar-track i {
  width: 100%;
  height: var(--bar-pct);
  min-height: 2px;
  background: linear-gradient(180deg, #e0b341, #56c8d0);
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item small {
  color: #8b97aa;
  font-size: 10px;
  font-weight: 850;
}

.portfolio-page .portfolio-chart-empty {
  border: 1px dashed rgba(85, 199, 207, 0.22);
  border-radius: 12px;
  padding: 18px;
  color: #8b97aa;
  text-align: center;
}

.portfolio-page .portfolio-currency-chart {
  min-height: 172px;
}

.portfolio-page .portfolio-currency-pie-layout {
  display: grid;
  gap: 14px;
  justify-items: center;
}

.portfolio-page .portfolio-currency-pie-wrap {
  width: 156px;
  height: 156px;
}

.portfolio-page .portfolio-currency-pie-wrap .portfolio-pie-center,
.dashboard-page .portfolio-currency-pie-wrap .portfolio-pie-center {
  inset: 35px;
}

.portfolio-page .portfolio-currency-pie-wrap .portfolio-pie-center,
.dashboard-page .portfolio-currency-pie-wrap .portfolio-pie-center strong {
  font-size: 12px;
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend {
  display: grid;
  gap: 8px;
  width: 100%;
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row {
  display: grid;
  grid-template-columns: 10px 44px 64px minmax(72px, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 26px;
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row i {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--legend-color);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--legend-color), transparent 72%);
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row strong {
  color: #9fe7e9;
  font-size: 12px;
  font-weight: 950;
  text-align: right;
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row em {
  color: #8b97aa;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  text-align: right;
}

@media (max-width: 1180px) {
  .portfolio-page .portfolio-chart-panel,
  .dashboard-page .portfolio-chart-panel {
    grid-template-columns: 1fr;
  }

  .portfolio-page .portfolio-tenor-chart,
  .dashboard-page .portfolio-tenor-chart {
    height: auto;
  }
}

/* Reference-style four-panel allocation dashboard */
.portfolio-page .portfolio-chart-panel,
.dashboard-page .portfolio-chart-panel {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 4px 0 12px !important;
}

.portfolio-page .portfolio-chart-card,
.dashboard-page .portfolio-chart-card {
  min-height: 238px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(96, 108, 132, 0.28) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(20, 24, 35, 0.98), rgba(17, 20, 30, 0.99)) !important;
  box-shadow:
    inset 1px 0 0 rgba(255, 255, 255, 0.025),
    inset -1px 0 0 rgba(255, 255, 255, 0.018),
    0 12px 26px rgba(0, 0, 0, 0.2) !important;
}

.dashboard-page .dashboard-nav-return-card {
  margin: 0;
  padding: 13px 14px;
  border: 1px solid rgba(96, 108, 132, 0.28);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(20, 24, 35, 0.98), rgba(17, 20, 30, 0.99));
  box-shadow:
    inset 1px 0 0 rgba(255, 255, 255, 0.025),
    inset -1px 0 0 rgba(255, 255, 255, 0.018),
    0 12px 26px rgba(0, 0, 0, 0.2);
  min-width: 0;
}

.dashboard-page .dashboard-nav-return-card .portfolio-chart-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px !important;
}

.dashboard-page .dashboard-nav-return-card .portfolio-chart-head h2 {
  display: block !important;
  margin: 2px 0 0;
  color: var(--mist);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -0.01em;
}

.dashboard-page #dashboardNavReturnAsOf {
  color: #a1a8b8;
  font-size: 11px;
  font-weight: 850;
}

.dashboard-page .dashboard-nav-return-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
}

.dashboard-page .dashboard-nav-return-table th,
.dashboard-page .dashboard-nav-return-table td {
  padding: 8px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  color: #e8edf5;
  text-align: left;
}

.dashboard-page .dashboard-nav-return-table th {
  color: #8f98aa;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-page .dashboard-nav-return-table .num {
  text-align: right;
}

.dashboard-page .nav-return-delta-mini span,
.dashboard-page .nav-return-delta-mini small {
  display: block;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.25;
}

.portfolio-page .portfolio-chart-head,
.dashboard-page .portfolio-chart-head {
  margin-bottom: 10px !important;
}

.portfolio-page .portfolio-chart-head,
.dashboard-page .portfolio-chart-head .eyebrow {
  color: #a1a8b8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.portfolio-page .portfolio-chart-head,
.dashboard-page .portfolio-chart-head h2,
.portfolio-page .chart-note {
  display: none !important;
}

.portfolio-page .portfolio-pie-layout,
.portfolio-page .portfolio-currency-pie-layout,
.dashboard-page .portfolio-pie-layout,
.dashboard-page .portfolio-currency-pie-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  justify-items: center !important;
}

.portfolio-page .portfolio-bank-pie-layout,
.dashboard-page .portfolio-bank-pie-layout {
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 12px !important;
}

.portfolio-page .portfolio-pie-wrap,
.portfolio-page .portfolio-currency-pie-wrap,
.dashboard-page .portfolio-pie-wrap,
.dashboard-page .portfolio-currency-pie-wrap {
  width: 168px !important;
  height: 168px !important;
}

.portfolio-page .portfolio-bank-pie-layout,
.dashboard-page .portfolio-bank-pie-layout .portfolio-pie-wrap {
  width: 126px !important;
  height: 126px !important;
  align-self: center;
}

.portfolio-page .portfolio-pie,
.dashboard-page .portfolio-pie {
  border: 0 !important;
  box-shadow: none !important;
}

.portfolio-page .portfolio-pie-center,
.dashboard-page .portfolio-pie-center {
  inset: 48px !important;
  border: 0 !important;
  background: #151923 !important;
}

.portfolio-page .portfolio-bank-pie-layout,
.dashboard-page .portfolio-bank-pie-layout .portfolio-pie-center {
  inset: 38px !important;
}

.portfolio-page .portfolio-pie-center,
.dashboard-page .portfolio-pie-center strong {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.portfolio-page .portfolio-currency-pie-wrap .portfolio-pie-center,
.dashboard-page .portfolio-currency-pie-wrap .portfolio-pie-center {
  inset: 55px !important;
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend {
  grid-template-columns: repeat(2, minmax(0, auto)) !important;
  justify-content: center !important;
  gap: 12px !important;
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row {
  display: grid !important;
  grid-template-columns: 12px auto auto !important;
  gap: 6px !important;
  min-height: 18px !important;
}

.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row em {
  display: none !important;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend {
  gap: 7px !important;
  align-content: center !important;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row {
  grid-template-columns: 12px minmax(72px, 1fr) 56px !important;
  gap: 6px !important;
  min-height: 18px !important;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row em {
  display: none !important;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row span,
.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row span {
  color: #c6ccd8 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.portfolio-page .portfolio-pie-legend,
.dashboard-page .portfolio-pie-legend-row strong,
.portfolio-page .portfolio-currency-legend,
.dashboard-page .portfolio-currency-legend-row strong {
  color: #b9c0cc !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

.portfolio-page .portfolio-tenor-chart,
.dashboard-page .portfolio-tenor-chart {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  height: auto !important;
  padding: 10px 6px 0 !important;
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) 72px 34px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item span {
  color: #9fa7b8 !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  text-align: right !important;
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item strong {
  color: #cbd3e1 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  text-align: right !important;
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item .portfolio-bar-track {
  display: block !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px), rgba(255, 255, 255, 0.02) !important;
  background-size: 33.333% 100% !important;
}

.portfolio-page .portfolio-tenor-item,
.dashboard-page .portfolio-tenor-item .portfolio-bar-track i {
  width: var(--bar-pct) !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, #4f9fd5, #f3b53e) !important;
  box-shadow: none !important;
}

.portfolio-page .portfolio-maturity-ladder-chart,
.dashboard-page .portfolio-maturity-ladder-chart {
  height: 182px;
  padding: 2px 6px 0;
}

.portfolio-page .portfolio-ladder-grid,
.dashboard-page .portfolio-ladder-grid {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  height: 178px;
  padding: 0 0 24px;
  border-bottom: 1px solid rgba(140, 150, 172, 0.2);
  background: linear-gradient(rgba(140, 150, 172, 0.14) 1px, transparent 1px);
  background-size: 100% 36px;
  overflow: hidden;
}

.portfolio-page .portfolio-ladder-bar,
.dashboard-page .portfolio-ladder-bar {
  flex: 1 1 0;
  min-width: 10px;
  height: 100%;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.portfolio-page .portfolio-ladder-bar,
.dashboard-page .portfolio-ladder-bar i {
  display: block;
  width: 75%;
  height: var(--bar-height);
  min-height: 4px;
  border-radius: 3px 3px 0 0;
  background: #4ea6bd;
  opacity: 0.9;
}

.portfolio-page .portfolio-ladder-bar,
.dashboard-page .portfolio-ladder-bar span {
  display: none;
}

.portfolio-page .portfolio-ladder-bar,
.dashboard-page .portfolio-ladder-bar em {
  position: absolute;
  left: 50%;
  bottom: -23px;
  transform: translateX(-50%) rotate(-50deg);
  transform-origin: center;
  color: #8f97a8;
  font-size: 9px;
  font-style: normal;
  font-weight: 750;
  white-space: nowrap;
}

@media (max-width: 1320px) {
  .portfolio-page .portfolio-chart-panel,
  .dashboard-page .portfolio-chart-panel,
  .dashboard-page .portfolio-chart-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.portfolio-page .fund-excel-table td {
  cursor: default;
  user-select: text;
}

.portfolio-readonly-cell {
  display: block;
  min-height: 28px;
  padding: 6px 8px;
  border: 1px solid rgba(85, 199, 207, 0.1);
  border-radius: 6px;
  background: rgba(9, 14, 22, 0.46);
  color: #eef3fb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portfolio-readonly-cell.bank-cell {
  color: #ffffff;
  font-weight: 900;
  letter-spacing: 0.01em;
}

/* Dashboard chart overrides: clean four-card panel moved from Portfolio */
.dashboard-page .dashboard-kpi-shell {
  margin-bottom: 12px !important;
}

.dashboard-page .portfolio-chart-panel {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

.dashboard-page .portfolio-chart-card {
  min-height: 238px !important;
  padding: 13px 14px !important;
  overflow: hidden !important;
}

.dashboard-page .portfolio-chart-head {
  display: block !important;
  margin-bottom: 10px !important;
}

.dashboard-page .portfolio-chart-head .eyebrow {
  display: block !important;
  color: #a1a8b8 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
}

.dashboard-page .portfolio-pie-layout,
.dashboard-page .portfolio-currency-pie-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  justify-items: center !important;
  align-items: center !important;
}

.dashboard-page .portfolio-bank-pie-layout {
  grid-template-columns: 126px minmax(0, 1fr) !important;
  gap: 12px !important;
}

.dashboard-page .portfolio-pie-wrap,
.dashboard-page .portfolio-currency-pie-wrap {
  position: relative !important;
  width: 168px !important;
  height: 168px !important;
  margin: 0 auto !important;
}

.dashboard-page .portfolio-bank-pie-layout .portfolio-pie-wrap {
  width: 126px !important;
  height: 126px !important;
}

.dashboard-page .portfolio-pie {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.dashboard-page .portfolio-pie-center {
  position: absolute !important;
  inset: 55px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #151923 !important;
  text-align: center !important;
}

.dashboard-page .portfolio-bank-pie-layout .portfolio-pie-center {
  inset: 38px !important;
}

.dashboard-page .portfolio-pie-center strong {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}

.dashboard-page .portfolio-currency-legend {
  display: grid !important;
  grid-template-columns: repeat(2, max-content) !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.dashboard-page .portfolio-currency-legend-row,
.dashboard-page .portfolio-pie-legend-row {
  display: grid !important;
  align-items: center !important;
  min-height: 18px !important;
}

.dashboard-page .portfolio-currency-legend-row {
  grid-template-columns: 12px auto auto !important;
  gap: 6px !important;
}

.dashboard-page .portfolio-pie-legend {
  display: grid !important;
  gap: 7px !important;
  align-content: center !important;
}

.dashboard-page .portfolio-pie-legend-row {
  grid-template-columns: 12px minmax(72px, 1fr) 56px !important;
  gap: 6px !important;
}

.dashboard-page .portfolio-currency-legend-row i,
.dashboard-page .portfolio-pie-legend-row i {
  display: block !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: var(--legend-color) !important;
}

.dashboard-page .portfolio-currency-legend-row em,
.dashboard-page .portfolio-pie-legend-row em {
  display: none !important;
}

.dashboard-page .portfolio-currency-legend-row span,
.dashboard-page .portfolio-pie-legend-row span {
  overflow: hidden !important;
  color: #c6ccd8 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.dashboard-page .portfolio-currency-legend-row strong,
.dashboard-page .portfolio-pie-legend-row strong {
  color: #b9c0cc !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-align: right !important;
}

.dashboard-page .portfolio-tenor-chart {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  height: auto !important;
  padding: 10px 6px 0 !important;
}

.dashboard-page .portfolio-tenor-item {
  display: grid !important;
  grid-template-columns: 78px minmax(0, 1fr) 72px 34px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.dashboard-page .portfolio-tenor-item span,
.dashboard-page .portfolio-tenor-item strong {
  font-size: 10px !important;
  font-weight: 800 !important;
  text-align: right !important;
}

.dashboard-page .portfolio-tenor-item em {
  font-size: 10px !important;
  font-weight: 750 !important;
  font-style: normal !important;
  text-align: right !important;
  color: #9fa7b8 !important;
  white-space: nowrap !important;
}

.dashboard-page .portfolio-tenor-item .portfolio-bar-track {
  display: block !important;
  height: 24px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px), rgba(255, 255, 255, 0.02) !important;
  background-size: 33.333% 100% !important;
}

.dashboard-page .portfolio-tenor-item .portfolio-bar-track i {
  display: block !important;
  width: var(--bar-pct) !important;
  height: 100% !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, #4f9fd5, #f3b53e) !important;
}

.dashboard-page .portfolio-ladder-grid {
  display: flex !important;
  align-items: flex-end !important;
  gap: 6px !important;
  height: 178px !important;
}

.dashboard-page .portfolio-ladder-bar {
  flex: 1 1 0 !important;
  min-width: 10px !important;
  height: 100% !important;
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

.dashboard-page .portfolio-ladder-bar i {
  display: block !important;
  width: 75% !important;
  height: var(--bar-height) !important;
  min-height: 4px !important;
  border-radius: 3px 3px 0 0 !important;
  background: #4ea6bd !important;
}

.dashboard-page .portfolio-ladder-bar span {
  display: none !important;
}

.dashboard-page .portfolio-ladder-bar em {
  position: absolute !important;
  left: 50% !important;
  bottom: -23px !important;
  transform: translateX(-50%) rotate(-50deg) !important;
  color: #8f97a8 !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

@media (max-width: 1320px) {
  .dashboard-page .portfolio-chart-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.portfolio-readonly-cell.num-cell {
  color: #9fe7e9;
  font-weight: 900;
}

.portfolio-readonly-cell.rate-cell {
  border-color: rgba(224, 179, 65, 0.22);
  background: rgba(224, 179, 65, 0.075);
  color: #f3cb72;
  font-weight: 900;
}

.portfolio-page .portfolio-inline-kpis article {
  border-color: rgba(85, 199, 207, 0.2) !important;
  background: linear-gradient(180deg, rgba(24, 31, 45, 0.98), rgba(17, 22, 33, 0.99)) !important;
}

.portfolio-page .portfolio-inline-kpis article:hover,
.portfolio-page .rule-card-grid article:hover,
.portfolio-page .limit-summary-wrap:hover {
  border-color: rgba(85, 199, 207, 0.36) !important;
  box-shadow:
    0 0 0 1px rgba(85, 199, 207, 0.06),
    0 12px 24px rgba(0, 0, 0, 0.18);
}

@media (min-width: 1020px) {
  body.calendar-page,
  body.fund-simulation-page,
  body.portfolio-page,
  body.rate-sheet-page {
    padding-left: 176px;
  }
  .calendar-page .site-header,
  .fund-simulation-page .site-header,
  .portfolio-page .site-header,
  .rate-sheet-page .site-header {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: 176px !important;
    height: 100vh !important;
    border-right: 1px solid #252b38 !important;
    border-bottom: 0 !important;
    background: #11151f !important;
    box-shadow: none !important;
    /* Short-viewport fix: the fixed rail is detached from the page scroll, so
       it must scroll its own overflow or the bottom content is unreachable. */
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
  .calendar-page .site-header .container,
  .fund-simulation-page .site-header .container,
  .portfolio-page .site-header .container,
  .rate-sheet-page .site-header .container {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    padding: 0 !important;
  }
  .calendar-page .header-inner,
  .fund-simulation-page .header-inner,
  .portfolio-page .header-inner,
  .rate-sheet-page .header-inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 14px 0 !important;
  }
  .calendar-page .brand,
  .fund-simulation-page .brand,
  .portfolio-page .brand,
  .rate-sheet-page .brand {
    padding: 0 14px 18px !important;
    border-bottom: 1px solid #252b38 !important;
  }
  .calendar-page .brand-mark svg,
  .fund-simulation-page .brand-mark svg,
  .portfolio-page .brand-mark svg,
  .rate-sheet-page .brand-mark svg {
    width: 28px !important;
    height: 20px !important;
  }
  .calendar-page .brand-name,
  .fund-simulation-page .brand-name,
  .portfolio-page .brand-name,
  .rate-sheet-page .brand-name {
    font-size: 13px !important;
    color: #f7f9fc !important;
  }
  .calendar-page .brand-sub,
  .fund-simulation-page .brand-sub,
  .portfolio-page .brand-sub,
  .rate-sheet-page .brand-sub {
    max-width: 120px !important;
    color: #8491a4 !important;
    font-size: 9px !important;
    white-space: normal !important;
  }
  .calendar-page .site-nav,
  .fund-simulation-page .site-nav,
  .portfolio-page .site-nav,
  .rate-sheet-page .site-nav {
    display: grid !important;
    justify-content: stretch !important;
    gap: 5px !important;
    padding: 16px 8px !important;
  }
  .calendar-page .site-nav a,
  .fund-simulation-page .site-nav a,
  .portfolio-page .site-nav a,
  .rate-sheet-page .site-nav a {
    display: block !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
    color: #a3adbd !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  .calendar-page .site-nav a:hover,
  .fund-simulation-page .site-nav a:hover,
  .portfolio-page .site-nav a:hover,
  .rate-sheet-page .site-nav a:hover,
  .calendar-page .site-nav a[aria-current="page"],
  .fund-simulation-page .site-nav a[aria-current="page"],
  .portfolio-page .site-nav a[aria-current="page"],
  .rate-sheet-page .site-nav a[aria-current="page"] {
    color: var(--ice) !important;
    background: rgba(85, 199, 207, 0.13) !important;
    border-color: rgba(85, 199, 207, 0.1) !important;
  }
  .calendar-page .header-meta,
  .fund-simulation-page .header-meta,
  .portfolio-page .header-meta,
  .rate-sheet-page .header-meta {
    margin-top: auto !important;
    padding: 12px 12px 0 !important;
    display: grid !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    justify-content: stretch !important;
    border-top: 1px solid #252b38 !important;
  }
  .calendar-page .meta-label,
  .fund-simulation-page .meta-label,
  .portfolio-page .meta-label,
  .rate-sheet-page .meta-label {
    font-size: 8px !important;
  }
  .calendar-page .meta-value,
  .fund-simulation-page .meta-value,
  .portfolio-page .meta-value,
  .rate-sheet-page .meta-value {
    font-size: 11px !important;
    white-space: normal !important;
  }
  .calendar-page .container,
  .fund-simulation-page .container,
  .portfolio-page .container,
  .rate-sheet-page .container {
    max-width: none !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .calendar-page .main,
  .fund-simulation-page .main,
  .portfolio-page .main,
  .rate-sheet-page .main {
    padding-top: 18px !important;
  }
}

@media (max-width: 1019px) {
  .site-header {
    background: rgba(17, 21, 31, 0.96) !important;
  }
}

/* Reference-style MMF dashboard theme: compact dark cards, teal/green finance palette */
:root {
  --bg: #0d0f15;
  --bg-elev: #10131a;
  --surface: #151820;
  --surface-2: #181c25;
  --border: #2a2f3a;
  --border-soft: #202632;
  --text: #f1f5f9;
  --text-muted: #9aa4b2;
  --text-faint: #687384;
  --teal: #56b9c1;
  --teal-dim: #3f9fa8;
  --green: #37d78a;
  --gold: #e5ad3d;
  --purple: #a772e8;
  --rose: #ec6b7a;
  --err: #f06476;
  --radius: 8px;
  --font-sans: "Satoshi", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;
}

body {
  background: #0d0f15 !important;
  color: var(--text) !important;
  font-family: var(--font-sans) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em;
}

.card,
.workbook-upload-card,
.portfolio-only-card,
.calendar-only-card,
.editable-rate-panel,
.standalone-rate-panel,
.portfolio-scenario-box,
.portfolio-rules-box,
.scenario-result-grid article,
.limit-summary-wrap,
.register-table-wrap,
.calendar-month-section,
.week-card,
.month-total-box {
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: #151820 !important;
  box-shadow: none !important;
}

.fund-simulation-page .portfolio-only-card {
  background: #11141b !important;
}

.card-head h1,
.portfolio-only-card h1,
.editable-rate-panel h1,
.calendar-only-card h1 {
  color: #f8fafc !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
}

.card-sub,
.workbook-drop-zone small,
.workbook-upload-status {
  color: #8f99a8 !important;
  font-size: 11px !important;
}

.eyebrow,
.upload-kicker,
.portfolio-inline-kpis span,
.scenario-control-grid label span,
.limit-summary-table th,
.weekly-maturity-table th,
.data-table th,
.deposit-register-table th {
  color: #8b94a3 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.portfolio-inline-kpis {
  gap: 12px !important;
}

.portfolio-inline-kpis article {
  min-height: 70px !important;
  padding: 13px 14px !important;
  border-color: var(--border) !important;
  border-radius: 8px !important;
  background: #151820 !important;
}

.portfolio-inline-kpis strong,
.scenario-result-grid strong {
  color: #f8fafc !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
}

.portfolio-inline-kpis article:nth-child(3) strong,
#scenarioWam,
.wam-safe {
  color: var(--green) !important;
}

.portfolio-inline-kpis article:nth-child(4) strong,
#scenarioYield,
.wam-watch {
  color: var(--gold) !important;
}

.portfolio-inline-kpis small,
.scenario-result-grid small {
  color: #8f99a8 !important;
  font-size: 10px !important;
}

.scenario-control-grid select,
.scenario-control-grid input,
.subscription-input-row select,
.editable-rate-table input,
.portfolio-mini-input,
.sim-input {
  min-height: 31px !important;
  border: 1px solid #252b36 !important;
  border-radius: 5px !important;
  background: #0f1219 !important;
  color: #edf2f7 !important;
  font-size: 11px !important;
}

.scenario-control-grid select:focus,
.scenario-control-grid input:focus,
.subscription-input-row select:focus {
  border-color: rgba(86, 185, 193, 0.8) !important;
  box-shadow: 0 0 0 2px rgba(86, 185, 193, 0.12) !important;
}

.scenario-actions button,
.week-view-button,
.calendar-link-button,
.rate-sheet-actions button {
  min-height: 30px !important;
  border: 1px solid #2a3140 !important;
  border-radius: 6px !important;
  background: #1a1f2a !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.scenario-actions button:first-child {
  background: var(--teal) !important;
  color: #071014 !important;
  border-color: var(--teal) !important;
}

.scenario-actions button:hover,
.week-view-button:hover,
.calendar-link-button:hover,
.rate-sheet-actions button:hover {
  background: #202734 !important;
  border-color: rgba(86, 185, 193, 0.7) !important;
  color: #ffffff !important;
}

.data-table,
.deposit-register-table,
.weekly-maturity-table,
.limit-summary-table,
.editable-rate-table {
  color: #dce4ee !important;
  font-size: 11px !important;
  background: #151820 !important;
}

.data-table th,
.deposit-register-table th,
.weekly-maturity-table th,
.limit-summary-table th,
.editable-rate-table th {
  height: 32px !important;
  background: #151820 !important;
  border-bottom: 1px solid #2a2f3a !important;
}

.data-table td,
.deposit-register-table td,
.weekly-maturity-table td,
.limit-summary-table td,
.editable-rate-table td {
  padding: 9px 10px !important;
  border-bottom: 1px solid #252a34 !important;
  background: transparent !important;
}

.deposit-register-table tbody tr:nth-child(odd),
.weekly-maturity-table tbody tr:nth-child(odd),
.data-table tbody tr:nth-child(odd) {
  background: #121620 !important;
}

.deposit-register-table tbody tr:hover,
.weekly-maturity-table tbody tr:hover,
.data-table tbody tr:hover {
  background: rgba(86, 185, 193, 0.08) !important;
}

.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  color: #5ed2d2 !important;
  background: #151820 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
}

.week-date-range {
  color: #8f99a8 !important;
  font-size: 10px !important;
}

.fund-simulation-page .weekly-maturity-table tbody tr.weekly-low-wla-row {
  background: rgba(240, 100, 118, 0.055) !important;
}

.fund-simulation-page .weekly-maturity-table tbody tr.weekly-low-wla-row:hover {
  background: rgba(240, 100, 118, 0.1) !important;
}

.week-signal-low {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 6px;
  border: 1px solid rgba(240, 100, 118, 0.35);
  border-radius: 999px;
  background: rgba(240, 100, 118, 0.1);
  color: var(--err);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  vertical-align: middle;
}

.wla-low {
  color: var(--err) !important;
  font-weight: 900 !important;
}

.limit-status.ok,
.status-pill.ok {
  color: var(--green) !important;
  background: rgba(55, 215, 138, 0.08) !important;
  border-color: rgba(55, 215, 138, 0.22) !important;
}

.limit-status.low,
.limit-status.over,
.wam-danger {
  color: var(--err) !important;
}

@media (min-width: 1020px) {
  body.calendar-page,
  body.fund-simulation-page,
  body.portfolio-page,
  body.rate-sheet-page {
    padding-left: 168px !important;
  }

  .calendar-page .site-header,
  .fund-simulation-page .site-header,
  .portfolio-page .site-header,
  .rate-sheet-page .site-header {
    width: 168px !important;
    background: #10131a !important;
    border-right: 1px solid #222834 !important;
  }

  .calendar-page .brand,
  .fund-simulation-page .brand,
  .portfolio-page .brand,
  .rate-sheet-page .brand {
    padding: 12px 12px 20px !important;
  }

  .calendar-page .brand-mark,
  .fund-simulation-page .brand-mark,
  .portfolio-page .brand-mark,
  .rate-sheet-page .brand-mark {
    color: var(--teal) !important;
  }

  .calendar-page .brand-name,
  .fund-simulation-page .brand-name,
  .portfolio-page .brand-name,
  .rate-sheet-page .brand-name {
    color: var(--teal) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
  }

  .calendar-page .site-nav a,
  .fund-simulation-page .site-nav a,
  .portfolio-page .site-nav a,
  .rate-sheet-page .site-nav a {
    border-radius: 6px !important;
    color: #9aa4b2 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  .calendar-page .site-nav a[aria-current="page"],
  .fund-simulation-page .site-nav a[aria-current="page"],
  .portfolio-page .site-nav a[aria-current="page"],
  .rate-sheet-page .site-nav a[aria-current="page"] {
    color: var(--ice) !important;
    background: rgba(86, 185, 193, 0.16) !important;
    border-color: transparent !important;
  }
}

/* Scenario row-by-row deal input and added-deal ledger */
.fund-simulation-page .scenario-control-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.fund-simulation-page .scenario-control-grid label:first-child,
.fund-simulation-page .scenario-control-grid label {
  grid-column: auto !important;
}

.fund-simulation-page .scenario-cash-flow-row,
.fund-simulation-page .scenario-deal-input-row {
  display: grid !important;
  width: 100% !important;
  gap: 8px !important;
}

.fund-simulation-page .scenario-cash-flow-row {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  padding: 9px !important;
  border: 1px solid rgba(86, 185, 193, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(86, 185, 193, 0.055) !important;
}

.fund-simulation-page .scenario-deal-row-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

.fund-simulation-page .scenario-deal-row-title::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(86, 185, 193, 0.45), rgba(86, 185, 193, 0.05)) !important;
}

.fund-simulation-page .scenario-deal-input-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 9px !important;
  border: 1px solid rgba(255, 196, 87, 0.18) !important;
  border-radius: 10px !important;
  background: rgba(255, 196, 87, 0.045) !important;
}

.fund-simulation-page .scenario-cash-flow-row label,
.fund-simulation-page .scenario-deal-input-row label {
  min-width: 0 !important;
}

.fund-simulation-page .scenario-actions {
  grid-column: auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}

.added-scenario-deals {
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: #151820 !important;
  overflow: hidden !important;
}

.added-scenario-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 10px;
  border-bottom: 1px solid #252a34;
}

.added-scenario-head span {
  color: #8b94a3;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.added-scenario-head small,
.empty-added-deals {
  color: #8f99a8;
  font-size: 10px;
}

.added-scenario-table-wrap {
  overflow-x: auto;
}

.added-scenario-table {
  min-width: 640px;
}

.added-scenario-table th,
.added-scenario-table td {
  padding: 7px 8px !important;
  font-size: 10px !important;
}

.added-scenario-table td:nth-child(2) {
  color: #f8fafc;
  font-weight: 800;
}

.added-scenario-table td:nth-child(6) {
  color: var(--gold);
  font-weight: 900;
}

.empty-added-deals {
  text-align: center !important;
  padding: 12px !important;
}

@media (max-width: 1400px) {
  .fund-simulation-page .scenario-cash-flow-row,
  .fund-simulation-page .scenario-deal-input-row {
    grid-template-columns: 1fr !important;
  }
}

/* Final readability lift: applied after all compact dashboard overrides */
body,
body.fund-simulation-page,
body.calendar-page,
body.portfolio-page,
body.rate-sheet-page {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.dashboard-page .dashboard-main {
  max-width: 1480px;
}

.dashboard-page .dashboard-summary-card {
  min-height: 0;
}

.dashboard-page .dashboard-page-heading {
  margin: 0 0 14px;
  padding: 2px 2px 0;
}

.dashboard-page .dashboard-page-heading h2 {
  margin: 0;
  color: var(--mist);
  font-size: 24px;
  font-weight: 950;
  letter-spacing: 0.08em;
}

.dashboard-page .dashboard-page-heading p {
  margin: 4px 0 0;
  color: #9fe7e9;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.04em;
}

.dashboard-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.dashboard-page .dashboard-kpi-shell {
  border: 2px solid rgba(255, 82, 82, 0.75);
  border-radius: 12px;
  background: rgba(122, 31, 39, 0.28);
  padding: 10px;
}

.dashboard-page .dashboard-kpi-shell .simulation-section-date-title {
  margin: 0 0 8px;
}

.dashboard-page .portfolio-inline-kpis {
  margin: 0;
}

.dashboard-page .dashboard-upcoming-card {
  margin-top: 0;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 12px;
  background: rgba(17, 20, 31, 0.82);
  overflow: hidden;
  min-width: 0;
}

.dashboard-page .dashboard-lower-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.9fr);
  gap: 12px;
  margin-top: 12px;
  align-items: stretch;
}

@media (max-width: 1120px) {
  .dashboard-page .dashboard-lower-summary {
    grid-template-columns: 1fr;
  }
}

.dashboard-page .dashboard-upcoming-card h3 {
  margin: 0;
  padding: 13px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(236, 241, 248, 0.7);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dashboard-page .dashboard-upcoming-table {
  width: 100%;
  border-collapse: collapse;
  color: #e8edf5;
  font-size: 14px;
}

.dashboard-page .dashboard-upcoming-table th,
.dashboard-page .dashboard-upcoming-table td {
  padding: 12px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  text-align: left;
  white-space: nowrap;
}

.dashboard-page .dashboard-upcoming-table th {
  color: rgba(232, 237, 245, 0.62);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dashboard-page .dashboard-upcoming-table .num {
  text-align: right;
}

.dashboard-page .dashboard-upcoming-table tbody tr:last-child td {
  border-bottom: 0;
}

.dashboard-page .dashboard-upcoming-table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.025);
}

.dashboard-page .dashboard-upcoming-empty td {
  color: rgba(232, 237, 245, 0.58);
  text-align: center;
}

.snapshot-control-panel {
  display: grid;
  gap: 5px;
  min-width: 300px;
  max-width: 360px;
  border: 1px solid rgba(103, 232, 215, 0.14);
  border-radius: 14px;
  padding: 9px 10px;
  background: rgba(12, 18, 30, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 10px 22px rgba(0, 0, 0, 0.18);
}

.snapshot-control-title {
  color: rgba(232, 237, 245, 0.58);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.snapshot-control-row {
  display: grid;
  grid-template-columns: auto minmax(116px, 1fr) auto;
  gap: 6px;
  align-items: center;
}

.snapshot-pill,
.snapshot-select {
  min-height: 30px;
  border: 1px solid rgba(86, 185, 193, 0.42);
  border-radius: 999px;
  background: rgba(86, 185, 193, 0.1);
  color: var(--ice);
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  outline: none;
}

.snapshot-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 11px;
  cursor: pointer;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    opacity 120ms ease;
}

.snapshot-pill:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: rgba(117, 232, 239, 0.78);
  background: rgba(86, 185, 193, 0.18);
}

.snapshot-pill:disabled {
  cursor: wait;
  opacity: 0.58;
}

.snapshot-select {
  width: 100%;
  padding: 7px 28px 7px 10px;
  color: rgba(244, 247, 251, 0.88);
  background-color: rgba(8, 12, 20, 0.72);
}

.snapshot-restore {
  border-color: rgba(224, 179, 65, 0.42);
  background: rgba(224, 179, 65, 0.1);
  color: #ffe8a6;
}

.snapshot-restore:hover:not(:disabled) {
  border-color: rgba(224, 179, 65, 0.78);
  background: rgba(224, 179, 65, 0.16);
}

.snapshot-status {
  min-height: 12px;
  margin: 0;
  color: rgba(232, 237, 245, 0.54);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

.snapshot-status.is-success {
  color: #67e8d7;
}

.snapshot-status.is-error {
  color: #ff8a98;
}

@media (max-width: 1180px) {
  .snapshot-control-panel {
    order: 4;
    width: 100%;
    max-width: none;
  }
}

/* Sidebar utility controls: workbook default + daily snapshots */
.sidebar-utility-stack {
  display: grid;
  gap: 8px;
  width: 100%;
}

.sidebar-snapshot-control {
  min-width: 0;
  max-width: none;
  width: 100%;
}

.subscription-redemption-page .subscription-redemption-main {
  max-width: 1480px;
}

.subscription-redemption-page .subscription-redemption-card {
  min-height: 320px;
}

.subscription-redemption-page .sub-red-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.subscription-redemption-page .sub-red-overview article {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(103, 232, 215, 0.16);
  border-radius: 14px;
  padding: 16px;
  background: rgba(16, 21, 33, 0.86);
}

.subscription-redemption-page .sub-red-overview span,
.subscription-redemption-page .sub-red-product-card span {
  color: rgba(232, 237, 245, 0.58);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.subscription-redemption-page .sub-red-overview strong,
.subscription-redemption-page .sub-red-flow-toggle {
  display: block;
  width: 100%;
  border: 0 !important;
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mist);
  font-size: 22px;
  font-weight: 950;
  text-align: left;
  cursor: pointer;
}

.subscription-redemption-page .sub-red-flow-card-subscription .sub-red-flow-toggle {
  color: #67e8d7 !important;
}

.subscription-redemption-page .sub-red-flow-card-redemption .sub-red-flow-toggle {
  color: #ff8a98 !important;
}

.subscription-redemption-page .sub-red-flow-card-net .sub-red-flow-toggle {
  color: #e0b341 !important;
}

.subscription-redemption-page .sub-red-flow-toggle:hover {
  filter: brightness(1.12);
}

.subscription-redemption-page .sub-red-flow-details {
  display: none;
  gap: 2px;
  margin-top: 7px;
  color: rgba(232, 237, 245, 0.72);
  font-size: 11px;
  line-height: 1.25;
}

.subscription-redemption-page .sub-red-flow-toggle.is-expanded .sub-red-flow-details {
  display: grid;
}

.subscription-redemption-page .sub-red-overview strong small {
  display: grid;
  gap: 2px;
  margin-top: 7px;
  color: rgba(232, 237, 245, 0.72);
  font-size: 11px;
  line-height: 1.25;
}

.subscription-redemption-page .sub-red-overview strong small b {
  display: block;
  color: #e0b341;
  font-size: 11px;
  font-weight: 900;
}

.subscription-redemption-page .sub-red-overview small {
  color: rgba(232, 237, 245, 0.68);
  font-size: 11px;
}

.subscription-redemption-page .sub-red-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.subscription-redemption-page .sub-red-product-card {
  display: grid;
  gap: 5px;
  align-content: center;
  min-height: 96px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 18px 20px;
  background: rgba(19, 23, 34, 0.92);
}

.subscription-redemption-page .sub-red-product-card strong {
  display: block;
  margin-top: 0;
  color: #60c78a;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.subscription-redemption-page .sub-red-product-card dl {
  display: grid;
  gap: 7px;
  margin: 0;
}

.subscription-redemption-page .sub-red-product-card dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.subscription-redemption-page .sub-red-product-card dt {
  color: rgba(232, 237, 245, 0.58);
  font-size: 12px;
}

.subscription-redemption-page .sub-red-product-card dd {
  margin: 0;
  color: var(--mist);
  font-size: 12px;
  font-weight: 900;
}

.subscription-redemption-page .sub-red-positive {
  color: #67e8d7 !important;
}

.subscription-redemption-page .sub-red-negative {
  color: #ff8a8a !important;
}

.subscription-redemption-page .sub-red-product-card small {
  color: rgba(244, 247, 251, 0.88);
  font-size: 12px;
  font-weight: 850;
}

.subscription-redemption-page .manual-record-card {
  margin-top: 12px;
  border: 1px solid rgba(103, 232, 215, 0.16);
  border-radius: 16px;
  padding: 16px;
  background:
    linear-gradient(135deg, rgba(103, 232, 215, 0.08), rgba(224, 179, 65, 0.04)),
    rgba(16, 21, 33, 0.9);
}

.subscription-redemption-page .manual-record-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
}

.subscription-redemption-page .manual-record-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.subscription-redemption-page .manual-record-head h2 {
  margin: 0;
  color: var(--mist);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.subscription-redemption-page .manual-record-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 280px;
}

.subscription-redemption-page .manual-record-status {
  color: rgba(232, 237, 245, 0.62);
  font-size: 11px;
  font-weight: 850;
  text-align: right;
}

.subscription-redemption-page .manual-record-status.is-success {
  color: #67e8d7;
}

.subscription-redemption-page .manual-record-status.is-error {
  color: #ff8a98;
}

.subscription-redemption-page .manual-record-form {
  display: grid;
  grid-template-columns:
    minmax(160px, 0.85fr) minmax(220px, 1.15fr) minmax(160px, 0.8fr) minmax(180px, 1fr)
    auto;
  gap: 10px;
  align-items: end;
}

.subscription-redemption-page .nav-manual-form {
  grid-template-columns: minmax(180px, 0.9fr) minmax(200px, 1fr) minmax(200px, 1fr) auto;
}

.subscription-redemption-page .manual-record-dialog .manual-record-form,
.subscription-redemption-page .manual-record-dialog .nav-manual-form {
  grid-template-columns: 1fr;
}

.subscription-redemption-page .manual-record-form label {
  display: grid;
  gap: 6px;
}

.subscription-redemption-page .manual-record-form label span {
  color: rgba(232, 237, 245, 0.58);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.subscription-redemption-page .manual-record-form input,
.subscription-redemption-page .manual-record-form select {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(8, 12, 20, 0.68);
  color: var(--mist);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  outline: none;
}

.subscription-redemption-page .manual-record-form input:focus,
.subscription-redemption-page .manual-record-form select:focus {
  border-color: rgba(103, 232, 215, 0.58);
  box-shadow: 0 0 0 3px rgba(103, 232, 215, 0.1);
}

.subscription-redemption-page .manual-nav-strip,
.subscription-redemption-page .manual-calc-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid rgba(103, 232, 215, 0.12);
  border-radius: 12px;
  padding: 10px 12px;
  background: rgba(103, 232, 215, 0.055);
}

.subscription-redemption-page .manual-nav-strip div,
.subscription-redemption-page .manual-calc-preview {
  min-width: 0;
}

.subscription-redemption-page .manual-nav-strip span,
.subscription-redemption-page .manual-calc-preview span {
  display: block;
  color: rgba(232, 237, 245, 0.56);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.subscription-redemption-page .manual-nav-strip strong,
.subscription-redemption-page .manual-calc-preview strong {
  display: block;
  margin-top: 4px;
  color: #67e8d7;
  font-size: 13px;
  font-weight: 950;
}

.subscription-redemption-page .manual-calc-preview {
  grid-template-columns: 1fr;
  background: rgba(224, 179, 65, 0.075);
}

.subscription-redemption-page .manual-calc-preview strong {
  color: #e0b341;
}

.subscription-redemption-page .manual-record-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(86, 185, 193, 0.46);
  border-radius: 999px;
  padding: 10px 15px;
  background: rgba(86, 185, 193, 0.12);
  color: var(--ice);
  cursor: pointer;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease;
}

.subscription-redemption-page .manual-record-submit:hover {
  transform: translateY(-1px);
  border-color: rgba(117, 232, 239, 0.82);
  background: rgba(86, 185, 193, 0.2);
}

.subscription-redemption-page .manual-record-input-button {
  padding: 7px 13px;
  font-size: 10px;
}

.subscription-redemption-page .nav-col-action {
  width: 150px;
}

.subscription-redemption-page .nav-row-actions {
  white-space: nowrap;
}

.subscription-redemption-page .nav-row-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  margin-left: 6px;
  border: 1px solid rgba(86, 185, 193, 0.42);
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(86, 185, 193, 0.1);
  color: var(--ice);
  cursor: pointer;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease;
}

.subscription-redemption-page .nav-row-action-button:hover {
  transform: translateY(-1px);
  border-color: rgba(117, 232, 239, 0.78);
  background: rgba(86, 185, 193, 0.18);
}

.subscription-redemption-page .nav-row-delete-button {
  border-color: rgba(255, 138, 152, 0.38);
  background: rgba(255, 138, 152, 0.1);
  color: #ffd6dc;
}

.subscription-redemption-page .nav-row-delete-button:hover {
  border-color: rgba(255, 138, 152, 0.76);
  background: rgba(255, 138, 152, 0.17);
}

.subscription-redemption-page .sub-red-table-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.subscription-redemption-page .sub-red-table-actions .manual-record-status {
  max-width: 360px;
}

.subscription-redemption-page .manual-record-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.subscription-redemption-page .manual-record-modal.is-open {
  display: flex;
}

.subscription-redemption-page .manual-record-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 14, 0.72);
  backdrop-filter: blur(8px);
}

.subscription-redemption-page .manual-record-dialog {
  position: relative;
  width: min(520px, 100%);
  border: 1px solid rgba(103, 232, 215, 0.18);
  border-radius: 18px;
  padding: 18px;
  background:
    radial-gradient(700px 260px at 20% -10%, rgba(103, 232, 215, 0.12), transparent 58%), #111723;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48);
}

.subscription-redemption-page .manual-record-dialog-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.subscription-redemption-page .manual-record-dialog-head h2 {
  margin: 0;
  color: var(--mist);
  font-size: 17px;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.subscription-redemption-page .manual-record-close {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(244, 247, 251, 0.82);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.subscription-redemption-page .manual-record-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 4px;
}

.subscription-redemption-page .manual-record-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(244, 247, 251, 0.78);
  cursor: pointer;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 1060px) {
  .subscription-redemption-page .manual-record-form,
  .subscription-redemption-page .nav-manual-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .subscription-redemption-page .manual-record-head,
  .subscription-redemption-page .manual-record-strip,
  .subscription-redemption-page .manual-record-actions,
  .subscription-redemption-page .manual-record-form,
  .subscription-redemption-page .nav-manual-form {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .subscription-redemption-page .manual-record-status {
    text-align: left;
  }
}

.subscription-redemption-page .sub-red-chart-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 12px;
}

.subscription-redemption-page .sub-red-chart-grid-pair {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  align-items: stretch;
  gap: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(17, 20, 31, 0.82);
  overflow: hidden;
}

.subscription-redemption-page .sub-red-chart-grid-single {
  grid-template-columns: minmax(0, 1fr);
}

.subscription-redemption-page .sub-red-unified-chart-card {
  padding: 16px 18px 18px;
}

.subscription-redemption-page .sub-red-chart-card {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 14px;
  background: rgba(17, 20, 31, 0.82);
}

.subscription-redemption-page .sub-red-chart-grid-pair .sub-red-chart-card {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.subscription-redemption-page .sub-red-chart-grid-pair .sub-red-chart-card + .sub-red-chart-card {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.subscription-redemption-page .sub-red-chart-card-large {
  padding: 16px;
  position: relative;
}

.subscription-redemption-page .sub-red-chart-grid-pair .sub-red-chart-card-large:first-child {
  margin-left: 0;
}

.subscription-redemption-page .sub-red-chart-grid-pair .sub-red-chart-card-large:last-child {
  margin-right: 0;
}

.subscription-redemption-page .sub-red-chart-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.subscription-redemption-page .sub-red-chart-head-large {
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.subscription-redemption-page .sub-red-chart-head-large > div:first-child {
  display: grid;
  gap: 4px;
}

.subscription-redemption-page .sub-red-chart-head span {
  color: rgba(232, 237, 245, 0.58);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.subscription-redemption-page .sub-red-chart-head strong {
  color: var(--mist);
  font-size: 13px;
  font-weight: 950;
  text-align: right;
}

.subscription-redemption-page .sub-red-chart-head-large strong {
  font-size: 18px;
  text-align: left;
}

.subscription-redemption-page .sub-red-chart-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
}

.subscription-redemption-page .sub-red-chart-toggle button {
  border: 0;
  border-radius: 999px;
  padding: 8px 12px;
  background: transparent;
  color: rgba(232, 237, 245, 0.66);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition:
    background 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.subscription-redemption-page .sub-red-chart-toggle button:hover {
  color: var(--mist);
  background: rgba(255, 255, 255, 0.07);
}

.subscription-redemption-page .sub-red-chart-toggle button.is-active {
  color: #9ff4f0;
  background: rgba(103, 232, 215, 0.14);
  box-shadow: inset 0 0 0 1px rgba(103, 232, 215, 0.24);
}

.subscription-redemption-page .sub-red-range-toggle button.is-active {
  color: #ffd98a;
  background: rgba(224, 179, 65, 0.14);
  box-shadow: inset 0 0 0 1px rgba(224, 179, 65, 0.26);
}

.subscription-redemption-page .sub-red-aggregate-toggle button.is-active {
  color: #b9c7ff;
  background: rgba(127, 146, 255, 0.14);
  box-shadow: inset 0 0 0 1px rgba(127, 146, 255, 0.26);
}

.subscription-redemption-page .sub-red-chart-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: -2px 0 8px;
  color: rgba(232, 237, 245, 0.62);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.subscription-redemption-page .sub-red-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}

.subscription-redemption-page .sub-red-chart-legend i {
  display: inline-block;
  width: 14px;
  height: 7px;
  border-radius: 999px;
}

.subscription-redemption-page .sub-red-chart-legend .legend-subscription {
  background: #67e8d7;
}

.subscription-redemption-page .sub-red-chart-legend .legend-redemption {
  background: #ff8a98;
}

.subscription-redemption-page .sub-red-chart-legend .legend-net {
  height: 2px;
  background: #e0b341;
}

.subscription-redemption-page .sub-red-chart-legend .legend-alert {
  width: 9px;
  height: 9px;
  background: #ff5b6b;
  transform: rotate(45deg);
}

.subscription-redemption-page .sub-red-line-chart {
  color: #67e8d7;
}

.subscription-redemption-page .sub-red-chart-redemption {
  color: #ff8a98;
}

.subscription-redemption-page .sub-red-chart-net {
  color: #e0b341;
}

.subscription-redemption-page .sub-red-line-chart svg {
  display: block;
  width: 100%;
  height: 132px;
}

.subscription-redemption-page .sub-red-chart-large svg {
  height: 236px;
}

.subscription-redemption-page .sub-red-unified-chart-card .sub-red-chart-large svg {
  height: 306px;
}

.subscription-redemption-page .sub-red-chart-axis {
  stroke: rgba(255, 255, 255, 0.13);
  stroke-width: 1;
}

.subscription-redemption-page .sub-red-chart-gridline {
  stroke: rgba(255, 255, 255, 0.09);
  stroke-width: 1;
}

.subscription-redemption-page .sub-red-chart-y-label,
.subscription-redemption-page .sub-red-chart-x-label {
  fill: rgba(232, 237, 245, 0.74);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.01em;
}

.subscription-redemption-page .sub-red-chart-x-label-dense {
  font-size: 9px;
  fill: rgba(244, 247, 251, 0.82);
  font-weight: 850;
}

.subscription-redemption-page .sub-red-unified-chart-card .sub-red-chart-y-label {
  font-size: 8.5px;
}

.subscription-redemption-page .sub-red-chart-y-label {
  text-anchor: end;
}

.subscription-redemption-page .sub-red-chart-fill {
  stroke: none;
}

.subscription-redemption-page .sub-red-chart-line {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.subscription-redemption-page .sub-red-chart-line-subscription,
.subscription-redemption-page .sub-red-chart-dot-subscription {
  stroke: #67e8d7;
  color: #67e8d7;
}

.subscription-redemption-page .sub-red-chart-line-redemption,
.subscription-redemption-page .sub-red-chart-dot-redemption {
  stroke: #ff8a98;
  color: #ff8a98;
}

.subscription-redemption-page .sub-red-chart-line-net,
.subscription-redemption-page .sub-red-chart-dot-net {
  stroke: #e0b341;
  color: #e0b341;
}

.subscription-redemption-page .sub-red-aggregate-net-line {
  stroke-width: 2.8;
}

.subscription-redemption-page .sub-red-bar {
  rx: 1.8;
  shape-rendering: crispEdges;
}

.subscription-redemption-page .sub-red-bar-subscription {
  fill: rgba(103, 232, 215, 0.74);
}

.subscription-redemption-page .sub-red-bar-redemption {
  fill: rgba(255, 138, 152, 0.74);
}

.subscription-redemption-page .sub-red-chart-dot {
  fill: currentColor;
  stroke: #11151f;
  stroke-width: 2;
}

.subscription-redemption-page .sub-red-chart-dot-subscription {
  fill: #67e8d7;
}

.subscription-redemption-page .sub-red-chart-dot-redemption {
  fill: #ff8a98;
}

.subscription-redemption-page .sub-red-chart-dot-net {
  fill: #e0b341;
}

.subscription-redemption-page .sub-red-chart-hit {
  fill: transparent;
  stroke: transparent;
  cursor: crosshair;
}

.subscription-redemption-page .sub-red-chart-hit:focus {
  outline: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

.subscription-redemption-page .sub-red-alert-marker path {
  fill: #ff5b6b;
  stroke: rgba(255, 255, 255, 0.74);
  stroke-width: 1;
}

.subscription-redemption-page .sub-red-alert-marker:focus {
  outline: none;
}

.subscription-redemption-page .sub-red-chart-tooltip {
  position: absolute;
  z-index: 8;
  display: grid;
  gap: 2px;
  min-width: 132px;
  padding: 8px 10px;
  border: 1px solid rgba(103, 232, 215, 0.28);
  border-radius: 10px;
  background: rgba(10, 14, 23, 0.94);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
  color: var(--mist);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -6px);
  transition:
    opacity 120ms ease,
    transform 120ms ease;
}

.subscription-redemption-page .sub-red-chart-tooltip.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

.subscription-redemption-page .sub-red-chart-tooltip span {
  color: rgba(232, 237, 245, 0.62);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.subscription-redemption-page .sub-red-chart-tooltip strong {
  color: #9ff4f0;
  font-size: 13px;
  font-weight: 950;
}

.subscription-redemption-page .sub-red-chart-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
  color: rgba(232, 237, 245, 0.54);
  font-size: 10px;
}

.subscription-redemption-page .sub-red-chart-card-large .sub-red-chart-meta {
  margin-top: 10px;
  font-size: 12px;
}

.subscription-redemption-page .sub-red-chart-empty {
  display: grid;
  min-height: 132px;
  place-items: center;
  color: rgba(232, 237, 245, 0.54);
  font-size: 12px;
}

.subscription-redemption-page .sub-red-table-card {
  margin-top: 12px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 14px;
  background: rgba(17, 20, 31, 0.82);
  overflow: hidden;
}

.subscription-redemption-page .sub-red-table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.subscription-redemption-page .sub-red-table-head h2 {
  margin: 0;
  color: var(--mist);
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.subscription-redemption-page .sub-red-table-head span {
  color: #9fe7e9;
  font-size: 12px;
  font-weight: 850;
}

.subscription-redemption-page .sub-red-table-wrap {
  max-height: 560px;
  overflow: auto;
}

.subscription-redemption-page .sub-red-table {
  width: 100%;
  border-collapse: collapse;
  color: #e8edf5;
  font-size: 12px;
  table-layout: fixed;
}

.subscription-redemption-page .sub-red-table th,
.subscription-redemption-page .sub-red-table td {
  padding: 9px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}

.subscription-redemption-page .sub-red-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #121722;
  color: rgba(232, 237, 245, 0.68);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.subscription-redemption-page .sub-red-table thead tr:first-child th {
  top: 0;
  color: rgba(232, 237, 245, 0.58);
  background: #141b27;
}

.subscription-redemption-page .sub-red-table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.025);
}

.subscription-redemption-page .sub-red-table .num {
  text-align: right;
}

.subscription-redemption-page .sub-red-table th:nth-child(1),
.subscription-redemption-page .sub-red-table td:nth-child(1) {
  width: 9%;
}

.subscription-redemption-page .sub-red-table th:nth-child(2),
.subscription-redemption-page .sub-red-table td:nth-child(2) {
  width: 13%;
}

.subscription-redemption-page .sub-red-table th:nth-child(3),
.subscription-redemption-page .sub-red-table td:nth-child(3) {
  width: 6%;
}

.subscription-redemption-page .sub-red-table th:nth-child(4),
.subscription-redemption-page .sub-red-table td:nth-child(4) {
  width: 10%;
}

.subscription-redemption-page .sub-red-table th:nth-child(5),
.subscription-redemption-page .sub-red-table td:nth-child(5) {
  width: 15%;
}

.subscription-redemption-page .sub-red-table th:nth-child(6),
.subscription-redemption-page .sub-red-table td:nth-child(6) {
  width: 10%;
}

.subscription-redemption-page .sub-red-table th:nth-child(7),
.subscription-redemption-page .sub-red-table td:nth-child(7) {
  width: 8%;
}

.subscription-redemption-page .sub-red-table th:nth-child(8),
.subscription-redemption-page .sub-red-table td:nth-child(8) {
  width: 20%;
}

.subscription-redemption-page .sub-red-table th:nth-child(9),
.subscription-redemption-page .sub-red-table td:nth-child(9) {
  width: 9%;
  text-align: center;
}

.subscription-redemption-page .sub-red-direction,
.subscription-redemption-page .sub-red-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.04em;
}

.subscription-redemption-page .sub-red-subscription {
  color: #65e2c1;
  background: rgba(58, 201, 153, 0.1);
}

.subscription-redemption-page .sub-red-redemption {
  color: #ff8a98;
  background: rgba(255, 83, 112, 0.1);
}

.subscription-redemption-page .sub-red-status {
  color: #66dfab;
  background: rgba(58, 201, 153, 0.1);
}

.subscription-redemption-page .sub-red-table td em {
  margin-left: 6px;
  color: rgba(232, 237, 245, 0.44);
  font-style: normal;
}

.subscription-redemption-page .sub-red-actions {
  white-space: nowrap;
}

.subscription-redemption-page .sub-red-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  border: 1px solid rgba(86, 185, 193, 0.42);
  border-radius: 999px;
  padding: 6px 10px;
  color: var(--ice);
  background: rgba(86, 185, 193, 0.1);
  cursor: pointer;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease;
}

.subscription-redemption-page .sub-red-actions button:hover {
  transform: translateY(-1px);
  border-color: rgba(117, 232, 239, 0.78);
  background: rgba(86, 185, 193, 0.18);
}

.subscription-redemption-page .sub-red-actions button + button {
  margin-left: 6px;
}

.subscription-redemption-page .sub-red-actions .sub-red-row-delete-button {
  border-color: rgba(255, 138, 152, 0.38);
  background: rgba(255, 138, 152, 0.1);
  color: #ffd6dc;
}

.subscription-redemption-page .sub-red-actions .sub-red-row-delete-button:hover {
  border-color: rgba(255, 138, 152, 0.76);
  background: rgba(255, 138, 152, 0.17);
}

.nav-page .nav-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.nav-page .nav-summary-card {
  display: grid;
  gap: 6px;
  min-height: 108px;
  align-content: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 18px 20px;
  background: rgba(19, 23, 34, 0.92);
}

.nav-page .nav-summary-card span {
  color: rgba(232, 237, 245, 0.58);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.nav-page .nav-summary-card strong {
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.nav-page .nav-summary-card.nav-teal strong {
  color: #67e8d7;
}

.nav-page .nav-summary-card.nav-pink strong {
  color: #ff8a98;
}

.nav-page .nav-summary-card.nav-gold strong {
  color: #e0b341;
}

.nav-page .nav-summary-card small {
  color: rgba(244, 247, 251, 0.78);
  font-size: 12px;
  font-weight: 850;
}

.nav-page .nav-history-card {
  margin-top: 12px;
}

.nav-page .nav-history-chart svg {
  display: block;
  width: 100%;
  height: 306px;
}

.nav-page .nav-chart-line {
  fill: none;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nav-page .nav-chart-area {
  stroke: none;
  opacity: 0.86;
}

.nav-page .nav-chart-area-a1 {
  fill: url("#navA1Fill");
}

.nav-page .nav-chart-area-a2 {
  fill: url("#navA2Fill");
}

.nav-page .nav-chart-line-a1 {
  stroke: #67e8d7;
}

.nav-page .nav-chart-line-a2 {
  stroke: #e0b341;
}

.nav-page .nav-chart-month-label {
  font-size: 9px;
  letter-spacing: 0.01em;
}

.nav-page .nav-table-wrap {
  overflow-x: hidden;
}

.nav-page .nav-table-return-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
  gap: 12px;
  align-items: start;
  margin-top: 12px;
}

.nav-page .nav-table-return-grid .sub-red-table-card {
  margin-top: 0;
}

.nav-page .nav-table {
  min-width: 0;
}

.nav-page .nav-table .nav-col-date {
  width: 30%;
}

.nav-page .nav-table .nav-col-a1,
.nav-page .nav-table .nav-col-a2 {
  width: 35%;
}

.nav-page .nav-table th:nth-child(2),
.nav-page .nav-table td:nth-child(2),
.nav-page .nav-table th:nth-child(3),
.nav-page .nav-table td:nth-child(3) {
  padding-right: 16px;
  text-align: right;
}

.nav-page #navSourceLabel {
  max-width: 240px;
  text-align: right;
  line-height: 1.2;
}

.nav-page .nav-return-card {
  min-height: 320px;
}

.nav-page .nav-return-wrap {
  max-height: none;
  overflow: visible;
}

.nav-page .nav-return-table {
  table-layout: fixed;
}

.nav-page .nav-return-table th:nth-child(1),
.nav-page .nav-return-table td:nth-child(1) {
  width: 18%;
}

.nav-page .nav-return-table th:nth-child(2),
.nav-page .nav-return-table td:nth-child(2) {
  width: 34%;
}

.nav-page .nav-return-table th:nth-child(3),
.nav-page .nav-return-table td:nth-child(3),
.nav-page .nav-return-table th:nth-child(4),
.nav-page .nav-return-table td:nth-child(4),
.nav-page .nav-return-table th:nth-child(5),
.nav-page .nav-return-table td:nth-child(5) {
  width: 16%;
  text-align: right;
}

.nav-page .nav-return-table td {
  vertical-align: middle;
}

.nav-page .nav-return-table td strong {
  display: block;
  color: var(--mist);
  font-size: 11px;
  font-weight: 900;
}

.nav-page .nav-return-table td small {
  display: block;
  margin-top: 2px;
  color: rgba(232, 237, 245, 0.48);
  font-size: 10px;
  font-weight: 750;
}

.nav-page .nav-return-delta-cell span,
.nav-page .nav-return-delta-cell small {
  display: block;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.25;
}

.nav-page .nav-return-delta-cell .delta-up,
.dashboard-page .nav-return-delta-mini .delta-up {
  color: #72e6a8 !important;
}

.nav-page .nav-return-delta-cell .delta-down,
.dashboard-page .nav-return-delta-mini .delta-down {
  color: #ff7f93 !important;
}

.nav-page .nav-custom-return-inputs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 6px;
  align-items: center;
}

.nav-page .nav-custom-return-inputs span {
  color: rgba(232, 237, 245, 0.56);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.nav-page .nav-custom-return-inputs input {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(103, 232, 215, 0.2);
  border-radius: 8px;
  padding: 6px 7px;
  color: var(--mist);
  background: rgba(255, 255, 255, 0.05);
  font-size: 10px;
  font-weight: 850;
  color-scheme: dark;
}

@media (max-width: 1100px) {
  .subscription-redemption-page .sub-red-overview,
  .subscription-redemption-page .sub-red-product-grid,
  .subscription-redemption-page .sub-red-chart-grid,
  .nav-page .nav-table-return-grid {
    grid-template-columns: 1fr;
  }
}

.card-head h1,
.portfolio-only-card h1,
.editable-rate-panel h1,
.calendar-only-card h1 {
  font-size: 24px !important;
}

.card-sub,
.workbook-drop-zone small,
.workbook-upload-status {
  font-size: 12px !important;
}

.eyebrow,
.upload-kicker,
.portfolio-inline-kpis span,
.scenario-control-grid label span,
.limit-summary-table th,
.weekly-maturity-table th,
.data-table th,
.deposit-register-table th,
.added-scenario-head span {
  font-size: 10px !important;
}

.portfolio-inline-kpis article {
  min-height: 76px !important;
  padding: 15px 16px !important;
}

.portfolio-inline-kpis strong,
.scenario-result-grid strong {
  font-size: 19px !important;
}

.portfolio-inline-kpis small,
.scenario-result-grid small,
.added-scenario-head small,
.empty-added-deals {
  font-size: 11px !important;
}

.scenario-result-grid article {
  padding: 14px 15px !important;
}

.scenario-control-grid select,
.scenario-control-grid input,
.subscription-input-row select,
.editable-rate-table input,
.portfolio-mini-input,
.sim-input {
  min-height: 35px !important;
  font-size: 12px !important;
  padding: 7px 9px !important;
}

.scenario-actions button,
.week-view-button,
.calendar-link-button,
.rate-sheet-actions button {
  min-height: 34px !important;
  font-size: 12px !important;
  padding: 7px 10px !important;
}

.data-table,
.deposit-register-table,
.weekly-maturity-table,
.limit-summary-table,
.editable-rate-table {
  font-size: 12px !important;
}

.data-table th,
.deposit-register-table th,
.weekly-maturity-table th,
.limit-summary-table th,
.editable-rate-table th {
  height: 36px !important;
}

.data-table td,
.deposit-register-table td,
.weekly-maturity-table td,
.limit-summary-table td,
.editable-rate-table td {
  padding: 10px 11px !important;
}

.fund-simulation-page .weekly-maturity-table tr.weekly-month-row td {
  font-size: 15px !important;
}

.week-date-range {
  font-size: 11px !important;
}

.week-signal-low {
  font-size: 9px !important;
  padding: 3px 7px !important;
}

.added-scenario-head {
  padding: 11px 12px !important;
}

.added-scenario-table th,
.added-scenario-table td {
  padding: 8px 9px !important;
  font-size: 11px !important;
}

@media (min-width: 1020px) {
  .calendar-page .brand-name,
  .fund-simulation-page .brand-name,
  .portfolio-page .brand-name,
  .rate-sheet-page .brand-name {
    font-size: 14px !important;
  }

  .calendar-page .site-nav a,
  .fund-simulation-page .site-nav a,
  .portfolio-page .site-nav a,
  .rate-sheet-page .site-nav a {
    font-size: 12px !important;
  }
}

/* Simulation KPI layout with scenario idle-cash detail */
.fund-simulation-page .scenario-result-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.fund-simulation-page .scenario-cash-card small {
  line-height: 1.35 !important;
}

.fund-simulation-page .scenario-cash-card em,
.fund-simulation-page .scenario-cash-card b {
  font-style: normal !important;
  font-weight: 900 !important;
}

.fund-simulation-page .scenario-cash-card b {
  color: #e9f3f7 !important;
}
/* ───────────────────────────────────────────────────────────────────────────
   Sidebar utility cluster — unify the bottom-left controls.
   The business-date selector (date-context.js), presence bar (presence.js) and
   Time Machine button (time-machine.js) each inject their own minimal styles,
   so they rendered as mismatched native controls — including a white <select> —
   that clashed with the dark rail. These rules give them one design language
   that matches the sidebar nav pills and the MODE/FX meta labels. Control
   appearance is themed in any header context; full-width stacking on the gutter
   is applied only in the >=1020px left rail.
   ─────────────────────────────────────────────────────────────────────────── */

/* Field labels ("Business date") read like the MODE/FX/VALUATION labels. */
.site-header .mmf-date-label {
  opacity: 1;
  color: var(--text-faint);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* The date trigger and Time Machine share one pill: dark surface, hairline
   border, 6px radius — same family as the nav links. */
.site-header .mmf-date-trigger,
.site-header .mmf-tm-btn {
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  font-size: 12px;
  line-height: 1.2;
  /* !important to beat the global `button {…!important}` reset (≈ line 6018). */
  color: var(--text) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 7px 10px;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
}

/* The trigger reads as a field: calendar glyph, the date, then a caret. */
.site-header .mmf-date-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
.site-header .mmf-date-trigger .mmf-cal-ico {
  color: var(--teal);
  flex: 0 0 auto;
}
.site-header .mmf-date-trigger-text {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site-header .mmf-date-trigger .mmf-cal-caret {
  color: var(--text-faint);
  flex: 0 0 auto;
}

.site-header .mmf-date-trigger:hover,
.site-header .mmf-tm-btn:hover,
.site-header .mmf-date-trigger[aria-expanded="true"] {
  border-color: rgba(85, 199, 207, 0.4) !important;
  background: rgba(85, 199, 207, 0.1) !important;
  color: var(--ice) !important;
}
.site-header .mmf-date-trigger:hover .mmf-cal-caret,
.site-header .mmf-date-trigger[aria-expanded="true"] .mmf-cal-caret {
  color: var(--ice);
}
.site-header .mmf-date-trigger:focus-visible,
.site-header .mmf-tm-btn:focus-visible {
  outline: 2px solid rgba(85, 199, 207, 0.6);
  outline-offset: 1px;
  border-color: rgba(85, 199, 207, 0.5) !important;
}

/* Time Machine: the cluster's other utility action. */
.site-header .mmf-tm-btn {
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Inline status (date-create / lock notes) — calm gold, hidden when empty. */
.site-header .mmf-date-msg {
  color: var(--gold);
  font-size: 11px;
}
.site-header .mmf-date-msg:empty {
  display: none;
}

/* Presence: "N online" reads as a label; avatars use the rail's teal family. */
.site-header .mmf-presence-bar {
  color: var(--text-faint);
  font-size: 11px;
  gap: 6px;
  flex-wrap: wrap;
}
.site-header .mmf-presence-count {
  opacity: 1;
  color: var(--text-faint);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.site-header .mmf-avatar {
  width: 21px;
  height: 21px;
  background: #2c6e74;
  color: var(--ice);
  border: 1px solid rgba(85, 199, 207, 0.35);
  font-size: 9px;
  font-weight: 700;
}
.site-header .mmf-lock-note {
  color: var(--gold);
}

/* ── Left rail (>=1020px): stack the cluster full-width on the 12px gutter that
      the MODE/FX meta and the upload card already use, as one tidy group. ── */
@media (min-width: 1020px) {
  .calendar-page .mmf-date-panel,
  .fund-simulation-page .mmf-date-panel,
  .portfolio-page .mmf-date-panel,
  .rate-sheet-page .mmf-date-panel {
    display: grid !important;
    gap: 6px !important;
    width: 100% !important;
    padding: 10px 12px 0 !important;
    margin: 0 !important;
  }
  .calendar-page .mmf-date-trigger,
  .fund-simulation-page .mmf-date-trigger,
  .portfolio-page .mmf-date-trigger,
  .rate-sheet-page .mmf-date-trigger {
    width: 100% !important;
  }
  .calendar-page .mmf-presence-bar,
  .fund-simulation-page .mmf-presence-bar,
  .portfolio-page .mmf-presence-bar,
  .rate-sheet-page .mmf-presence-bar {
    width: 100% !important;
    padding: 9px 12px 0 !important;
  }
  .calendar-page .mmf-tm-btn,
  .fund-simulation-page .mmf-tm-btn,
  .portfolio-page .mmf-tm-btn,
  .rate-sheet-page .mmf-tm-btn {
    width: calc(100% - 24px) !important;
    margin: 10px 12px 2px !important;
  }
}

/* ───────────────────────────────────────────────────────────────────────────
   Business-date calendar picker (date-context.js). A popover anchored to the
   rail trigger: future days disabled, weekends muted, holidays rose + named,
   existing dates dotted, the active date filled. Appended to <body> so the rail
   never clips it; palette matches the maturity calendar (rose holiday / teal data).
   The day/nav/confirm cells are <button>s, so the global `button {…!important}`
   reset (≈ line 6018) forces a dark box on them — these rules use !important to
   reclaim the flat-cell / teal-selected / rose-holiday look.
   ─────────────────────────────────────────────────────────────────────────── */
.mmf-cal-pop {
  position: fixed;
  z-index: 9999;
  width: 286px;
  box-sizing: border-box;
  padding: 12px;
  background: #11151f;
  border: 1px solid var(--border, #2a2f3a);
  border-radius: 12px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.55);
  color: var(--text, #f1f5f9);
  font-family: var(--font-sans, system-ui, sans-serif);
  font-size: 12px;
  user-select: none;
}
.mmf-cal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.mmf-cal-title {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.01em;
}
.mmf-cal-nav {
  appearance: none;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1;
  color: var(--text-muted, #9aa4b2) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--border, #2a2f3a) !important;
  border-radius: 7px !important;
  cursor: pointer;
  transition:
    color 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease;
}
.mmf-cal-nav:hover {
  color: var(--ice, #dff9fb) !important;
  border-color: rgba(85, 199, 207, 0.4) !important;
  background: rgba(85, 199, 207, 0.1) !important;
}
.mmf-cal-nav:focus-visible {
  outline: 2px solid rgba(85, 199, 207, 0.6);
  outline-offset: 1px;
}
.mmf-cal-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.mmf-cal-dow span {
  text-align: center;
  padding: 2px 0 6px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-faint, #687384);
}
.mmf-cal-day {
  appearance: none;
  position: relative;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font: inherit;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--text, #f1f5f9) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  cursor: pointer;
  transition:
    background 0.12s ease,
    border-color 0.12s ease,
    color 0.12s ease;
}
.mmf-cal-day:hover {
  background: rgba(85, 199, 207, 0.12) !important;
  border-color: rgba(85, 199, 207, 0.3) !important;
}
.mmf-cal-day:focus-visible {
  outline: 2px solid rgba(85, 199, 207, 0.65);
  outline-offset: -1px;
}
/* a data dot under the number marks existing business dates */
.mmf-cal-day.has-data::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--teal, #56b9c1);
}
.mmf-cal-day.is-today {
  border-color: rgba(85, 199, 207, 0.5) !important;
}
.mmf-cal-day.is-weekend {
  color: var(--text-faint, #687384) !important;
}
.mmf-cal-day.is-future {
  color: var(--text-faint, #687384) !important;
  opacity: 0.45;
}
/* the next banking day — the one future day open for manual carry-forward input */
.mmf-cal-day.is-next {
  color: var(--text, #f1f5f9) !important;
  border-color: rgba(85, 199, 207, 0.4) !important;
  border-style: dashed !important;
}
.mmf-cal-day.is-outside {
  color: var(--text-faint, #687384) !important;
  opacity: 0.28;
}
.mmf-cal-day.is-holiday {
  color: #ffd4dc !important;
  background: rgba(224, 122, 139, 0.13) !important;
  border-color: rgba(224, 122, 139, 0.32) !important;
}
/* non-selectable days (weekend / holiday / future / outside) don't react to hover */
.mmf-cal-day[aria-disabled="true"],
.mmf-cal-day.is-outside {
  cursor: default;
}
.mmf-cal-day[aria-disabled="true"]:hover,
.mmf-cal-day.is-outside:hover {
  background: transparent !important;
  border-color: transparent !important;
}
.mmf-cal-day.is-holiday[aria-disabled="true"]:hover {
  background: rgba(224, 122, 139, 0.13) !important;
  border-color: rgba(224, 122, 139, 0.32) !important;
}
.mmf-cal-day.is-selected,
.mmf-cal-day.is-selected:hover {
  background: var(--teal, #56b9c1) !important;
  border-color: var(--teal, #56b9c1) !important;
  color: #06121a !important;
  font-weight: 800;
}
.mmf-cal-day.is-selected.has-data::after {
  background: #06121a;
}
.mmf-cal-day.is-pending {
  border-color: var(--teal, #56b9c1) !important;
  border-style: dashed !important;
}

.mmf-cal-foot {
  margin-top: 10px;
}
.mmf-cal-confirm {
  display: grid;
  gap: 8px;
  padding: 9px 10px;
  margin-bottom: 9px;
  border: 1px solid rgba(85, 199, 207, 0.25);
  background: rgba(85, 199, 207, 0.07);
  border-radius: 9px;
}
.mmf-cal-confirm-txt {
  display: grid;
  gap: 2px;
}
.mmf-cal-confirm-txt strong {
  font-size: 12px;
  font-weight: 800;
}
.mmf-cal-confirm-txt span {
  font-size: 10.5px;
  color: var(--text-muted, #9aa4b2);
}
.mmf-cal-err {
  font-style: normal;
  font-size: 10.5px;
  color: var(--rose, #ec6b7a);
}
.mmf-cal-confirm-act {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
.mmf-cal-cancel,
.mmf-cal-create {
  appearance: none;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 11px;
  border-radius: 7px !important;
  cursor: pointer;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  transition:
    color 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease,
    filter 0.15s ease;
}
.mmf-cal-cancel {
  color: var(--text-muted, #9aa4b2) !important;
  background: transparent !important;
  border-color: var(--border, #2a2f3a) !important;
}
.mmf-cal-cancel:hover {
  color: var(--text, #f1f5f9) !important;
  border-color: var(--text-faint, #687384) !important;
}
.mmf-cal-create {
  color: #06121a !important;
  background: var(--teal, #56b9c1) !important;
  border-color: var(--teal, #56b9c1) !important;
}
.mmf-cal-create:hover {
  filter: brightness(1.08);
}
.mmf-cal-create:disabled {
  opacity: 0.6;
  cursor: default;
}
.mmf-cal-cancel:focus-visible,
.mmf-cal-create:focus-visible {
  outline: 2px solid rgba(85, 199, 207, 0.6);
  outline-offset: 1px;
}
.mmf-cal-note {
  margin-bottom: 9px;
  font-size: 10px;
  line-height: 1.35;
  color: var(--gold, #e5ad3d);
}
.mmf-cal-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  padding-top: 9px;
  border-top: 1px solid var(--border-soft, #202632);
  font-size: 10px;
  color: var(--text-muted, #9aa4b2);
}
.mmf-cal-legend span {
  display: inline-flex;
  align-items: center;
}
.mmf-cal-legend i {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  margin-right: 5px;
}
.mmf-cal-legend .lg-data {
  background: var(--teal, #56b9c1);
}
.mmf-cal-legend .lg-create {
  background: transparent;
  border: 1px solid var(--text-faint, #687384);
}
.mmf-cal-legend .lg-holiday {
  background: rgba(224, 122, 139, 0.5);
  border: 1px solid rgba(224, 122, 139, 0.7);
}
.mmf-cal-legend .lg-off {
  background: var(--text-faint, #687384);
  opacity: 0.5;
}
@media (prefers-reduced-motion: reduce) {
  .mmf-cal-day,
  .mmf-cal-nav,
  .mmf-cal-cancel,
  .mmf-cal-create {
    transition: none;
  }
}

/* Portfolio: AVG RATE stat + tenor / to-maturity table filters */
.portfolio-head-stats {
  display: flex;
  align-items: stretch;
  gap: 10px;
}
.portfolio-avg-rate-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 116px;
}
.fund-excel-register .portfolio-avg-rate-stat strong {
  margin-top: 0;
  color: #67e8d7 !important;
}
.portfolio-filter-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  flex: 0 0 auto;
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: linear-gradient(180deg, #151923 0%, #11151f 100%);
}
.portfolio-filter-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.portfolio-filter-label {
  color: #8da0b7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.portfolio-filter-toggle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
}
.portfolio-filter-chip {
  border: 0 !important;
  border-radius: 999px !important;
  padding: 6px 11px !important;
  background: transparent !important;
  color: rgba(232, 237, 245, 0.66) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  min-height: 0 !important;
  box-shadow: none !important;
  transition:
    background 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}
.portfolio-filter-chip:hover {
  color: var(--mist) !important;
  background: rgba(255, 255, 255, 0.07) !important;
}
.portfolio-filter-chip.is-active {
  color: #9ff4f0 !important;
  background: rgba(103, 232, 215, 0.14) !important;
  box-shadow: inset 0 0 0 1px rgba(103, 232, 215, 0.24) !important;
}
.portfolio-filter-clear {
  margin-left: auto;
  min-height: 28px !important;
  padding: 5px 12px !important;
  font-size: 11px !important;
}
.portfolio-filter-clear[hidden] {
  display: none !important;
}
.portfolio-empty-row td {
  padding: 20px 14px !important;
  color: var(--text-muted) !important;
  font-size: 13px;
  text-align: center;
}

/* ---------------------------------------------------------------------------
   Dataset toggle (injected by data-store.js) — Manual vs AlphaDesk (NAS-pushed
   base book with manual planning inputs). Sits directly under the brand in the sidebar
   rail. Visual props carry !important to beat the global button reset. The AD
   option uses the gold accent so the verification view is unmistakable.
--------------------------------------------------------------------------- */
.dataset-toggle {
  margin: 8px 12px 0;
  padding: 8px;
  border: 1px solid rgba(85, 199, 207, 0.15);
  border-radius: 9px;
  background: rgba(11, 15, 24, 0.92);
  /* Below 1020px .header-inner is a 3-column grid; take a full row of our own
     instead of displacing the nav column. In the >=1020px rail .header-inner
     becomes a flex column and grid-column is ignored. */
  grid-column: 1 / -1;
  max-width: 300px;
}
.dataset-toggle-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
button.dataset-toggle-option {
  min-height: 28px;
  padding: 4px 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(86, 185, 193, 0.28) !important;
  background: rgba(23, 29, 42, 0.9) !important;
  color: #8491a4 !important;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}
button.dataset-toggle-option:hover {
  color: var(--ice) !important;
}
button.dataset-toggle-option.is-active {
  border-color: rgba(117, 232, 239, 0.78) !important;
  background: rgba(86, 185, 193, 0.18) !important;
  color: var(--ice) !important;
}
button.dataset-toggle-option-ad.is-active {
  border-color: rgba(229, 173, 61, 0.85) !important;
  background: rgba(229, 173, 61, 0.16) !important;
  color: #f8e3b0 !important;
}
button.dataset-toggle-option:focus-visible {
  outline: 2px solid var(--ice) !important;
  outline-offset: 2px;
}
.dataset-toggle-caption {
  margin: 6px 2px 0;
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #687384;
}
html.dataset-ad .dataset-toggle-caption {
  color: #e0b341;
}

/* AD source rows remain read-only. Hide only controls that replace or mutate the
   NAS-sourced workbook/sub-red/NAV state; scenario, rate, and top-holding inputs
   remain available through the exact same resources used by Manual mode. */
html.dataset-ad #workbookUploadPanel,
html.dataset-ad .manual-record-input-button,
html.dataset-ad .manual-record-modal,
html.dataset-ad .sub-red-actions,
html.dataset-ad [data-nav-edit-date],
html.dataset-ad [data-nav-delete-date],
html.dataset-ad #mmfTmBtn,
html.dataset-ad #mmfTmRestore,
html.dataset-ad #clearPortfolioData {
  display: none !important;
}

/* Final responsive guard for Fund Simulation. Several earlier desktop layout
   guards use !important, so this must remain after them to keep the newly
   available scenario inputs reachable on tablet and mobile. */
@media (max-width: 900px) {
  .fund-simulation-page .fund-sim-workspace {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
  }
  .fund-simulation-page .fund-sim-left-pane,
  .fund-simulation-page .fund-sim-right-pane {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 !important;
  }
  .fund-simulation-page .fund-sim-left-pane {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
    grid-row: 1 !important;
  }
  .fund-simulation-page .fund-sim-right-pane {
    grid-row: 2 !important;
  }
}

@media (max-width: 520px) {
  .fund-simulation-page .scenario-result-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ── Counterparty List page ─────────────────────────────────────────────────
   Reuses the top-holding table/modal/input components; only the State owned
   checkbox and its label row are new (no native-checkbox styling existed). */
.counterparty-checkbox {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  accent-color: var(--teal);
}
.counterparty-state-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--text);
}
.counterparty-state-toggle span {
  font-size: 0.85rem;
  color: var(--text-muted);
}
.top-holding-form label.counterparty-form-state {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  grid-column: 1 / -1;
}
.top-holding-form label.counterparty-form-state span {
  font-size: 0.85rem;
}
.counterparty-table .top-holding-input {
  width: 100%;
  min-width: 140px;
}

/* ── WLA horizon month grid (fund simulation left pane) ─────────────────── */
.fund-simulation-page .wla-view-toggle {
  display: inline-flex;
  gap: 6px;
  margin: 10px 12px 2px;
}

.fund-simulation-page .wla-view-toggle button {
  min-height: 28px !important;
  padding: 0 14px !important;
  border: 1px solid #2a3140 !important;
  border-radius: 6px !important;
  background: #1a1f2a !important;
  color: #cbd5e1 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.fund-simulation-page .wla-view-toggle button:hover {
  background: #202734 !important;
  border-color: rgba(86, 185, 193, 0.7) !important;
  color: #ffffff !important;
}

.fund-simulation-page .wla-view-toggle button.is-active {
  background: var(--teal) !important;
  border-color: var(--teal) !important;
  color: #071014 !important;
}

.fund-simulation-page .wla-month-grid-mount {
  padding: 10px 12px 14px;
}

.wla-grid-empty {
  color: var(--text-muted) !important;
  font-size: 11px !important;
  padding: 14px 4px !important;
}

.fund-simulation-page .wla-grid-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 4px 0 2px;
}

.fund-simulation-page .wla-grid-head h3 {
  margin: 0 !important;
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
}

.fund-simulation-page .wla-grid-head h3 small {
  margin-left: 7px;
  color: var(--text-faint) !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

.wla-shortfall-summary {
  padding: 3px 10px;
  border: 1px solid rgba(240, 100, 118, 0.3);
  border-radius: 999px;
  background: rgba(240, 100, 118, 0.08);
  color: var(--err) !important;
  font-size: 10.5px;
  font-weight: 800;
  white-space: nowrap;
}

.wla-all-funded {
  padding: 3px 10px;
  border: 1px solid rgba(55, 215, 138, 0.28);
  border-radius: 999px;
  background: rgba(55, 215, 138, 0.08);
  color: var(--green) !important;
  font-size: 10.5px;
  font-weight: 800;
  white-space: nowrap;
}

.fund-simulation-page .wla-legend {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 8px 0 12px;
  color: var(--text-muted) !important;
  font-size: 10px;
  font-weight: 700;
}

.fund-simulation-page .wla-legend > span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.fund-simulation-page .wla-legend i {
  font-style: normal;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  display: inline-grid;
  place-items: center;
  font-size: 8.5px;
  font-weight: 900;
}

.fund-simulation-page .wla-legend .wla-legend-ok i {
  background: rgba(55, 215, 138, 0.14);
  border: 1px solid rgba(55, 215, 138, 0.4);
  color: var(--green);
}

.fund-simulation-page .wla-legend .wla-legend-watch i {
  background: rgba(229, 173, 61, 0.14);
  border: 1px solid rgba(229, 173, 61, 0.4);
  color: var(--gold);
}

.fund-simulation-page .wla-legend .wla-legend-low i {
  background: rgba(240, 100, 118, 0.14);
  border: 1px solid rgba(240, 100, 118, 0.4);
  color: var(--err);
}

.fund-simulation-page .wla-month-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
  align-items: start;
}

.wla-month {
  background: var(--bg-elev) !important;
  border: 1px solid var(--border-soft) !important;
  border-radius: 7px !important;
  overflow: hidden;
}

.wla-month-title {
  margin: 0 !important;
  padding: 7px 10px 6px !important;
  border-bottom: 1px solid var(--border-soft) !important;
  color: #5ed2d2 !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.wla-weeks {
  display: grid;
  gap: 4px;
  padding: 6px;
}

.fund-simulation-page button.wla-week {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 26px !important;
  padding: 4px 8px !important;
  border-radius: 5px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--text) !important;
  font-size: 10px !important;
  text-align: left !important;
  cursor: pointer !important;
}

.fund-simulation-page button.wla-week:hover {
  filter: brightness(1.25) !important;
}

.fund-simulation-page button.wla-week:focus-visible {
  outline: 2px solid var(--teal) !important;
  outline-offset: 1px !important;
}

.wla-week .wla-week-range {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.wla-week .wla-week-stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.wla-week .wla-week-pct {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 800;
}

.wla-week .wla-week-mark {
  font-size: 9px;
  font-weight: 900;
}

.fund-simulation-page button.wla-week.is-ok {
  background: rgba(55, 215, 138, 0.09) !important;
  border-color: rgba(55, 215, 138, 0.22) !important;
}

.wla-week.is-ok .wla-week-pct,
.wla-week.is-ok .wla-week-mark {
  color: var(--green);
}

.fund-simulation-page button.wla-week.is-watch {
  background: rgba(229, 173, 61, 0.09) !important;
  border-color: rgba(229, 173, 61, 0.24) !important;
}

.wla-week.is-watch .wla-week-pct,
.wla-week.is-watch .wla-week-mark {
  color: var(--gold);
}

.fund-simulation-page button.wla-week.is-low {
  background: rgba(240, 100, 118, 0.1) !important;
  border-color: rgba(240, 100, 118, 0.3) !important;
}

.wla-week.is-low .wla-week-pct,
.wla-week.is-low .wla-week-mark {
  color: var(--err);
}

.fund-simulation-page button.wla-week.is-current {
  box-shadow: inset 0 0 0 1px rgba(86, 185, 193, 0.55) !important;
}

.wla-week .wla-week-need {
  padding: 1px 5px;
  border-radius: 4px;
  background: rgba(240, 100, 118, 0.14);
  color: var(--err);
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 800;
  white-space: nowrap;
}

.wla-grid-foot {
  margin: 10px 0 0 !important;
  color: var(--text-faint) !important;
  font-size: 9.5px !important;
}

/* Business-day rollover banner (data-store.js date-watch, plan §3.1). Gold
   accent = --c7 (NOT --gold, which is overridden — see project conventions).
   Button visual props need !important against the global button reset. */
.mmf-rollover-banner {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: min(92vw, 640px);
  padding: 12px 18px;
  border-radius: 10px;
  background: #1c2437;
  border: 1px solid var(--c7, #e8c468);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  color: #f2f5fb;
  font-size: 0.92rem;
}
button.mmf-rollover-reload {
  background: var(--c7, #e8c468) !important;
  color: #1a2030 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* Stale-analysis badge (fund-simulation.js markScenarioAnalysisStale, plan
   §4.3): the generated narrative visibly flags that its inputs moved. */
.analysis-stale-note {
  margin: 0 0 12px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid var(--c7, #e0b341);
  background: rgba(224, 179, 65, 0.12);
  color: var(--c7, #e0b341);
  font-size: 0.85rem;
}

/* Counterparty capacity table provenance rows (fund-simulation.js, plan §5):
   the loading placeholder and the loud built-in-limits fallback badge. */
.registry-note-row td {
  padding: 10px 12px;
  font-size: 0.85rem;
  color: rgba(242, 245, 251, 0.75);
  font-style: italic;
}
.registry-note-row.registry-fallback td {
  border-left: 3px solid var(--c7, #e0b341);
  /* !important: the global .limit-summary-table td background is transparent
     !important, which would silently kill this badge fill (review catch). */
  background: rgba(224, 179, 65, 0.12) !important;
  color: var(--c7, #e0b341);
  font-style: normal;
}
/* ————— Fund simulation pane overhaul (2026-07-24): collapsible counterparty
   limits, per-leg idle-cash alerts, MOP↔HKD exchange input + FX flow. ————— */

/* 1) Counterparty limits disclosure (collapsed by default). The global
   button reset (~6018) forces card chrome on every <button>, so the
   transparent header needs !important on each visual prop. */
.limit-summary-toggle {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 10px 11px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  text-align: left !important;
  cursor: pointer;
}
.limit-summary-toggle:hover {
  background: rgba(86, 185, 193, 0.05) !important;
}
.limit-summary-chevron {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: var(--text-faint);
}
.limit-summary-chevron svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (prefers-reduced-motion: no-preference) {
  .limit-summary-chevron svg {
    transition: transform 160ms ease;
  }
}
.limit-summary-toggle[aria-expanded="true"] .limit-summary-chevron svg {
  transform: rotate(90deg);
}
.limit-summary-title {
  flex: 0 0 auto;
  color: #8b94a3;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.limit-summary-digest {
  flex: 1 1 auto;
  color: #8f99a8;
  font-size: 10px;
  font-weight: 500;
  text-align: right;
}
.limit-summary-digest b {
  color: var(--ice);
  font-weight: 800;
}

/* Merged Used / Limit cell: the used figure carries the row's status color
   (via .limit-low/.limit-over td), the "/ limit" tail stays faint. */
.limit-summary-table .used-limit-cell b {
  font-weight: 700;
}
.limit-summary-table .used-limit-cell .of {
  color: var(--text-faint);
  font-weight: 400;
}

/* 2) Per-leg idle-cash alerts on the scenario cash card. Must outrank the
   card's own `.scenario-cash-card b { color:#e9f3f7!important }`. */
.fund-simulation-page .scenario-cash-card b.cash-low {
  color: var(--gold) !important;
}
.fund-simulation-page .scenario-cash-card b.cash-neg {
  color: var(--err) !important;
}

/* 3) Exchange input group — blue-slate tint distinguishes it from the teal
   cash-flow group and the gold deal group. */
.fund-simulation-page .scenario-exchange-row-title::after {
  background: linear-gradient(
    90deg,
    rgba(111, 144, 189, 0.6),
    rgba(111, 144, 189, 0.06)
  ) !important;
}
.fund-simulation-page .scenario-exchange-input-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 9px;
  border: 1px solid rgba(111, 144, 189, 0.28);
  border-radius: 10px;
  background: rgba(111, 144, 189, 0.06);
}
.fund-simulation-page .scenario-exchange-input-row label {
  min-width: 0;
}
@media (max-width: 1200px) {
  .fund-simulation-page .scenario-exchange-input-row {
    grid-template-columns: 1fr;
  }
}
.scenario-fx-delta {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.scenario-fx-delta span {
  color: #8b94a3 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.scenario-fx-delta output {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-height: 35px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.035);
  color: #eaf7f8;
  font-size: 12px;
  font-weight: 500;
}
.scenario-fx-hint {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--text-faint);
  font-size: 10px;
}
.scenario-fx-hint b {
  color: #9fb4d6;
}

/* Add exchange mirrors the Add deal teal pill (id-pinned because the global
   button reset + .scenario-actions primary rules would repaint it). */
.fund-simulation-page #applyScenarioExchange {
  justify-self: start !important;
  border: 1px solid rgba(86, 185, 193, 0.46) !important;
  border-radius: 999px !important;
  background: rgba(86, 185, 193, 0.12) !important;
  color: var(--ice) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 7px 12px !important;
}
.fund-simulation-page #applyScenarioExchange:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(117, 232, 239, 0.82) !important;
  background: rgba(86, 185, 193, 0.2) !important;
}

/* FX conversion flow — a second, self-hiding table under the deal flow. */
.fx-conversion-flow {
  border-top: 1px solid #252a34;
}
.fx-flow-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 11px 7px;
  border-bottom: 1px solid #252a34;
  background: rgba(111, 144, 189, 0.05);
}
.fx-flow-head span {
  color: #9fb4d6;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.fx-flow-head small {
  color: #8f99a8;
  font-size: 10px;
}
.deal-type-badge.exchange {
  border: 1px solid rgba(86, 185, 193, 0.52) !important;
  background: rgba(86, 185, 193, 0.13) !important;
  color: #5de8d8 !important;
}

/* Match the deal-flow table's compact metrics (the shared institutional
   td/th sizes are !important, so these must be too). */
.fund-simulation-page .fx-conversion-table th,
.fund-simulation-page .fx-conversion-table td {
  padding: 5px 5px !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
}
.fund-simulation-page .fx-conversion-table tr.deal-flow-exchange td {
  background: rgba(111, 144, 189, 0.07) !important;
  font-weight: 850 !important;
}
.fund-simulation-page .fx-conversion-table .deal-amount {
  white-space: pre !important;
  overflow-wrap: normal !important;
}
.fund-simulation-page .fx-conversion-table tfoot .fx-net-row td {
  border-top: 1px solid #252b38 !important;
  border-bottom: none !important;
  color: var(--text-muted) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.fund-simulation-page .fx-conversion-table tfoot .fx-net-row td.num {
  font-size: 9.5px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
/* Net-impact gain/loss color must outrank the tfoot td color above. */
.fund-simulation-page .fx-conversion-table tfoot td.wam-safe {
  color: #39d895 !important;
}
.fund-simulation-page .fx-conversion-table tfoot td.wam-danger {
  color: var(--err) !important;
}