:root {
  --font-ui: "Nunito Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Nunito Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-brand: "Fraunces", serif;
  --font-mono: "Inter", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --bg: #0d131b;
  --bg-soft: #121b25;
  --panel: rgba(14, 20, 28, 0.86);
  --line: var(--neutral-08);
  --text: #eef3f7;
  --text-soft: #9aa7b4;
  --accent: #c9a66b;
  --accent-strong: #ffcb7d;
  --accent-ink: #25190b;
  --success: #2d9f77;
  --danger: #d45b5b;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  --radius: 24px;
  --overlay-bg: rgba(0, 0, 0, 0.62);
  --sidebar-bg: linear-gradient(180deg, rgba(9,14,21,0.97), rgba(9,14,21,0.9));
  --hero-bg: radial-gradient(circle at top right, rgba(201,166,107,0.16), transparent 34%), linear-gradient(180deg, rgba(14,20,28,0.95), rgba(16,24,34,0.94));
  --module-side-bg: linear-gradient(180deg, rgba(201,166,107,0.08), transparent 28%), rgba(14,20,28,0.92);
  --table-shell-bg: rgba(8, 12, 18, 0.18);
  --table-head-bg: linear-gradient(180deg, rgba(16, 24, 35, 0.96), rgba(16, 24, 35, 0.82));
  --table-head-text: rgba(201,166,107,0.72);
  --reference-matrix-bg: rgba(10,14,21,0.36);
  --panel-strong: rgba(9, 14, 21, 0.96);
  --toolbar-glass-bg: rgba(17, 24, 39, 0.6);
  --toolbar-shell-bg: rgba(11, 16, 23, 0.9);
  --rate-market: #f5ddb1;
  --rate-buy: #9ed9f0;
  --rate-sell: #b8f2df;
  --rate-stale: #cf8f8f;
  --sidebar-size-expanded: 340px;
  --sidebar-size-collapsed: 88px;
  --sidebar-size: var(--sidebar-size-expanded);
  --reference-card-bg: rgba(18, 24, 34, 0.96);
  --reference-card-bg-published: linear-gradient(180deg, rgba(212, 175, 55, 0.05), transparent 58%), rgba(18, 24, 34, 0.97);
  --reference-card-empty-bg: rgba(15, 23, 42, 0.56);
  --neutral-rgb: 255, 255, 255;
  --neutral-00: rgba(var(--neutral-rgb), 0);
  --neutral-015: rgba(var(--neutral-rgb), 0.015);
  --neutral-02: rgba(var(--neutral-rgb), 0.02);
  --neutral-025: rgba(var(--neutral-rgb), 0.025);
  --neutral-026: rgba(var(--neutral-rgb), 0.026);
  --neutral-03: rgba(var(--neutral-rgb), 0.03);
  --neutral-035: rgba(var(--neutral-rgb), 0.035);
  --neutral-04: rgba(var(--neutral-rgb), 0.04);
  --neutral-045: rgba(var(--neutral-rgb), 0.045);
  --neutral-05: rgba(var(--neutral-rgb), 0.05);
  --neutral-06: rgba(var(--neutral-rgb), 0.06);
  --neutral-08: rgba(var(--neutral-rgb), 0.08);
  --neutral-10: rgba(var(--neutral-rgb), 0.1);
  --neutral-12: rgba(var(--neutral-rgb), 0.12);
  --neutral-22: rgba(var(--neutral-rgb), 0.22);
  --neutral-58: rgba(var(--neutral-rgb), 0.58);
  --focus-ring: 0 0 0 3px rgba(201,166,107,0.18);
  --focus-border: rgba(201,166,107,0.62);
}

@media (max-width: 767px) {
  body.menu-gold-tier1[data-active-view="operator"] .workspace-head > div:first-child,
  body.menu-gold-tier1[data-active-view="operator"] .workspace-head .workspace-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head h2,
  body.menu-gold-tier1[data-active-view="operator"] .workspace-title-row h2 {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  :root:not([data-theme="light"]) body.menu-gold-tier1[data-active-view="operator"] .workspace-head {
    border-bottom: 1px solid rgba(201, 166, 107, 0.2) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(67, 104, 137, 0.13), transparent 40%),
      linear-gradient(135deg, #111f2d 0%, #0d1925 58%, #09131d 100%) !important;
    box-shadow: 0 8px 24px rgba(1, 7, 13, 0.34) !important;
  }

  :root:not([data-theme="light"]) #operator-history-modal .operator-history-head {
    border-bottom: 1px solid rgba(201, 166, 107, 0.2) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(67, 104, 137, 0.13), transparent 40%),
      linear-gradient(135deg, #111f2d 0%, #0d1925 58%, #09131d 100%) !important;
    box-shadow: 0 8px 22px rgba(1, 7, 13, 0.34) !important;
  }

}

/* Atención / Nueva remesa: separa jurisdicción de captación y referencia tarifaria. */
#view-remittance-intake.active .remittance-origin-context {
  display: grid;
  align-content: end;
  gap: 6px;
  min-width: 0;
  margin: 0;
}

#view-remittance-intake.active .remittance-origin-context.hidden {
  display: none;
}

#view-remittance-intake.active .remittance-origin-context-label {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.1;
}

#view-remittance-intake.active .remittance-funding-origin-display {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 48px;
  padding: 8px 12px;
  border: 1px solid rgba(201, 166, 107, 0.3);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(201, 166, 107, 0.1), rgba(37, 99, 235, 0.06));
  box-sizing: border-box;
}

#view-remittance-intake.active .remittance-funding-origin-display > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

#view-remittance-intake.active .remittance-funding-origin-display strong,
#view-remittance-intake.active .remittance-funding-origin-display small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-remittance-intake.active .remittance-funding-origin-display strong {
  color: var(--text);
  font-size: 0.92rem;
  line-height: 1.15;
}

#view-remittance-intake.active .remittance-funding-origin-display small {
  color: var(--text-soft);
  font-size: 0.68rem;
  line-height: 1.15;
}

#view-remittance-intake.active .remittance-funding-country-flag {
  width: 32px;
  height: 23px;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 3px 8px rgba(2, 6, 23, 0.2);
}

#view-remittance-intake.active .remittance-funding-country-flag img,
#view-remittance-intake.active .remittance-funding-country-flag .country-flag-fallback {
  width: 100%;
  height: 100%;
}

#view-remittance-intake.active .remittance-origin-placeholder-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 10px;
  color: var(--text-soft);
  background: rgba(148, 163, 184, 0.08);
}

:root[data-theme="light"] #view-remittance-intake.active .remittance-funding-origin-display {
  border-color: rgba(170, 123, 43, 0.28);
  background: linear-gradient(135deg, rgba(253, 246, 232, 0.96), rgba(240, 247, 255, 0.94));
}

@media (min-width: 768px) and (max-width: 1366px) {
  #view-remittance-intake.active .remittance-funding-origin-display {
    min-height: 44px;
    padding: 6px 9px;
  }

  #view-remittance-intake.active .remittance-funding-origin-display strong {
    font-size: 0.82rem;
  }

  #view-remittance-intake.active .remittance-funding-origin-display small {
    font-size: 0.62rem;
  }
}

@media (max-width: 767px) {
  #view-remittance-intake.active .remittance-funding-origin-display strong,
  #view-remittance-intake.active .remittance-funding-origin-display small {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

#distribution-detail-modal .distribution-detail-summary .distribution-detail-route-compact,
#distribution-detail-modal .distribution-remittance-hero .distribution-detail-route-compact {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin-top: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#distribution-detail-modal .distribution-detail-route-compact span {
  display: inline-flex !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-endpoint {
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-main {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-flag.country-flag-wrap {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-flag .country-flag-image,
#distribution-detail-modal .distribution-detail-route-compact .route-channel-flag .country-flag-fallback {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
}

/* Distribution modal route tier-1 final override: flags only, side channel, balanced summary. */

@media (max-width: 1280px) {
}

/* Distribution modal route tier-1: dedicated component, flags only, channel at side. */

@media (max-width: 1280px) {
}

/* Distribution modal final summary layout: give Remesa room and keep route readable. */

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card > strong {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-height: 1.06 !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card .route-channel-flag.country-flag-wrap {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08), 0 6px 12px rgba(15, 23, 42, 0.08) !important;
}

@media (max-width: 1280px) {
}

/* Distribution modal summary balance: prioritize remittance/client and readable route. */
#distribution-detail-modal .distribution-detail-summary {
  grid-template-columns: minmax(300px, 1.45fr) minmax(250px, 1.22fr) minmax(150px, 0.62fr) minmax(150px, 0.62fr) !important;
}

#distribution-detail-modal .distribution-detail-summary.has-benefit-summary {
  grid-template-columns: minmax(300px, 1.45fr) minmax(230px, 1fr) minmax(140px, 0.58fr) minmax(140px, 0.58fr) minmax(170px, 0.7fr) !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card {
  gap: 5px !important;
  min-width: 300px !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card > strong {
  max-width: 100% !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: normal !important;
  text-overflow: ellipsis !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card .distribution-detail-route-compact {
  margin-top: 1px !important;
  gap: 8px !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card .route-channel-flag.country-flag-wrap {
  width: 28px !important;
  height: 28px !important;
  flex-basis: 28px !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08), 0 6px 12px rgba(15, 23, 42, 0.08) !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card .route-channel-arrow {
  font-size: 1rem !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card .route-channel-sub {
  max-width: 62px !important;
  font-size: 0.7rem !important;
}

@media (max-width: 1280px) {
  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: minmax(280px, 1.35fr) minmax(220px, 1fr) minmax(132px, 0.56fr) minmax(132px, 0.56fr) !important;
  }

  #distribution-detail-modal .distribution-detail-summary.has-benefit-summary {
    grid-template-columns: minmax(280px, 1.35fr) minmax(200px, 0.9fr) minmax(126px, 0.52fr) minmax(126px, 0.52fr) minmax(148px, 0.62fr) !important;
  }
}

.route-channel-compact {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  max-width: 100%;
  white-space: normal;
  vertical-align: middle;
}

.route-channel-endpoint {
  display: inline-flex;
  min-width: 23px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
}

.route-channel-endpoint.is-flag-only {
  flex: 0 0 auto;
}

.route-channel-main {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 4px;
  line-height: 1.1;
}

.route-channel-main strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.route-channel-sub {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: var(--text-soft);
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.05;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.route-channel-sub.is-empty {
  opacity: 0;
}

.route-channel-arrow {
  flex: 0 0 auto;
  color: var(--text-soft);
  font-weight: 900;
  line-height: 1;
}

.route-channel-flag.country-flag-wrap {
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  border-radius: 999px;
}

.route-channel-flag .country-flag-image,
.route-channel-flag .country-flag-fallback {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

#view-dashboard .dashboard-route-compact,
#view-distribution .distribution-route-compact {
  gap: 5px !important;
  white-space: normal !important;
}

#view-dashboard .dashboard-route-compact .route-channel-endpoint,
#view-distribution .distribution-route-compact .route-channel-endpoint {
  max-width: 34px;
}

#view-dashboard .dashboard-route-compact .route-channel-main strong,
#view-distribution .distribution-route-compact .route-channel-main strong {
  font-size: 0.84rem;
  font-weight: 900;
  letter-spacing: 0;
}

#view-dashboard .dashboard-route-compact .route-channel-sub,
#view-distribution .distribution-route-compact .route-channel-sub {
  font-size: 0.66rem;
}

#view-clients .client-service-route-compact {
  display: inline-flex;
  margin-top: 4px;
  padding: 3px 0;
}

#view-clients .client-service-route-compact .route-channel-endpoint {
  max-width: 34px;
  align-items: center;
}

#view-clients .client-service-route-compact .route-channel-main {
  justify-content: center;
}

#view-clients .client-service-route-compact .route-channel-main strong {
  font-size: 0.72rem;
}

#view-clients .client-service-route-compact .route-channel-sub {
  padding-left: 0;
  text-align: center;
}

.distribution-summary-route-card .distribution-detail-route-compact,
.distribution-remittance-hero .distribution-detail-route-compact {
  margin-top: 4px;
}

.distribution-detail-route-compact {
  width: max-content;
  max-width: 100%;
  padding: 2px 0;
}

.distribution-detail-route-compact .route-channel-flag.country-flag-wrap {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
}

.distribution-detail-route-compact .route-channel-sub {
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 900;
}

/* Module phase 14: internal transfers operational control room */

@media (min-width: 1181px) and (max-width: 1500px) {
}

@media (max-width: 1180px) {
}

@media (max-width: 700px) {
}

@media (max-width: 430px) {
}

/* Module phase 14 final polish: compact header metrics and table fit */

@media (min-width: 1181px) and (max-width: 1500px) {
}

@media (max-width: 700px) {
}


/* Distribution premium v6: assignment queue first, liquidity rail second. */
@media (min-width: 1181px) {

  #view-distribution .distribution-operators-panel {
    grid-template-columns: minmax(0, 1fr);
    margin: 0 0 10px;
    padding: 0 0 10px;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
}

@media (min-width: 1181px) and (max-width: 1320px) {
}

/* Distribution modal premium v7 final override: compact assignment desk. */
@media (min-width: 1181px) {
}

@media (min-width: 1181px) and (max-width: 1480px) {
}

@media (min-width: 1181px) and (max-width: 1320px) {
}

/* Distribution modal premium v7 final override: compact assignment desk. */
@media (min-width: 1181px) {

  #distribution-detail-modal .distribution-total-strip > div {
    min-height: 68px;
    padding: 11px 13px;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
}

@media (min-width: 1181px) and (max-width: 1320px) {
}

/* Distribution modal premium v7: compact assignment desk. */
@media (min-width: 1181px) {

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 64px;
    padding: 10px 14px;
    margin-bottom: 10px;
    background:
      linear-gradient(90deg, rgba(201, 166, 107, 0.08), transparent 42%),
      rgba(13, 20, 30, 0.88);
  }

  #distribution-detail-modal .distribution-detail-grid > .detail-card {
    min-height: 72px;
  }

  #distribution-detail-modal .distribution-line-card {
    border-radius: 16px;
  }

  #distribution-detail-modal .distribution-line-beneficiary {
    min-height: 50px;
    padding: 9px 12px;
  }

  #distribution-detail-modal .distribution-beneficiary-inline {
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    align-items: baseline;
    column-gap: 8px;
  }

  #distribution-detail-modal .distribution-beneficiary-inline span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(142px, 0.4fr) minmax(0, 1fr) minmax(174px, 0.54fr);
    gap: 10px;
    padding: 11px 12px;
  }

  #distribution-detail-modal .distribution-line-form .search-select-trigger {
    min-width: 0;
  }

  #distribution-detail-modal .distribution-line-form .search-select-trigger-label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #distribution-detail-modal .distribution-amount-control,
  #distribution-detail-modal .distribution-line-form .search-select-trigger {
    min-height: 48px;
  }

  #distribution-detail-modal .distribution-line-form textarea {
    min-height: 54px;
    resize: vertical;
  }

  #distribution-detail-modal .distribution-add-beneficiary {
    align-items: end;
    padding: 10px 12px;
  }

  #distribution-detail-modal .distribution-add-beneficiary .search-select-trigger {
    min-height: 46px;
  }

  #distribution-detail-modal .distribution-result-panel {
    display: grid;
    align-content: start;
    gap: 10px;
  }

  #distribution-detail-modal .distribution-total-strip {
    gap: 8px;
  }

  #distribution-detail-modal .distribution-total-strip > div {
    min-height: 68px;
    padding: 11px 13px;
    border-radius: 14px;
  }

  #distribution-detail-modal .distribution-total-strip span {
    font-size: 0.68rem;
    letter-spacing: 0.11em;
  }

  #distribution-detail-modal .distribution-total-strip strong {
    font-size: clamp(1.12rem, 1.24vw, 1.36rem);
    line-height: 1.1;
  }

  #distribution-detail-modal .distribution-action-dock .primary-button,
  #distribution-detail-modal .distribution-action-dock .ghost-button {
    min-height: 44px;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #distribution-detail-modal .distribution-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(190px, 0.76fr) minmax(180px, 0.64fr);
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(112px, 0.38fr) minmax(0, 1fr) minmax(134px, 0.5fr);
    gap: 8px;
  }

  #distribution-detail-modal .distribution-beneficiary-inline strong,
  #distribution-detail-modal .distribution-beneficiary-inline span {
    white-space: nowrap;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  #distribution-detail-modal .distribution-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #distribution-detail-modal .distribution-action-dock {
    grid-template-columns: minmax(180px, 0.8fr) minmax(140px, 0.55fr);
  }
}

:root[data-theme="light"] #distribution-detail-modal .distribution-detail-modal > .panel-head {
  background:
    linear-gradient(90deg, rgba(201, 166, 107, 0.13), transparent 48%),
    rgba(241, 245, 249, 0.82);
}

@media (min-width: 1181px) and (max-width: 1480px) {
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-distribution .distribution-table thead th {
    letter-spacing: 0.075em;
  }

  #view-distribution .distribution-table th:nth-child(1),
  #view-distribution .distribution-table td:nth-child(1) {
    width: 48px;
  }

  #view-distribution .distribution-table th:nth-child(2),
  #view-distribution .distribution-table td:nth-child(2) {
    width: 112px;
  }

  #view-distribution .distribution-table th:nth-child(3),
  #view-distribution .distribution-table td:nth-child(3) {
    width: 112px;
  }

  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) {
    width: 124px;
  }

  #view-distribution .distribution-table th:nth-child(5),
  #view-distribution .distribution-table td:nth-child(5) {
    width: 146px;
  }

  #view-distribution .distribution-table th:nth-child(6),
  #view-distribution .distribution-table td:nth-child(6) {
    width: 136px;
  }

  #view-distribution .distribution-table th:nth-child(7),
  #view-distribution .distribution-table td:nth-child(7) {
    width: 132px;
  }

  #view-distribution .distribution-table th:nth-child(8),
  #view-distribution .distribution-table td:nth-child(8) {
    width: 104px;
  }
}

/* Distribution premium v6 final cascade: keep assignment work surface dominant. */
@media (min-width: 1181px) {

  #view-distribution .distribution-table tbody tr {
    transition: background 160ms ease;
  }

  #view-distribution .distribution-side-panel .panel-head {
    margin-bottom: 12px;
  }

  #view-distribution .distribution-account-ledger {
    border-radius: 16px;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {

  #view-distribution .distribution-side-panel #distribution-accounts {
    min-width: 0;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
}
#view-accounts .table-shell {
  scroll-behavior: smooth;
}

#view-providers .table-shell,
#view-investments .table-shell {
  scroll-behavior: smooth;
}

#view-accounts .table-shell table {
  width: 100%;
  min-width: 1120px;
  table-layout: fixed;
}

.table-sort-button {
  appearance: none;
  width: 100%;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 900;
  text-align: left;
  text-transform: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}

.table-sort-button:hover,
.table-sort-button.is-active {
  color: var(--accent);
}

.table-sort-indicator {
  min-width: 10px;
  color: var(--accent);
  font-size: 0.78rem;
  line-height: 1;
}

@media (min-width: 1181px) {
  #view-accounts .table-shell {
    max-height: calc(100vh - 295px);
    min-height: 420px;
    overflow: auto;
  }

  #view-providers .table-shell {
    max-height: calc(100dvh - 345px);
    min-height: 380px;
    overflow: auto;
  }

  #view-investments .table-shell {
    max-height: calc(100dvh - 390px);
    min-height: 380px;
    overflow: auto;
  }

  #view-accounts .table-shell table {
    min-width: 1460px;
  }

  #view-providers .table-shell table {
    min-width: 1280px;
  }

  #view-investments .table-shell table {
    min-width: 1540px;
  }
}

@media (max-width: 1180px) {
  #view-accounts .table-shell table {
    table-layout: auto;
  }
}
:root[data-theme="light"] {
  --bg: #f8fafc;
  --bg-soft: #f1f5f9;
  --panel: #ffffff;
  --line: #e2e8f0;
  --text: #0f172a;
  --text-soft: #64748b;
  --shadow: 0 10px 40px rgba(15, 23, 42, 0.04), 0 2px 4px rgba(15, 23, 42, 0.02);
  --neutral-rgb: 0, 0, 0;
  --overlay-bg: rgba(10, 20, 32, 0.28);
  --sidebar-bg:
    radial-gradient(circle at top left, rgba(201,166,107,0.12), transparent 56%),
    radial-gradient(circle at bottom left, rgba(14,116,144,0.10), transparent 62%),
    linear-gradient(180deg, #eef4fb 0%, #e7eef8 100%);
  --hero-bg: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(241,245,249,0.96));
  --module-side-bg: linear-gradient(180deg, rgba(201,166,107,0.08), transparent 28%), rgba(255,255,255,0.96);
  --table-shell-bg: var(--panel);
  --table-head-bg: #f1f5f9;
  --table-head-text: #334155;
  --reference-matrix-bg: var(--panel);
  --panel-strong: var(--panel);
  --toolbar-glass-bg: rgba(241, 245, 249, 0.9);
  --toolbar-shell-bg: var(--panel);
  --rate-market: #8a6a3c;
  --rate-buy: #0e7490;
  --rate-sell: #0f5f40;
  --rate-stale: #b91c1c;
  --reference-card-bg: linear-gradient(180deg, rgba(15, 23, 42, 0.02), rgba(15, 23, 42, 0.01)), var(--panel);
  --reference-card-bg-published: linear-gradient(180deg, rgba(201,166,107,0.14), transparent 58%), var(--reference-card-bg);
  --reference-card-empty-bg: linear-gradient(180deg, rgba(15, 23, 42, 0.03), rgba(15, 23, 42, 0.02)), var(--bg-soft);
}

:root[data-theme="light"] body {
  background:
    radial-gradient(circle at top left, rgba(201, 166, 107, 0.18), transparent 34%),
    radial-gradient(circle at right center, rgba(23, 108, 142, 0.12), transparent 36%),
    linear-gradient(140deg, #f9faf7 0%, #f2f4f3 52%, #f7f8f6 100%);
}

:root[data-theme="light"] body::before {
  opacity: 0.12;
}

:root[data-theme="light"] ::selection {
  background: rgba(201, 166, 107, 0.22);
  color: #1c2229;
}

:root[data-theme="light"] .sidebar-overlay {
  background: var(--overlay-bg);
}

:root[data-theme="light"] .sidebar {
  background: var(--sidebar-bg);
}

:root[data-theme="light"] .brand-card {
  background:
    linear-gradient(160deg, rgba(201, 166, 107, 0.14), transparent 56%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 250, 248, 0.96));
}

:root[data-theme="light"] .nav-link.active {
  color: var(--text);
}

:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder {
  color: rgba(74, 86, 99, 0.56);
}

:root[data-theme="light"] *::-webkit-scrollbar-thumb {
  border-color: rgba(255, 255, 255, 0.92);
}

:root[data-theme="light"] .sidebar-toggle {
  border-color: rgba(201,166,107,0.24);
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.18), transparent 60%),
    rgba(255, 255, 255, 0.86);
  box-shadow: var(--shadow);
}
:root[data-theme="light"] .theme-toggle-floating {
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.14), transparent 62%),
    rgba(255, 255, 255, 0.88);
  border-color: rgba(201,166,107,0.22);
  box-shadow: var(--shadow);
}

:root[data-theme="light"] .metric-card strong {
  color: var(--text);
}

:root[data-theme="light"] .metric-card.accent {
  background: linear-gradient(160deg, rgba(201,166,107,0.12), transparent 70%), var(--panel);
}

:root[data-theme="light"] .hero-card,
:root[data-theme="light"] .muted-hero {
  background: var(--hero-bg);
}

:root[data-theme="light"] .table-shell thead th {
  backdrop-filter: none;
}

:root[data-theme="light"] .reference-matrix-table thead th {
  background: var(--table-head-bg);
  border-bottom: 1px solid var(--line);
  color: var(--table-head-text);
}

:root[data-theme="light"] .modal-backdrop {
  background: rgba(10, 20, 32, 0.22);
  backdrop-filter: blur(10px);
}
:root[data-theme="light"] .modal-card {
  border-color: var(--line);
  background: linear-gradient(180deg, rgba(201,166,107,0.08), transparent 26%), var(--panel);
  box-shadow: var(--shadow);
}
:root[data-theme="light"] .modal-card > .panel-head {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(241,245,249,0.92));
  backdrop-filter: none;
}
:root[data-theme="light"] .modal-card .form-actions {
  border-top: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(241,245,249,0.92));
  backdrop-filter: none;
}

:root[data-theme="light"] .flash-banner {
  color: var(--text);
}

:root[data-theme="light"] .modal-context-flash {
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.12);
  backdrop-filter: none;
}

:root[data-theme="light"] .flash-banner.error {
  color: #7d1c1c;
  background: rgba(212,91,91,0.08);
}

:root[data-theme="light"] .flash-banner.success {
  color: #0f5f40;
  background: rgba(45,159,119,0.1);
}

:root[data-theme="light"] .receipt-composer-drop,
:root[data-theme="light"] .receipt-composer-link-card {
  background: linear-gradient(180deg, var(--neutral-02), var(--neutral-04));
}

:root[data-theme="light"] .receipt-paste-preview,
:root[data-theme="light"] .operator-receipt-preview {
  background: var(--neutral-03);
}

:root[data-theme="light"] .internal-transfer-modal-card {
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(245,248,251,0.98));
}
:root[data-theme="light"] .internal-transfer-modal-card .detail-card:first-child {
  color: #0f172a;
  border-color: rgba(201,166,107,0.3);
  background:
    radial-gradient(circle at 18% 0%, rgba(201,166,107,0.18), transparent 36%),
    linear-gradient(135deg, rgba(255,250,240,0.96), rgba(230,236,243,0.94));
}
:root[data-theme="light"] .internal-transfer-modal-card .search-select-trigger,
:root[data-theme="light"] .internal-transfer-modal-card select {
  color: #172033;
  border-color: rgba(15,23,42,0.12);
  background: linear-gradient(180deg, #ffffff, #f3f6f9);
}
:root[data-theme="light"] .internal-transfer-modal-card .search-select-panel {
  color: #172033;
  border-color: rgba(201,166,107,0.34);
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.12), transparent 34%),
    #ffffff;
  box-shadow: 0 24px 60px rgba(15,23,42,0.18);
}
:root[data-theme="light"] .internal-transfer-modal-card .search-select-input {
  color: #172033;
  border-color: rgba(201,166,107,0.28);
  background: #f8fafc;
}
:root[data-theme="light"] .internal-transfer-modal-card .search-select-option {
  color: #172033;
}
:root[data-theme="light"] .internal-transfer-modal-card .search-select-option:hover,
:root[data-theme="light"] .internal-transfer-modal-card .search-select-option.is-active {
  color: #111827;
  background: rgba(201,166,107,0.14);
}
:root[data-theme="light"] .transfer-account-balance-card,
:root[data-theme="light"] .transfer-account-balance-card.is-selected {
  color: #475569;
  border-color: rgba(15,23,42,0.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(241,245,249,0.9));
}
:root[data-theme="light"] .transfer-account-balance-card.is-selected {
  border-color: rgba(201,166,107,0.36);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}
:root[data-theme="light"] .transfer-account-balance-card strong {
  color: #0f172a;
}
:root[data-theme="light"] .transfer-account-balance-card span,
:root[data-theme="light"] .transfer-account-balance-card small {
  color: #526173;
}
:root[data-theme="light"] #internal-transfer-preview {
  color: #172033;
  border-color: rgba(201,166,107,0.32);
  background:
    radial-gradient(circle at 0% 0%, rgba(201,166,107,0.14), transparent 36%),
    radial-gradient(circle at 100% 20%, rgba(14,116,144,0.12), transparent 34%),
    linear-gradient(135deg, #ffffff, #eef4f8);
}
:root[data-theme="light"] .transfer-execution-grid > div {
  border-color: rgba(15,23,42,0.1);
  background: rgba(255,255,255,0.78);
}
:root[data-theme="light"] .transfer-execution-grid strong {
  color: #101827;
}
:root[data-theme="light"] .transfer-execution-grid small {
  color: #526173;
}
:root[data-theme="light"] .transfer-execution-grid > .transfer-execution-amount.is-positive {
  border-color: rgba(45,159,119,0.36);
  background:
    radial-gradient(circle at 100% 0%, rgba(45,159,119,0.14), transparent 42%),
    linear-gradient(145deg, #ecfdf5, #ffffff);
}
:root[data-theme="light"] .transfer-execution-grid > .transfer-execution-amount.is-negative {
  border-color: rgba(212,91,91,0.38);
  background:
    radial-gradient(circle at 100% 0%, rgba(212,91,91,0.14), transparent 42%),
    linear-gradient(145deg, #fff1f2, #ffffff);
}
:root[data-theme="light"] .transfer-execution-amount.is-positive .transfer-fx-delta,
:root[data-theme="light"] .transfer-execution-amount.is-positive .transfer-fx-tone {
  color: #047857;
}
:root[data-theme="light"] .transfer-execution-amount.is-negative .transfer-fx-delta,
:root[data-theme="light"] .transfer-execution-amount.is-negative .transfer-fx-tone {
  color: #b4232f;
}
:root[data-theme="light"] .transfer-fx-tone {
  background: rgba(15,23,42,0.06);
}
:root[data-theme="light"] .transfer-warning {
  color: #b4232f;
}
:root[data-theme="light"] #internal-transfer-preview .transfer-execution-badge.danger + strong,
:root[data-theme="light"] #internal-transfer-preview .transfer-execution-badge.danger + strong + span {
  color: #7f1d1d;
}

* { box-sizing: border-box; }
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(201,166,107,0.34) var(--neutral-03);
}
*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
*::-webkit-scrollbar-track {
  background: var(--neutral-03);
  border-radius: 999px;
}
*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(201,166,107,0.38), rgba(201,166,107,0.2));
  border-radius: 999px;
  border: 1px solid rgba(11,16,23,0.6);
}
*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(229,187,121,0.5), rgba(201,166,107,0.28));
}
html, body {
  margin: 0;
  min-height: 100%;
  color: var(--text);
  font-family: var(--font-ui);
  line-height: 1.45;
  -webkit-text-size-adjust: 100%;
  background:
    radial-gradient(circle at top left, rgba(201, 166, 107, 0.16), transparent 24%),
    radial-gradient(circle at right center, rgba(23, 108, 142, 0.18), transparent 26%),
    linear-gradient(140deg, #091018 0%, #101824 52%, #0f1621 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(var(--neutral-02) 1px, transparent 1px),
    linear-gradient(90deg, var(--neutral-02) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.22;
}
body.has-modal-open {
  overflow: hidden;
}
body:not(.is-authenticated) .sidebar-toggle {
  display: none !important;
}

.auth-landing {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px;
}

.auth-landing-grid {
  width: min(1120px, calc(100vw - 48px));
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 18px;
  align-items: stretch;
}

.auth-landing-hero {
  display: grid;
  gap: 12px;
  align-content: start;
}

.auth-landing-points {
  margin: 0;
}

.auth-landing-note {
  margin: 0;
}

.auth-landing-card .panel-head {
  margin-bottom: 12px;
}
.auth-landing-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.auth-landing-head .theme-toggle-landing {
  width: auto;
  min-width: 120px;
  justify-content: center;
}

.auth-landing-card h2 {
  margin: 0;
}

.theme-toggle-floating {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 85;
  height: 46px;
  padding: 0 14px;
  border-radius: 999px;
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.18), transparent 62%),
    rgba(10, 14, 20, 0.62);
  border: 1px solid rgba(201,166,107,0.22);
  box-shadow: 0 18px 40px rgba(0,0,0,0.22);
  backdrop-filter: blur(10px);
}
::selection {
  background: rgba(201,166,107,0.28);
  color: #fff7ea;
}
button, input, select, textarea { font: inherit; }
button { border: none; cursor: pointer; }
select {
  color-scheme: dark;
}
select option,
select optgroup {
  color: #e8eef7;
  background: #101822;
}
:root[data-theme="light"] select {
  color-scheme: light;
}
:root[data-theme="light"] select option,
:root[data-theme="light"] select optgroup {
  color: #172033;
  background: #ffffff;
}
.primary-button,
.secondary-button,
.ghost-button,
.nav-link,
.inline-button,
.search-select-trigger {
  min-height: 44px;
}
input, select, textarea {
  width: 100%;
  border-radius: 16px;
  border: 1px solid var(--neutral-10);
  background: var(--neutral-04);
  color: var(--text);
  padding: 13px 14px;
  min-height: 44px;
}
input::placeholder,
textarea::placeholder {
  color: rgba(154,167,180,0.72);
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--focus-border);
  box-shadow: var(--focus-ring);
}
.primary-button:focus-visible,
.secondary-button:focus-visible,
.ghost-button:focus-visible,
.nav-link:focus-visible,
.inline-button:focus-visible,
.search-select-trigger:focus-visible,
.reference-action-menu-trigger:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
  border-color: var(--focus-border);
}
.primary-button:active,
.secondary-button:active,
.ghost-button:active,
.nav-link:active,
.inline-button:active {
  transform: translateY(0);
}
.secondary-button:disabled,
.ghost-button:disabled,
.nav-link:disabled,
.inline-button:disabled {
  opacity: 0.56;
  cursor: not-allowed;
  transform: none;
}
.table-row-openable:focus-within td {
  background: rgba(201,166,107,0.08);
}
.table-row-openable:focus-within td:first-child {
  box-shadow: inset 3px 0 0 rgba(201,166,107,0.42);
}
.shell { position: relative; min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-size) minmax(0, 1fr); transition: grid-template-columns 180ms ease; }
body.sidebar-collapsed { --sidebar-size: var(--sidebar-size-collapsed); }
.sidebar {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-right: 1px solid var(--line);
  background: var(--sidebar-bg);
  transition: padding 180ms ease, gap 180ms ease, background 180ms ease;
}
.sidebar-mark {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 8px 0 4px;
}
.sidebar-mark-badge {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  border: 1px solid rgba(201,166,107,0.26);
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.18), transparent 60%),
    var(--neutral-03);
  color: var(--text);
  font-weight: 800;
  letter-spacing: 0.02em;
}
.sidebar-collapse {
  align-self: flex-end;
  position: sticky;
  top: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 16px;
  border-color: var(--line);
  background: linear-gradient(180deg, var(--neutral-02), var(--neutral-03));
}
.sidebar-collapse:hover {
  background: linear-gradient(180deg, var(--neutral-03), var(--neutral-04));
}
.sidebar-collapse-icon {
  transition: transform 180ms ease;
}
body.sidebar-collapsed .sidebar-collapse {
  align-self: center;
  width: 52px;
  height: 52px;
  padding: 0;
  border-radius: 18px;
}
body.sidebar-collapsed .sidebar-collapse-icon {
  transform: rotate(180deg);
}
body.sidebar-collapsed .sidebar {
  padding: 16px 12px;
  gap: 14px;
}
body.sidebar-collapsed .sidebar-mark {
  display: flex;
}
body.sidebar-collapsed .sidebar-collapse {
  order: -1;
}
body.sidebar-collapsed .brand-card,
body.sidebar-collapsed .session-panel,
body.sidebar-collapsed .checklist-panel {
  display: none;
}
body.sidebar-collapsed .nav-panel {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
body.sidebar-collapsed .nav-panel .panel-head {
  display: none;
}
body.sidebar-collapsed .nav {
  gap: 10px;
}
body.sidebar-collapsed .nav-section {
  gap: 10px;
  padding-top: 0;
  border-top: 0;
}
body.sidebar-collapsed .nav-section-label {
  display: none;
}
body.sidebar-collapsed .nav-link {
  width: 52px;
  height: 52px;
  padding: 0;
  justify-content: center;
  border-radius: 18px;
}
body.sidebar-collapsed .nav-text {
  display: none;
}
body.sidebar-collapsed .sidebar-footer {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
body.sidebar-collapsed .sidebar-footer .panel-head {
  display: none;
}
body.sidebar-collapsed .sidebar-footer .theme-toggle-menu,
body.sidebar-collapsed .sidebar-logout {
  width: 52px;
  height: 52px;
  padding: 0;
  justify-content: center;
  border-radius: 18px;
}
body.sidebar-collapsed .theme-toggle-label,
body.sidebar-collapsed .sidebar-logout .nav-text {
  display: none;
}
.sidebar-toggle {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 80;
  width: 46px;
  height: 46px;
  padding: 0;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(201,166,107,0.24);
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.22), transparent 58%),
    rgba(10, 14, 20, 0.72);
  box-shadow: 0 18px 40px rgba(0,0,0,0.28);
  backdrop-filter: blur(10px);
}
.sidebar-toggle:hover {
  border-color: rgba(201,166,107,0.4);
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.26), transparent 58%),
    rgba(10, 14, 20, 0.78);
}
.sidebar-toggle-icon {
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 247, 234, 0.92);
  box-shadow:
    0 -6px 0 rgba(255, 247, 234, 0.84),
    0 6px 0 rgba(255, 247, 234, 0.84);
}
.sidebar-toggle-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sidebar-overlay {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: var(--overlay-bg);
  backdrop-filter: blur(8px);
  opacity: 0;
  transition: opacity 160ms ease;
}
body.sidebar-drawer-open .sidebar-overlay {
  opacity: 1;
}
.workspace { padding: 28px; display: flex; flex-direction: column; gap: 22px; }
.brand-card, .panel, .metric-card, .hero-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow);
}
.brand-card {
  padding: 22px;
  background:
    linear-gradient(160deg, rgba(201,166,107,0.18), transparent 50%),
    linear-gradient(180deg, rgba(18,27,37,0.98), rgba(13,19,27,0.98));
}
.brand-card h1 { font-family: var(--font-brand); }
.workspace-head h2, .panel h2, .panel h3, .hero-card h3 { font-family: var(--font-display); }
.brand-card h1 { margin: 0 0 10px; font-size: 2.4rem; line-height: 0.94; }
.brand-copy, .muted, .workspace-copy, .metric-card p, .hero-copy, .detail-stack, .table-shell { color: var(--text-soft); }
.eyebrow, .metric-label, .field-label {
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
  color: rgba(201,166,107,0.82);
}
.brand-pills, .workspace-actions, .form-actions, .pill-row { display: flex; flex-wrap: wrap; gap: 10px; }
.pill, .status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 0.78rem;
}
.pill { background: rgba(201,166,107,0.14); color: var(--accent-strong); }
.pill.neutral, .status-chip.neutral { background: var(--neutral-08); color: var(--text-soft); }
.panel { padding: 22px; }
.panel-head, .workspace-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.panel-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.workspace-head h2 { margin: 0 0 10px; font-size: clamp(2rem, 3vw, 3rem); }
.workspace-head p { margin: 0; }
.workspace-head {
  min-height: auto;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--neutral-05);
}
.workspace-head > div:first-child {
  min-width: 0;
}
.workspace-actions {
  display: none;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 1 auto;
  min-width: min(520px, 48vw);
  padding-top: 22px;
}
.workspace-actions .toolbar-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.panel-head.is-actions-exported {
  display: none;
}
.stack-form, .form-grid { display: grid; gap: 14px; }
.form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.full-span { grid-column: 1 / -1; }
label { display: grid; gap: 7px; }
label span { font-size: 0.88rem; color: var(--text-soft); }
.native-select-hidden {
  position: absolute !important;
  inset: auto !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.search-select {
  position: relative;
}
.search-select-trigger {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  border-radius: 18px;
  border: 1px solid var(--neutral-10);
  background: var(--neutral-04);
  color: var(--text);
}
.search-select.open .search-select-trigger,
.search-select-trigger:focus-visible {
  outline: none;
  border-color: rgba(201,166,107,0.58);
  box-shadow: 0 0 0 3px rgba(201,166,107,0.14);
}
.search-select-trigger-text {
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-select-trigger .search-select-option-main {
  width: 100%;
}
.search-select-trigger .search-select-option-meta {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-select-trigger-icon {
  flex: 0 0 auto;
  color: rgba(201,166,107,0.82);
  font-size: 0.85rem;
}
.search-select-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  z-index: 60;
  display: grid;
  gap: 10px;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid var(--neutral-08);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.08), transparent 22%),
    rgba(12, 18, 26, 0.98);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.44);
}
.search-select.is-searching .search-select-panel,
.search-select-picker-modal.is-searching .search-select-picker-card {
  border-color: rgba(201,166,107,0.34);
}
.search-select-panel.hidden {
  display: none;
}
.search-select-input {
  background: var(--neutral-05);
}
.search-select-status {
  min-height: 28px;
  display: flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 10px;
  color: rgba(226,232,240,0.72);
  background: rgba(148,163,184,0.08);
  font-size: 0.78rem;
  line-height: 1.25;
}
.search-select-status.hidden {
  display: none;
}
.search-select-status[data-tone="loading"] {
  color: rgba(255,246,231,0.9);
  background: rgba(201,166,107,0.12);
}
.search-select-status[data-tone="error"] {
  color: #fecaca;
  background: rgba(239,68,68,0.14);
}
.search-select-list {
  max-height: min(320px, 38vh);
  overflow: auto;
  display: grid;
  gap: 6px;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: rgba(201,166,107,0.32) transparent;
}
.search-select-option {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  border-radius: 14px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--text);
  text-align: left;
}
.search-select-option:hover,
.search-select-option:focus-visible {
  outline: none;
  background: var(--neutral-06);
  border-color: var(--neutral-08);
}
.search-select-option.is-selected {
  background: rgba(201,166,107,0.16);
  border-color: rgba(201,166,107,0.38);
  color: #fff6e7;
}
.search-select-option-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.search-select-option-main.has-flag {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
}
.search-select-option-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.search-select-flag {
  width: 30px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(148, 163, 184, 0.14);
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12), 0 7px 18px rgba(15, 23, 42, 0.12);
}
.search-select-flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.search-select-flag-fallback {
  display: none;
  font-size: 1rem;
  line-height: 1;
}
.search-select-option-label {
  color: inherit;
  font-weight: 600;
}
.search-select-option-meta {
  color: var(--text-soft);
  font-size: 0.82rem;
}
.search-select-option.is-selected .search-select-option-meta {
  color: rgba(255,246,231,0.78);
}
.search-select-empty {
  padding: 12px;
  border-radius: 14px;
  background: var(--neutral-03);
  color: var(--text-soft);
  font-size: 0.88rem;
}
.search-select-table-row {
  display: grid;
  grid-template-columns: repeat(var(--select-columns, 4), minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  align-items: stretch;
}
.search-select-table-row.has-actions {
  grid-template-columns: repeat(var(--select-columns, 4), minmax(0, 1fr)) minmax(150px, auto);
  align-items: center;
}
.search-select-table-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(var(--select-columns, 4), minmax(0, 1fr));
  gap: 12px;
  padding: 8px 14px 6px;
  border-bottom: 1px solid rgba(148,163,184,0.12);
  background: rgba(8,13,21,0.98);
}
.search-select-table-head.has-actions {
  grid-template-columns: repeat(var(--select-columns, 4), minmax(0, 1fr)) minmax(150px, auto);
}
.search-select-table-head span {
  min-width: 0;
  color: rgba(201,166,107,0.9);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.search-select-table-cell {
  min-width: 0;
  display: grid;
  gap: 3px;
  align-content: start;
}
.search-select-table-cell small {
  color: rgba(201,166,107,0.82);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.search-select-table-cell strong {
  min-width: 0;
  color: var(--text);
  font-size: 0.88rem;
  line-height: 1.28;
  overflow-wrap: anywhere;
}
.search-select-table-cell em {
  min-width: 0;
  color: var(--text-soft);
  font-size: 0.76rem;
  font-style: normal;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.search-select-table-actions {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.search-select-option-action {
  min-height: 32px;
  padding: 7px 12px;
  white-space: nowrap;
}
.remittance-client-select-panel {
  left: 0;
  right: 0;
  width: auto;
  background:
    linear-gradient(180deg, rgba(201,166,107,0.1), rgba(8,13,21,0.98) 78px),
    #080d15;
}
.remittance-client-select-panel .search-select-table-row,
.remittance-client-select-panel .search-select-table-head {
  grid-template-columns: minmax(190px, 1.12fr) minmax(150px, 0.9fr) minmax(160px, 0.9fr) minmax(190px, 0.98fr) minmax(210px, 1.1fr);
}
.remittance-client-select-panel .search-select-list,
.remittance-beneficiary-select-panel .search-select-list {
  max-height: min(380px, 44vh);
}
.remittance-client-select-panel .search-select-option,
.remittance-beneficiary-select-panel .search-select-option {
  padding: 12px 14px;
  border-radius: 10px;
}
.remittance-client-select-panel .search-select-table-cell small,
.remittance-beneficiary-select-panel .search-select-table-cell small {
  display: none;
}
.remittance-account-select-panel {
  background:
    linear-gradient(180deg, rgba(201,166,107,0.1), rgba(8,13,21,0.98) 78px),
    #080d15;
}
.remittance-beneficiary-select-panel {
  left: 0;
  right: 0;
  width: auto;
  background:
    linear-gradient(180deg, rgba(201,166,107,0.1), rgba(8,13,21,0.98) 78px),
    #080d15;
}
.remittance-beneficiary-select-panel .search-select-table-row,
.remittance-beneficiary-select-panel .search-select-table-head {
  grid-template-columns: minmax(150px, 0.95fr) minmax(160px, 1fr) minmax(170px, 1fr) minmax(220px, 1.35fr);
}
.search-select.is-picker-select .search-select-panel {
  display: none;
}
.search-select-picker-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: clamp(14px, 3vw, 34px);
  background: rgba(2, 6, 12, 0.72);
  backdrop-filter: blur(14px);
}
.search-select-picker-modal.hidden {
  display: none;
}
.search-select-picker-card {
  width: min(1120px, 100%);
  height: min(82dvh, 760px);
  max-height: min(82dvh, 760px);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(201,166,107,0.22);
  border-radius: 22px;
  color: var(--text);
  background:
    linear-gradient(180deg, rgba(18, 30, 46, 0.98), rgba(8, 13, 21, 0.99)),
    #080d15;
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.58);
}
.search-select-picker-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px 16px;
  border-bottom: 1px solid rgba(148,163,184,0.12);
}
.search-select-picker-head h3 {
  margin: 6px 0 0;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  letter-spacing: 0;
}
.search-select-picker-head p {
  margin: 6px 0 0;
  max-width: 620px;
  color: var(--text-soft);
}
.search-select-picker-search {
  display: grid;
  gap: 8px;
  padding: 16px 24px 10px;
}
.search-select-picker-search .search-select-input {
  min-height: 58px;
  font-size: 1rem;
}
.search-select-picker-list {
  max-height: none;
  min-height: 0;
  align-content: start;
  padding: 0 24px 24px;
  gap: 4px;
}
.search-select-picker-list .search-select-table-head {
  top: 0;
  margin: 0 0 4px;
  padding-inline: 14px;
  background: rgba(8,13,21,0.98);
}
.search-select-picker-list .search-select-option {
  min-height: 72px;
  padding: 12px 14px;
  border-radius: 14px;
}
.search-select-picker-list .search-select-table-cell small {
  display: none;
}
.remittance-client-picker-modal .search-select-table-row,
.remittance-client-picker-modal .search-select-table-head {
  grid-template-columns: minmax(220px, 1.2fr) minmax(160px, 0.92fr) minmax(170px, 0.92fr) minmax(200px, 1fr) minmax(230px, 1.12fr);
}
.remittance-client-picker-modal .search-select-picker-card {
  width: min(1280px, calc(100vw - 28px));
  height: min(88dvh, 860px);
  max-height: min(88dvh, 860px);
}
.remittance-beneficiary-picker-modal .search-select-table-row,
.remittance-beneficiary-picker-modal .search-select-table-head {
  grid-template-columns: minmax(150px, 0.82fr) minmax(190px, 0.98fr) minmax(190px, 0.95fr) minmax(230px, 1.15fr);
}
.remittance-beneficiary-picker-modal .search-select-table-row.has-actions,
.remittance-beneficiary-picker-modal .search-select-table-head.has-actions {
  grid-template-columns: minmax(150px, 0.82fr) minmax(190px, 0.98fr) minmax(190px, 0.95fr) minmax(230px, 1.15fr) minmax(170px, 0.72fr);
}
.remittance-beneficiary-history-modal .search-select-picker-card {
  width: min(1180px, calc(100vw - 28px));
  height: min(84dvh, 780px);
  max-height: min(84dvh, 780px);
}
.beneficiary-history-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 16px 24px 10px;
}
.beneficiary-history-summary article {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid rgba(148,163,184,0.14);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.38);
}
.beneficiary-history-summary span {
  color: rgba(201,166,107,0.9);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.beneficiary-history-summary strong,
.beneficiary-history-summary small {
  min-width: 0;
  overflow-wrap: anywhere;
}
.beneficiary-history-summary small {
  color: var(--text-soft);
}
.beneficiary-history-table {
  min-height: 0;
  overflow: auto;
  padding: 0 24px 24px;
}
.beneficiary-history-table table {
  margin: 0;
}
:root[data-theme="light"] .search-select-picker-modal {
  background: rgba(15, 23, 42, 0.34);
}
:root[data-theme="light"] .search-select-picker-card {
  color: #172033;
  border-color: rgba(201,166,107,0.26);
  background:
    linear-gradient(180deg, #ffffff, #f8fafc),
    #ffffff;
  box-shadow: 0 34px 80px rgba(15, 23, 42, 0.22);
}
:root[data-theme="light"] .search-select-picker-head {
  border-bottom-color: rgba(15,23,42,0.1);
}
:root[data-theme="light"] .search-select-picker-head p {
  color: #64748b;
}
:root[data-theme="light"] .search-select-picker-list .search-select-table-head {
  background: rgba(255,255,255,0.98);
}
:root[data-theme="light"] .beneficiary-history-summary article {
  background: rgba(255,255,255,0.86);
  border-color: rgba(15,23,42,0.1);
}
@media (max-width: 760px) {
  .search-select-picker-modal {
    align-items: stretch;
    padding: 0;
  }
  .search-select-picker-card {
    width: 100%;
    max-height: 100dvh;
    min-height: 100dvh;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .search-select-picker-head {
    padding: 18px 16px 12px;
  }
  .search-select-picker-head {
    align-items: center;
  }
  .search-select-picker-head p {
    display: none;
  }
  .search-select-picker-head .ghost-button {
    min-height: 44px;
    padding-inline: 16px;
  }
  .search-select-picker-search {
    padding: 12px 14px 8px;
  }
  .search-select-picker-search .search-select-input {
    min-height: 54px;
  }
  .search-select-picker-list {
    padding: 0 14px 18px;
  }
  .search-select-picker-list .search-select-table-head {
    display: none;
  }
  .search-select-picker-list .search-select-option {
    min-height: 64px;
    align-items: flex-start;
    padding: 14px;
  }
  .remittance-client-picker-modal .search-select-table-row,
  .remittance-beneficiary-picker-modal .search-select-table-row,
  .beneficiary-country-picker-modal .search-select-table-row,
  .beneficiary-bank-picker-modal .search-select-table-row,
  .beneficiary-account-type-picker-modal .search-select-table-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .search-select-table-row.has-actions,
  .search-select-table-head.has-actions,
  .remittance-beneficiary-picker-modal .search-select-table-row.has-actions,
  .remittance-beneficiary-picker-modal .search-select-table-head.has-actions {
    grid-template-columns: 1fr;
  }
  .search-select-table-actions {
    justify-content: flex-start;
    padding-top: 4px;
  }
  .beneficiary-history-summary {
    grid-template-columns: 1fr;
    padding: 14px 16px 8px;
  }
  .beneficiary-history-table {
    padding: 0 16px 18px;
  }
  .remittance-client-picker-modal .search-select-table-cell small,
  .remittance-beneficiary-picker-modal .search-select-table-cell small,
  .beneficiary-country-picker-modal .search-select-table-cell small,
  .beneficiary-bank-picker-modal .search-select-table-cell small,
  .beneficiary-account-type-picker-modal .search-select-table-cell small {
    display: block;
  }
  .remittance-client-picker-modal .search-select-picker-head h3,
  .remittance-beneficiary-picker-modal .search-select-picker-head h3 {
    font-size: clamp(1.45rem, 8vw, 1.9rem);
    line-height: 1.08;
  }
  .remittance-client-picker-modal .search-select-picker-list,
  .remittance-beneficiary-picker-modal .search-select-picker-list {
    display: grid;
    gap: 10px;
    padding: 0 12px 18px;
  }
  .remittance-client-picker-modal .search-select-picker-list .search-select-option,
  .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    display: block;
    min-height: 0;
    height: auto;
    padding: 14px;
    border-radius: 16px;
    background: rgba(15,23,42,0.36);
  }
  .remittance-client-picker-modal .search-select-table-row,
  .remittance-beneficiary-picker-modal .search-select-table-row,
  .remittance-client-picker-modal .search-select-table-row.has-actions,
  .remittance-beneficiary-picker-modal .search-select-table-row.has-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    align-items: stretch;
    width: 100%;
  }
  .remittance-client-picker-modal .search-select-table-cell,
  .remittance-beneficiary-picker-modal .search-select-table-cell {
    display: grid;
    gap: 3px;
    min-width: 0;
    min-height: 0;
    padding: 0;
  }
  .remittance-client-picker-modal .search-select-table-cell small,
  .remittance-beneficiary-picker-modal .search-select-table-cell small {
    position: static;
    display: block;
    transform: none;
    margin: 0;
    line-height: 1.1;
  }
  .remittance-client-picker-modal .search-select-table-cell strong,
  .remittance-beneficiary-picker-modal .search-select-table-cell strong {
    display: block;
    max-width: 100%;
    font-size: 0.95rem;
    line-height: 1.22;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .remittance-client-picker-modal .search-select-table-cell em,
  .remittance-beneficiary-picker-modal .search-select-table-cell em {
    display: block;
    margin: 0;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  .remittance-beneficiary-picker-modal .search-select-table-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    padding-top: 4px;
  }
  .remittance-beneficiary-picker-modal .search-select-option-action {
    width: 100%;
    min-height: 38px;
    justify-content: center;
    padding-inline: 10px;
  }
  :root[data-theme="light"] .remittance-client-picker-modal .search-select-picker-list .search-select-option,
  :root[data-theme="light"] .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    background: rgba(255,255,255,0.9);
  }
}
:root[data-theme="light"] .search-select-trigger {
  color: #172033;
  border-color: rgba(15,23,42,0.12);
  background: linear-gradient(180deg, #ffffff, #f4f7fa);
}
:root[data-theme="light"] .search-select.open .search-select-trigger,
:root[data-theme="light"] .search-select-trigger:focus-visible {
  border-color: rgba(201,166,107,0.48);
  box-shadow: 0 0 0 3px rgba(201,166,107,0.14);
}
:root[data-theme="light"] .search-select-panel {
  color: #172033;
  border-color: rgba(201,166,107,0.28);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.08), transparent 28%),
    linear-gradient(180deg, #ffffff, #f8fafc);
  box-shadow: 0 22px 48px rgba(15,23,42,0.16);
}
:root[data-theme="light"] .search-select-input {
  color: #172033;
  border-color: rgba(15,23,42,0.12);
  background: #f8fafc;
}
:root[data-theme="light"] .search-select-input::placeholder {
  color: #64748b;
}
:root[data-theme="light"] .search-select-input:focus {
  border-color: rgba(201,166,107,0.42);
  box-shadow: 0 0 0 3px rgba(201,166,107,0.12);
}
:root[data-theme="light"] .search-select-list {
  scrollbar-color: rgba(148,163,184,0.42) transparent;
}
:root[data-theme="light"] .search-select-option {
  color: #172033;
  background: transparent;
}
:root[data-theme="light"] .search-select-option:hover,
:root[data-theme="light"] .search-select-option:focus-visible {
  background: rgba(201,166,107,0.12);
  border-color: rgba(201,166,107,0.22);
}
:root[data-theme="light"] .search-select-option.is-selected {
  color: #111827;
  background: rgba(201,166,107,0.16);
  border-color: rgba(201,166,107,0.34);
}
:root[data-theme="light"] .search-select-option-meta {
  color: #64748b;
}
:root[data-theme="light"] .search-select-option.is-selected .search-select-option-meta {
  color: #475569;
}
:root[data-theme="light"] .search-select-empty {
  color: #64748b;
  background: rgba(241,245,249,0.9);
}
:root[data-theme="light"] .search-select-table-head {
  background: rgba(255,255,255,0.98);
  border-bottom-color: rgba(15,23,42,0.1);
}
:root[data-theme="light"] .remittance-client-select-panel,
:root[data-theme="light"] .remittance-account-select-panel,
:root[data-theme="light"] .remittance-beneficiary-select-panel {
  background:
    linear-gradient(180deg, rgba(255,247,226,0.92), rgba(255,255,255,0.98) 78px),
    #ffffff;
}
:root[data-theme="light"] .search-select-table-cell strong {
  color: #172033;
}
:root[data-theme="light"] .search-select-table-cell em {
  color: #64748b;
}
.phone-field {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(180px, 0.9fr) minmax(0, 1.4fr);
  gap: 14px;
}
.toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid var(--neutral-08);
  background: var(--neutral-03);
}
.toggle input { width: 18px; height: 18px; margin: 0; }
.toggle span { color: var(--text); }
.primary-button, .secondary-button, .ghost-button, .nav-link, .inline-button {
  padding: 12px 16px;
  border-radius: 999px;
  transition: transform 140ms ease, opacity 140ms ease, background 140ms ease, border-color 140ms ease;
}
.theme-toggle {
  padding: 12px 14px;
  background: var(--neutral-03);
  border-color: var(--neutral-10);
  white-space: nowrap;
}
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
}
.theme-toggle-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.theme-toggle-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.theme-icon--moon { display: none; }
:root[data-theme="light"] .theme-icon--moon { display: inline-flex; }
:root[data-theme="light"] .theme-icon--sun { display: none; }
.theme-toggle.theme-toggle-menu {
  width: 100%;
  justify-content: flex-start;
  border-radius: 16px;
  border-color: var(--line);
  background: linear-gradient(180deg, var(--neutral-02), var(--neutral-03));
}
.theme-toggle.theme-toggle-menu:hover {
  background: linear-gradient(180deg, var(--neutral-03), var(--neutral-04));
}
.theme-toggle-label {
  font-weight: 600;
}
.primary-button { background: linear-gradient(135deg, var(--accent) 0%, #e5bb79 100%); color: var(--accent-ink); font-weight: 700; }
.primary-button:disabled {
  opacity: 0.58;
  cursor: not-allowed;
  transform: none;
  filter: saturate(0.7);
}
.secondary-button { background: rgba(26,136,181,0.18); color: #9ed9f0; }
.ghost-button, .nav-link, .inline-button { background: transparent; color: var(--text); border: 1px solid var(--neutral-12); }
.nav { display: grid; gap: 14px; align-content: start; }
.nav-section {
  display: grid;
  gap: 6px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,0.09);
}
.nav-section:first-child {
  padding-top: 0;
  border-top: 0;
}
.nav-section-label {
  padding: 0 10px 4px;
  color: rgba(247, 250, 252, 0.52);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.nav-link { display: flex; align-items: center; gap: 12px; text-align: left; background: rgba(255,255,255,0.045); }
.nav-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
}
.nav-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.nav-link.active { background: linear-gradient(135deg, rgba(201,166,107,0.2), rgba(201,166,107,0.08)); border-color: rgba(201,166,107,0.42); color: #fff7ea; }
.primary-button:hover, .secondary-button:hover, .ghost-button:hover, .nav-link:hover, .inline-button:hover { transform: translateY(-1px); }
.flash-banner {
  padding: 14px 18px;
  border-radius: 18px;
  border: 1px solid rgba(201,166,107,0.18);
  background: rgba(201,166,107,0.08);
  color: #ffe9c7;
}
.modal-context-flash {
  position: sticky;
  top: 76px;
  z-index: 9;
  margin: 0 0 16px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(10px);
}
.flash-banner.error { border-color: rgba(212,91,91,0.3); background: rgba(212,91,91,0.12); color: #ffd4d4; }
.flash-banner.success { border-color: rgba(45,159,119,0.3); background: rgba(45,159,119,0.14); color: #cbf6e6; }
.hidden { display: none !important; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.metrics-grid, .hero-grid, .content-grid { display: grid; gap: 16px; }
.metrics-grid { grid-template-columns: minmax(360px, 1.25fr) repeat(3, minmax(240px, 1fr)); align-items: stretch; }
.metric-card, .hero-card { padding: 20px 22px; }
.metric-filter-card {
  width: 100%;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.metric-filter-card:hover {
  transform: translateY(-1px);
}
.metric-filter-card:focus-visible {
  outline: none;
  border-color: rgba(201,166,107,0.46);
  box-shadow: 0 0 0 3px rgba(201,166,107,0.14), var(--shadow);
}
.metric-filter-card.is-active {
  border-color: rgba(201,166,107,0.38);
  background: linear-gradient(160deg, rgba(201,166,107,0.22), transparent 64%), var(--panel-strong);
  box-shadow: 0 18px 38px rgba(5, 10, 18, 0.32);
}
:root[data-theme="light"] .metric-filter-card.is-active {
  border-color: rgba(201,166,107,0.34);
  background: linear-gradient(160deg, rgba(201,166,107,0.16), transparent 64%), var(--panel);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}
.metric-card strong { display: block; margin: 4px 0 8px; font-size: clamp(1.65rem, 2.4vw, 2.25rem); line-height: 1.02; color: var(--text); }
.metric-card.accent { background: linear-gradient(160deg, rgba(201,166,107,0.18), transparent 60%), var(--panel-strong); }
.metric-mini-table {
  display: grid;
  gap: 2px;
  margin-top: 12px;
}
.metric-mini-row {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) max-content;
  grid-template-areas:
    "country local"
    "country usd";
  column-gap: 16px;
  row-gap: 3px;
  align-items: center;
  padding: 9px 0;
  border-bottom: 1px solid var(--border-soft);
}
.metric-mini-row:last-child {
  border-bottom: 0;
}
.metric-mini-row span,
.metric-mini-row strong,
.metric-mini-row em {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}
.metric-mini-row span {
  grid-area: country;
  align-self: center;
  line-height: 1.22;
}
.metric-card .metric-mini-row strong {
  grid-area: local;
  display: block;
  margin: 0;
  font-size: 1rem;
  line-height: 1.18;
  text-align: right;
  white-space: nowrap;
}
.metric-mini-row em {
  grid-area: usd;
  color: var(--text-soft);
  font-style: normal;
  text-align: right;
  font-size: 0.92rem;
  white-space: nowrap;
}
.metric-rate-ranges {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  color: var(--text-soft);
}
.metric-rate-caption {
  font-size: 0.9rem;
  color: var(--text-soft);
}
.metric-rate-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px solid var(--border-soft);
}
.metric-rate-row:last-child {
  border-bottom: 0;
}
.metric-card .metric-rate-row strong {
  margin: 0;
  font-size: 1rem;
  line-height: 1.15;
  white-space: nowrap;
}
.dashboard-venezuela-rates-card {
  min-width: 0;
}
.dashboard-venezuela-rates-card > strong {
  font-size: clamp(1.28rem, 1.6vw, 1.85rem);
  margin-bottom: 6px;
}
.dashboard-venezuela-rates-card > strong.hidden {
  display: none;
}
.metric-venezuela-rate-list {
  display: grid;
  gap: 7px;
}
.metric-venezuela-rate-group {
  display: grid;
  gap: 6px;
  padding: 7px 0 9px;
  border-bottom: 1px solid var(--border-soft);
}
.metric-venezuela-route-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}
.metric-venezuela-route-head > span:last-child {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.metric-venezuela-route-head strong,
.metric-venezuela-rate-row > span strong {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.12;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.dashboard-venezuela-rates-card .metric-venezuela-route-head strong,
.dashboard-venezuela-rates-card .metric-venezuela-rate-row > span strong {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.12;
}
.metric-venezuela-route-head em {
  color: var(--text-soft);
  font-size: 0.68rem;
  font-style: normal;
  line-height: 1.15;
  white-space: nowrap;
}
.metric-venezuela-range-list {
  display: grid;
  gap: 3px;
}
.metric-venezuela-range-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding-bottom: 2px;
  color: var(--text);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
}
.metric-venezuela-range-header strong {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  text-align: right;
}
.dashboard-venezuela-rates-card .metric-venezuela-range-header strong {
  margin: 0;
  color: var(--text);
  font-size: 0.68rem;
  line-height: 1.1;
}
.metric-venezuela-range-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: baseline;
}
.metric-venezuela-range-row span {
  color: var(--text);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.metric-card .metric-venezuela-range-row strong {
  margin: 0;
  color: var(--text);
  font-size: 0.78rem;
  line-height: 1.12;
  text-align: right;
  white-space: nowrap;
}
.dashboard-venezuela-rates-card .metric-venezuela-range-row strong {
  margin: 0;
  color: var(--text);
  font-size: 0.9rem;
  line-height: 1.1;
}
.metric-venezuela-rate-row {
  display: grid;
  grid-template-columns: minmax(92px, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 5px 0;
  border-bottom: 1px solid var(--border-soft);
}
.metric-venezuela-rate-row:last-child {
  border-bottom: 0;
}
.metric-venezuela-rate-row > span {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
}
.metric-venezuela-rate-row > span em {
  color: var(--text-soft);
  font-size: 0.72rem;
  font-style: normal;
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.metric-card .metric-venezuela-rate-row > strong {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.1;
  text-align: right;
  white-space: nowrap;
}
.metric-rate-route-flags {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
.metric-rate-route-arrow {
  color: var(--text-soft);
  font-size: 0.66rem;
  line-height: 1;
}
.metric-rate-flag {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  overflow: hidden;
  border: 1px solid var(--border-soft);
  border-radius: 999px;
  background: var(--surface-subtle);
}
.metric-rate-flag img,
.metric-rate-flag-fallback {
  width: 100%;
  height: 100%;
}
.metric-rate-flag img {
  display: block;
  object-fit: cover;
}
.metric-rate-flag-fallback {
  display: none;
  place-items: center;
  font-size: 0.7rem;
}
.metric-venezuela-rate-row.is-missing > strong,
.metric-venezuela-rate-row.is-missing > span strong {
  color: var(--text-soft);
}
.hero-grid { grid-template-columns: 1.4fr 1fr; }
.hero-card {
  min-height: 190px;
  display: grid;
  align-content: end;
  background: var(--hero-bg);
}
.muted-hero { background: radial-gradient(circle at top left, rgba(46,125,163,0.18), transparent 36%), linear-gradient(180deg, rgba(15,21,31,0.94), rgba(18,24,35,0.94)); }
.hero-card h3 { margin: 0 0 10px; font-size: 1.8rem; }
.two-col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.module-layout { grid-template-columns: minmax(0, 1.4fr) minmax(340px, 0.8fr); align-items: start; }
.module-main .table-shell { min-height: 560px; }
.client-module .table-shell { min-height: 620px; }
.client-module {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.catalog-module {
  gap: 0;
}
.client-head { align-items: center; justify-content: flex-end; margin-bottom: 10px; }
.client-module > .panel-head {
  padding: 0 2px;
  margin: 0 0 12px;
}
.toolbar-actions,
.client-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.client-toolbar {
  margin: 18px 0 20px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(201,166,107,0.08), transparent 28%),
    linear-gradient(180deg, var(--neutral-02), var(--neutral-03));
  box-shadow: 0 18px 40px rgba(4, 10, 18, 0.18);
}
.client-toolbar.compact {
  margin: 16px 0;
  padding: 14px;
}
.catalog-module > .table-shell {
  overflow: hidden;
  border-radius: 24px;
  border-color: var(--neutral-06);
  background:
    radial-gradient(circle at top right, rgba(201,166,107,0.05), transparent 24%),
    linear-gradient(180deg, rgba(14, 20, 30, 0.98), rgba(10, 16, 25, 0.98));
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}
.catalog-module > .table-shell table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  backdrop-filter: blur(10px);
}
.catalog-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  padding: 14px 4px 0;
  color: var(--text-soft);
  font-size: 0.88rem;
}
.catalog-pagination.hidden,
.catalog-pagination .hidden {
  display: none;
}
:root[data-theme="light"] .client-toolbar {
  background:
    radial-gradient(circle at top right, rgba(212, 175, 55, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.06);
}
:root[data-theme="light"] .catalog-module > .table-shell {
  background:
    radial-gradient(circle at top right, rgba(234,179,8,0.06), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.98));
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}
.search-field { flex: 1 1 520px; }
.sort-field { width: min(240px, 100%); }
.commission-inline-preview {
  flex: 1 1 280px;
  min-height: 54px;
  align-self: end;
  margin: 0;
}
#bank-commissions-modal .client-toolbar .toolbar-actions .primary-button {
  display: none;
}
.toolbar-check {
  min-height: 54px;
  align-self: end;
  color: var(--text);
}
.search-field input,
.sort-field select { margin-top: 8px; }
.country-identity {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.country-identity-copy {
  display: grid;
  gap: 2px;
}
.country-identity-copy strong {
  margin: 0;
}
.country-identity-card {
  display: grid;
  gap: 8px;
}
.row-main.country-identity {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.country-flag-wrap {
  position: relative;
  width: 26px;
  height: 18px;
  border-radius: 6px;
  overflow: hidden;
  flex: 0 0 auto;
  background: var(--neutral-06);
  border: 1px solid var(--neutral-08);
}
.country-flag-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  flex: 0 0 auto;
}
.country-flag-fallback {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 0.92rem;
  line-height: 1;
  background: rgba(18,27,37,0.92);
}
.country-flag-image[src=""] + .country-flag-fallback {
  display: flex;
}
.corridor-route {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.corridor-route-arrow {
  color: rgba(201,166,107,0.9);
  font-size: 1rem;
  line-height: 1;
  margin: 0 2px;
}
.corridor-mode-row {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.corridor-mode-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--neutral-08);
  background: var(--neutral-03);
  color: var(--text);
  font-size: 0.84rem;
  line-height: 1;
}
.corridor-mode-badge.is-transfer {
  border-color: rgba(88,164,255,0.24);
  background: rgba(88,164,255,0.1);
}
.corridor-mode-badge.is-cash {
  border-color: rgba(201,166,107,0.28);
  background: rgba(201,166,107,0.12);
}
.corridor-mode-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
  border: 1px solid var(--neutral-08);
  background: rgba(14,20,28,0.44);
}
.corridor-mode-note {
  color: var(--text-soft);
  font-size: 0.78rem;
}
.corridor-rule-card {
  gap: 12px;
}
.corridor-rule-grid {
  margin-top: 8px;
}
.corridor-rule-grid label span {
  display: block;
  margin-bottom: 8px;
}
.catalog-table-shell {
  min-height: 560px;
  max-height: calc(100vh - 335px);
}
.catalog-table-shell thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}
.module-side {
  position: sticky;
  top: 28px;
  background: var(--module-side-bg);
}
.module-side .form-grid { grid-template-columns: 1fr; }
.module-side .panel-head { margin-bottom: 8px; }
.module-side::after {
  content: "Accion del modulo";
  display: inline-block;
  margin-top: 14px;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(201,166,107,0.72);
}
.detail-stack { display: grid; gap: 12px; }
.account-detail-dual-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
}
.account-detail-layout {
  display: grid;
  gap: 16px;
}
.account-detail-modal-card,
.modal-card.wide.account-detail-modal-card {
  width: min(1840px, calc(100vw - 10px));
  max-width: min(1840px, calc(100vw - 10px));
  max-height: min(96vh, calc(100vh - 8px));
}
.account-editor-modal-card {
  width: min(1280px, calc(100vw - 28px));
  min-height: min(700px, calc(100vh - 28px));
}
.account-editor-modal-card .search-select-panel {
  gap: 6px;
  padding: 8px;
}
.account-editor-modal-card .search-select-input {
  min-height: 46px;
  padding: 10px 12px;
}
.account-editor-modal-card .search-select-list {
  max-height: min(136px, 18vh);
}
.account-editor-modal-card .search-select-option {
  padding: 7px 8px;
}
.account-editor-modal-card .search-select-option-main {
  gap: 1px;
}
.account-editor-modal-card .search-select-option-meta {
  display: none;
}
.account-detail-table-block {
  display: grid;
  gap: 10px;
}
.account-detail-filter-bar {
  display: flex;
  justify-content: flex-start;
}
.account-detail-filter-field {
  width: min(520px, 100%);
}
.account-detail-filter-field span {
  display: block;
  margin-bottom: 8px;
}
.account-detail-table-block h3 {
  margin: 0;
  color: var(--text);
}
.compact-head {
  padding: 0;
  border: 0;
}
.account-finance-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}
.account-finance-card {
  min-height: 132px;
}
.account-finance-card.accent {
  border-color: rgba(201,166,107,0.24);
  background: linear-gradient(180deg, rgba(201,166,107,0.1), var(--neutral-03));
}
.account-finance-value {
  display: block;
  margin-top: 8px;
  color: var(--text);
  font-size: 1.55rem;
  font-weight: 700;
}
.account-identity-card {
  display: grid;
  gap: 2px;
}
.account-detail-dual-grid .detail-card {
  min-height: 100%;
}
.account-detail-layout .table-shell {
  min-height: 220px;
}
.account-detail-layout .table-shell table {
  min-width: 1380px;
}
.account-movement-type-cell {
  display: grid;
  gap: 8px;
  justify-items: start;
}
.account-movement-link-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(201,166,107,0.24);
  background: rgba(201,166,107,0.1);
  color: rgba(245, 235, 214, 0.92);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.account-movement-link-badge.subtle {
  border-color: var(--neutral-08);
  background: rgba(255,255,255,0.04);
  color: var(--text-soft);
}
.account-movement-link-note {
  display: block;
  margin-top: 6px;
  color: rgba(201,166,107,0.92);
  font-size: 0.8rem;
  font-weight: 600;
}
.account-movement-link-note.subtle {
  color: var(--text-soft);
  font-weight: 500;
}
.account-detail-layout .table-shell tbody tr.account-movement-row-parent {
  background: linear-gradient(90deg, rgba(201,166,107,0.12), rgba(201,166,107,0.03) 38%, transparent 74%);
}
.account-detail-layout .table-shell tbody tr.account-movement-row-parent td:first-child {
  box-shadow: inset 3px 0 0 rgba(201,166,107,0.6);
}
.account-detail-layout .table-shell tbody tr.account-movement-row-commission {
  background: rgba(255,255,255,0.025);
}
.account-detail-layout .table-shell tbody tr.account-movement-row-commission td {
  opacity: 0.92;
}
.account-detail-layout .table-shell tbody tr.account-movement-row-commission td:first-child {
  padding-left: 28px;
}
.account-detail-layout .table-shell tbody tr.account-movement-row-commission .status-chip {
  transform: scale(0.94);
  transform-origin: left center;
}
.account-detail-layout .table-shell tbody tr.account-movement-row-commission .account-movement-type-cell {
  gap: 0;
}
.account-movement-fx-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(201,166,107,0.24);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(201,166,107,0.12), rgba(14,70,93,0.08)),
    var(--neutral-03);
}
.account-movement-fx-preview div {
  display: grid;
  gap: 4px;
}
.account-movement-fx-preview span {
  color: rgba(201,166,107,0.84);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.account-movement-fx-preview strong {
  color: var(--text);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
}
.account-movement-fx-preview p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--text-soft);
  font-size: 0.86rem;
}
.account-usd-note {
  color: var(--text-soft);
  font-size: 0.82rem;
}
.row-main-nowrap {
  white-space: nowrap;
}
@media (max-width: 980px) {
  .account-detail-dual-grid {
    grid-template-columns: 1fr;
  }
}
.detail-card, .checkpoint-card {
  padding: 14px 16px;
  border-radius: 18px;
  background: var(--neutral-03);
  border: 1px solid var(--line);
}
.daily-balance-section-total {
  margin-top: 14px;
}
.daily-balance-section-total strong {
  margin-bottom: 4px;
}
.detail-card.daily-balance-section-total {
  padding: 0;
  border: 0;
  background: transparent;
}
.daily-balance-total-cardset {
  display: grid;
  gap: 12px;
}
.daily-balance-total-cardset-head strong {
  display: block;
  margin: 0;
  color: var(--text);
  font-size: 0.98rem;
}
.daily-balance-total-cardset-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.daily-balance-total-card {
  min-height: 68px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.07);
  background:
    radial-gradient(circle at 100% 0%, rgba(17, 66, 88, 0.14), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.02));
}
.daily-balance-total-card span {
  color: var(--text-soft);
  font-size: 0.78rem;
}
.daily-balance-total-card strong {
  margin: 0;
  color: var(--text);
  font-size: 1rem;
  line-height: 1.15;
}
.daily-balance-total-card small {
  color: var(--text-soft);
  font-size: 0.75rem;
  line-height: 1.25;
}
.daily-balance-total-card.is-positive strong {
  color: #b8f2df;
}
.daily-balance-total-card.is-negative strong {
  color: #ffd4d4;
}
.daily-balance-total-card.is-warning {
  border-color: rgba(224,180,88,0.24);
  background:
    radial-gradient(circle at 100% 0%, rgba(224,180,88,0.13), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
}
.daily-balance-total-card.is-warning strong {
  color: #f5d08a;
}
.daily-balance-collapsible-section {
  gap: 14px;
}
.daily-balance-section-toggle {
  width: 100%;
  appearance: none;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,0.055);
  color: var(--text);
  background: transparent;
  border-radius: 0;
  padding: 0 0 12px;
  cursor: pointer;
  text-align: left;
}
.daily-balance-section-toggle:hover {
  background: transparent;
}
.daily-balance-section-toggle h3 {
  margin: 0;
}
.daily-balance-section-chevron {
  justify-self: end;
  align-self: center;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  padding: 8px 12px;
  color: var(--text-soft);
  font-size: 0.82rem;
  white-space: nowrap;
  background: rgba(255,255,255,0.025);
}
.daily-balance-collapsible-section.is-collapsed .daily-balance-section-body {
  display: none;
}
.provider-finance-receipt-card input[type="file"] {
  display: block;
  width: 100%;
  margin-top: 12px;
  color: var(--text-soft);
}
.provider-finance-receipt-card {
  border-style: dashed;
}
.provider-finance-receipt-card[data-dragover="1"] {
  border-color: var(--accent);
  background: rgba(201, 166, 107, 0.08);
}
.provider-finance-receipt-card .receipt-composer-actions {
  margin-top: 12px;
}
.provider-finance-receipt-card .receipt-paste-preview {
  margin-top: 12px;
}
.detail-card strong, .checkpoint-card strong { display: block; color: var(--text); margin-bottom: 6px; }
.provider-history-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) repeat(2, minmax(220px, 0.9fr));
  gap: 12px;
}
@media (max-width: 980px) {
  .provider-history-summary-grid {
    grid-template-columns: 1fr;
  }
}
.detail-card.pulse-card {
  background: var(--neutral-035);
}
.detail-card.pulse-card.emphasis {
  border-color: rgba(201,166,107,0.24);
  background: linear-gradient(180deg, rgba(201,166,107,0.08), var(--neutral-03));
}

.analytics-command {
  display: grid;
  gap: 18px;
}

.analytics-command .client-head {
  align-items: end;
}

.analytics-actions {
  align-items: end;
}

.analytics-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: var(--text-soft);
  font-size: 0.88rem;
}

.analytics-tabs {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  gap: 4px;
  padding: 4px;
  overflow-x: auto;
  border: 1px solid var(--neutral-08);
  border-radius: 999px;
  background: rgba(8, 12, 18, 0.2);
}

.analytics-tab {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--text-soft);
  cursor: pointer;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 900;
  white-space: nowrap;
}

.analytics-tab:hover,
.analytics-tab.active {
  color: var(--text);
  background: var(--neutral-08);
}

.analytics-tab.active {
  box-shadow: inset 0 0 0 1px rgba(201, 166, 107, 0.24);
}

.analytics-tab-panel {
  display: none;
}

.analytics-tab-panel.active {
  display: grid;
  gap: 14px;
}

.analytics-decision-strip {
  display: grid;
  gap: 12px;
}

.analytics-decision-card {
  display: grid;
  grid-template-columns: 1.25fr repeat(3, minmax(150px, 0.75fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--neutral-08);
  border-radius: 18px;
  background: var(--neutral-08);
}

.analytics-decision-card > div {
  min-height: 112px;
  display: grid;
  align-content: space-between;
  gap: 8px;
  padding: 16px;
  background: linear-gradient(180deg, var(--neutral-045), var(--neutral-025));
}

.analytics-decision-card span,
.analytics-pulse-summary span,
.analytics-trajectory-row span,
.analytics-executive-note span {
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.analytics-decision-card strong {
  color: var(--text);
  font-size: clamp(1.24rem, 2vw, 2.15rem);
  line-height: 1;
  overflow-wrap: anywhere;
}

.analytics-decision-card small {
  color: var(--text-soft);
  font-size: 0.78rem;
}

.analytics-decision-card.strong > div:first-child {
  background: linear-gradient(180deg, rgba(45, 159, 119, 0.18), var(--neutral-025));
}

.analytics-decision-card.normal > div:first-child {
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.14), var(--neutral-025));
}

.analytics-decision-card.warn > div:first-child {
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.16), var(--neutral-025));
}

.analytics-decision-card.critical > div:first-child {
  background: linear-gradient(180deg, rgba(212, 91, 91, 0.16), var(--neutral-025));
}

.analytics-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 12px;
}

.analytics-kpi {
  min-height: 124px;
  display: grid;
  align-content: space-between;
  gap: 8px;
  padding: 15px 16px;
  border: 1px solid var(--neutral-08);
  border-radius: 18px;
  background: linear-gradient(180deg, var(--neutral-045), var(--neutral-02));
}

.analytics-kpi span,
.analytics-recommendation span {
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.analytics-kpi strong {
  color: var(--text);
  font-size: clamp(1.28rem, 1.9vw, 2rem);
  line-height: 1.02;
  overflow-wrap: anywhere;
}

.analytics-kpi small {
  color: var(--text-soft);
  font-size: 0.78rem;
  line-height: 1.35;
}

.analytics-kpi.primary {
  border-color: rgba(158, 217, 240, 0.28);
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.13), var(--neutral-025));
}

.analytics-kpi.people {
  border-color: rgba(184, 242, 223, 0.24);
  background: linear-gradient(180deg, rgba(45, 159, 119, 0.13), var(--neutral-025));
}

.analytics-kpi.money {
  border-color: rgba(245, 221, 177, 0.24);
  background: linear-gradient(180deg, rgba(201, 166, 107, 0.13), var(--neutral-025));
}

.analytics-kpi.warn {
  border-color: rgba(251, 191, 36, 0.28);
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.12), var(--neutral-025));
}

.analytics-kpi.danger {
  border-color: rgba(212, 91, 91, 0.32);
  background: linear-gradient(180deg, rgba(212, 91, 91, 0.12), var(--neutral-025));
}

.analytics-kpi.ok {
  border-color: rgba(52, 211, 153, 0.24);
}

.analytics-today-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
  gap: 14px;
}

.analytics-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 14px;
}

.analytics-panel {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--neutral-08);
  border-radius: 18px;
  background: rgba(8, 12, 18, 0.18);
}

.compact-head {
  align-items: center;
  margin: 0;
}

.compact-head h3 {
  margin: 0;
  font-size: 1.08rem;
}

.analytics-hero-panel {
  min-height: 360px;
}

.analytics-today-pulse {
  display: grid;
  gap: 16px;
}

.analytics-pulse-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.analytics-pulse-summary > div {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--neutral-08);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
}

.analytics-pulse-summary strong {
  color: var(--text);
  font-size: 1.35rem;
  line-height: 1;
}

.analytics-trajectory {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--neutral-08);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(14, 22, 32, 0.72), rgba(8, 12, 18, 0.34));
}

.analytics-trajectory-row {
  display: grid;
  grid-template-columns: 142px minmax(0, 1fr) 70px;
  align-items: center;
  gap: 12px;
}

.analytics-trajectory-row i {
  display: block;
  height: 14px;
  min-width: 8px;
  border-radius: 999px;
  background: var(--neutral-08);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.analytics-trajectory-row.expected i {
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.45), rgba(148, 163, 184, 0.82));
}

.analytics-trajectory-row.actual i {
  background: linear-gradient(90deg, #9ed9f0, #b8f2df);
}

.analytics-trajectory-row.projected i {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.52), rgba(245, 221, 177, 0.92));
}

.analytics-trajectory-row strong {
  color: var(--text);
  text-align: right;
  font-size: 0.9rem;
}

.analytics-executive-note {
  display: grid;
  gap: 7px;
  padding: 14px 15px;
  border: 1px solid var(--neutral-08);
  border-radius: 16px;
  background: var(--neutral-035);
}

.analytics-executive-note strong {
  color: var(--text);
  font-size: 0.98rem;
  line-height: 1.36;
}

.analytics-executive-note.critical {
  border-color: rgba(212, 91, 91, 0.32);
  background: linear-gradient(180deg, rgba(212, 91, 91, 0.1), var(--neutral-03));
}

.analytics-executive-note.warn {
  border-color: rgba(251, 191, 36, 0.28);
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.09), var(--neutral-03));
}

.analytics-panel .analytics-kpis {
  grid-template-columns: repeat(2, minmax(150px, 1fr));
}

.analytics-history-board {
  display: grid;
  gap: 18px;
}

.analytics-history-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: end;
  justify-content: space-between;
  padding: 14px 16px;
  border: 1px solid rgba(158, 217, 240, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(16, 24, 34, 0.68), rgba(8, 12, 18, 0.28)),
    rgba(255,255,255,0.018);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

.analytics-history-controls > div {
  display: grid;
  gap: 8px;
}

.analytics-history-controls span {
  color: var(--text-soft);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-history-chipset {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.analytics-history-chip {
  min-height: 32px;
  padding: 0 13px;
  border: 1px solid rgba(158, 217, 240, 0.1);
  border-radius: 999px;
  color: var(--text-soft);
  background: rgba(255,255,255,0.018);
  font-size: 0.82rem;
  font-weight: 900;
}

.analytics-history-chip.active {
  color: var(--text);
  border-color: rgba(245, 221, 177, 0.42);
  background:
    linear-gradient(180deg, rgba(245, 221, 177, 0.22), rgba(245, 221, 177, 0.05)),
    rgba(255,255,255,0.035);
  box-shadow: 0 0 0 1px rgba(245, 221, 177, 0.04) inset;
}

.analytics-history-kpis {
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 12px;
}

.analytics-history-kpis .analytics-kpi {
  min-height: 110px;
  padding: 14px 15px;
  border-color: rgba(158, 217, 240, 0.12);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(18, 28, 39, 0.68), rgba(8, 12, 18, 0.26)),
    rgba(255,255,255,0.018);
}

.analytics-history-kpis .analytics-kpi strong {
  font-size: clamp(1.16rem, 1.45vw, 1.72rem);
}

.analytics-history-kpis .analytics-kpi:first-child {
  border-color: rgba(245, 221, 177, 0.28);
}

.analytics-history-kpis .analytics-kpi:nth-child(2) {
  border-color: rgba(184, 242, 223, 0.22);
}

.analytics-history-kpis .analytics-kpi:nth-child(3),
.analytics-history-kpis .analytics-kpi:nth-child(6) {
  border-color: rgba(158, 217, 240, 0.2);
}

.analytics-history-main-panel {
  min-height: 390px;
  padding: 18px;
  border-color: rgba(158, 217, 240, 0.11);
  background:
    linear-gradient(180deg, rgba(9, 16, 24, 0.36), rgba(7, 11, 17, 0.2)),
    rgba(255,255,255,0.012);
}

.analytics-history-chart-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  color: var(--text-soft);
}

.analytics-history-chart-head > div {
  display: grid;
  gap: 4px;
}

.analytics-history-chart-head strong {
  color: var(--text);
  font-size: 1.04rem;
}

.analytics-history-chart-head em {
  padding: 5px 10px;
  border: 1px solid rgba(245, 221, 177, 0.18);
  border-radius: 999px;
  color: var(--accent-gold);
  background: rgba(245, 221, 177, 0.055);
  font-style: normal;
  font-weight: 900;
  font-size: 0.78rem;
}

.analytics-history-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.analytics-history-mini {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 12px 13px;
  border: 1px solid rgba(158, 217, 240, 0.12);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.012)),
    rgba(10, 16, 24, 0.72);
}

.analytics-history-mini span {
  color: var(--text-soft);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-history-mini strong {
  overflow: hidden;
  color: var(--text);
  font-size: 0.98rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-history-mini em {
  color: var(--muted);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
}

.analytics-history-mini.current {
  border-color: rgba(158, 217, 240, 0.22);
}

.analytics-history-mini.high {
  border-color: rgba(70, 192, 139, 0.24);
  background:
    linear-gradient(180deg, rgba(70, 192, 139, 0.09), rgba(70, 192, 139, 0.02)),
    rgba(10, 16, 24, 0.72);
}

.analytics-history-mini.low {
  border-color: rgba(212, 91, 91, 0.24);
  background:
    linear-gradient(180deg, rgba(212, 91, 91, 0.08), rgba(212, 91, 91, 0.018)),
    rgba(10, 16, 24, 0.72);
}

.analytics-history-trend-list {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgba(158, 217, 240, 0.1);
  border-radius: 16px;
  background:
    linear-gradient(to bottom, rgba(158, 217, 240, 0.045) 1px, transparent 1px) 0 0 / 100% 25%,
    linear-gradient(180deg, rgba(12, 20, 30, 0.7), rgba(6, 10, 16, 0.42));
}

.analytics-history-trend-head,
.analytics-history-trend-row {
  display: grid;
  grid-template-columns: minmax(92px, 0.85fr) minmax(160px, 1.5fr) minmax(128px, 0.8fr) minmax(72px, 0.45fr);
  gap: 12px;
  align-items: center;
}

.analytics-history-trend-head {
  padding: 0 10px 5px;
  color: var(--text-soft);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-history-trend-row {
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,0.055);
  border-radius: 11px;
  background: rgba(255,255,255,0.018);
}

.analytics-history-trend-row span,
.analytics-history-trend-row strong,
.analytics-history-trend-row em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-history-trend-row span {
  color: var(--text);
  font-size: 0.78rem;
  font-weight: 900;
}

.analytics-history-trend-row div {
  height: 9px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.12);
  overflow: hidden;
}

.analytics-history-trend-row i {
  display: block;
  height: 100%;
  min-width: 3px;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(158, 217, 240, 0.82), rgba(184, 242, 223, 0.9));
}

.analytics-history-trend-row strong {
  color: var(--text);
  font-size: 0.82rem;
  text-align: right;
}

.analytics-history-trend-row em {
  justify-self: end;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
}

.analytics-history-trend-row em.up {
  color: #b8f2df;
  background: rgba(70, 192, 139, 0.12);
}

.analytics-history-trend-row em.down {
  color: #f2b3b3;
  background: rgba(212, 91, 91, 0.12);
}

.analytics-history-trend-row.low i {
  background: linear-gradient(90deg, rgba(212, 91, 91, 0.64), rgba(242, 179, 179, 0.72));
}

.analytics-history-trend-row.mid i {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.62), rgba(245, 221, 177, 0.82));
}

.analytics-history-trend-row.high i {
  background: linear-gradient(90deg, rgba(70, 192, 139, 0.7), rgba(184, 242, 223, 0.92));
}

.analytics-history-bars {
  min-height: 290px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(28px, 1fr);
  align-items: end;
  gap: 8px;
  padding: 22px 14px 12px;
  border: 1px solid rgba(158, 217, 240, 0.11);
  border-radius: 16px;
  background:
    linear-gradient(to top, rgba(255,255,255,0.045) 1px, transparent 1px) 0 0 / 100% 25%,
    linear-gradient(180deg, rgba(12, 20, 30, 0.78), rgba(6, 10, 16, 0.42));
  overflow-x: auto;
}

.analytics-history-bar {
  min-width: 28px;
  height: 252px;
  display: grid;
  grid-template-rows: 24px minmax(0, 1fr) auto;
  align-items: end;
  gap: 7px;
  justify-items: center;
}

.analytics-history-bar b {
  align-self: start;
  max-width: 96px;
  color: var(--text-soft);
  font-size: 0.58rem;
  font-weight: 900;
  opacity: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(5px);
  transition: opacity 160ms ease, transform 160ms ease;
  white-space: nowrap;
}

.analytics-history-bar:hover b {
  opacity: 1;
  transform: translateY(0);
}

.analytics-history-bar i {
  display: block;
  width: min(100%, 22px);
  min-height: 8px;
  border-radius: 9px 9px 4px 4px;
  background: linear-gradient(180deg, rgba(158, 217, 240, 0.95), rgba(184, 242, 223, 0.52));
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.05) inset,
    0 10px 24px rgba(0,0,0,0.18);
}

.analytics-history-bar.low i {
  background: linear-gradient(180deg, rgba(212, 91, 91, 0.9), rgba(212, 91, 91, 0.38));
}

.analytics-history-bar.mid i {
  background: linear-gradient(180deg, rgba(245, 221, 177, 0.9), rgba(201, 166, 107, 0.42));
}

.analytics-history-bar.high i {
  background: linear-gradient(180deg, rgba(70, 192, 139, 0.96), rgba(70, 192, 139, 0.42));
}

.analytics-history-bar span {
  color: var(--text-soft);
  font-size: 0.6rem;
  font-weight: 850;
  text-align: center;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.analytics-history-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
  gap: 16px;
}

.analytics-history-grid.narrow-right {
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
}

.analytics-history-grid .analytics-panel {
  border-color: rgba(158, 217, 240, 0.1);
  background: rgba(8, 12, 18, 0.16);
  overflow-x: auto;
}

.analytics-history-year-head,
.analytics-history-year-row {
  display: grid;
  gap: 8px;
  align-items: center;
}

.analytics-history-year-head {
  color: var(--text-soft);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-history-year-table {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(158, 217, 240, 0.08);
  border-radius: 14px;
  background: rgba(255,255,255,0.015);
}

.analytics-history-year-row strong {
  color: var(--text);
  font-size: 0.78rem;
}

.analytics-history-year-cell {
  min-height: 32px;
  display: grid;
  align-content: center;
  gap: 4px;
}

.analytics-history-year-cell i {
  display: block;
  height: 7px;
  min-width: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(158, 217, 240, 0.28), rgba(184, 242, 223, 0.78));
}

.analytics-history-year-cell span {
  color: var(--text-soft);
  font-size: 0.64rem;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-history-heat-head,
.analytics-history-heat-row {
  display: grid;
  grid-template-columns: 82px repeat(7, minmax(86px, 1fr));
  gap: 8px;
  align-items: center;
  min-width: 790px;
}

.analytics-history-heat-head {
  color: var(--text-soft);
  font-size: 0.7rem;
  font-weight: 900;
  text-align: center;
}

.analytics-history-heat-body {
  display: grid;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(158, 217, 240, 0.08);
  border-radius: 14px;
  background: rgba(255,255,255,0.012);
  min-width: 790px;
}

.analytics-history-heat-row strong {
  color: var(--text-soft);
  font-size: 0.74rem;
  font-weight: 900;
}

.analytics-history-heat-cell {
  display: grid;
  align-content: center;
  gap: 2px;
  min-height: 42px;
  padding: 7px 8px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  background: rgba(255,255,255,0.035);
}

.analytics-history-heat-cell b {
  color: var(--text);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
}

.analytics-history-heat-cell em {
  color: var(--text-soft);
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
}

.analytics-history-heat-cell.low {
  background: rgba(212, 91, 91, var(--heat-alpha, 0.16));
  border-color: rgba(212, 91, 91, 0.2);
}

.analytics-history-heat-cell.mid {
  background: rgba(242, 196, 109, var(--heat-alpha, 0.16));
  border-color: rgba(242, 196, 109, 0.2);
}

.analytics-history-heat-cell.high {
  background: rgba(70, 192, 139, var(--heat-alpha, 0.18));
  border-color: rgba(70, 192, 139, 0.22);
}

.analytics-history-heat-cell.empty {
  opacity: 0.28;
}

.analytics-history-heat-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: center;
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 850;
}

.analytics-history-heat-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.analytics-history-heat-legend i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.analytics-history-heat-legend i.low {
  background: #d45b5b;
}

.analytics-history-heat-legend i.mid {
  background: #f2c46d;
}

.analytics-history-heat-legend i.high {
  background: #46c08b;
}

.analytics-history-heat-legend em {
  flex-basis: 100%;
  color: var(--muted);
  font-size: 0.68rem;
  font-style: normal;
  line-height: 1.3;
}

.compact-history-table {
  max-height: 520px;
  overflow: auto;
}

.compact-history-table table {
  font-size: 0.9rem;
}

@media (max-width: 1180px) {
  .analytics-history-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .analytics-history-grid,
  .analytics-history-grid.narrow-right {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .analytics-history-kpis {
    grid-template-columns: 1fr;
  }

  .analytics-history-controls {
    align-items: stretch;
  }

  .analytics-history-chart-head {
    display: grid;
  }

  .analytics-history-mini-grid {
    grid-template-columns: 1fr;
  }

  .analytics-history-trend-head,
  .analytics-history-trend-row {
    grid-template-columns: minmax(74px, 0.9fr) minmax(100px, 1.1fr) minmax(92px, 0.8fr);
  }

  .analytics-history-trend-head span:nth-child(4),
  .analytics-history-trend-row em {
    display: none;
  }

  .analytics-history-year-head,
  .analytics-history-year-row {
    grid-template-columns: 56px repeat(4, minmax(78px, 1fr));
    overflow-x: auto;
  }

  .analytics-history-heat-head,
  .analytics-history-heat-row {
    grid-template-columns: 70px repeat(7, minmax(78px, 1fr));
    min-width: 690px;
  }

  .analytics-history-heat-body {
    min-width: 690px;
  }
}

.analytics-calendar-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
  gap: 14px;
}

.analytics-calendar-panel {
  min-height: 430px;
}

.analytics-calendar-heatmap {
  display: grid;
  gap: 10px;
}

.analytics-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0;
}

.analytics-calendar-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.analytics-calendar-legend > em {
  flex-basis: 100%;
  color: var(--text-soft);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 750;
}

.analytics-calendar-legend i {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
}

.analytics-calendar-legend i.low {
  background: #d45b5b;
}

.analytics-calendar-legend i.mid {
  background: #f2c46d;
}

.analytics-calendar-legend i.high {
  background: #46c08b;
}

.analytics-calendar-week-head,
.analytics-calendar-month {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.analytics-calendar-week-head span {
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}

.analytics-calendar-cell,
.analytics-calendar-empty {
  min-height: 86px;
  border-radius: 12px;
}

.analytics-calendar-cell {
  display: grid;
  align-content: space-between;
  gap: 4px;
  padding: 9px 10px;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(158, 217, 240, 0.12);
  background: var(--neutral-035);
}

.analytics-calendar-cell::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.88;
  pointer-events: none;
}

.analytics-calendar-cell.low {
  border-color: rgba(212, 91, 91, 0.24);
}

.analytics-calendar-cell.low::before {
  background:
    linear-gradient(180deg, rgba(212, 91, 91, var(--heat-alpha, 0.12)), rgba(212, 91, 91, var(--heat-soft, 0.05))),
    linear-gradient(90deg, rgba(212, 91, 91, 0.18), transparent 46%);
}

.analytics-calendar-cell.mid {
  border-color: rgba(242, 196, 109, 0.24);
}

.analytics-calendar-cell.mid::before {
  background:
    linear-gradient(180deg, rgba(242, 196, 109, var(--heat-alpha, 0.12)), rgba(242, 196, 109, var(--heat-soft, 0.05))),
    linear-gradient(90deg, rgba(242, 196, 109, 0.15), transparent 46%);
}

.analytics-calendar-cell.high {
  border-color: rgba(70, 192, 139, 0.28);
}

.analytics-calendar-cell.high::before {
  background:
    linear-gradient(180deg, rgba(70, 192, 139, var(--heat-alpha, 0.14)), rgba(70, 192, 139, var(--heat-soft, 0.05))),
    linear-gradient(90deg, rgba(70, 192, 139, 0.17), transparent 46%);
}

.analytics-calendar-cell.muted {
  opacity: 0.42;
  border-color: rgba(158, 217, 240, 0.08);
  background: rgba(255,255,255,0.025);
}

.analytics-calendar-cell.empty-day {
  align-content: start;
  background: rgba(255,255,255,0.018);
}

.analytics-calendar-cell.empty-day::before {
  display: none;
}

.analytics-calendar-cell > * {
  position: relative;
}

.analytics-calendar-cell span {
  color: var(--text-soft);
  font-size: 0.75rem;
  font-weight: 900;
}

.analytics-calendar-cell strong {
  display: grid;
  gap: 2px;
  color: var(--text);
  line-height: 1;
}

.analytics-calendar-cell strong b {
  display: block;
  font-size: 1.28rem;
  font-weight: 950;
  letter-spacing: 0;
}

.analytics-calendar-cell strong em {
  color: var(--text-soft);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-calendar-cell small {
  color: var(--text-soft);
  font-size: 0.66rem;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.analytics-calendar-cell .analytics-calendar-basis {
  color: rgba(213, 223, 236, 0.62);
  font-size: 0.58rem;
  font-weight: 850;
  text-transform: uppercase;
}

.analytics-calendar-cell > i {
  justify-self: start;
  margin-top: 1px;
  padding: 2px 6px 3px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  color: var(--text);
  background: rgba(5, 10, 16, 0.24);
  font-size: 0.54rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.analytics-bar-list {
  display: grid;
  gap: 11px;
}

.analytics-bar-row {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 58px;
  align-items: center;
  gap: 10px;
  color: var(--text-soft);
  font-size: 0.82rem;
}

.analytics-bar-row > span {
  font-weight: 800;
}

.analytics-bar-row > div {
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--neutral-08);
}

.analytics-bar-row i {
  display: block;
  height: 100%;
  min-width: 8px;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.76), #9ed9f0);
}

.analytics-bar-row strong {
  color: var(--text);
  text-align: right;
}

.analytics-month-chart-wrap {
  display: grid;
  gap: 14px;
}

.analytics-month-chart-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.analytics-month-chart-summary > div {
  min-height: 64px;
  padding: 12px;
  border: 1px solid rgba(158, 217, 240, 0.12);
  border-radius: 10px;
  background: rgba(255,255,255,0.035);
}

.analytics-month-chart-summary span {
  display: block;
  color: var(--text-soft);
  font-size: 0.66rem;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-month-chart-summary strong {
  display: block;
  margin-top: 7px;
  color: var(--text);
  font-size: 1.18rem;
  line-height: 1;
}

.analytics-month-chart {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18px, 1fr));
  align-items: end;
  gap: 6px;
  min-height: 220px;
  padding: 14px 12px 10px;
  border: 1px solid rgba(158, 217, 240, 0.12);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
    repeating-linear-gradient(180deg, transparent 0 42px, rgba(255,255,255,0.045) 42px 43px);
}

.analytics-month-bar {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: end;
  gap: 7px;
  min-width: 0;
  height: 100%;
}

.analytics-month-bar i {
  display: block;
  width: 100%;
  min-height: 8px;
  border-radius: 7px 7px 3px 3px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(242, 196, 109, 0.72);
  box-shadow: 0 8px 18px rgba(0,0,0,0.16);
}

.analytics-month-bar.low i {
  background: rgba(212, 91, 91, 0.72);
}

.analytics-month-bar.mid i {
  background: rgba(242, 196, 109, 0.72);
}

.analytics-month-bar.high i {
  background: rgba(70, 192, 139, 0.76);
}

.analytics-month-bar span {
  color: var(--text-soft);
  font-size: 0.62rem;
  font-weight: 850;
  text-align: center;
}

.analytics-calendar-legend.compact {
  gap: 8px 12px;
}

.analytics-calendar-legend.compact > em {
  display: none;
}

.analytics-rates-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
  gap: 14px;
}

.analytics-rate-focus-panel {
  min-height: 380px;
}

.analytics-rate-focus {
  display: grid;
  gap: 14px;
}

.analytics-rate-route {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid rgba(158, 217, 240, 0.16);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.1), var(--neutral-03));
}

.analytics-rate-route span,
.analytics-rate-legend span {
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-rate-route strong {
  color: var(--text);
  font-size: 1.12rem;
  line-height: 1.18;
}

.analytics-rate-route small {
  color: var(--text-soft);
}

.analytics-rate-buckets {
  display: grid;
  gap: 10px;
}

.analytics-rate-bucket {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) minmax(0, 1fr) 56px;
  align-items: center;
  gap: 10px;
  color: var(--text-soft);
  font-size: 0.82rem;
}

.analytics-rate-bucket > span {
  color: var(--text);
  font-weight: 900;
}

.analytics-rate-bucket strong {
  color: var(--text);
  text-align: right;
}

.analytics-rate-meter {
  height: 11px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--neutral-08);
}

.analytics-rate-meter i {
  display: block;
  height: 100%;
  min-width: 7px;
  border-radius: inherit;
}

.analytics-rate-meter.ops i,
.analytics-rate-legend i.ops {
  background: linear-gradient(90deg, #9ed9f0, #b8f2df);
}

.analytics-rate-meter.amount i,
.analytics-rate-legend i.amount {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.75), rgba(245, 221, 177, 0.96));
}

.analytics-rate-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

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

.analytics-rate-legend i {
  width: 22px;
  height: 8px;
  border-radius: 999px;
}

.analytics-routes-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(340px, 0.84fr);
  gap: 14px;
}

.analytics-route-priority-panel {
  min-height: 430px;
}

.analytics-route-priority {
  display: grid;
  gap: 10px;
}

.analytics-route-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) minmax(108px, 0.24fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--neutral-08);
  border-radius: 16px;
  background: var(--neutral-035);
}

.analytics-route-card.strong {
  border-color: rgba(45, 159, 119, 0.28);
}

.analytics-route-card.warn,
.analytics-route-card.planned {
  border-color: rgba(251, 191, 36, 0.22);
}

.analytics-route-card.critical {
  border-color: rgba(212, 91, 91, 0.32);
  background: linear-gradient(180deg, rgba(212, 91, 91, 0.08), var(--neutral-03));
}

.analytics-route-rank {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--text);
  background: var(--neutral-08);
  font-weight: 900;
}

.analytics-route-main {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.analytics-route-main strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.analytics-route-main span,
.analytics-route-metrics span,
.analytics-route-metrics small {
  color: var(--text-soft);
  font-size: 0.75rem;
}

.analytics-route-track {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--neutral-08);
}

.analytics-route-track i {
  display: block;
  height: 100%;
  min-width: 8px;
  border-radius: inherit;
  background: linear-gradient(90deg, #9ed9f0, rgba(201, 166, 107, 0.95));
}

.analytics-route-metrics {
  display: grid;
  gap: 4px;
  justify-items: end;
  text-align: right;
}

.analytics-route-metrics span {
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-route-metrics strong {
  color: var(--text);
  font-size: 1.02rem;
}

.analytics-alerts-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(340px, 0.94fr);
  gap: 14px;
}

.analytics-alert-lead-panel {
  min-height: 330px;
}

.analytics-alert-lead,
.analytics-alert-evidence {
  display: grid;
  gap: 12px;
}

.analytics-alert-lead-card {
  min-height: 244px;
  display: grid;
  align-content: space-between;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--neutral-08);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.11), var(--neutral-03));
}

.analytics-alert-lead-card.critical {
  border-color: rgba(212, 91, 91, 0.34);
  background: linear-gradient(180deg, rgba(212, 91, 91, 0.13), var(--neutral-03));
}

.analytics-alert-lead-card.medium {
  border-color: rgba(251, 191, 36, 0.28);
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.1), var(--neutral-03));
}

.analytics-alert-lead-card span,
.analytics-evidence-card span {
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-alert-lead-card strong {
  color: var(--text);
  font-size: clamp(1.28rem, 2vw, 2.1rem);
  line-height: 1.05;
}

.analytics-alert-lead-card p {
  margin: 0;
  color: var(--text);
  font-size: 0.98rem;
  line-height: 1.45;
}

.analytics-alert-lead-card div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--neutral-08);
}

.analytics-alert-lead-card small {
  color: var(--text-soft);
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-alert-lead-card b {
  color: var(--text);
  text-transform: uppercase;
}

.analytics-evidence-card {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid var(--neutral-08);
  border-radius: 16px;
  background: var(--neutral-035);
}

.analytics-evidence-card strong {
  color: var(--text);
  font-size: 0.96rem;
  line-height: 1.38;
}

.analytics-hourly {
  display: grid;
  gap: 14px;
}

.analytics-intraday-chart {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--neutral-08);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(14, 22, 32, 0.74), rgba(8, 12, 18, 0.34));
}

.analytics-intraday-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.analytics-intraday-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.analytics-intraday-legend i {
  width: 24px;
  height: 8px;
  border-radius: 999px;
}

.analytics-intraday-legend i.actual {
  background: linear-gradient(90deg, #9ed9f0, #b8f2df);
}

.analytics-intraday-legend i.expected {
  background: rgba(148, 163, 184, 0.7);
}

.analytics-intraday-chart svg {
  width: 100%;
  min-height: 220px;
  overflow: visible;
}

.analytics-intraday-chart .axis {
  stroke: rgba(148, 163, 184, 0.24);
  stroke-width: 1;
}

.analytics-intraday-chart .axis.soft {
  stroke: rgba(148, 163, 184, 0.13);
}

.analytics-intraday-chart .tick {
  fill: var(--text-soft);
  font-size: 11px;
  text-anchor: middle;
}

.analytics-intraday-chart polyline {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
}

.analytics-intraday-chart .expected-line {
  stroke: rgba(148, 163, 184, 0.78);
  stroke-dasharray: 7 7;
}

.analytics-intraday-chart .actual-line {
  stroke: #9ed9f0;
  filter: drop-shadow(0 0 8px rgba(158, 217, 240, 0.25));
}

.analytics-intraday-chart .actual-dot {
  fill: #b8f2df;
  stroke: rgba(8, 12, 18, 0.92);
  stroke-width: 2;
}

.analytics-intraday-note {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid var(--neutral-08);
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
}

.analytics-intraday-note strong {
  color: var(--text);
  font-size: 0.9rem;
}

.analytics-intraday-note span {
  color: var(--text-soft);
  font-size: 0.78rem;
}

.analytics-hourly-bars {
  display: grid;
  gap: 8px;
}

.analytics-hour-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 56px;
  align-items: center;
  gap: 10px;
  color: var(--text-soft);
  font-size: 0.82rem;
}

.analytics-hour-row strong {
  color: var(--text);
  text-align: right;
}

.analytics-hour-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--neutral-08);
}

.analytics-hour-track i {
  display: block;
  height: 100%;
  min-width: 8px;
  border-radius: inherit;
  background: linear-gradient(90deg, #9ed9f0, #b8f2df);
}

.analytics-recommendations {
  display: grid;
  gap: 10px;
}

.analytics-recommendation {
  display: grid;
  gap: 6px;
  padding: 13px 14px;
  border: 1px solid var(--neutral-08);
  border-radius: 16px;
  background: var(--neutral-035);
}

.analytics-recommendation strong {
  color: var(--text);
  font-size: 0.96rem;
}

.analytics-recommendation p,
.analytics-recommendation small {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.38;
}

.analytics-recommendation.high,
.analytics-recommendation.critical {
  border-color: rgba(212, 91, 91, 0.32);
  background: linear-gradient(180deg, rgba(212, 91, 91, 0.09), var(--neutral-03));
}

.analytics-recommendation.medium {
  border-color: rgba(251, 191, 36, 0.28);
}

@media (max-width: 1320px) {
  .analytics-kpis {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }

  .analytics-decision-card,
  .analytics-today-grid,
  .analytics-calendar-grid,
  .analytics-rates-grid,
  .analytics-routes-grid,
  .analytics-alerts-grid,
  .analytics-layout {
    grid-template-columns: 1fr;
  }

  .analytics-panel .analytics-kpis {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }
}

@media (max-width: 760px) {
  .analytics-command .client-head,
  .analytics-actions {
    align-items: stretch;
  }

  .analytics-actions,
  .analytics-actions .dashboard-cycle-picker,
  .analytics-actions button {
    width: 100%;
  }

  .analytics-tabs {
    width: 100%;
  }

  .analytics-kpis {
    grid-template-columns: 1fr;
  }

  .analytics-decision-card,
  .analytics-pulse-summary,
  .analytics-panel .analytics-kpis {
    grid-template-columns: 1fr;
  }

  .analytics-calendar-week-head,
  .analytics-calendar-month {
    gap: 5px;
  }

  .analytics-calendar-cell,
  .analytics-calendar-empty {
    min-height: 70px;
    border-radius: 10px;
  }

  .analytics-calendar-cell {
    padding: 7px;
  }

  .analytics-calendar-cell strong {
    gap: 1px;
  }

  .analytics-calendar-cell strong b {
    font-size: 1rem;
  }

  .analytics-calendar-cell strong em {
    font-size: 0.5rem;
  }

  .analytics-calendar-cell small {
    display: none;
  }

  .analytics-month-chart-summary {
    grid-template-columns: 1fr;
  }

  .analytics-month-chart {
    min-height: 160px;
    grid-template-columns: repeat(auto-fit, minmax(14px, 1fr));
    gap: 4px;
    padding: 10px 8px;
  }

  .analytics-month-bar span {
    font-size: 0.54rem;
  }

  .analytics-bar-row {
    grid-template-columns: 78px minmax(0, 1fr) 48px;
  }

  .analytics-rate-bucket {
    grid-template-columns: 72px minmax(0, 1fr) 42px;
  }

  .analytics-rate-bucket .analytics-rate-meter.amount {
    display: none;
  }

  .analytics-route-card {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .analytics-route-metrics {
    grid-column: 2;
    justify-items: start;
    text-align: left;
  }

  .analytics-decision-card > div {
    min-height: 92px;
  }

  .analytics-trajectory-row {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .analytics-trajectory-row strong {
    text-align: left;
  }

  .analytics-hour-row {
    grid-template-columns: 44px minmax(0, 1fr) 46px;
    gap: 8px;
  }
}
.checkpoint-card.done { border-color: rgba(45,159,119,0.34); background: rgba(45,159,119,0.12); }
.checkpoint-card.pending { border-color: rgba(201,166,107,0.2); }
.dashboard-budget-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(220px, 0.9fr));
  gap: 12px;
}
.dashboard-budget-queue {
  display: grid;
  gap: 12px;
}
.dashboard-budget-item {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.9fr);
  gap: 16px;
  align-items: start;
}
.dashboard-budget-item-main,
.dashboard-budget-item-side {
  display: grid;
  gap: 6px;
}
.dashboard-budget-item-side {
  justify-items: start;
}
.dashboard-budget-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}
.dashboard-control-room {
  display: grid;
  gap: 18px;
}
.dashboard-control-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
}
.dashboard-control-kpis .metric-card {
  min-height: 150px;
}
.dashboard-control-kpis .metric-card strong {
  font-size: clamp(1.7rem, 2.4vw, 2.35rem);
}
#view-dashboard .dashboard-control-kpis .metric-card.operation-kpi-operator {
  border-color: rgba(251, 146, 60, 0.3);
  background:
    linear-gradient(90deg, rgba(249, 115, 22, 0.15), transparent 46%),
    var(--surface-1);
}
#view-dashboard .dashboard-control-kpis .metric-card.operation-kpi-operator .metric-label,
#view-dashboard .dashboard-control-kpis .metric-card.operation-kpi-operator strong {
  color: #fed7aa;
}
:root[data-theme="light"] #view-dashboard .dashboard-control-kpis .metric-card.operation-kpi-operator {
  border-color: rgba(234, 88, 12, 0.22);
  background:
    linear-gradient(90deg, rgba(255, 237, 213, 0.72), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] #view-dashboard .dashboard-control-kpis .metric-card.operation-kpi-operator .metric-label,
:root[data-theme="light"] #view-dashboard .dashboard-control-kpis .metric-card.operation-kpi-operator strong {
  color: #9a3412;
}
.dashboard-control-toolbar {
  align-items: end;
}
.dashboard-cycle-actions {
  align-items: end;
  gap: 12px;
}
.dashboard-cycle-picker {
  display: grid;
  gap: 7px;
  min-width: 190px;
}
.dashboard-cycle-picker span {
  color: var(--text-muted);
  font-size: 0.74rem;
}
.dashboard-cycle-picker input {
  height: 46px;
  border: 1px solid var(--border-soft);
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--text-main);
  padding: 0 16px;
  font: inherit;
}
.dashboard-cycle-picker input:focus {
  outline: 2px solid rgba(214, 177, 107, 0.35);
  border-color: rgba(214, 177, 107, 0.75);
}
.dashboard-control-toolbar .search-field {
  min-width: min(620px, 100%);
}
.dashboard-control-toolbar label:last-child {
  min-width: 230px;
}
.dashboard-operations-table tbody tr {
  cursor: pointer;
}
.dashboard-operations-table table {
  min-width: 1580px;
  table-layout: fixed;
}
.dashboard-operations-table th:nth-child(1),
.dashboard-operations-table td:nth-child(1) {
  width: 92px;
  min-width: 92px;
}
.dashboard-operations-table th:nth-child(2),
.dashboard-operations-table td:nth-child(2) {
  width: 210px;
}
.dashboard-operations-table th:nth-child(3),
.dashboard-operations-table td:nth-child(3) {
  width: 260px;
}
.dashboard-operations-table th:nth-child(4),
.dashboard-operations-table td:nth-child(4) {
  width: 190px;
}
.dashboard-operations-table th:nth-child(5),
.dashboard-operations-table td:nth-child(5) {
  width: 230px;
}
.dashboard-operations-table th:nth-child(6),
.dashboard-operations-table td:nth-child(6) {
  width: 390px;
}
.dashboard-operations-table th:nth-child(7),
.dashboard-operations-table td:nth-child(7) {
  width: 230px;
}
.dashboard-operations-table th:nth-child(8),
.dashboard-operations-table td:nth-child(8) {
  width: 120px;
}
.dashboard-operations-table th:first-child,
.dashboard-operations-table td:first-child .row-main {
  white-space: nowrap;
}
.dashboard-operations-table tbody tr td:first-child .row-main {
  font-size: 1.05rem;
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-client-approval {
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.13), rgba(168, 85, 247, 0.052) 42%, rgba(168, 85, 247, 0.016) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-client-approval:hover {
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.17), rgba(168, 85, 247, 0.068) 42%, rgba(168, 85, 247, 0.024) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-client-approval td {
  background: transparent;
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-client-approval td:first-child {
  box-shadow: inset 3px 0 0 rgba(192, 132, 252, 0.76);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-validating {
  background: linear-gradient(90deg, rgba(56, 132, 255, 0.115), rgba(56, 132, 255, 0.045) 42%, rgba(56, 132, 255, 0.012) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-validating:hover {
  background: linear-gradient(90deg, rgba(56, 132, 255, 0.15), rgba(56, 132, 255, 0.06) 42%, rgba(56, 132, 255, 0.018) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-validating td {
  background: transparent;
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-validating td:first-child {
  box-shadow: inset 3px 0 0 rgba(86, 154, 255, 0.72);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-distributing {
  background: linear-gradient(90deg, rgba(214, 177, 107, 0.115), rgba(214, 177, 107, 0.045) 42%, rgba(214, 177, 107, 0.012) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-distributing:hover {
  background: linear-gradient(90deg, rgba(214, 177, 107, 0.15), rgba(214, 177, 107, 0.06) 42%, rgba(214, 177, 107, 0.018) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-distributing td {
  background: transparent;
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-distributing td:first-child {
  box-shadow: inset 3px 0 0 rgba(214, 177, 107, 0.72);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-operator {
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.105), rgba(249, 115, 22, 0.044) 42%, rgba(249, 115, 22, 0.014) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-operator:hover {
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.15), rgba(249, 115, 22, 0.06) 42%, rgba(249, 115, 22, 0.02) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-operator td {
  background: transparent;
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-operator td:first-child {
  box-shadow: inset 3px 0 0 rgba(251, 146, 60, 0.72);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-completed {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.13), rgba(20, 184, 166, 0.052) 42%, rgba(20, 184, 166, 0.016) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-completed:hover {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.17), rgba(20, 184, 166, 0.068) 42%, rgba(20, 184, 166, 0.022) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-completed td {
  background: transparent;
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-completed td:first-child {
  box-shadow: inset 3px 0 0 rgba(20, 184, 166, 0.72);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-error {
  background: linear-gradient(90deg, rgba(217, 99, 99, 0.13), rgba(217, 99, 99, 0.055) 42%, rgba(217, 99, 99, 0.018) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-error:hover {
  background: linear-gradient(90deg, rgba(217, 99, 99, 0.17), rgba(217, 99, 99, 0.07) 42%, rgba(217, 99, 99, 0.024) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-error td {
  background: transparent;
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-error td:first-child {
  box-shadow: inset 3px 0 0 rgba(217, 99, 99, 0.72);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-partial-return {
  background: linear-gradient(90deg, rgba(244, 63, 94, 0.12), rgba(244, 63, 94, 0.045) 42%, rgba(244, 63, 94, 0.012) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-partial-return:hover {
  background: linear-gradient(90deg, rgba(244, 63, 94, 0.16), rgba(244, 63, 94, 0.062) 42%, rgba(244, 63, 94, 0.018) 88%);
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-partial-return td {
  background: transparent;
}
.dashboard-operations-table .dashboard-operation-row.dashboard-stage-partial-return td:first-child {
  box-shadow: inset 3px 0 0 rgba(244, 63, 94, 0.76);
}
.dashboard-sub-operation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 8px;
  align-items: center;
  max-width: 100%;
  margin-top: 0;
  padding: 6px 8px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.28);
}
.dashboard-sub-operation-stack {
  display: grid;
  gap: 5px;
  margin-top: 7px;
}
.dashboard-sub-operation span,
.dashboard-sub-operation small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-sub-operation b {
  font-size: 0.66rem;
  color: #e2e8f0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.dashboard-sub-operation em {
  grid-column: 1 / -1;
  font-style: normal;
  color: var(--muted);
  font-size: 0.72rem;
}
.dashboard-sub-operation small {
  grid-column: 1 / -1;
  color: #fecaca;
  font-size: 0.72rem;
}
.dashboard-sub-operation.is-returned {
  border-color: rgba(244, 63, 94, 0.34);
  background: rgba(127, 29, 29, 0.16);
}
.dashboard-sub-operation.is-operator {
  border-color: rgba(249, 115, 22, 0.26);
  background: rgba(154, 52, 18, 0.12);
}
.dashboard-sub-operation.is-delivered {
  border-color: rgba(20, 184, 166, 0.28);
  background: rgba(20, 184, 166, 0.10);
}
.dashboard-status-chip.dashboard-stage-partial-return {
  color: #ffe4e6;
  border-color: rgba(244, 63, 94, 0.44);
  background:
    linear-gradient(180deg, rgba(244, 63, 94, 0.22), rgba(127, 29, 29, 0.13)),
    rgba(45, 12, 22, 0.66);
}
.dashboard-operations-table .dashboard-sla {
  min-width: 92px;
  padding: 7px 10px;
  border-radius: 14px;
}
.dashboard-operations-table .dashboard-sla strong {
  font-size: 0.92rem;
}
.dashboard-operations-table .dashboard-sla span {
  font-size: 0.7rem;
}
.dashboard-status-chip.dashboard-stage-validating {
  color: #cfe1ff;
  border-color: rgba(86, 154, 255, 0.42);
  background:
    linear-gradient(180deg, rgba(86, 154, 255, 0.2), rgba(86, 154, 255, 0.09)),
    rgba(12, 31, 58, 0.68);
}
.dashboard-status-chip.dashboard-stage-distributing {
  color: #ffe3b6;
  border-color: rgba(214, 177, 107, 0.42);
  background:
    linear-gradient(180deg, rgba(214, 177, 107, 0.2), rgba(214, 177, 107, 0.09)),
    rgba(40, 29, 12, 0.62);
}
.dashboard-status-chip.dashboard-stage-operator {
  color: #fed7aa;
  border-color: rgba(251, 146, 60, 0.42);
  background:
    linear-gradient(180deg, rgba(249, 115, 22, 0.22), rgba(154, 52, 18, 0.14)),
    rgba(54, 25, 12, 0.68);
}
.dashboard-status-chip.dashboard-stage-completed {
  color: #affff3;
  border-color: rgba(20, 184, 166, 0.42);
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.22), rgba(20, 184, 166, 0.09)),
    rgba(7, 38, 42, 0.68);
}
.dashboard-status-chip.dashboard-stage-error {
  color: #ffd4d4;
  border-color: rgba(239, 68, 68, 0.42);
  background:
    linear-gradient(180deg, rgba(239,68,68,0.2), rgba(127,29,29,0.12)),
    rgba(42, 12, 18, 0.64);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-client-approval {
  background: linear-gradient(90deg, rgba(147, 51, 234, 0.13), rgba(147, 51, 234, 0.055) 42%, rgba(147, 51, 234, 0.018) 88%);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-client-approval:hover {
  background: linear-gradient(90deg, rgba(147, 51, 234, 0.17), rgba(147, 51, 234, 0.072) 42%, rgba(147, 51, 234, 0.026) 88%);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-client-approval td {
  background: transparent;
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-client-approval td:first-child {
  box-shadow: inset 4px 0 0 rgba(147, 51, 234, 0.62);
}
.dashboard-status-chip.dashboard-stage-client-approval {
  color: #f3e8ff;
  border-color: rgba(192, 132, 252, 0.46);
  background:
    linear-gradient(180deg, rgba(168, 85, 247, 0.24), rgba(88, 28, 135, 0.15)),
    rgba(34, 16, 56, 0.68);
}
:root[data-theme="light"] .dashboard-status-chip.dashboard-stage-client-approval {
  color: #581c87;
  border-color: rgba(147, 51, 234, 0.28);
  background: rgba(243, 232, 255, 0.76);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-validating {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.14), rgba(37, 99, 235, 0.06) 42%, rgba(37, 99, 235, 0.018) 88%);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-validating:hover {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.18), rgba(37, 99, 235, 0.075) 42%, rgba(37, 99, 235, 0.025) 88%);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-validating td {
  background: transparent;
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-validating td:first-child {
  box-shadow: inset 4px 0 0 rgba(37, 99, 235, 0.72);
}
:root[data-theme="light"] .dashboard-status-chip.dashboard-stage-validating {
  color: #0f3d8f;
  border-color: rgba(37, 99, 235, 0.36);
  background: rgba(37, 99, 235, 0.17);
}
:root[data-theme="light"] .dashboard-status-chip.dashboard-stage-distributing {
  color: #6b4f26;
  border-color: rgba(201, 166, 107, 0.28);
  background: rgba(201, 166, 107, 0.14);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-operator {
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.12), rgba(249, 115, 22, 0.05) 42%, rgba(249, 115, 22, 0.016) 88%);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-operator:hover {
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.16), rgba(249, 115, 22, 0.066) 42%, rgba(249, 115, 22, 0.024) 88%);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-operator td {
  background: transparent;
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-operator td:first-child {
  box-shadow: inset 4px 0 0 rgba(234, 88, 12, 0.68);
}
:root[data-theme="light"] .dashboard-status-chip.dashboard-stage-operator {
  color: #9a3412;
  border-color: rgba(234, 88, 12, 0.26);
  background: rgba(255, 237, 213, 0.72);
}
:root[data-theme="light"] .dashboard-status-chip.dashboard-stage-completed {
  color: #075e58;
  border-color: rgba(13, 148, 136, 0.28);
  background: rgba(13, 148, 136, 0.14);
}
:root[data-theme="light"] .dashboard-status-chip.dashboard-stage-error {
  color: #7d1c1c;
  border-color: rgba(212, 91, 91, 0.26);
  background: rgba(212, 91, 91, 0.12);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-partial-return {
  background: linear-gradient(90deg, rgba(225, 29, 72, 0.13), rgba(225, 29, 72, 0.052) 42%, rgba(225, 29, 72, 0.016) 88%);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-partial-return:hover {
  background: linear-gradient(90deg, rgba(225, 29, 72, 0.17), rgba(225, 29, 72, 0.068) 42%, rgba(225, 29, 72, 0.022) 88%);
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-partial-return td {
  background: transparent;
}
:root[data-theme="light"] .dashboard-operations-table .dashboard-operation-row.dashboard-stage-partial-return td:first-child {
  box-shadow: inset 4px 0 0 rgba(225, 29, 72, 0.62);
}
:root[data-theme="light"] .dashboard-status-chip.dashboard-stage-partial-return {
  color: #881337;
  border-color: rgba(225, 29, 72, 0.28);
  background: rgba(255, 228, 230, 0.78);
}
:root[data-theme="light"] .dashboard-sub-operation {
  border-color: rgba(100, 116, 139, 0.16);
  background: rgba(248, 250, 252, 0.76);
}
:root[data-theme="light"] .dashboard-sub-operation b {
  color: #334155;
}
:root[data-theme="light"] .dashboard-sub-operation.is-returned {
  border-color: rgba(225, 29, 72, 0.24);
  background: rgba(255, 241, 242, 0.82);
}
:root[data-theme="light"] .dashboard-sub-operation.is-operator {
  border-color: rgba(234, 88, 12, 0.22);
  background: rgba(255, 247, 237, 0.82);
}
:root[data-theme="light"] .dashboard-sub-operation.is-delivered {
  border-color: rgba(13, 148, 136, 0.22);
  background: rgba(240, 253, 250, 0.82);
}
.table-row-attention td {
  background: rgba(201, 166, 107, 0.08);
}
:root[data-theme="light"] .table-row-attention td {
  background: rgba(201, 166, 107, 0.12);
}
@media (max-width: 1180px) {
  .dashboard-control-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .dashboard-control-kpis {
    grid-template-columns: 1fr;
  }
  .dashboard-control-toolbar label:last-child {
    min-width: 0;
  }
}

.client-portal-body {
  margin: 0;
  min-height: 100vh;
  color: #17202a;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.88), rgba(245,247,250,0.92)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='800' viewBox='0 0 1200 800'%3E%3Crect width='1200' height='800' fill='%23f4f7fb'/%3E%3Cpath d='M0 540c180-72 318-80 470-32 178 56 330 24 504-52 84-37 153-52 226-48v392H0z' fill='%23dce8ef'/%3E%3Cpath d='M0 630c154-36 318-38 492-8 178 31 358 18 708-82v260H0z' fill='%23eef2e8'/%3E%3C/svg%3E");
  background-size: cover;
  font-family: var(--font-ui);
}

.client-portal-shell {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 44px;
}

.client-login-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 430px);
  align-items: center;
  gap: 28px;
}

.client-login-hero,
.client-login-card,
.client-panel {
  border: 1px solid rgba(23, 32, 42, 0.1);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 22px 60px rgba(31, 44, 58, 0.14);
  backdrop-filter: blur(18px);
  border-radius: 8px;
}

.client-login-hero {
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
}

.client-login-hero h1,
.client-topbar h1 {
  margin: 8px 0 10px;
  font-size: clamp(2rem, 4vw, 4.4rem);
  line-height: 0.95;
  letter-spacing: 0;
}

.client-login-hero p {
  max-width: 620px;
  color: #465567;
  font-size: 1.05rem;
}

.client-login-metrics,
.client-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.client-login-metrics span,
.client-pill {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(28, 85, 105, 0.09);
  color: #1d596a;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.client-topbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  padding: 20px 0 12px;
}

.client-tabs {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 0 18px;
  background: linear-gradient(180deg, rgba(246,248,250,0.94), rgba(246,248,250,0.72));
  backdrop-filter: blur(14px);
}

.client-tabs button,
.client-icon-button,
.client-primary-button {
  min-height: 42px;
  border: 1px solid rgba(23, 32, 42, 0.12);
  border-radius: 8px;
  padding: 0 14px;
  font-weight: 800;
  cursor: pointer;
}

.client-tabs button {
  background: rgba(255,255,255,0.68);
  color: #344255;
}

.client-tabs button.active,
.client-primary-button {
  color: white;
  border-color: #184f61;
  background: #184f61;
}

.client-icon-button {
  background: white;
  color: #17202a;
}

.client-grid {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr 0.8fr;
  gap: 14px;
}

.client-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 14px;
}

.client-panel {
  padding: 20px;
  min-width: 0;
}

.client-panel h2 {
  margin: 0 0 14px;
  font-size: 1.18rem;
}

.client-kicker,
.client-muted,
.client-form-status {
  color: #637184;
}

.client-panel strong {
  display: block;
  font-size: 1.35rem;
  letter-spacing: 0;
}

.client-form label {
  display: grid;
  gap: 6px;
  color: #526071;
  font-size: 0.82rem;
  font-weight: 800;
}

.client-form input,
.client-form select,
.client-form textarea {
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  border: 1px solid rgba(23, 32, 42, 0.14);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.86);
  color: #17202a;
  font: inherit;
}

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

.client-result-grid div,
.client-list-row,
.client-table-row {
  border: 1px solid rgba(23,32,42,0.09);
  border-radius: 8px;
  background: rgba(255,255,255,0.66);
  padding: 14px;
}

.client-result-grid span,
.client-list-row span,
.client-list-row small,
.client-table-row span,
.client-table-row em {
  display: block;
  margin-top: 4px;
  color: #637184;
  font-style: normal;
}

.client-table-row {
  display: grid;
  grid-template-columns: 0.9fr 1.4fr 1fr 0.8fr;
  gap: 10px;
  align-items: center;
}

@media (max-width: 820px) {
  .client-portal-shell {
    width: min(100% - 20px, 720px);
    padding-top: 12px;
  }

  .client-login-shell,
  .client-grid,
  .client-split,
  .client-form-grid,
  .client-result-grid,
  .client-table-row {
    grid-template-columns: 1fr;
  }

  .client-login-shell {
    min-height: auto;
    align-items: stretch;
    gap: 12px;
  }

  .client-login-hero {
    min-height: 280px;
    padding: 24px;
  }

  .client-topbar {
    align-items: stretch;
    flex-direction: column;
  }

  .client-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .client-tabs button {
    flex: 0 0 auto;
  }
}

@media (max-width: 980px) {
  .user-edit-modal-card,
  .role-governance-modal-card {
    width: min(100vw - 20px, 100%);
    height: min(95dvh, 940px);
    max-height: 95dvh;
    padding: 10px;
  }
  .access-governance-card > .access-governance-hero {
    min-height: 0;
    padding: 14px;
  }
  .user-edit-grid {
    grid-template-columns: 1fr;
    overflow: auto;
  }
  .user-edit-section {
    overflow: visible;
  }
  .role-governance-layout {
    grid-template-columns: 1fr;
    overflow: hidden;
  }
  .role-governance-list {
    max-height: 24dvh;
  }
  .role-governance-panel {
    min-height: 0;
  }
  .user-role-picker,
  .role-menu-permissions,
  #role-technical-permissions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .user-edit-modal-card,
  .role-governance-modal-card {
    width: calc(100vw - 12px);
    height: 96dvh;
    max-height: 96dvh;
  }
  .access-governance-card > .access-governance-hero {
    align-items: stretch;
    gap: 10px;
  }
  .access-governance-hero .ghost-button {
    width: 100%;
    justify-content: center;
  }
  .user-role-picker,
  .role-menu-permissions,
  #role-technical-permissions {
    grid-template-columns: 1fr;
  }
  .section-heading {
    align-items: stretch;
    flex-direction: column;
  }
  .section-heading .primary-button {
    width: 100%;
    justify-content: center;
  }
}
.checklist { margin: 0; padding-left: 18px; color: var(--text-soft); display: grid; gap: 8px; }
.pulse-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pulse-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.pulse-badge.up {
  background: rgba(45,159,119,0.14);
  border-color: rgba(45,159,119,0.24);
  color: #b8f2df;
}
.pulse-badge.down {
  background: rgba(212,91,91,0.14);
  border-color: rgba(212,91,91,0.24);
  color: #ffd4d4;
}
.pulse-badge.flat {
  background: rgba(201,166,107,0.14);
  border-color: rgba(201,166,107,0.24);
  color: #ffe3b6;
}
.pulse-badge.limited {
  background: rgba(158,217,240,0.14);
  border-color: rgba(158,217,240,0.24);
  color: #c8f0ff;
}
.pulse-metric {
  display: block;
  margin-top: 8px;
  color: var(--text);
  font-size: 1.35rem;
  font-weight: 600;
}
.pulse-subline {
  display: block;
  margin-top: 6px;
  color: var(--text-soft);
  font-size: 0.88rem;
}
.pulse-note-list {
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--text-soft);
  display: grid;
  gap: 8px;
}
.pulse-note-list strong {
  color: var(--text);
}
.table-shell {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: auto;
  scrollbar-gutter: stable both-edges;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--table-shell-bg);
}
.profitability-stage .table-shell {
  min-height: 520px;
}
#view-profitability .profitability-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.profitability-kpis .metric-card strong {
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
}
.success-text {
  color: var(--success);
}
.danger-text {
  color: var(--danger);
}
table { width: 100%; border-collapse: collapse; min-width: 720px; }
th, td { padding: 14px 16px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--table-head-text); background: var(--neutral-03); }
.table-shell thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  background: var(--table-head-bg);
  color: var(--table-head-text);
  font-weight: 800;
  letter-spacing: 0.08em;
  backdrop-filter: blur(8px);
}
tbody tr:hover { background: var(--neutral-03); }
.table-shell tbody tr.table-row-reversed {
  background: linear-gradient(90deg, rgba(217, 99, 99, 0.15), rgba(217, 99, 99, 0.07) 42%, rgba(217, 99, 99, 0.025) 78%);
}
.table-shell tbody tr.table-row-reversed:hover {
  background: linear-gradient(90deg, rgba(217, 99, 99, 0.2), rgba(217, 99, 99, 0.09) 42%, rgba(217, 99, 99, 0.035) 78%);
}
.table-shell tbody tr.table-row-reversed td:first-child {
  box-shadow: inset 3px 0 0 rgba(217, 99, 99, 0.72);
}
.table-shell tbody tr.table-row-reversed .row-main {
  color: #ffe1e1;
}
.table-shell tbody tr.table-row-reversed .row-sub {
  color: rgba(255, 214, 214, 0.78);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-reversed {
  background: linear-gradient(90deg, rgba(217, 99, 99, 0.12), rgba(217, 99, 99, 0.055) 42%, rgba(217, 99, 99, 0.025) 78%);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-reversed:hover {
  background: linear-gradient(90deg, rgba(217, 99, 99, 0.16), rgba(217, 99, 99, 0.075) 42%, rgba(217, 99, 99, 0.035) 78%);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-reversed .row-main {
  color: #651b1b;
}
:root[data-theme="light"] .table-shell tbody tr.table-row-reversed .row-sub {
  color: #8c4a4a;
}
.table-shell tbody tr.table-row-annulled {
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.16), rgba(100, 116, 139, 0.08) 44%, rgba(15, 23, 42, 0.03) 100%);
  filter: grayscale(0.7);
}
.table-shell tbody tr.table-row-annulled:hover {
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.2), rgba(100, 116, 139, 0.11) 44%, rgba(15, 23, 42, 0.04) 100%);
}
.table-shell tbody tr.table-row-annulled td:first-child {
  box-shadow: inset 3px 0 0 rgba(148, 163, 184, 0.8);
}
.table-shell tbody tr.table-row-annulled .row-main,
.table-shell tbody tr.table-row-annulled strong,
.table-shell tbody tr.table-row-annulled b {
  color: rgba(226, 232, 240, 0.72);
}
.table-shell tbody tr.table-row-annulled .row-sub,
.table-shell tbody tr.table-row-annulled small,
.table-shell tbody tr.table-row-annulled em {
  color: rgba(148, 163, 184, 0.72);
}
.table-shell tbody tr.table-row-annulled .status-chip {
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.25);
  color: rgba(226, 232, 240, 0.78);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-annulled {
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.2), rgba(148, 163, 184, 0.09) 44%, rgba(148, 163, 184, 0.035) 100%);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-annulled:hover {
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.25), rgba(148, 163, 184, 0.12) 44%, rgba(148, 163, 184, 0.05) 100%);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-annulled .row-main,
:root[data-theme="light"] .table-shell tbody tr.table-row-annulled strong,
:root[data-theme="light"] .table-shell tbody tr.table-row-annulled b {
  color: rgba(51, 65, 85, 0.7);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-annulled .row-sub,
:root[data-theme="light"] .table-shell tbody tr.table-row-annulled small,
:root[data-theme="light"] .table-shell tbody tr.table-row-annulled em {
  color: rgba(100, 116, 139, 0.78);
}
.table-shell tbody tr.table-row-returned {
  background: linear-gradient(90deg, rgba(212, 91, 91, 0.16), rgba(212, 91, 91, 0.07) 44%, rgba(201, 166, 107, 0.03) 100%);
}
.table-shell tbody tr.table-row-returned:hover {
  background: linear-gradient(90deg, rgba(212, 91, 91, 0.22), rgba(212, 91, 91, 0.1) 44%, rgba(201, 166, 107, 0.05) 100%);
}
.table-shell tbody tr.table-row-returned td:first-child {
  box-shadow: inset 3px 0 0 rgba(212, 91, 91, 0.86);
}
.table-shell tbody tr.table-row-returned .validator-note-inline {
  display: block;
  margin-top: 5px;
  color: #ffb9b9;
  font-weight: 800;
}
.table-shell tbody tr.table-row-client-approval {
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.14), rgba(168, 85, 247, 0.062) 44%, rgba(201, 166, 107, 0.026) 100%);
}
.table-shell tbody tr.table-row-client-approval:hover {
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.19), rgba(168, 85, 247, 0.085) 44%, rgba(201, 166, 107, 0.04) 100%);
}
.table-shell tbody tr.table-row-client-approval td:first-child {
  box-shadow: inset 3px 0 0 rgba(192, 132, 252, 0.86);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-returned {
  background: linear-gradient(90deg, rgba(212, 91, 91, 0.13), rgba(212, 91, 91, 0.055) 44%, rgba(201, 166, 107, 0.035) 100%);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-returned:hover {
  background: linear-gradient(90deg, rgba(212, 91, 91, 0.18), rgba(212, 91, 91, 0.075) 44%, rgba(201, 166, 107, 0.045) 100%);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-returned .validator-note-inline {
  color: #8f2424;
}
:root[data-theme="light"] .table-shell tbody tr.table-row-client-approval {
  background: linear-gradient(90deg, rgba(147, 51, 234, 0.115), rgba(147, 51, 234, 0.052) 44%, rgba(201, 166, 107, 0.032) 100%);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-client-approval:hover {
  background: linear-gradient(90deg, rgba(147, 51, 234, 0.16), rgba(147, 51, 234, 0.07) 44%, rgba(201, 166, 107, 0.045) 100%);
}
:root[data-theme="light"] .table-shell tbody tr.table-row-client-approval td:first-child {
  box-shadow: inset 3px 0 0 rgba(147, 51, 234, 0.62);
}
.correction-validator-note {
  display: inline-flex;
  align-items: center;
  max-width: min(760px, 70vw);
  margin-left: 12px;
  padding: 7px 12px;
  border: 1px solid rgba(212, 91, 91, 0.34);
  border-radius: 999px;
  background: rgba(212, 91, 91, 0.12);
  color: #ffd7d7;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.2;
  vertical-align: middle;
  white-space: normal;
}
:root[data-theme="light"] .correction-validator-note {
  background: rgba(212, 91, 91, 0.1);
  border-color: rgba(150, 38, 38, 0.22);
  color: #7c1f1f;
}
.correction-validator-note.client-approval-note {
  background: rgba(168, 85, 247, 0.14);
  border-color: rgba(192, 132, 252, 0.34);
  color: #f3e8ff;
}
:root[data-theme="light"] .correction-validator-note.client-approval-note {
  background: rgba(243, 232, 255, 0.86);
  border-color: rgba(147, 51, 234, 0.24);
  color: #581c87;
}
.benefits-settings-form {
  margin: 18px 0;
}
.benefits-split {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: start;
}
.benefits-split .inline-head {
  margin: 0 0 10px;
}
.benefits-split h3 {
  margin: 0;
  font-size: 18px;
}
.benefits-settings-form.is-readonly {
  opacity: 0.82;
}
.table-shell tbody tr.investment-row-transfer {
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.105), rgba(56, 189, 248, 0.045) 42%, rgba(56, 189, 248, 0.018) 78%);
}
.table-shell tbody tr.investment-row-transfer:hover {
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.15), rgba(56, 189, 248, 0.06) 42%, rgba(56, 189, 248, 0.025) 78%);
}
.table-shell tbody tr.investment-row-transfer td:first-child {
  box-shadow: inset 3px 0 0 rgba(56, 189, 248, 0.58);
}
:root[data-theme="light"] .table-shell tbody tr.investment-row-transfer {
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.12), rgba(56, 189, 248, 0.05) 42%, rgba(56, 189, 248, 0.02) 78%);
}
.table-row-openable {
  cursor: pointer;
}
.table-row-openable:hover td {
  background: var(--neutral-035);
}
.row-main { color: var(--text); font-weight: 600; }
.row-sub { display: block; margin-top: 4px; color: var(--text-soft); font-size: 0.85rem; }
.checkbox-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.checkbox-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid var(--neutral-08);
  background: var(--neutral-03);
}
.checkbox-pill input { width: 16px; height: 16px; margin: 0; }
.status-chip { border: 1px solid transparent; }
.status-chip.ok { background: rgba(45,159,119,0.12); color: #b8f2df; }
.status-chip.warn { background: rgba(201,166,107,0.14); color: #ffe3b6; }
.status-chip.error { background: rgba(212,91,91,0.12); color: #ffd4d4; }
:root[data-theme="light"] .status-chip.ok { background: rgba(45,159,119,0.14); border-color: rgba(45,159,119,0.22); color: #0f5f40; }
:root[data-theme="light"] .status-chip.warn { background: rgba(201,166,107,0.14); border-color: rgba(201,166,107,0.22); color: #6b4f26; }
:root[data-theme="light"] .status-chip.error { background: rgba(212,91,91,0.12); border-color: rgba(212,91,91,0.22); color: #7d1c1c; }
.provider-balance-positive {
  color: #b8f2df;
}
.provider-balance-negative {
  color: #f0b7b7;
}
.inline-button { padding: 8px 12px; font-size: 0.84rem; }
.inline-button:disabled {
  opacity: 0.46;
  cursor: not-allowed;
  transform: none;
}
.inline-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.table-actions-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.danger-link {
  border-color: rgba(220, 38, 38, 0.35);
  color: #fda4af;
}

.danger-link:hover {
  border-color: rgba(220, 38, 38, 0.55);
  color: #fecdd3;
}
.source-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(201,166,107,0.24);
  background: rgba(201,166,107,0.08);
  color: #f5ddb1;
  font-size: 0.76rem;
  text-decoration: none;
}
.source-badge:hover {
  background: rgba(201,166,107,0.14);
}
.card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.rate-value-market {
  color: var(--rate-market);
}
.rate-value-buy {
  color: var(--rate-buy);
}
.rate-value-sell {
  color: var(--rate-sell);
}
.rate-date-current {
  color: var(--text-soft);
}
.rate-date-stale {
  color: var(--rate-stale);
}
.reference-published-card,
.reference-compare-cell {
  display: grid;
  gap: 10px;
}
.reference-published-card {
  align-content: start;
  min-height: 100%;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(201,166,107,0.18);
  background: linear-gradient(180deg, rgba(201,166,107,0.08), var(--neutral-02));
}
.reference-published-card strong,
.reference-compare-cell strong {
  display: block;
  color: var(--text);
  margin-bottom: 6px;
}
.reference-published-card > span:first-of-type {
  color: var(--text);
  font-size: 1rem;
  font-weight: 700;
}
.reference-published-card .row-sub {
  color: var(--text-soft);
}
.reference-source-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.reference-source-mini {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--neutral-03);
  border: 1px solid var(--neutral-06);
}
.reference-source-mini-market {
  border-color: rgba(201,166,107,0.22);
}
.reference-source-mini-bank {
  border-color: rgba(111,170,216,0.18);
}
.reference-source-mini-manual {
  border-color: rgba(124,202,162,0.18);
}
.reference-source-mini strong {
  margin: 0;
  color: var(--text);
}
.reference-source-mini > span:not(.row-sub) {
  color: var(--text);
  font-size: 0.88rem;
}
.reference-source-mini .row-sub {
  color: var(--text-soft);
}
.reference-compare-cell .card-actions {
  margin-top: 2px;
}
.reference-compare-cell .inline-button {
  width: 100%;
  justify-content: center;
}
.reference-matrix-shell {
  overflow: auto;
  border-radius: 22px;
  border: 1px solid var(--line);
  background: var(--reference-matrix-bg);
}
.reference-matrix-table {
  width: 100%;
  min-width: 1520px;
  border-collapse: collapse;
}
.reference-matrix-table thead th {
  padding: 16px 18px;
  background: var(--neutral-02);
  border-bottom: 1px solid var(--neutral-08);
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.24em;
  font-size: 0.73rem;
}
.reference-matrix-table thead .source-group-head {
  text-align: center;
}
.reference-matrix-table thead .group-start,
.reference-matrix-table tbody .group-start {
  border-left: 3px solid rgba(201,166,107,0.58);
}
.reference-matrix-table tbody td {
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
.reference-matrix-country {
  display: grid;
  gap: 6px;
  min-width: 260px;
}
.reference-matrix-value-block {
  display: grid;
  gap: 6px;
  align-content: start;
}
.reference-matrix-metric {
  display: inline-block;
  min-width: 92px;
  font-size: 1.42rem;
  line-height: 1;
  font-weight: 700;
  color: #c9f7f3;
  letter-spacing: -0.02em;
}
.reference-matrix-metric.is-empty {
  color: rgba(201,247,243,0.28);
}
.reference-matrix-metric-market {
  color: #bcefff;
}
.reference-matrix-metric-bank {
  color: #d7e9ff;
}
.reference-matrix-metric-manual {
  color: #efe4bb;
}
.reference-matrix-metric-published {
  color: #d3f6d1;
  font-size: 1.06rem;
  letter-spacing: 0.01em;
}
.reference-matrix-metric.is-fresh.reference-matrix-metric-published,
.reference-matrix-meta.is-fresh {
  color: #d3f6d1;
}
.reference-matrix-metric.is-stale.reference-matrix-metric-published,
.reference-matrix-meta.is-stale {
  color: #d8a5a5;
}
.reference-matrix-meta {
  display: inline-block;
  max-width: 220px;
  color: var(--text-soft);
  font-size: 0.74rem;
  line-height: 1.35;
}
.reference-matrix-value-block .reference-matrix-meta {
  margin-top: -2px;
}
.reference-matrix-meta.is-empty {
  color: rgba(185,191,203,0.42);
}
.reference-actions {
  min-width: 320px;
  justify-content: flex-start;
}
.reference-actions .inline-button {
  white-space: nowrap;
}
.reference-diff-badge {
  display: inline-flex;
  align-items: center;
  margin-top: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  letter-spacing: 0.02em;
  background: var(--neutral-04);
  border: 1px solid var(--neutral-08);
}
.reference-diff-badge.is-positive {
  color: #d3f6d1;
  background: rgba(100, 182, 115, 0.16);
  border-color: rgba(100, 182, 115, 0.28);
}
.reference-diff-badge.is-negative {
  color: #e4b2b2;
  background: rgba(162, 96, 96, 0.16);
  border-color: rgba(162, 96, 96, 0.26);
}
.reference-info-hint {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-top: 6px;
  border-radius: 999px;
  border: 1px solid var(--neutral-12);
  color: var(--text-soft);
  font-size: 0.72rem;
  cursor: help;
}
.reference-action-menu {
  position: relative;
}
.reference-action-menu summary {
  list-style: none;
}
.reference-action-menu summary::-webkit-details-marker {
  display: none;
}
.reference-action-menu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--neutral-12);
  color: var(--text-main);
  background: transparent;
  cursor: pointer;
  font-size: 1rem;
}
.reference-action-menu[open] .reference-action-menu-trigger,
.reference-action-menu-trigger:hover {
  border-color: rgba(201,166,107,0.34);
  background: var(--neutral-04);
}
.reference-action-menu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 3;
  display: grid;
  gap: 8px;
  min-width: 180px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--neutral-08);
  background: #111924;
  box-shadow: 0 20px 48px rgba(0,0,0,0.32);
}
.reference-action-menu-panel .inline-button {
  width: 100%;
  justify-content: flex-start;
  text-align: left;
}
.rates-panel {
  background: var(--panel-strong);
  border-color: var(--neutral-06);
}
.corridors-panel {
  background: var(--panel-strong);
  border-color: var(--neutral-06);
}
.corridors-panel .client-toolbar {
  background: var(--toolbar-glass-bg);
}
.corridors-table-shell {
  min-height: 0;
  max-height: none;
  overflow: visible;
  border: none;
  background: transparent;
}
.corridor-board {
  display: grid;
  gap: 12px;
}
.corridor-board-head,
.corridor-board-row {
  display: grid;
  grid-template-columns: minmax(360px, 1.3fr) minmax(320px, 1fr) minmax(180px, 0.5fr) 120px 160px;
  gap: 16px;
  align-items: stretch;
}
.corridor-board-head {
  padding: 0 12px 4px;
}
.corridor-board-head-cell {
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(212, 175, 55, 0.84);
}
.corridor-board-row {
  padding: 18px 12px;
  border-top: 1px solid var(--neutral-05);
  background: var(--neutral-015);
  transition: background 160ms ease, box-shadow 160ms ease;
}
.corridor-board-row:hover {
  background: var(--neutral-026);
  box-shadow: inset 0 1px 0 rgba(212, 175, 55, 0.16);
}
.corridor-board-cell {
  min-width: 0;
  display: grid;
  align-content: center;
}
.corridor-board-cell-route {
  gap: 8px;
}
.corridor-route-premium {
  font-size: 1.08rem;
  font-weight: 700;
}
.corridor-code-line {
  font-size: 0.9rem;
}
.corridor-mode-stack {
  display: grid;
  gap: 8px;
}
.corridor-board-cell-rate {
  gap: 6px;
}
.corridor-active-rate {
  color: #f8fafc;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.03em;
}
.corridor-active-rate.is-empty {
  color: rgba(248,250,252,0.72);
  font-size: 1.18rem;
}
.corridor-board-cell-status {
  justify-items: start;
}
.corridor-board-cell-actions {
  justify-items: start;
}
.corridor-action-group {
  gap: 10px;
}
.corridor-rate-button {
  border-color: rgba(212, 175, 55, 0.22);
  background: rgba(212, 175, 55, 0.1);
  color: #f7ddb1;
}
.corridor-rate-workspace {
  background:
    radial-gradient(circle at top right, rgba(212, 175, 55, 0.1), transparent 26%),
    linear-gradient(180deg, rgba(18, 24, 34, 0.98), rgba(14, 20, 28, 0.98));
}
.corridor-rate-workspace .panel-head {
  margin-bottom: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--neutral-05);
}
.corridor-rate-head {
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.corridor-rate-head-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.corridor-rate-title-row {
  display: flex;
  align-items: flex-start;
}
.corridor-rate-switcher-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
  min-width: 0;
}
.corridor-rate-switcher {
  display: grid;
  gap: 6px;
  position: relative;
  flex: 1 1 min(1120px, 76vw);
  min-width: min(920px, 100%);
}
.corridor-rate-switcher span {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent);
}
.corridor-rate-switcher-button {
  width: 100%;
  min-height: 58px;
  padding: 10px 48px 10px 16px;
  border: 1px solid rgba(201,166,107,0.42);
  border-radius: 18px;
  background: linear-gradient(180deg, var(--neutral-045), var(--neutral-03));
  color: var(--text);
  font: inherit;
  text-align: left;
  outline: none;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: inset 0 1px 0 var(--neutral-04);
  cursor: pointer;
}
.corridor-rate-switcher-button:focus,
.corridor-rate-switcher-button[aria-expanded="true"] {
  border-color: rgba(201,166,107,0.55);
  box-shadow: 0 0 0 3px rgba(201,166,107,0.12);
}
.corridor-switcher-flags {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.corridor-switcher-flags .country-flag-wrap {
  width: 32px;
  height: 22px;
  border-radius: 6px;
}
.corridor-switcher-current {
  display: grid;
  min-width: 0;
  gap: 3px;
  flex: 1 1 auto;
}
.corridor-switcher-current strong {
  display: block;
  font-size: clamp(1rem, 1.12vw, 1.28rem);
  line-height: 1.05;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.corridor-switcher-current small {
  color: var(--text-soft);
  font-size: 0.78rem;
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.corridor-switcher-caret {
  position: absolute;
  right: 17px;
  color: var(--accent);
  font-size: 1.2rem;
}
.corridor-rate-switcher-menu {
  position: absolute;
  z-index: 30;
  inset: calc(100% + 8px) 0 auto 0;
  max-height: min(390px, 56vh);
  overflow: auto;
  padding: 8px;
  border: 1px solid rgba(201,166,107,0.26);
  border-radius: 18px;
  background: rgba(9, 15, 24, 0.98);
  box-shadow: 0 26px 70px rgba(0,0,0,0.42);
}
.corridor-rate-switcher-option {
  width: 100%;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--text);
  font: inherit;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.corridor-rate-switcher-option:hover,
.corridor-rate-switcher-option.is-selected {
  border-color: rgba(201,166,107,0.26);
  background: rgba(201,166,107,0.1);
}
.corridor-rate-head-side {
  display: grid;
  justify-items: end;
  gap: 12px;
  flex: 0 0 auto;
  min-width: min(360px, 100%);
}
.corridor-rate-header-badge {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.corridor-rate-header-badge .corridor-mode-badge {
  margin-top: 0;
  max-width: 340px;
  padding: 9px 13px;
  gap: 9px;
  background: linear-gradient(180deg, rgba(201,166,107,0.12), var(--neutral-03));
  border-color: rgba(201,166,107,0.24);
  box-shadow: inset 0 1px 0 var(--neutral-04);
}
.corridor-rate-header-badge .corridor-mode-note {
  font-size: 0.74rem;
  color: rgba(226, 232, 240, 0.72);
}
.corridor-rate-head-subtitle {
  margin: 8px 0 0;
  color: var(--text-soft);
  font-size: 0.92rem;
  max-width: 720px;
}
.corridor-rate-head-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.corridor-rate-stage-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--neutral-08);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.corridor-rate-stage-chip.is-draft {
  color: #f5ddb1;
  background: rgba(201,166,107,0.12);
  border-color: rgba(201,166,107,0.24);
}
.corridor-rate-stage-chip.is-idle {
  color: #cbd5e1;
  background: var(--neutral-04);
  border-color: var(--neutral-08);
}
.corridor-rate-stage-copy {
  color: var(--text-soft);
  font-size: 0.88rem;
}
.corridor-rate-head-actions {
  justify-content: flex-end;
  width: 100%;
}
#corridor-history-summary {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.corridor-history-toolbar {
  margin: 12px 0 14px;
}
.corridor-history-toolbar label {
  width: 100%;
}
#corridor-history-table .row-main {
  white-space: nowrap;
}
#corridor-history-table .row-sub {
  max-width: 280px;
}
#corridor-history-version-summary {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
#corridor-history-version-table .row-main {
  white-space: nowrap;
}
#corridor-history-version-table .row-sub {
  max-width: 320px;
}
.corridor-history-block {
  background: var(--neutral-025);
}
#corridor-history-version-table {
  margin-top: 12px;
  min-height: 0;
}
.corridor-history-preview {
  grid-column: 1 / -1;
}
.corridor-history-stack {
  gap: 14px;
}
.corridor-history-block .table-shell {
  margin-top: 12px;
  min-height: 0;
}
.corridor-rate-workspace #corridor-windows-summary {
  display: grid;
  gap: 14px;
}
.rates-panel-head {
  justify-content: flex-end;
  padding-bottom: 6px;
}
.rates-panel-actions {
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
.market-live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text-soft);
  font-size: 0.86rem;
}
.rates-live-indicator {
  margin-right: auto;
}
.market-live-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.5);
  animation: market-live-pulse 1.8s infinite;
}
.rate-primary-button {
  min-height: 48px;
  padding: 10px 12px 10px 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #111827;
  background: linear-gradient(135deg, #d4af37, #fde047);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
}
.rate-primary-button-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.18);
  font-size: 1rem;
  font-weight: 800;
}
.rates-toolbar-shell {
  margin-top: 10px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--toolbar-shell-bg);
}
.rates-toolbar-shell input,
.rates-toolbar-shell select {
  min-height: 52px;
  border-radius: 16px;
  border-color: var(--line);
  background: var(--panel-strong);
  color: var(--text);
}
.rates-toolbar-shell label span {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.rates-panel .catalog-table-shell {
  min-height: 0;
  max-height: none;
  overflow: visible;
  border: none;
  background: transparent;
}
.reference-matrix-list {
  display: grid;
  gap: 12px;
}
.reference-matrix-rows {
  display: grid;
  gap: 12px;
}
.reference-matrix-head,
.reference-matrix-row {
  display: grid;
  grid-template-columns: minmax(240px, 1.05fr) minmax(250px, 1fr) minmax(250px, 1fr) minmax(250px, 1fr) 64px;
  gap: 14px;
  align-items: stretch;
}
.reference-matrix-head {
  padding: 0 10px 2px;
}
.reference-matrix-head-cell {
  padding: 6px 8px 0;
  font-size: 0.69rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  color: var(--table-head-text);
  text-transform: uppercase;
}
.reference-matrix-row {
  padding: 18px 10px;
  border-top: 1px solid var(--line);
  transition: background 160ms ease, box-shadow 160ms ease;
}
.reference-matrix-row:hover,
.reference-matrix-row.is-priority {
  background: var(--neutral-015);
  box-shadow: inset 0 1px 0 rgba(212, 175, 55, 0.16);
}
.reference-matrix-cell {
  min-width: 0;
}
.reference-matrix-cell-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reference-matrix-country {
  display: grid;
  gap: 7px;
  min-width: 250px;
}
.reference-matrix-country .row-main.country-identity {
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.2;
}
.reference-matrix-country .row-sub {
  font-size: 0.96rem;
}
.reference-source-card {
  display: grid;
  gap: 8px;
  min-height: 116px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--reference-card-bg);
}
.reference-source-card-market {
  border-color: var(--neutral-08);
}
.reference-source-card-bank {
  border-color: var(--neutral-08);
}
.reference-source-card-published {
  border-color: rgba(201,166,107,0.32);
  background: var(--reference-card-bg-published);
}
.reference-source-card.is-fresh {
  box-shadow: inset 0 1px 0 rgba(52, 211, 153, 0.12);
}
.reference-source-card.is-stale {
  box-shadow: inset 0 1px 0 rgba(239, 68, 68, 0.1);
}
.reference-source-card.is-empty {
  place-items: center;
  min-height: 112px;
  background: var(--reference-card-empty-bg);
}
.reference-source-card.align-center {
  text-align: center;
}
.reference-source-card.is-interactive {
  cursor: pointer;
}
.reference-source-card.is-interactive:hover {
  border-color: rgba(212, 175, 55, 0.22);
}
.reference-source-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.reference-source-card-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  width: 100%;
}
.reference-matrix-value-block {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.reference-matrix-metric-line {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}
.reference-matrix-metric-line.is-empty {
  opacity: 0.52;
}
.reference-matrix-metric {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  color: var(--text);
  letter-spacing: -0.03em;
}
.reference-matrix-metric-market,
.reference-matrix-metric-bank,
.reference-matrix-metric-published {
  color: var(--text);
}
.reference-matrix-metric.is-empty {
  color: var(--text-soft);
  opacity: 0.72;
}
.reference-matrix-label {
  font-size: 0.66rem;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.reference-source-footer .reference-matrix-meta {
  max-width: none;
  font-size: 0.68rem;
  line-height: 1.3;
}
.reference-source-footer.is-fresh .reference-matrix-meta {
  color: var(--success);
}
.reference-source-footer.is-stale .reference-matrix-meta {
  color: var(--danger);
}
.reference-empty-dash {
  color: var(--text-soft);
  opacity: 0.55;
  font-size: 1.4rem;
  line-height: 1;
}
.reference-source-side {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  align-self: center;
}
.reference-diff-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 1px solid var(--neutral-08);
  background: var(--neutral-04);
  white-space: nowrap;
}
.reference-diff-badge.is-positive {
  color: #6ee7b7;
  background: rgba(52, 211, 153, 0.1);
  border-color: rgba(52, 211, 153, 0.2);
}
.reference-diff-badge.is-negative {
  color: #fca5a5;
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.16);
}
:root[data-theme="light"] .reference-diff-badge.is-positive {
  color: #0f5f40;
  background: rgba(45,159,119,0.12);
  border-color: rgba(45,159,119,0.22);
}
:root[data-theme="light"] .reference-diff-badge.is-negative {
  color: #7d1c1c;
  background: rgba(212,91,91,0.1);
  border-color: rgba(212,91,91,0.22);
}
.reference-info-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.reference-info-hint {
  width: 19px;
  height: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--neutral-12);
  color: rgba(226, 232, 240, 0.82);
  font-size: 0.71rem;
  cursor: default;
}
.reference-info-tooltip {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 168px;
  padding: 8px 10px;
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  font-size: 0.74rem;
  line-height: 1.35;
  box-shadow: 0 16px 34px rgba(0,0,0,0.28);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 140ms ease, transform 140ms ease;
  z-index: 6;
}
.reference-info-wrap:hover .reference-info-tooltip {
  opacity: 1;
  transform: translateY(0);
}
.account-operator-info {
  margin-left: 2px;
}
.reference-action-menu {
  position: relative;
  display: flex;
  justify-content: center;
}
.reference-action-menu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid var(--neutral-08);
  color: rgba(148, 163, 184, 0.92);
  background: rgba(15, 23, 42, 0.72);
  font-size: 1.05rem;
  line-height: 1;
}
.reference-action-menu[open] .reference-action-menu-trigger,
.reference-action-menu-trigger:hover {
  border-color: rgba(212, 175, 55, 0.34);
  color: #f8fafc;
  background: rgba(212, 175, 55, 0.08);
}
.reference-action-menu-panel {
  top: calc(100% + 10px);
  min-width: 190px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid var(--neutral-08);
  background: rgba(15, 23, 42, 0.98);
}
.reference-action-menu-panel .inline-button {
  border-color: transparent;
  background: transparent;
}

/* Referencia dolar: matriz financiera premium */

#view-rates .rates-panel-head {
  padding: 0 0 22px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

#view-rates .rate-primary-button {
  min-height: 46px;
  padding: 10px 16px 10px 18px;
  border: 1px solid rgba(201, 150, 77, 0.48);
  color: var(--accent-ink);
  background: linear-gradient(180deg, #dcb06a 0%, #c5904a 100%);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

#view-rates .rate-primary-button:hover {
  transform: translateY(-1px);
  filter: saturate(1.02);
}

#view-rates .rate-primary-button-icon {
  width: 24px;
  height: 24px;
  background: rgba(37, 25, 11, 0.14);
  border: 1px solid rgba(37, 25, 11, 0.12);
  font-size: 0.92rem;
}

#view-rates .rates-toolbar-shell {
  margin: 0 0 18px;
  padding: 16px;
  border-radius: 18px;
  border-color: rgba(148, 163, 184, 0.18);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.02), rgba(201, 166, 107, 0.04)),
    var(--toolbar-shell-bg);
  box-shadow: inset 0 1px 0 var(--neutral-04);
}

#view-rates .rates-mode-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  align-self: end;
  min-height: 50px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.38);
}

#view-rates .rates-mode-button {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 0 16px;
  color: var(--text-soft);
  background: transparent;
  font: inherit;
  font-size: 0.86rem;
  font-weight: 760;
  cursor: pointer;
}

#view-rates .rates-mode-button.is-active {
  color: var(--text);
  border-color: rgba(224, 179, 106, 0.24);
  background: rgba(224, 179, 106, 0.14);
}

#view-rates .catalog-table-shell {
  padding: 0;
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), transparent 34%),
    rgba(8, 12, 18, 0.42);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.18);
  overflow: visible;
}

#view-rates .rates-table-simple {
  overflow: visible;
}

#view-rates .rates-simple-table {
  display: grid;
}

#view-rates .rates-simple-head,
#view-rates .rates-simple-row {
  display: grid;
  grid-template-columns: minmax(250px, 1.35fr) minmax(160px, 0.82fr) minmax(160px, 0.82fr) minmax(220px, 1fr) minmax(140px, 0.72fr) minmax(120px, 0.5fr);
  gap: 14px;
  align-items: center;
}

#view-rates .rates-simple-head {
  padding: 14px 18px;
  border-bottom: 1px solid rgba(201, 166, 107, 0.18);
  color: var(--accent);
  background: rgba(8, 12, 18, 0.28);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

#view-rates .rates-simple-row {
  min-height: 74px;
  padding: 13px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
  background: rgba(255, 255, 255, 0.008);
}

#view-rates .rates-simple-row:last-child {
  border-bottom: 0;
}

#view-rates .rates-simple-row:hover,
#view-rates .rates-simple-row.is-fresh:first-child {
  background: rgba(255, 255, 255, 0.018);
  box-shadow: inset 3px 0 0 rgba(224, 179, 106, 0.32);
}

#view-rates .rates-simple-country {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

#view-rates .rates-simple-country strong,
#view-rates .rates-simple-country small,
#view-rates .rates-simple-date strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-rates .rates-simple-country strong {
  color: var(--text);
  font-size: 0.98rem;
  font-weight: 840;
}

#view-rates .rates-simple-country small,
#view-rates .rates-simple-value span,
#view-rates .rates-simple-date span {
  color: var(--text-soft);
  font-size: 0.76rem;
}

#view-rates .rates-simple-value {
  display: grid;
  gap: 3px;
}

#view-rates .rates-simple-value strong {
  color: var(--text);
  font-size: 1.18rem;
  font-weight: 860;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

#view-rates .rates-simple-sell strong {
  color: var(--rate-sell);
}

#view-rates .rates-simple-buy strong {
  color: var(--rate-buy);
}

#view-rates .rates-simple-date {
  display: grid;
  gap: 4px;
}

#view-rates .rates-simple-date strong {
  color: var(--text);
  font-size: 0.88rem;
  font-weight: 720;
}

#view-rates .rates-simple-status .status-chip.is-fresh {
  color: #b8f2df;
  background: rgba(45, 159, 119, 0.16);
  border-color: rgba(45, 159, 119, 0.28);
}

#view-rates .rates-simple-status .status-chip.is-stale {
  color: #f5d08a;
  background: rgba(224, 180, 88, 0.14);
  border-color: rgba(224, 180, 88, 0.24);
}

#view-rates .rates-simple-status .status-chip.is-missing {
  color: var(--text-soft);
  background: rgba(148, 163, 184, 0.1);
  border-color: rgba(148, 163, 184, 0.18);
}

#view-rates .rates-simple-action-cell {
  justify-self: end;
}

#view-rates .rates-simple-actions {
  min-width: 112px;
}

#view-rates .reference-matrix-list {
  gap: 0;
}

#view-rates .reference-matrix-head {
  padding: 14px 16px 12px;
  border-bottom: 1px solid rgba(201, 166, 107, 0.18);
  background: rgba(8, 12, 18, 0.28);
}

#view-rates .reference-matrix-head-cell {
  padding: 0 2px;
}

#view-rates .reference-matrix-rows {
  gap: 0;
}

#view-rates .reference-matrix-row {
  padding: 18px 16px;
  border-top: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

#view-rates .reference-matrix-cell-actions {
  align-items: center;
  justify-content: center;
  min-width: 122px;
}

#view-rates .reference-matrix-row:last-child {
  border-bottom: 0;
}

#view-rates .reference-matrix-row:hover,
#view-rates .reference-matrix-row.is-priority {
  background: rgba(255, 255, 255, 0.018);
  box-shadow: inset 3px 0 0 rgba(224, 179, 106, 0.32);
}

#view-rates .reference-source-card {
  min-height: 108px;
  border-radius: 16px;
  border-color: rgba(148, 163, 184, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 56%),
    var(--reference-card-bg);
}

#view-rates .reference-source-card-market {
  border-color: rgba(34, 211, 238, 0.16);
}

#view-rates .reference-source-card-bank {
  border-color: rgba(45, 159, 119, 0.18);
}

#view-rates .reference-source-card-published {
  border-color: rgba(224, 179, 106, 0.36);
}

#view-rates .reference-source-card.is-empty {
  min-height: 108px;
  border-style: dashed;
  border-color: rgba(148, 163, 184, 0.18);
  background:
    linear-gradient(180deg, rgba(148, 163, 184, 0.04), rgba(148, 163, 184, 0.02)),
    rgba(15, 23, 42, 0.34);
}

#view-rates .reference-empty-dash {
  min-height: 30px;
  padding: 7px 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  color: var(--text-soft);
  background: rgba(15, 23, 42, 0.22);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  opacity: 1;
}

#view-rates .reference-matrix-metric {
  font-size: 1.44rem;
  letter-spacing: 0;
}

#view-rates .reference-matrix-label {
  min-width: 58px;
}

#view-rates .reference-info-hint {
  background: rgba(15, 23, 42, 0.18);
}

#view-rates .reference-action-menu-trigger {
  width: auto;
  min-width: 104px;
  height: 38px;
  gap: 8px;
  padding: 0 12px;
  border-radius: 999px;
  color: var(--text);
  background: rgba(15, 23, 42, 0.46);
  font-size: 0.82rem;
  font-weight: 700;
}

#view-rates .reference-action-menu-caret {
  color: var(--accent);
  font-size: 0.74rem;
}

#view-rates .reference-action-menu-panel {
  right: 0;
  left: auto;
  z-index: 30;
  min-width: 220px;
  border-color: rgba(224, 179, 106, 0.18);
  background: rgba(13, 19, 27, 0.98);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.28);
}

#view-rates .reference-action-menu-panel .inline-button {
  width: 100%;
  justify-content: flex-start;
  color: #eef3f7;
  background: transparent;
}

#view-rates .reference-action-menu-panel .inline-button:hover {
  border-color: rgba(224, 179, 106, 0.18);
  background: rgba(224, 179, 106, 0.08);
}

#rate-editor-modal .modal-card {
  max-width: min(1500px, calc(100vw - 96px));
}

#rate-editor-modal .panel-head {
  margin-bottom: 14px;
}

#rate-editor-modal:not(.hidden) {
  inset: 0 0 0 var(--sidebar-size);
  place-items: stretch;
  padding: 28px;
  background: transparent;
  backdrop-filter: none;
}

#rate-editor-modal .rate-editor-modal-card {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(100dvh - 56px);
  max-height: calc(100dvh - 56px) !important;
  min-height: 0 !important;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  padding: 20px;
  border-radius: 24px;
}

#rate-editor-modal .rate-editor-modal-card::before {
  display: none;
}

#rate-editor-modal .rate-editor-modal-card > .panel-head {
  position: sticky;
  top: 0;
  z-index: 12;
  margin: 0 0 14px;
  padding: 16px 18px;
  border: 1px solid var(--neutral-08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 0%, rgba(201,166,107,0.12), transparent 34%),
    linear-gradient(135deg, rgba(18,26,38,0.98), rgba(12,19,29,0.98));
  box-shadow: inset 0 1px 0 var(--neutral-04), 0 20px 46px rgba(0,0,0,0.2);
}

#rate-editor-modal #rate-form {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  overflow-x: hidden;
  align-content: start;
  padding: 0 8px 14px 0;
  scrollbar-gutter: stable;
}

#rate-editor-modal .rate-country-field .search-select-trigger {
  min-height: 62px;
}

#rate-editor-modal .rate-country-field .search-select-trigger-text {
  font-size: 1.2rem;
  font-weight: 800;
}

#rate-editor-modal .rate-country-field .search-select-option-main.has-flag,
#rate-editor-modal .rate-country-field .search-select-trigger-text .search-select-option-main.has-flag {
  gap: 16px;
}

#rate-editor-modal .rate-country-field .search-select-flag {
  width: 42px;
  height: 30px;
  border-radius: 8px;
}

#rate-editor-modal .rate-country-field .search-select-option-label {
  font-size: 1.14rem;
  font-weight: 800;
}

#rate-editor-modal .rate-country-field .search-select-option-meta {
  font-size: 0.82rem;
}

#rate-editor-modal .rate-country-field .search-select-option {
  min-height: 64px;
}

#rate-editor-modal .rate-country-field .search-select-panel {
  max-height: min(420px, 56dvh);
  overflow: auto;
  z-index: 24;
}

#rate-editor-modal .form-actions {
  position: sticky;
  bottom: 0;
  z-index: 14;
  margin-top: 8px;
  padding: 16px 0 0;
  background: linear-gradient(180deg, rgba(11,17,25,0), rgba(11,17,25,0.96) 28%);
}

#rate-editor-modal #rate-reference-card,
#rate-editor-modal #rate-current-card {
  background:
    linear-gradient(135deg, rgba(224, 179, 106, 0.06), transparent 42%),
    var(--panel-strong);
}

#rate-editor-modal .reference-source-grid {
  gap: 12px;
}

#rate-editor-modal .reference-source-mini {
  border-radius: 16px;
}

:root[data-theme="light"] #view-rates .rates-panel {
  background: transparent;
}

:root[data-theme="light"] #view-rates .rates-panel-head {
  border-bottom-color: rgba(15, 23, 42, 0.1);
}

:root[data-theme="light"] #view-rates .rate-primary-button {
  color: #2b1b08;
  background: linear-gradient(180deg, #d8ad67 0%, #bd8744 100%);
  border-color: rgba(146, 93, 36, 0.22);
  box-shadow: 0 16px 30px rgba(146, 93, 36, 0.18);
}

:root[data-theme="light"] #view-rates .rates-toolbar-shell {
  border-color: rgba(125, 101, 70, 0.2);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.64), rgba(248,250,252,0.74)),
    #e9e4d9;
  box-shadow: 0 10px 26px rgba(51, 65, 85, 0.07);
}

:root[data-theme="light"] #view-rates .catalog-table-shell {
  border-color: rgba(125, 101, 70, 0.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,247,243,0.96)),
    #f3f0e9;
  box-shadow: 0 20px 46px rgba(51, 65, 85, 0.11);
}

:root[data-theme="light"] #view-rates .reference-matrix-head {
  border-bottom-color: rgba(125, 101, 70, 0.18);
  background: #e8eef5;
}

:root[data-theme="light"] #view-rates .reference-matrix-row {
  border-bottom-color: rgba(125, 101, 70, 0.16);
  background: rgba(255, 255, 255, 0.58);
}

:root[data-theme="light"] #view-rates .reference-matrix-row:nth-child(even) {
  background: rgba(248, 247, 243, 0.72);
}

:root[data-theme="light"] #view-rates .reference-matrix-row:hover,
:root[data-theme="light"] #view-rates .reference-matrix-row.is-priority {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 3px 0 0 rgba(201, 150, 77, 0.38);
}

:root[data-theme="light"] #view-rates .reference-source-card {
  border-color: rgba(100, 116, 139, 0.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.9), rgba(248,247,243,0.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82);
}

:root[data-theme="light"] #view-rates .reference-source-card-market {
  border-color: rgba(14, 116, 144, 0.18);
}

:root[data-theme="light"] #view-rates .reference-source-card-bank {
  border-color: rgba(15, 95, 64, 0.18);
}

:root[data-theme="light"] #view-rates .reference-source-card-published {
  border-color: rgba(201, 150, 77, 0.28);
  background:
    linear-gradient(180deg, rgba(224,179,106,0.13), rgba(255,255,255,0.78) 58%),
    #fffaf2;
}

:root[data-theme="light"] #view-rates .reference-source-card.is-empty {
  border-color: rgba(100, 116, 139, 0.2);
  background:
    repeating-linear-gradient(135deg, rgba(100,116,139,0.035) 0 6px, transparent 6px 12px),
    #edf0f2;
}

:root[data-theme="light"] #view-rates .reference-empty-dash {
  color: #64748b;
  background: rgba(255, 255, 255, 0.66);
  border-color: rgba(100, 116, 139, 0.2);
}

:root[data-theme="light"] #view-rates .reference-info-hint {
  color: #64748b;
  background: rgba(255, 255, 255, 0.62);
  border-color: rgba(100, 116, 139, 0.18);
}

:root[data-theme="light"] #view-rates .reference-action-menu-trigger {
  color: #1f2937;
  border-color: rgba(100, 116, 139, 0.18);
  background: #f8fafc;
}

:root[data-theme="light"] #view-rates .reference-action-menu[open] .reference-action-menu-trigger,
:root[data-theme="light"] #view-rates .reference-action-menu-trigger:hover {
  color: #1f2937;
  border-color: rgba(201, 150, 77, 0.34);
  background: #fff7e7;
}

:root[data-theme="light"] #view-rates .reference-action-menu-panel {
  border-color: rgba(100, 116, 139, 0.16);
  background: #ffffff;
  box-shadow: 0 24px 46px rgba(51, 65, 85, 0.18);
}

:root[data-theme="light"] #view-rates .reference-action-menu-panel .inline-button {
  color: #0f172a;
}

:root[data-theme="light"] #view-rates .reference-action-menu-panel .inline-button:hover {
  background: #f8f1e6;
}

:root[data-theme="light"] #rate-editor-modal #rate-reference-card,
:root[data-theme="light"] #rate-editor-modal #rate-current-card {
  background:
    linear-gradient(135deg, rgba(224, 179, 106, 0.08), transparent 44%),
    #f8fafc;
}

:root[data-theme="light"] #rate-editor-modal .rate-editor-modal-card > .panel-head {
  background:
    radial-gradient(circle at 92% 0%, rgba(201,166,107,0.14), transparent 34%),
    linear-gradient(135deg, rgba(244,248,252,0.98), rgba(255,255,255,0.94));
  border-color: rgba(143,126,99,0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 18px 42px rgba(51,65,85,0.12);
}

:root[data-theme="light"] #rate-editor-modal .form-actions {
  background: linear-gradient(180deg, rgba(248,250,252,0), rgba(248,250,252,0.96) 28%);
}

#view-rates .rates-panel {
  border: 0;
  background: transparent;
  box-shadow: none;
}

#view-rates .rates-panel-head {
  margin-bottom: 14px;
}

#view-rates .rates-toolbar-shell {
  margin-bottom: 14px;
  border-radius: 16px;
  background: rgba(9, 14, 21, 0.54);
}

#view-rates .catalog-table-shell {
  border-radius: 18px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
}

#view-rates .reference-matrix-head,
#view-rates .reference-matrix-row {
  grid-template-columns: minmax(260px, 0.9fr) minmax(230px, 1fr) minmax(230px, 1fr) minmax(255px, 1fr) minmax(150px, 0.38fr);
}

#view-rates .reference-matrix-head {
  padding: 12px 14px 10px;
  border-radius: 18px 18px 0 0;
}

#view-rates .reference-matrix-row {
  padding: 14px;
}

#view-rates .reference-source-card {
  min-height: 94px;
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: none;
}

#view-rates .reference-source-card.is-empty {
  min-height: 94px;
}

#view-rates .reference-source-card-head {
  gap: 10px;
}

#view-rates .reference-matrix-value-block {
  gap: 6px;
}

#view-rates .reference-matrix-metric {
  font-size: 1.28rem;
}

#view-rates .reference-source-side {
  min-width: 104px;
}

#view-rates .reference-diff-badge {
  min-height: 28px;
  padding: 6px 12px;
  font-size: 0.72rem;
}

#view-rates .reference-matrix-cell-actions {
  align-items: center;
  justify-content: stretch;
}

#view-rates .reference-action-menu {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

#view-rates .reference-action-menu-trigger {
  width: 100%;
  min-width: 0;
  max-width: 136px;
  height: 40px;
  justify-content: space-between;
  padding: 0 14px;
  border-radius: 12px;
}

#view-rates .reference-action-menu-panel {
  top: calc(100% + 6px);
  right: 0;
  z-index: 90;
  min-width: 210px;
  border-radius: 14px;
}

.rate-editor-modal-card,
.rate-history-modal-card,
.rate-pulse-modal-card {
  width: min(1500px, calc(100vw - 44px));
  height: min(92dvh, 900px);
  min-height: 0;
  max-height: min(92dvh, 900px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px;
}

#rate-editor-modal .rate-editor-modal-card > .panel-head,
#rate-history-modal .rate-history-modal-card > .panel-head,
#rate-pulse-modal .rate-pulse-modal-card > .panel-head {
  position: static;
  flex: 0 0 auto;
  margin: 0 0 10px;
  padding: 14px 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(20, 35, 51, 0.82)),
    radial-gradient(circle at 90% 0%, rgba(201, 166, 107, 0.12), transparent 34%);
}

#rate-editor-modal .rate-editor-modal-card > .panel-head h2,
#rate-history-modal .rate-history-modal-card > .panel-head h2,
#rate-pulse-modal .rate-pulse-modal-card > .panel-head h2 {
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  line-height: 1.08;
}

#rate-pulse-modal #rate-pulse-summary {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 2px 4px 0;
}

#rate-pulse-modal .pulse-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#rate-pulse-modal .pulse-card {
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: none;
}

#rate-editor-modal #rate-form {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  padding: 2px 4px 0;
}

#rate-editor-modal #rate-form > label {
  grid-column: auto;
  min-width: 0;
}

#rate-editor-modal #rate-form > label.full-span {
  grid-column: 1 / -1;
}

#rate-editor-modal #rate-form > label span {
  margin-bottom: 7px;
}

#rate-editor-modal #rate-form input,
#rate-editor-modal #rate-form select {
  min-height: 48px;
}

#rate-editor-modal .detail-card {
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: none;
}

#rate-editor-modal .rate-type-card {
  align-content: center;
  min-height: 76px;
}

#rate-editor-modal #rate-reference-card,
#rate-editor-modal #rate-current-card {
  border-color: rgba(148, 163, 184, 0.16);
}

#rate-editor-modal .reference-source-grid {
  gap: 10px;
}

#rate-editor-modal .reference-source-mini {
  border-radius: 14px;
  padding: 12px 14px;
}

#rate-editor-modal .card-actions {
  margin-top: 10px;
}

#rate-editor-modal .card-actions .inline-button {
  min-height: 40px;
  padding: 0 14px;
}

#rate-editor-modal .form-actions {
  margin: 10px -12px -12px;
  padding: 10px 12px;
}

#rate-editor-modal .form-actions .primary-button,
#rate-editor-modal .form-actions .ghost-button {
  min-height: 44px;
}

#rate-history-modal .rate-history-modal-card {
  width: min(1440px, calc(100vw - 44px));
}

#rate-history-modal #rate-history-summary {
  flex: 0 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

#rate-history-modal #rate-history-summary .detail-card {
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: none;
}

#rate-history-modal #rate-history-table {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  border-radius: 16px;
}

:root[data-theme="light"] #view-rates .rates-toolbar-shell {
  background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] #view-rates .catalog-table-shell {
  background: rgba(255, 255, 255, 0.76);
  box-shadow: 0 18px 42px rgba(51, 65, 85, 0.09);
}

:root[data-theme="light"] #rate-editor-modal .rate-editor-modal-card > .panel-head,
:root[data-theme="light"] #rate-history-modal .rate-history-modal-card > .panel-head,
:root[data-theme="light"] #rate-pulse-modal .rate-pulse-modal-card > .panel-head {
  background:
    linear-gradient(135deg, rgba(232, 240, 249, 0.96), rgba(244, 248, 252, 0.86)),
    radial-gradient(circle at 90% 0%, rgba(201, 166, 107, 0.15), transparent 34%);
  border-color: rgba(143, 126, 99, 0.18);
}

:root[data-theme="light"] #rate-editor-modal .detail-card,
:root[data-theme="light"] #rate-history-modal #rate-history-summary .detail-card,
:root[data-theme="light"] #rate-pulse-modal .pulse-card {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(143, 126, 99, 0.16);
}

@media (max-width: 1500px) {
  #view-rates .reference-matrix-head {
    display: none;
  }

  #view-rates .reference-matrix-rows {
    gap: 14px;
  }

  #view-rates .reference-matrix-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(15, 23, 42, 0.52);
  }

  #view-rates .reference-matrix-cell-actions {
    justify-content: flex-end;
  }

  #view-rates .reference-source-card {
    position: relative;
    min-height: 92px;
    padding-top: 34px;
  }

  #view-rates .reference-source-card::before {
    content: "Referencia";
    position: absolute;
    top: 12px;
    left: 16px;
    color: var(--muted);
    font-family: var(--font-mono);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  #view-rates .reference-source-card-market::before {
    content: "Binance";
  }

  #view-rates .reference-source-card-bank::before {
    content: "Banco";
  }

  #view-rates .reference-source-card-published::before {
    content: "Referencia publicada";
  }

  :root[data-theme="light"] #view-rates .reference-matrix-row {
    border-color: rgba(125, 101, 70, 0.16);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 14px 30px rgba(51, 65, 85, 0.08);
  }

  :root[data-theme="light"] #view-rates .reference-source-card::before {
    color: #8a6a35;
  }
}

@media (max-width: 760px) {
  #rate-pulse-modal .rate-pulse-modal-card {
    width: calc(100vw - 14px);
    height: 96dvh;
    max-height: 96dvh;
    padding: 10px;
  }

  #rate-pulse-modal .rate-pulse-modal-card > .panel-head {
    align-items: stretch;
    gap: 10px;
    padding: 13px;
  }

  #rate-pulse-modal .rate-pulse-modal-card > .panel-head .ghost-button {
    width: 100%;
    justify-content: center;
  }

  #rate-pulse-modal .pulse-grid {
    grid-template-columns: 1fr;
  }
}
.accounts-module .inline-button-group,
.providers-module .inline-button-group,
.clients-module .inline-button-group {
  align-items: flex-start;
}
.accounts-module .inline-button-group .inline-button,
.providers-module .inline-button-group .inline-button,
.clients-module .inline-button-group .inline-button {
  min-height: 36px;
}
.clients-module .primary-inline {
  border-color: rgba(224, 179, 106, 0.42);
  background: rgba(224, 179, 106, 0.12);
  color: var(--text);
}
.clients-module .primary-inline:hover {
  border-color: rgba(224, 179, 106, 0.62);
  background: rgba(224, 179, 106, 0.18);
}
.clients-module .client-head {
  align-items: center;
  margin-bottom: 14px;
}
.client-head-copy {
  margin: 0;
  color: var(--text-soft);
}
.client-service-kpis {
  margin: 8px 0 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.client-service-board {
  margin-top: 18px;
}
.client-service-board .dashboard-panel {
  border-color: rgba(148, 163, 184, 0.18);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(15, 23, 42, 0.48));
}
#remittance-intake-preview {
  min-height: 76px;
}
#remittance-intake-preview .remittance-preview-client {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-size: clamp(1.18rem, 1vw + 0.95rem, 1.55rem);
  line-height: 1.18;
  letter-spacing: 0;
  text-transform: uppercase;
}
.remittance-intake-form {
  gap: 16px;
  scroll-behavior: smooth;
}
.remittance-transaction-block {
  margin-top: 6px;
}
.remittance-process-block {
  scroll-margin-top: 132px;
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent 120px),
    rgba(12, 19, 30, 0.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
.remittance-process-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 2px 2px 10px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}
.remittance-process-head > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.remittance-process-head span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 24px;
  border-radius: 999px;
  color: #15100a;
  background: linear-gradient(135deg, #e2bd78, #c99742);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0;
}
.remittance-process-head strong {
  color: var(--text);
  font-size: 1.02rem;
}
.remittance-process-head small {
  max-width: 440px;
  color: var(--text-soft);
  text-align: right;
}
.remittance-client-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: end;
}
.remittance-client-row > label {
  margin: 0;
}
.remittance-client-row .ghost-button {
  min-height: 56px;
  padding-inline: 22px;
  white-space: nowrap;
}
.remittance-client-row .search-select-trigger {
  min-height: 62px;
}
.remittance-client-row .search-select-trigger .search-select-option-label {
  color: var(--text);
  font-size: clamp(1.02rem, 0.42vw + 0.92rem, 1.24rem);
  font-weight: 900;
  letter-spacing: 0;
}
.remittance-client-row .search-select-trigger .search-select-option-meta {
  margin-top: 2px;
  font-size: 0.8rem;
}
.remittance-client-row.needs-attention .search-select-trigger {
  border-color: rgba(248, 113, 113, 0.78);
  box-shadow:
    0 0 0 4px rgba(248, 113, 113, 0.14),
    0 18px 42px rgba(127, 29, 29, 0.24);
}
.remittance-beneficiary-block .remittance-beneficiary-section {
  background: rgba(15, 23, 42, 0.26);
}
.remittance-submit-button {
  border: 1px solid transparent;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}
.remittance-submit-button.is-incomplete {
  border-color: rgba(248, 113, 113, 0.48);
  background: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 100%);
  color: #fff7f7;
  box-shadow: 0 14px 30px rgba(127, 29, 29, 0.22);
}
.remittance-submit-button.is-ready {
  border-color: rgba(52, 211, 153, 0.46);
  background: linear-gradient(135deg, #047857 0%, #34d399 100%);
  color: #062f25;
  box-shadow: 0 14px 32px rgba(16, 185, 129, 0.22);
}
.remittance-intake-section {
  scroll-margin-top: 132px;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 16px;
  background: rgba(15, 23, 42, 0.34);
}
.remittance-intake-section .section-title {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}
.remittance-intake-section .section-title span {
  color: var(--text);
  font-weight: 800;
}
.remittance-intake-section .section-title small {
  max-width: 520px;
  color: var(--text-soft);
  text-align: right;
}
.remittance-quote-section {
  padding: 18px;
}
.remittance-quote-section .remittance-quote-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: end;
}
.remittance-quote-section .remittance-quote-grid > label {
  margin: 0;
}
.remittance-quote-section .remittance-quote-grid > label:nth-of-type(1),
.remittance-quote-section .remittance-quote-grid > label:nth-of-type(2),
.remittance-quote-section .remittance-quote-grid > label:nth-of-type(3),
.remittance-quote-section .remittance-quote-grid > label:nth-of-type(4),
.remittance-quote-section .remittance-quote-grid > label:nth-of-type(5),
.remittance-quote-section .remittance-rate-pair {
  grid-column: span 2;
}
.remittance-quote-section .remittance-rate-cards {
  margin: 2px 0 4px;
}
.remittance-beneficiary-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
}
.remittance-beneficiary-section > label {
  margin: 0;
}
.remittance-beneficiary-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.remittance-calculator-modal-card {
  width: min(1120px, calc(100vw - 32px));
  max-height: calc(100dvh - 40px);
  overflow: auto;
  border-color: rgba(201, 166, 107, 0.3);
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(226, 189, 120, 0.08);
}
.remittance-calculator-modal-card .panel-head {
  margin: 0 0 4px;
  padding: 18px 22px;
  border: 1px solid rgba(201, 166, 107, 0.2);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(226, 189, 120, 0.16), rgba(15, 23, 42, 0.54) 42%),
    rgba(15, 23, 42, 0.74);
}
.remittance-calculator-modal-card .panel-head h2 {
  letter-spacing: 0;
  font-size: clamp(1.45rem, 1vw + 1.05rem, 2rem);
}
.remittance-calculator-modal-card .panel-subtitle {
  max-width: 560px;
  margin: 6px 0 0;
  color: var(--text-soft);
}
.remittance-calculator-form {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  align-items: end;
}
.remittance-calculator-mode {
  grid-column: 1 / 8;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 6px;
  border: 1px solid rgba(201, 166, 107, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(226, 189, 120, 0.08), rgba(15, 23, 42, 0.3)),
    rgba(15, 23, 42, 0.4);
}
.remittance-calculator-form > label:nth-of-type(1) {
  grid-column: 1 / 4;
}
.remittance-calculator-form > label:nth-of-type(2) {
  grid-column: 4 / 8;
}
.remittance-calculator-form > label:nth-of-type(3) {
  grid-column: 1 / 8;
}
.remittance-calculator-form > .search-select {
  min-width: 0;
}
.remittance-calculator-mode label {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.remittance-calculator-mode input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.remittance-calculator-mode span {
  display: grid;
  min-height: 42px;
  place-items: center;
  padding: 9px 14px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 14px;
  color: var(--text-muted);
  font-weight: 800;
  text-align: center;
}
.remittance-calculator-mode input:checked + span {
  border-color: rgba(201, 166, 107, 0.72);
  background: linear-gradient(135deg, #e4be75, #c99742);
  color: #15100a;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    0 12px 28px rgba(201, 151, 66, 0.18);
}
.remittance-calculator-result {
  grid-column: 8 / -1;
  grid-row: 1 / span 3;
  align-self: stretch;
  display: grid;
  gap: 6px;
  min-height: 100%;
  padding: 20px;
  border: 1px solid rgba(201, 166, 107, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(226, 189, 120, 0.12), rgba(15, 23, 42, 0.34) 48%),
    rgba(15, 23, 42, 0.44);
}
.remittance-calculator-result.is-ready {
  grid-template-columns: 1fr;
  align-content: center;
  border-color: rgba(226, 189, 120, 0.42);
  background:
    linear-gradient(135deg, rgba(226, 189, 120, 0.18), rgba(15, 23, 42, 0.42) 52%),
    rgba(15, 23, 42, 0.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}
.remittance-calculator-result.is-error {
  border-color: rgba(248, 113, 113, 0.36);
  background:
    linear-gradient(135deg, rgba(127, 29, 29, 0.2), rgba(15, 23, 42, 0.48)),
    rgba(15, 23, 42, 0.52);
}
.remittance-calculator-result > div {
  min-width: 0;
}
.remittance-calculator-result span,
.remittance-calculator-result small {
  color: var(--text-soft);
}
.remittance-calculator-result strong {
  display: block;
  color: var(--text);
  font-size: 1.08rem;
  line-height: 1.1;
  letter-spacing: 0;
}
.remittance-calculator-result.is-ready strong {
  font-size: clamp(1.55rem, 1.15vw + 1rem, 2.1rem);
}
.remittance-calculator-result small {
  grid-column: 1 / -1;
  padding-top: 3px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}
.remittance-calculator-rate-cards {
  grid-column: 1 / -1;
  margin-top: 0;
}
:root[data-theme="light"] .remittance-calculator-modal-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,252,0.96)),
    #ffffff;
}
:root[data-theme="light"] .remittance-calculator-modal-card .panel-head {
  background:
    linear-gradient(135deg, rgba(255, 247, 226, 0.96), rgba(238, 246, 252, 0.95) 58%),
    #ffffff;
  border-color: rgba(201, 166, 107, 0.28);
}
:root[data-theme="light"] .remittance-calculator-mode {
  background: linear-gradient(180deg, rgba(255, 249, 235, 0.98), rgba(255,255,255,0.96));
}
:root[data-theme="light"] .remittance-calculator-mode span {
  color: #64748b;
  background: rgba(255,255,255,0.84);
}
:root[data-theme="light"] .remittance-calculator-mode input:checked + span {
  color: #16100a;
  background: linear-gradient(135deg, #f1cf8f, #d6a85b);
}
:root[data-theme="light"] .remittance-calculator-result {
  background:
    linear-gradient(135deg, rgba(255, 247, 226, 0.95), rgba(255,255,255,0.98) 48%),
    #ffffff;
  border-color: rgba(201, 166, 107, 0.28);
}
:root[data-theme="light"] .remittance-calculator-result.is-ready {
  background:
    linear-gradient(135deg, rgba(255, 243, 211, 0.98), rgba(255,255,255,0.98) 52%),
    #ffffff;
  border-color: rgba(201, 166, 107, 0.48);
}
:root[data-theme="light"] .remittance-calculator-result span,
:root[data-theme="light"] .remittance-calculator-result small {
  color: #64748b;
}
.remittance-beneficiary-card {
  grid-column: 1 / -1;
}
.remittance-quote-grid,
.remittance-support-grid,
.remittance-final-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.remittance-final-grid {
  align-items: end;
}
.remittance-final-grid > label {
  margin: 0;
}
.remittance-final-grid .remittance-rate-pair {
  grid-column: 1 / -1;
  grid-template-columns: minmax(240px, 520px) minmax(140px, 220px);
  justify-content: center;
}
.remittance-final-grid .remittance-rate-cards {
  margin: 0 0 4px;
}
.remittance-credit-section {
  display: none;
}
.remittance-receipt-section .section-title,
.remittance-support-section .section-title,
.remittance-quote-section .section-title,
.remittance-benefits-section .section-title,
.remittance-beneficiary-section .section-title {
  margin-bottom: 12px;
}
.remittance-transaction-block .receipt-composer {
  gap: 8px;
  padding: 12px;
}
.remittance-transaction-block .receipt-composer-head-row {
  align-items: center;
}
.remittance-transaction-block .receipt-composer-head {
  gap: 2px;
}
.remittance-transaction-block .receipt-composer-head span {
  font-size: 0.84rem;
}
.remittance-transaction-block .receipt-composer-grid {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.38fr);
  gap: 10px;
}
.remittance-transaction-block .receipt-composer-head span {
  max-width: 720px;
}
.remittance-transaction-block .receipt-composer-drop,
.remittance-transaction-block .receipt-composer-link-card,
.remittance-transaction-block .receipt-ocr-panel {
  border-radius: 14px;
}
.remittance-transaction-block .receipt-composer-drop {
  min-height: 70px;
  padding: 9px 12px;
  align-content: center;
}
.remittance-transaction-block .receipt-composer-drop::after {
  inset: 8px;
  border-radius: 11px;
}
.remittance-transaction-block .receipt-composer-link-card {
  gap: 7px;
  padding: 9px;
}
.remittance-transaction-block .receipt-ocr-panel {
  min-height: 50px;
  padding: 9px;
}
.remittance-transaction-block .receipt-ocr-panel span {
  font-size: 0.86rem;
  line-height: 1.3;
}
.remittance-transaction-block .receipt-composer .ghost-button {
  min-height: 32px;
  padding: 7px 11px;
}
.remittance-transaction-block .receipt-composer-label {
  font-size: 0.72rem;
}
.remittance-benefits-section .remittance-benefits-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(201, 166, 107, 0.34);
  background:
    radial-gradient(circle at 16px 16px, rgba(245, 197, 92, 0.32), transparent 34px),
    linear-gradient(135deg, rgba(214, 169, 82, 0.26), rgba(15,23,42,0.34)),
    rgba(15, 23, 42, 0.52);
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.08);
  min-height: 0;
  padding: 14px 18px 14px 22px;
}
.remittance-benefits-section .remittance-benefits-card::before {
  content: "";
  position: absolute;
  inset: 10px auto 10px 8px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe8a3, #d7a94e);
  box-shadow: 0 0 16px rgba(245, 197, 92, 0.5);
}
.remittance-benefits-section .remittance-benefits-card::after {
  content: "";
  position: absolute;
  inset: -36px -20px auto auto;
  width: 150px;
  height: 90px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 232, 163, 0.24), transparent 68%);
  pointer-events: none;
}
.remittance-benefits-section .remittance-benefits-card > * {
  position: relative;
  z-index: 1;
}
.remittance-benefits-section .remittance-benefits-card strong {
  color: #ffe5a4;
  font-size: clamp(1.02rem, 0.95rem + 0.22vw, 1.22rem);
  line-height: 1.18;
  letter-spacing: 0;
  text-shadow: 0 0 18px rgba(245, 197, 92, 0.2);
}
.remittance-benefits-section .remittance-benefits-card span {
  color: rgba(236, 244, 255, 0.82);
  font-size: 0.88rem;
  line-height: 1.45;
}
.remittance-benefits-section .remittance-support-grid {
  margin-top: 12px;
}
.remittance-benefits-section .remittance-benefit-equation {
  grid-template-columns: minmax(110px, 0.45fr) minmax(0, 0.75fr) minmax(0, 0.8fr);
  gap: 12px;
  align-items: end;
}
.remittance-benefit-equation label {
  margin: 0;
}
.remittance-benefit-equation label span {
  color: rgba(236, 244, 255, 0.72);
  font-size: 0.78rem;
}
.remittance-benefit-equation input {
  min-height: 46px;
}
.remittance-benefit-equation #remittance-benefit-points {
  text-align: center;
}
.remittance-benefit-equation #remittance-benefit-total {
  border-color: rgba(201, 166, 107, 0.34);
  background: rgba(201, 166, 107, 0.08);
  color: var(--text);
  font-weight: 800;
}
.remittance-credit-notice {
  border-color: rgba(56, 189, 248, 0.28);
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.13), rgba(15, 23, 42, 0.72));
}
.remittance-intake-form.is-client-credit .remittance-credit-section {
  display: block;
}
.remittance-intake-form.is-client-credit .remittance-receipt-section,
.remittance-intake-form.is-client-credit .remittance-support-section,
.remittance-intake-form.is-client-credit .remittance-benefits-section {
  display: none;
}
.remittance-intake-form.is-client-credit .remittance-receipt-section input,
.remittance-intake-form.is-client-credit .remittance-receipt-section button,
.remittance-intake-form.is-client-credit .remittance-support-section [name="deposit_account_id"],
.remittance-intake-form.is-client-credit .remittance-support-section [name="deposit_date"],
.remittance-intake-form.is-client-credit .remittance-support-section [name="payment_type"],
.remittance-intake-form.is-client-credit .remittance-support-section [name="bank_transaction_code"],
.remittance-intake-form.is-client-credit .remittance-benefits-section input {
  cursor: not-allowed;
}
.remittance-rate-pair {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(120px, 0.55fr);
  gap: 12px;
}
.remittance-rate-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.remittance-rate-cards .rate-chip {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  padding: 12px;
  background: rgba(15, 23, 42, 0.44);
}
.remittance-rate-cards .rate-chip.active {
  border-color: rgba(52, 211, 153, 0.5);
  background: rgba(20, 83, 45, 0.2);
}
.remittance-rate-cards .rate-chip strong,
.remittance-rate-cards .rate-chip span {
  display: block;
}
.remittance-beneficiary-card {
  min-height: 82px;
}
.remittance-beneficiary-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
  align-self: end;
}
.remittance-beneficiary-list {
  grid-column: 1 / -1;
}
.remittance-beneficiary-table {
  display: grid;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  overflow: hidden;
}
.remittance-beneficiary-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 15px 17px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.34);
}
.remittance-beneficiary-row.has-identity-preview {
  grid-template-columns: 42px 68px minmax(0, 1fr) auto;
}
.remittance-beneficiary-row:last-child {
  border-bottom: 0;
}
.remittance-beneficiary-row small {
  display: block;
  margin-top: 5px;
  color: var(--text-soft);
  font-size: 0.88rem;
  line-height: 1.42;
}
.remittance-beneficiary-row strong {
  font-size: 1.02rem;
  line-height: 1.25;
}
.beneficiary-index {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(224, 179, 106, 0.12);
  color: var(--accent);
  font-weight: 800;
}
.remittance-beneficiary-photo {
  width: 64px;
  height: 52px;
  border: 1px solid rgba(201, 166, 107, 0.24);
  border-radius: 14px;
  padding: 0;
  overflow: hidden;
  display: inline-grid;
  place-items: center;
  background:
    linear-gradient(135deg, rgba(201, 166, 107, 0.12), rgba(15, 23, 42, 0.48)),
    rgba(15, 23, 42, 0.66);
  color: rgba(236, 244, 255, 0.72);
  cursor: zoom-in;
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.07);
}
.remittance-beneficiary-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.remittance-beneficiary-photo.is-loading span,
.remittance-beneficiary-photo.is-unavailable span {
  padding: 0 6px;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.remittance-beneficiary-photo.is-unavailable {
  cursor: default;
  border-color: rgba(148, 163, 184, 0.2);
}
:root[data-theme="light"] .clients-module .primary-inline {
  border-color: rgba(184, 128, 42, 0.3);
  background: rgba(184, 128, 42, 0.1);
  color: #182235;
}
:root[data-theme="light"] .clients-module .primary-inline:hover {
  border-color: rgba(184, 128, 42, 0.46);
  background: rgba(184, 128, 42, 0.16);
}
:root[data-theme="light"] .client-service-board .dashboard-panel {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.76);
}
:root[data-theme="light"] .remittance-intake-section {
  background: rgba(248, 250, 252, 0.82);
  border-color: rgba(15, 23, 42, 0.1);
}
:root[data-theme="light"] .remittance-process-block {
  background: var(--rc-surface-2);
  border-color: rgba(143, 126, 99, 0.16);
  box-shadow: 0 18px 42px rgba(44, 39, 31, 0.08);
}
:root[data-theme="light"] .remittance-process-head {
  border-color: rgba(143, 126, 99, 0.14);
}
:root[data-theme="light"] #remittance-intake-preview .remittance-preview-client,
:root[data-theme="light"] .remittance-client-row .search-select-trigger .search-select-option-label {
  color: #111827;
}
:root[data-theme="light"] .remittance-benefits-section .remittance-benefits-card {
  background:
    radial-gradient(circle at 16px 16px, rgba(234, 179, 8, 0.26), transparent 38px),
    linear-gradient(135deg, rgba(250, 238, 211, 0.96), rgba(255,255,255,0.94)),
    #ffffff;
  border-color: rgba(201, 166, 107, 0.58);
  box-shadow: 0 16px 34px rgba(166, 119, 42, 0.15);
}
:root[data-theme="light"] .remittance-benefits-section .remittance-benefits-card strong {
  color: #68410b;
  text-shadow: none;
}
:root[data-theme="light"] .remittance-benefits-section .remittance-benefits-card span {
  color: #6f5a33;
}
:root[data-theme="light"] .remittance-benefit-equation label span {
  color: #6f5a33;
}
:root[data-theme="light"] .remittance-benefit-equation #remittance-benefit-total {
  background: rgba(250, 238, 211, 0.74);
  border-color: rgba(201, 166, 107, 0.38);
  color: #111827;
}
:root[data-theme="light"] .remittance-rate-cards .rate-chip {
  background: rgba(255, 255, 255, 0.86);
  border-color: rgba(15, 23, 42, 0.1);
}
:root[data-theme="light"] .remittance-rate-cards .rate-chip.active {
  background: rgba(220, 252, 231, 0.72);
  border-color: rgba(22, 163, 74, 0.34);
}
:root[data-theme="light"] .remittance-beneficiary-row {
  background: rgba(255, 255, 255, 0.84);
  border-color: rgba(15, 23, 42, 0.08);
}
.accounts-module .row-main,
.providers-module .row-main,
.clients-module .row-main {
  color: var(--text);
}
.accounts-module .row-sub,
.providers-module .row-sub,
.clients-module .row-sub {
  line-height: 1.45;
}
.accounts-module .table-row-openable {
  cursor: pointer;
}
.accounts-module .table-row-openable:hover td:first-child .row-main {
  color: var(--accent);
}
@keyframes market-live-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.45);
  }
  70% {
    box-shadow: 0 0 0 9px rgba(52, 211, 153, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0);
  }
}
.view-section { display: none; }
.view-section.active { display: block; }
.view-section.aux-modal-host { display: block; }
.view-section.aux-modal-host > :not(.modal-backdrop) { display: none !important; }
.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(4, 8, 14, 0.68);
  backdrop-filter: blur(8px);
  overscroll-behavior: contain;
}
.modal-card {
  width: min(920px, calc(100vw - 48px));
  max-height: min(90vh, calc(100vh - 40px));
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable both-edges;
  padding: 28px;
  border-radius: 28px;
  border: 1px solid var(--neutral-08);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.06), transparent 24%),
    #101823;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.38);
  scrollbar-width: thin;
  scrollbar-color: rgba(201,166,107,0.32) transparent;
}
.modal-card > .panel-head {
  position: sticky;
  top: 0;
  z-index: 8;
  padding: 6px 0 14px;
  margin: -6px 0 18px;
  border-bottom: 1px solid var(--neutral-06);
  background: linear-gradient(180deg, rgba(16, 24, 35, 0.98), rgba(16, 24, 35, 0.86));
  backdrop-filter: blur(10px);
}
.modal-card > .panel-head .ghost-button {
  min-height: 44px;
}
.modal-card .form-actions {
  position: sticky;
  bottom: -1px;
  z-index: 8;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--neutral-06);
  background: linear-gradient(180deg, rgba(16, 24, 35, 0), rgba(16, 24, 35, 0.92) 38%, rgba(16, 24, 35, 0.98));
  backdrop-filter: blur(10px);
}
.modal-card.wide { width: min(1240px, calc(100vw - 48px)); }
.modal-card.remittance-intake-modal-card {
  width: min(1660px, calc(100vw - 20px));
  max-height: min(96vh, calc(100vh - 16px));
}
.modal-card.remittance-issue-card {
  width: min(680px, calc(100vw - 28px));
  max-height: min(86vh, calc(100vh - 28px));
  overflow: hidden;
}
.modal-card.roomy-modal {
  min-height: min(680px, calc(100vh - 40px));
}
.modal-card.corridor-rate-modal {
  width: min(1500px, calc(100vw - 32px));
  min-height: min(780px, calc(100vh - 24px));
}
#corridor-editor-modal .modal-card > .panel-head {
  position: relative;
  top: auto;
  z-index: 2;
  margin-bottom: 24px;
}
#corridor-editor-modal #corridor-form {
  padding-top: 8px;
}
.modal-card .table-shell { min-height: 380px; }
.modal-card .client-toolbar.compact {
  align-items: end;
}
.modal-card .sort-field {
  width: min(320px, 100%);
}
.premium-dialog-backdrop {
  z-index: 260;
  background:
    radial-gradient(circle at 50% 18%, rgba(201,166,107,0.16), transparent 32%),
    rgba(3, 7, 12, 0.78);
  backdrop-filter: blur(14px);
}
.premium-dialog-card {
  width: min(620px, calc(100vw - 32px));
  min-height: auto;
  overflow: visible;
  border-color: rgba(201,166,107,0.28);
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.18), transparent 34%),
    linear-gradient(145deg, rgba(17,26,38,0.98), rgba(9,15,23,0.99));
  box-shadow: 0 34px 100px rgba(0,0,0,0.58), inset 0 1px 0 rgba(255,255,255,0.05);
}
.premium-dialog-card .panel-head {
  position: static;
  margin-bottom: 14px;
}
.premium-dialog-body {
  display: grid;
  gap: 16px;
  border-color: rgba(201,166,107,0.24);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent),
    rgba(255,255,255,0.025);
}
.premium-dialog-body strong {
  font-size: 1.02rem;
  line-height: 1.45;
}

.premium-dialog-message {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.42;
}
.premium-dialog-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.premium-dialog-details > div {
  min-width: 0;
  border: 1px solid var(--neutral-10);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent),
    rgba(255,255,255,0.025);
  padding: 11px 12px;
}
.premium-dialog-details span,
.premium-dialog-warning span {
  display: block;
  margin-bottom: 4px;
  color: var(--gold);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.premium-dialog-details strong {
  display: block;
  color: var(--text);
  font-size: 1rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
}
.premium-dialog-warning {
  border: 1px solid rgba(214, 170, 100, 0.48);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(214, 170, 100, 0.15), rgba(214, 170, 100, 0.06)),
    rgba(20, 16, 10, 0.22);
  padding: 12px 14px;
}
.premium-dialog-warning strong {
  display: block;
  color: var(--text);
  font-size: 0.96rem;
  line-height: 1.36;
}
.premium-dialog-field {
  display: grid;
  gap: 8px;
}
.premium-dialog-field textarea {
  width: 100%;
  min-height: 116px;
  resize: vertical;
}
.premium-dialog-actions {
  justify-content: flex-end;
}
.premium-dialog-actions .danger-button {
  border-color: rgba(239,68,68,0.34);
  color: #ffd3d3;
  background:
    linear-gradient(180deg, rgba(239,68,68,0.18), rgba(239,68,68,0.08)),
    rgba(20,12,16,0.9);
}

.daily-balance-incidents-dialog {
  width: min(860px, calc(100vw - 32px));
  max-height: calc(100dvh - 48px);
  overflow: auto;
}

.daily-balance-incident-list {
  display: grid;
  gap: 12px;
}

.daily-balance-incident-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border-color: rgba(239, 68, 68, 0.28);
  background:
    linear-gradient(180deg, rgba(239, 68, 68, 0.09), rgba(255, 255, 255, 0.02)),
    rgba(15, 23, 42, 0.72);
}

.daily-balance-incident-card span,
.daily-balance-incident-card small {
  display: block;
  margin-top: 5px;
  color: var(--text-soft);
}

.daily-balance-incident-card small {
  color: #f8caca;
}

#view-daily-balances tr.is-attention-row {
  outline: 2px solid rgba(239, 68, 68, 0.62);
  outline-offset: -2px;
  background: rgba(127, 29, 29, 0.22);
}
.commission-catalog-note {
  margin: 0 0 16px;
}
.sidebar-footer {
  margin-top: auto;
}
.sidebar-footer .theme-toggle-menu {
  margin-bottom: 10px;
}
.sidebar-logout {
  width: 100%;
  justify-content: center;
}
.corridor-rate-summary-grid {
  display: grid;
  grid-template-columns: minmax(220px, 0.95fr) minmax(220px, 0.95fr) minmax(300px, 1.2fr) minmax(260px, 1.05fr);
  gap: 14px;
}
.corridor-rate-hero-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 16px;
}
.corridor-rate-hero-card {
  min-height: 160px;
  justify-content: center;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
}
.corridor-rate-hero-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(201,166,107,0.28), var(--neutral-00));
}
.corridor-rate-hero-card-accent {
  border-color: rgba(201, 166, 107, 0.28);
  background:
    linear-gradient(180deg, rgba(201, 166, 107, 0.14), var(--neutral-02)),
    rgba(18, 24, 34, 0.96);
  box-shadow: inset 0 1px 0 var(--neutral-04), 0 18px 32px rgba(0,0,0,0.18);
}
.corridor-rate-hero-card-suggested {
  border-color: rgba(201, 166, 107, 0.24);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.1), var(--neutral-02)),
    rgba(18, 24, 34, 0.96);
  box-shadow: inset 0 1px 0 var(--neutral-04), 0 18px 32px rgba(0,0,0,0.16);
}
.corridor-rate-kicker {
  font-size: 0.74rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 8px;
}
.corridor-rate-hero-card strong {
  font-size: clamp(1.45rem, 2.2vw, 2.2rem);
  line-height: 1.05;
}
.corridor-rate-suggested-hero-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.corridor-rate-suggested-hero-value {
  flex: 0 1 auto;
}
.corridor-rate-inline-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 30px;
  margin-top: 10px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--neutral-08);
  background: var(--neutral-04);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.corridor-rate-inline-badge-hero {
  min-height: 38px;
  padding: 9px 16px;
  font-size: 0.88rem;
}
.corridor-rate-pulse-card {
  min-height: 170px;
  cursor: pointer;
  background:
    linear-gradient(180deg, var(--neutral-045), var(--neutral-02)),
    rgba(21, 29, 41, 0.94);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.corridor-rate-pulse-card:hover {
  border-color: rgba(201,166,107,0.22);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.08), var(--neutral-02)),
    rgba(21, 29, 41, 0.96);
  transform: translateY(-1px);
}
.corridor-rate-pulse-card .pulse-badge {
  margin-top: 8px;
  width: fit-content;
}
.corridor-rate-pulse-summary {
  margin-top: 12px;
  font-size: 0.95rem;
  line-height: 1.35;
}
.corridor-rate-pulse-meta {
  margin-top: auto;
}
.corridor-rate-decision-card {
  min-height: 170px;
}
.corridor-rate-key-value {
  display: block;
  font-size: 1.75rem;
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: #f8fafc;
}
.corridor-rate-key-value-muted {
  font-size: 1.6rem;
}
.corridor-rate-stage-value {
  font-size: 1.95rem;
  max-width: 18ch;
}
.corridor-rate-stage-card {
  background:
    linear-gradient(180deg, var(--neutral-04), var(--neutral-02)),
    rgba(21, 29, 41, 0.94);
}
.corridor-rate-suggested-card {
  background:
    linear-gradient(180deg, rgba(201,166,107,0.08), var(--neutral-02)),
    rgba(21, 29, 41, 0.94);
  border-color: rgba(201,166,107,0.14);
}
.corridor-rate-inline-badge.is-positive {
  color: #6ee7b7;
  background: rgba(52, 211, 153, 0.1);
  border-color: rgba(52, 211, 153, 0.2);
}
.corridor-rate-inline-badge.is-negative {
  color: #fca5a5;
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.16);
}
.corridor-rate-inline-badge.is-neutral {
  color: #f5ddb1;
  background: rgba(212, 175, 55, 0.08);
  border-color: rgba(212, 175, 55, 0.16);
}
.corridor-rate-guidance {
  margin-bottom: 14px;
  border-color: rgba(201, 166, 107, 0.18);
  background: linear-gradient(180deg, rgba(201, 166, 107, 0.1), var(--neutral-02));
}
.corridor-rate-base-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) auto minmax(280px, 1fr);
  gap: 14px;
  align-items: end;
  margin-top: 18px;
}
.corridor-rate-base-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: end;
}
.corridor-rate-base-actions {
  display: flex;
  gap: 12px;
  align-items: end;
  flex-wrap: wrap;
}
.corridor-rate-base-field {
  display: grid;
  gap: 8px;
}
.corridor-rate-base-field span {
  font-size: 0.84rem;
  color: var(--text-soft);
}
.corridor-rate-base-field input {
  width: 100%;
  min-height: 58px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--neutral-08);
  background: var(--neutral-04);
  color: var(--text);
  font: inherit;
}
.corridor-rate-base-field input:focus {
  outline: none;
  border-color: rgba(201,166,107,0.55);
  box-shadow: 0 0 0 3px rgba(201,166,107,0.12);
}
.corridor-rate-impact-card {
  min-height: 54px;
  justify-content: center;
}
.corridor-rate-impact-card strong {
  color: var(--accent);
}
.corridor-rate-impact-card span {
  color: var(--text-soft);
}
#corridor-windows-summary .detail-card:not(.corridor-rate-guidance):not(.corridor-rate-hero-card):not(.corridor-rate-impact-card) {
  border-radius: 20px;
  background: rgba(21, 29, 41, 0.92);
  border-color: var(--neutral-06);
}
#corridor-windows-table {
  margin-top: 16px;
  border-radius: 22px;
  border: 1px solid var(--neutral-06);
  background: rgba(12, 18, 27, 0.78);
}
#corridor-windows-table table {
  min-width: 1100px;
}
#corridor-windows-table th {
  background: var(--neutral-025);
  color: rgba(212, 175, 55, 0.86);
  font-size: 0.73rem;
  letter-spacing: 0.18em;
  position: sticky;
  top: 0;
  z-index: 1;
  backdrop-filter: blur(12px);
}
#corridor-windows-table td {
  padding-top: 16px;
  padding-bottom: 16px;
}
#corridor-windows-table tbody tr:hover {
  background: var(--neutral-025);
}
#corridor-windows-table tbody tr {
  transition: background 160ms ease;
}
#corridor-windows-table tbody tr + tr td {
  border-top-color: var(--neutral-05);
}
#corridor-windows-table .row-main {
  font-size: 1.05rem;
}
.corridor-final-rate-editor {
  display: block;
  max-width: 170px;
}
.corridor-final-rate-editor input {
  width: 100%;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--text-strong);
  font: inherit;
  font-size: 1.05rem;
  font-weight: 800;
  padding: 8px 12px;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
.corridor-final-rate-editor.is-readonly input {
  opacity: 1;
  -webkit-text-fill-color: var(--text-strong);
  cursor: default;
  padding-left: 0;
}
.corridor-final-rate-editor.is-editing input {
  border-color: rgba(212, 175, 55, 0.42);
  background: rgba(255, 255, 255, 0.04);
}
.corridor-final-rate-editor.is-editing input:hover {
  border-color: rgba(212, 175, 55, 0.62);
  background: rgba(255, 255, 255, 0.07);
}
.corridor-final-rate-editor.is-editing input:focus {
  border-color: rgba(212, 175, 55, 0.9);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14);
  background: rgba(255, 255, 255, 0.09);
}
#corridor-windows-table .inline-button-group {
  gap: 10px;
}
#corridor-windows-table .inline-button {
  white-space: nowrap;
}
.operator-layout .module-main {
  min-width: 0;
}
.operator-stage {
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.operator-stage > .panel-head {
  margin-bottom: 18px;
  padding: 0 4px;
}
.operator-queue-head {
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}
.treasury-queue-head {
  margin-bottom: 10px;
}
.treasury-refresh-button {
  min-height: 28px;
}
.operator-history-button {
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.operator-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(45, 159, 119, 0.14);
  background: rgba(45, 159, 119, 0.04);
  color: #8fe7c6;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.operator-live-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #2d9f77;
  box-shadow: 0 0 0 3px rgba(45, 159, 119, 0.08);
}
:root[data-theme="light"] .operator-live-pill {
  border-color: rgba(15, 118, 110, 0.12);
  background: rgba(15, 118, 110, 0.04);
  color: #0f766e;
}
.operator-live-pill[data-status="connecting"],
.operator-live-pill[data-status="reconnecting"] {
  border-color: rgba(201, 166, 107, 0.14);
  background: rgba(201, 166, 107, 0.04);
  color: #e5bb79;
}
.operator-live-pill[data-status="connecting"]::before,
.operator-live-pill[data-status="reconnecting"]::before {
  background: var(--accent);
  box-shadow: 0 0 0 3px rgba(201, 166, 107, 0.08);
}
.operator-live-pill[data-status="degraded"],
.operator-live-pill[data-status="offline"] {
  border-color: rgba(220, 91, 91, 0.14);
  background: rgba(220, 91, 91, 0.04);
  color: #ffb4b4;
}
.operator-live-pill[data-status="degraded"]::before,
.operator-live-pill[data-status="offline"]::before {
  background: #d45b5b;
  box-shadow: 0 0 0 3px rgba(220, 91, 91, 0.08);
}
:root[data-theme="light"] .operator-live-pill[data-status="connecting"],
:root[data-theme="light"] .operator-live-pill[data-status="reconnecting"] {
  border-color: rgba(180, 83, 9, 0.14);
  background: rgba(245, 158, 11, 0.04);
  color: #9a6700;
}
:root[data-theme="light"] .operator-live-pill[data-status="degraded"],
:root[data-theme="light"] .operator-live-pill[data-status="offline"] {
  border-color: rgba(185, 28, 28, 0.12);
  background: rgba(220, 38, 38, 0.04);
  color: #b91c1c;
}
.execution-live-cluster {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.execution-queue-head {
  justify-content: space-between;
  align-items: center;
}
.execution-type-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: var(--text);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.execution-type-chip--remittance {
  border-color: rgba(201, 166, 107, 0.16);
  background: rgba(201, 166, 107, 0.08);
  color: #f5ddb1;
}
.execution-type-chip--treasury {
  border-color: rgba(92, 133, 255, 0.16);
  background: rgba(92, 133, 255, 0.08);
  color: #b7c9ff;
}
.execution-type-chip--expense {
  border-color: rgba(16, 185, 129, 0.16);
  background: rgba(16, 185, 129, 0.08);
  color: #83f0c8;
}
.execution-type-chip--transfer {
  border-color: rgba(45, 159, 119, 0.18);
  background: rgba(45, 159, 119, 0.08);
  color: #9df0cf;
}
.execution-type-chip--conversion {
  border-color: rgba(139, 92, 246, 0.2);
  background: rgba(139, 92, 246, 0.09);
  color: #d8c8ff;
}
.execution-type-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.execution-priority-dot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--text-soft);
  font-size: 0.66rem;
  font-weight: 760;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}
.execution-priority-dot::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}
.execution-priority-dot.is-pending {
  border-color: rgba(201,166,107,0.18);
  background: rgba(201,166,107,0.06);
  color: #e8c98a;
}
.execution-priority-dot.is-urgent {
  border-color: rgba(245, 158, 11, 0.28);
  background: rgba(245, 158, 11, 0.12);
  color: #ffd08a;
}
.execution-priority-dot.is-done {
  border-color: rgba(45,159,119,0.18);
  background: rgba(45,159,119,0.08);
  color: #9df0cf;
}
.execution-priority-dot.is-rejected,
.execution-priority-dot.is-blocked {
  border-color: rgba(220,91,91,0.22);
  background: rgba(220,91,91,0.08);
  color: #ffb4b4;
}
.execution-payline {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.028);
}
.execution-payline strong {
  color: var(--text);
  font-size: 1.05rem;
  line-height: 1.25;
}
.execution-payline span {
  color: var(--text-soft);
  line-height: 1.35;
}
.execution-copy-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.execution-copy-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 4px 5px 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.075);
  background: rgba(255,255,255,0.035);
  color: var(--text-soft);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.execution-copy-pill .copy-inline-button {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  height: 30px;
}
.execution-copy-pill .copy-inline-button .copy-icon,
.execution-copy-pill .copy-inline-button .copy-icon svg {
  width: 14px;
  height: 14px;
}
.execution-queue-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,0.08);
}
.execution-queue-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: rgba(201,166,107,0.65);
}
.execution-queue-card.priority-urgent::before {
  background: #f59e0b;
}
.execution-queue-card.is-done::before {
  background: #2d9f77;
}
.execution-queue-card.is-rejected::before,
.execution-queue-card.is-blocked::before {
  background: #d45b5b;
}
.operator-modal-error.hidden {
  display: none;
}
:root[data-theme="light"] .execution-type-chip {
  border-color: rgba(148,163,184,0.2);
  background: rgba(255,255,255,0.8);
  color: #334155;
}
:root[data-theme="light"] .execution-type-chip--remittance {
  border-color: rgba(180, 83, 9, 0.16);
  background: rgba(245, 158, 11, 0.08);
  color: #9a6700;
}
:root[data-theme="light"] .execution-type-chip--treasury {
  border-color: rgba(37, 99, 235, 0.12);
  background: rgba(59, 130, 246, 0.08);
  color: #1d4ed8;
}
:root[data-theme="light"] .execution-type-chip--expense {
  border-color: rgba(5, 150, 105, 0.14);
  background: rgba(16, 185, 129, 0.08);
  color: #047857;
}
:root[data-theme="light"] .execution-type-chip--transfer {
  border-color: rgba(15, 118, 110, 0.14);
  background: rgba(20, 184, 166, 0.08);
  color: #0f766e;
}
:root[data-theme="light"] .execution-type-chip--conversion {
  border-color: rgba(109, 40, 217, 0.14);
  background: rgba(139, 92, 246, 0.08);
  color: #6d28d9;
}
:root[data-theme="light"] .execution-payline,
:root[data-theme="light"] .execution-copy-pill {
  border-color: rgba(148,163,184,0.18);
  background: rgba(255,255,255,0.74);
}
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-danger {
  border-color: rgba(220, 38, 38, 0.26);
  background:
    linear-gradient(90deg, rgba(254, 202, 202, 0.68), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-danger .metric-label,
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-danger strong {
  color: #b91c1c;
}
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-clear,
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-closed {
  border-color: rgba(5, 150, 105, 0.2);
  background:
    linear-gradient(90deg, rgba(187, 247, 208, 0.58), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-clear .metric-label,
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-clear strong,
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-closed .metric-label,
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-closed strong {
  color: #047857;
}
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-today {
  border-color: rgba(37, 99, 235, 0.18);
  background:
    linear-gradient(90deg, rgba(191, 219, 254, 0.62), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-today .metric-label,
:root[data-theme="light"] #view-execution .metric-card.execution-kpi-today strong {
  color: #1d4ed8;
}
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-danger,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-danger {
  border-color: rgba(220, 38, 38, 0.26);
  background:
    linear-gradient(90deg, rgba(254, 202, 202, 0.68), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-danger .metric-label,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-danger strong,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-danger .metric-label,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-danger strong {
  color: #b91c1c;
}
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-clear,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-clear,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-closed,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-closed {
  border-color: rgba(5, 150, 105, 0.2);
  background:
    linear-gradient(90deg, rgba(187, 247, 208, 0.58), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-clear .metric-label,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-clear strong,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-closed .metric-label,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-closed strong,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-clear .metric-label,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-clear strong,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-closed .metric-label,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-closed strong {
  color: #047857;
}
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-today,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-today,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-amount,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-amount {
  border-color: rgba(37, 99, 235, 0.18);
  background:
    linear-gradient(90deg, rgba(191, 219, 254, 0.62), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-today .metric-label,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-today strong,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-amount .metric-label,
:root[data-theme="light"] #view-treasury .metric-card.operation-kpi-amount strong,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-today .metric-label,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-today strong,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-amount .metric-label,
:root[data-theme="light"] #view-expenses .metric-card.operation-kpi-amount strong {
  color: #1d4ed8;
}
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-danger {
  border-color: rgba(220, 38, 38, 0.26);
  background:
    linear-gradient(90deg, rgba(254, 202, 202, 0.68), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-danger .metric-label,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-danger strong {
  color: #b91c1c;
}
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-clear,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-closed {
  border-color: rgba(5, 150, 105, 0.2);
  background:
    linear-gradient(90deg, rgba(187, 247, 208, 0.58), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-clear .metric-label,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-clear strong,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-closed .metric-label,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-closed strong {
  color: #047857;
}
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-today,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-amount {
  border-color: rgba(37, 99, 235, 0.18);
  background:
    linear-gradient(90deg, rgba(191, 219, 254, 0.62), transparent 48%),
    rgba(255,255,255,0.96);
}
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-today .metric-label,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-today strong,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-amount .metric-label,
:root[data-theme="light"] :is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-amount strong {
  color: #1d4ed8;
}
.execution-queue-card .op-queue-card-meta {
  display: grid;
  gap: 6px;
}
.execution-budget-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.9fr);
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
}
.execution-budget-preview.hidden {
  display: none;
}
.execution-budget-preview-main {
  display: grid;
  gap: 10px;
}
.execution-budget-preview-main strong,
.execution-budget-preview-side strong {
  color: var(--text);
}
.execution-budget-preview-main span,
.execution-budget-preview-side span {
  color: var(--text-soft);
}
.execution-budget-preview-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.execution-budget-preview-metric {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--panel-soft);
}
.execution-budget-preview-metric-label {
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-soft);
}
.execution-budget-preview-metric strong {
  font-size: 1.28rem;
  line-height: 1;
}
.execution-budget-preview-side {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: var(--panel-soft);
}
.execution-budget-preview-action {
  justify-self: start;
  margin-top: 6px;
}
#view-execution .operator-kpis,
#view-expenses .operator-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
#view-execution .metric-card,
#view-treasury .metric-card,
#view-expenses .metric-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,0.08);
}
#view-execution .metric-card::before,
#view-treasury .metric-card::before,
#view-expenses .metric-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: rgba(148, 163, 184, 0.35);
}
#view-execution .metric-card.execution-kpi-danger {
  border-color: rgba(239, 68, 68, 0.34);
  background:
    linear-gradient(90deg, rgba(127, 29, 29, 0.26), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
#view-execution .metric-card.execution-kpi-danger::before {
  width: 6px;
  background: #ef4444;
  box-shadow: 0 0 24px rgba(239, 68, 68, 0.36);
}
#view-execution .metric-card.execution-kpi-danger .metric-label,
#view-execution .metric-card.execution-kpi-danger strong {
  color: #ffd0d0;
}
#view-execution .metric-card.execution-kpi-clear {
  border-color: rgba(45, 159, 119, 0.28);
  background:
    linear-gradient(90deg, rgba(45, 159, 119, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
#view-execution .metric-card.execution-kpi-clear::before,
#view-execution .metric-card.execution-kpi-closed::before {
  background: #2d9f77;
}
#view-execution .metric-card.execution-kpi-clear .metric-label,
#view-execution .metric-card.execution-kpi-clear strong,
#view-execution .metric-card.execution-kpi-closed .metric-label,
#view-execution .metric-card.execution-kpi-closed strong {
  color: #9df0cf;
}
#view-execution .metric-card.execution-kpi-today {
  border-color: rgba(59, 130, 246, 0.28);
  background:
    linear-gradient(90deg, rgba(30, 64, 175, 0.2), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
#view-execution .metric-card.execution-kpi-today::before {
  background: #3b82f6;
}
#view-execution .metric-card.execution-kpi-today .metric-label,
#view-execution .metric-card.execution-kpi-today strong {
  color: #bfdbfe;
}
#view-execution .metric-card.execution-kpi-muted {
  border-color: rgba(148, 163, 184, 0.12);
}
#view-treasury .metric-card.operation-kpi-danger,
#view-expenses .metric-card.operation-kpi-danger {
  border-color: rgba(239, 68, 68, 0.34);
  background:
    linear-gradient(90deg, rgba(127, 29, 29, 0.26), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
#view-treasury .metric-card.operation-kpi-danger::before,
#view-expenses .metric-card.operation-kpi-danger::before {
  width: 6px;
  background: #ef4444;
  box-shadow: 0 0 24px rgba(239, 68, 68, 0.36);
}
#view-treasury .metric-card.operation-kpi-danger .metric-label,
#view-treasury .metric-card.operation-kpi-danger strong,
#view-expenses .metric-card.operation-kpi-danger .metric-label,
#view-expenses .metric-card.operation-kpi-danger strong {
  color: #ffd0d0;
}
#view-treasury .metric-card.operation-kpi-clear,
#view-expenses .metric-card.operation-kpi-clear,
#view-treasury .metric-card.operation-kpi-closed,
#view-expenses .metric-card.operation-kpi-closed {
  border-color: rgba(45, 159, 119, 0.28);
  background:
    linear-gradient(90deg, rgba(45, 159, 119, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
#view-treasury .metric-card.operation-kpi-clear::before,
#view-expenses .metric-card.operation-kpi-clear::before,
#view-treasury .metric-card.operation-kpi-closed::before,
#view-expenses .metric-card.operation-kpi-closed::before {
  background: #2d9f77;
}
#view-treasury .metric-card.operation-kpi-clear .metric-label,
#view-treasury .metric-card.operation-kpi-clear strong,
#view-treasury .metric-card.operation-kpi-closed .metric-label,
#view-treasury .metric-card.operation-kpi-closed strong,
#view-expenses .metric-card.operation-kpi-clear .metric-label,
#view-expenses .metric-card.operation-kpi-clear strong,
#view-expenses .metric-card.operation-kpi-closed .metric-label,
#view-expenses .metric-card.operation-kpi-closed strong {
  color: #9df0cf;
}
#view-treasury .metric-card.operation-kpi-today,
#view-expenses .metric-card.operation-kpi-today,
#view-treasury .metric-card.operation-kpi-amount,
#view-expenses .metric-card.operation-kpi-amount {
  border-color: rgba(59, 130, 246, 0.28);
  background:
    linear-gradient(90deg, rgba(30, 64, 175, 0.2), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
#view-treasury .metric-card.operation-kpi-today::before,
#view-expenses .metric-card.operation-kpi-today::before,
#view-treasury .metric-card.operation-kpi-amount::before,
#view-expenses .metric-card.operation-kpi-amount::before {
  background: #3b82f6;
}
#view-treasury .metric-card.operation-kpi-today .metric-label,
#view-treasury .metric-card.operation-kpi-today strong,
#view-treasury .metric-card.operation-kpi-amount .metric-label,
#view-treasury .metric-card.operation-kpi-amount strong,
#view-expenses .metric-card.operation-kpi-today .metric-label,
#view-expenses .metric-card.operation-kpi-today strong,
#view-expenses .metric-card.operation-kpi-amount .metric-label,
#view-expenses .metric-card.operation-kpi-amount strong {
  color: #bfdbfe;
}
#view-treasury .metric-card.operation-kpi-muted,
#view-expenses .metric-card.operation-kpi-muted {
  border-color: rgba(148, 163, 184, 0.12);
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-danger {
  border-color: rgba(239, 68, 68, 0.34);
  background:
    linear-gradient(90deg, rgba(127, 29, 29, 0.26), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-danger::before {
  width: 6px;
  background: #ef4444;
  box-shadow: 0 0 24px rgba(239, 68, 68, 0.36);
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-danger .metric-label,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-danger strong {
  color: #ffd0d0;
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-clear,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-closed {
  border-color: rgba(45, 159, 119, 0.28);
  background:
    linear-gradient(90deg, rgba(45, 159, 119, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-clear::before,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-closed::before {
  background: #2d9f77;
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-clear .metric-label,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-clear strong,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-closed .metric-label,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-closed strong {
  color: #9df0cf;
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-today,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-amount {
  border-color: rgba(59, 130, 246, 0.28);
  background:
    linear-gradient(90deg, rgba(30, 64, 175, 0.2), transparent 42%),
    linear-gradient(180deg, rgba(18, 26, 38, 0.98), rgba(8, 13, 20, 0.98));
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-today::before,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-amount::before {
  background: #3b82f6;
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-today .metric-label,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-today strong,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-amount .metric-label,
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-amount strong {
  color: #bfdbfe;
}
:is(#view-operator, #view-budget, #view-internal-transfers) .metric-card.operation-kpi-muted {
  border-color: rgba(148, 163, 184, 0.12);
}
#view-budget .operator-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
#view-execution .operator-toolbar,
#view-expenses .operator-toolbar,
#view-budget .operator-toolbar {
  margin-bottom: 18px;
}
.expense-editor-modal-card {
  width: min(1460px, calc(100vw - 28px));
  min-height: min(760px, calc(100vh - 24px));
}
.budget-editor-modal-card {
  width: min(1460px, calc(100vw - 28px));
  min-height: min(760px, calc(100vh - 24px));
}
.expense-types-modal-card {
  width: min(1380px, calc(100vw - 24px));
  min-height: min(680px, calc(100vh - 28px));
}
.internal-transfer-modal-card {
  width: min(1680px, calc(100vw - 24px));
  max-height: min(96vh, calc(100vh - 16px));
  min-height: min(860px, calc(100vh - 16px));
  padding: 34px 38px;
}
.internal-transfer-modal-card > .panel-head {
  padding: 10px 0 22px;
  margin: -10px 0 22px;
}
.internal-transfer-modal-card .form-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px 20px;
  align-items: start;
}
.internal-transfer-modal-card .form-grid > label {
  grid-column: span 6;
  gap: 9px;
}
.internal-transfer-modal-card input,
.internal-transfer-modal-card select {
  min-height: 58px;
  border-radius: 18px;
  font-size: 0.98rem;
}
.internal-transfer-modal-card .detail-card:first-child {
  padding: 20px 22px;
  border-color: rgba(201,166,107,0.34);
  background:
    radial-gradient(circle at 12% 0%, rgba(201,166,107,0.18), transparent 34%),
    linear-gradient(135deg, rgba(201,166,107,0.12), rgba(13,45,65,0.16) 48%, rgba(16,24,35,0.96));
}
.internal-transfer-modal-card .search-select-trigger {
  min-height: 58px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent),
    rgba(22,31,43,0.96);
}
.internal-transfer-modal-card .search-select-panel {
  z-index: 90;
  border-color: rgba(201,166,107,0.28);
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.16), transparent 34%),
    rgba(8, 13, 20, 0.98);
}
.internal-transfer-modal-card .search-select-list {
  max-height: min(300px, 34vh);
}
.transfer-account-balance-card {
  min-height: 104px;
  display: grid;
  gap: 5px;
  padding: 16px 18px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.025);
  color: var(--text-soft);
}
.transfer-account-balance-card.is-selected {
  border-color: rgba(201,166,107,0.24);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.08), transparent),
    rgba(16,24,35,0.88);
}
.transfer-account-balance-card strong {
  color: var(--text);
  font-size: 0.98rem;
}
.transfer-account-balance-card span,
.transfer-account-balance-card small {
  color: var(--text-soft);
  line-height: 1.35;
}
.transfer-account-balance-card small {
  font-size: 0.78rem;
}
#internal-transfer-preview {
  position: relative;
  overflow: hidden;
  padding: 26px;
  margin-top: 2px;
  border-color: rgba(201,166,107,0.36);
  background:
    radial-gradient(circle at 0% 0%, rgba(201,166,107,0.18), transparent 32%),
    radial-gradient(circle at 100% 20%, rgba(35,115,154,0.18), transparent 34%),
    linear-gradient(135deg, rgba(14,23,34,0.96), rgba(10,18,28,0.98));
}
#internal-transfer-preview::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 18px;
  width: 82px;
  height: 82px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(201,166,107,0.14), transparent 68%);
  pointer-events: none;
}
.transfer-execution-badge {
  width: max-content;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(201,166,107,0.16);
  color: #f2d7a1;
  border: 1px solid rgba(201,166,107,0.28);
  font-size: 0.72rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.transfer-execution-badge.danger {
  background: rgba(239,68,68,0.14);
  border-color: rgba(239,68,68,0.28);
  color: #fecaca;
}
.transfer-execution-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1.12fr) minmax(320px, 0.82fr);
  gap: 18px;
  margin-top: 18px;
}
.transfer-execution-grid > div {
  display: grid;
  gap: 8px;
  min-height: 148px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
}
.transfer-execution-label {
  color: var(--accent);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.transfer-execution-grid strong {
  color: var(--text);
  font-size: 1.08rem;
}
.transfer-execution-grid small {
  color: var(--text-soft);
  line-height: 1.45;
}
.transfer-execution-amount strong {
  font-size: 1.26rem;
}
.transfer-execution-grid > .transfer-execution-amount.is-positive {
  border-color: rgba(45,159,119,0.46);
  background:
    radial-gradient(circle at 100% 0%, rgba(45,159,119,0.2), transparent 42%),
    linear-gradient(145deg, rgba(20,83,66,0.38), rgba(12,30,28,0.92));
  box-shadow: inset 0 0 0 1px rgba(94,234,212,0.05);
}
.transfer-execution-grid > .transfer-execution-amount.is-negative {
  border-color: rgba(212,91,91,0.48);
  background:
    radial-gradient(circle at 100% 0%, rgba(212,91,91,0.22), transparent 42%),
    linear-gradient(145deg, rgba(86,29,38,0.42), rgba(28,14,20,0.92));
  box-shadow: inset 0 0 0 1px rgba(254,202,202,0.05);
}
.transfer-execution-grid > .transfer-execution-amount.is-neutral {
  border-color: rgba(201,166,107,0.22);
}
.transfer-fx-delta {
  display: block;
  margin-top: 2px;
  color: var(--text);
  font-size: clamp(1.55rem, 2.2vw, 2.15rem);
  font-weight: 800;
  letter-spacing: -0.03em;
}
.transfer-execution-amount.is-positive .transfer-fx-delta,
.transfer-execution-amount.is-positive .transfer-fx-tone {
  color: #9ef0d0;
}
.transfer-execution-amount.is-negative .transfer-fx-delta,
.transfer-execution-amount.is-negative .transfer-fx-tone {
  color: #fecaca;
}
.transfer-fx-tone {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: var(--text-soft);
  font-size: 0.74rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.transfer-warning {
  color: #fecaca;
  display: block;
  margin-top: 14px;
}
.internal-transfer-modal-card .form-actions {
  position: static;
  margin-top: 4px;
  padding-top: 20px;
  background: transparent;
  backdrop-filter: none;
}
.investment-create-modal-card {
  width: min(1320px, calc(100vw - 28px));
  min-height: min(720px, calc(100vh - 24px));
  display: grid;
  align-content: start;
  gap: 18px;
}
.investment-create-modal-card > .panel-head {
  margin-bottom: 4px;
}
.investment-create-modal-card .detail-card {
  padding: 18px 20px;
  font-size: 1.02rem;
}
.investment-create-modal-card label.full-span {
  display: grid;
  gap: 10px;
}
.investment-create-modal-card .search-select-trigger,
.investment-create-modal-card select {
  min-height: 58px;
  font-size: 1rem;
}
.investment-create-modal-card .search-select-panel {
  position: static;
  margin-top: 10px;
  max-height: none;
  padding: 14px;
}
.investment-create-modal-card .search-select-input {
  min-height: 56px;
  font-size: 1rem;
}
.investment-create-modal-card .search-select-list {
  max-height: min(360px, 42vh);
}
.investment-create-modal-card .search-select-option {
  padding: 13px 14px;
}
.expense-editor-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.expense-resolution-chooser {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.expense-resolution-option {
  min-height: 112px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.72);
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.expense-resolution-option strong {
  color: var(--text);
  font-size: 0.98rem;
  line-height: 1.25;
}
.expense-resolution-option span {
  color: var(--text-soft);
  font-size: 0.86rem;
  line-height: 1.42;
}
.expense-resolution-option:hover,
.expense-resolution-option.is-selected {
  border-color: rgba(201,166,107,0.46);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.14), rgba(15, 23, 42, 0.74));
  box-shadow: 0 16px 34px rgba(0,0,0,0.22);
  transform: translateY(-1px);
}
.expense-resolution-option.is-selected strong {
  color: #ffe2ad;
}
:root[data-theme="light"] .expense-resolution-option {
  border-color: rgba(15,23,42,0.12);
  background: rgba(255,255,255,0.82);
  box-shadow: 0 14px 28px rgba(15,23,42,0.06);
}
:root[data-theme="light"] .expense-resolution-option:hover,
:root[data-theme="light"] .expense-resolution-option.is-selected {
  border-color: rgba(122,85,32,0.28);
  background:
    linear-gradient(180deg, rgba(245, 203, 124, 0.24), rgba(255,255,255,0.92));
}
:root[data-theme="light"] .expense-resolution-option.is-selected strong {
  color: #6b4617;
}
.expense-type-picker-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 52px;
  gap: 10px;
  align-items: stretch;
}
.expense-type-picker-control select {
  min-width: 0;
}
.icon-action-button {
  width: 52px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(201,166,107,0.34);
  border-radius: 14px;
  background: rgba(201,166,107,0.12);
  color: var(--gold);
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
.icon-action-button:hover {
  border-color: rgba(201,166,107,0.62);
  background: rgba(201,166,107,0.18);
  transform: translateY(-1px);
}
.icon-action-button:focus-visible {
  outline: 2px solid rgba(201,166,107,0.72);
  outline-offset: 3px;
}
:root[data-theme="light"] .icon-action-button {
  background: rgba(201,166,107,0.16);
  color: #7a5520;
  border-color: rgba(122,85,32,0.24);
}
.expense-type-editor-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.expense-type-editor-intro {
  border-color: rgba(45,159,119,0.24);
  background: linear-gradient(180deg, rgba(45,159,119,0.08), var(--neutral-03));
}
.expense-type-editor-intro strong {
  color: var(--text);
}
.expense-type-editor-intro span {
  color: var(--text-soft);
}
.budget-editor-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.expense-editor-intro {
  border-color: rgba(201,166,107,0.24);
  background: linear-gradient(180deg, rgba(201,166,107,0.08), var(--neutral-03));
}
.expense-operational-summary {
  border-color: rgba(45,159,119,0.32);
  background:
    linear-gradient(180deg, rgba(45,159,119,0.1), transparent),
    var(--neutral-03);
}
.expense-operational-summary strong {
  color: var(--text);
}
.expense-operational-summary span {
  color: var(--text-soft);
}
.expense-editor-form #expense-resolution-copy,
.expense-resolution-panel {
  border-color: rgba(45,159,119,0.28);
  background:
    linear-gradient(180deg, rgba(45,159,119,0.08), transparent),
    var(--neutral-03);
}
.expense-resolution-panel.is-execution {
  border-color: rgba(201,166,107,0.32);
  background: linear-gradient(180deg, rgba(201,166,107,0.09), transparent), var(--neutral-03);
}
.expense-resolution-panel.is-provider {
  border-color: rgba(92,133,255,0.28);
  background: linear-gradient(180deg, rgba(92,133,255,0.09), transparent), var(--neutral-03);
}
.expense-resolution-panel.is-recurring {
  border-color: rgba(139,92,246,0.3);
  background: linear-gradient(180deg, rgba(139,92,246,0.09), transparent), var(--neutral-03);
}
.expense-resolution-panel > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.expense-editor-form #expense-resolution-copy strong,
.expense-resolution-panel strong {
  color: var(--text);
}
.expense-editor-form #expense-resolution-copy span,
.expense-resolution-panel span {
  color: var(--text-soft);
}
.expense-resolution-chip {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(45,159,119,0.22);
  background: rgba(45,159,119,0.1);
  color: #b8f2df;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.expense-resolution-chip.is-execution {
  border-color: rgba(201,166,107,0.26);
  background: rgba(201,166,107,0.12);
  color: #ffe3b6;
}
.expense-resolution-chip.is-provider {
  border-color: rgba(92,133,255,0.24);
  background: rgba(92,133,255,0.1);
  color: #c7d2fe;
}
.expense-resolution-chip.is-recurring {
  border-color: rgba(139,92,246,0.28);
  background: rgba(139,92,246,0.1);
  color: #ddd6fe;
}
.expense-row-reversed {
  background: linear-gradient(90deg, rgba(134,54,62,0.19), rgba(14,22,32,0.03));
}
.expense-row-reversed .expense-status-label,
.expense-row-reversed .status-chip.error {
  color: #f5a3a8;
}
.expense-row-reversed .row-main {
  color: #ffe4e6;
}
.expense-row-reversed .row-sub {
  color: #c6a4ab;
}
:root[data-theme="light"] .expense-resolution-chip {
  color: #0f5f40;
  background: rgba(45,159,119,0.12);
}
:root[data-theme="light"] .expense-resolution-chip.is-execution {
  color: #6b4f26;
  background: rgba(201,166,107,0.14);
}
:root[data-theme="light"] .expense-resolution-chip.is-provider {
  color: #1d4ed8;
  background: rgba(59,130,246,0.1);
}
:root[data-theme="light"] .expense-resolution-chip.is-recurring {
  color: #6d28d9;
  background: rgba(139,92,246,0.1);
}
:root[data-theme="light"] .expense-row-reversed {
  background: linear-gradient(90deg, rgba(190,73,82,0.1), rgba(255,255,255,0));
}
:root[data-theme="light"] .expense-row-reversed .expense-status-label,
:root[data-theme="light"] .expense-row-reversed .status-chip.error {
  color: #9d2732;
}
:root[data-theme="light"] .expense-row-reversed .row-main {
  color: #641b24;
}
:root[data-theme="light"] .expense-row-reversed .row-sub {
  color: #8a4c55;
}
#expense-receipt-card {
  border-style: dashed;
  border-color: rgba(201,166,107,0.32);
}
#expense-receipt-card .receipt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.budget-editor-intro {
  border-color: rgba(201,166,107,0.24);
  background: linear-gradient(180deg, rgba(201,166,107,0.08), var(--neutral-03));
}
.expense-types-summary {
  margin-bottom: 14px;
}
#expense-types-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
  padding: 16px 18px;
  border-color: rgba(201,166,107,0.24);
  background:
    linear-gradient(90deg, rgba(201,166,107,0.11), transparent 58%),
    var(--neutral-03);
}
#expense-types-summary > div:first-child {
  display: grid;
  gap: 6px;
}
.expense-types-summary-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.expense-types-summary-metrics span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(201,166,107,0.18);
  border-radius: 999px;
  background: rgba(201,166,107,0.08);
  color: var(--text);
  font-size: 0.78rem;
  font-weight: 800;
}
.expense-types-modal-card .toolbar-actions {
  margin-bottom: 12px;
}
.expense-types-modal-card #expense-types-table {
  min-height: 390px;
  max-height: calc(100vh - 330px);
  border-radius: 18px;
  border-color: rgba(255,255,255,0.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent),
    var(--table-shell-bg);
}
.expense-types-modal-card #expense-types-table table {
  min-width: 1040px;
}
.expense-types-modal-card #expense-types-table th:nth-child(1),
.expense-types-modal-card #expense-types-table td:nth-child(1) {
  width: 18%;
}
.expense-types-modal-card #expense-types-table th:nth-child(2),
.expense-types-modal-card #expense-types-table td:nth-child(2) {
  width: 19%;
}
.expense-types-modal-card #expense-types-table th:nth-child(4),
.expense-types-modal-card #expense-types-table td:nth-child(4) {
  width: 120px;
}
.expense-types-modal-card #expense-types-table th:nth-child(5),
.expense-types-modal-card #expense-types-table td:nth-child(5) {
  width: 190px;
}
.expense-types-modal-card #expense-types-table th {
  padding-top: 13px;
  padding-bottom: 13px;
}
.expense-types-modal-card #expense-types-table td {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: middle;
}
.expense-types-modal-card #expense-types-table tbody tr {
  transition: background 0.16s ease;
}
.expense-types-modal-card #expense-types-table tbody tr:hover {
  background: rgba(255,255,255,0.035);
}
.expense-type-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid rgba(148,163,184,0.18);
  border-radius: 999px;
  background: rgba(148,163,184,0.08);
  color: var(--text-soft);
  font-size: 0.76rem;
  font-weight: 800;
  width: max-content;
  max-width: 100%;
}
.expense-type-pill.is-occasional {
  border-color: rgba(45,159,119,0.22);
  background: rgba(45,159,119,0.1);
  color: #b8f2df;
}
.expense-type-pill.is-recurring {
  border-color: rgba(139,92,246,0.26);
  background: rgba(139,92,246,0.1);
  color: #ddd6fe;
}
.expense-type-row-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, auto));
  gap: 8px;
  align-items: center;
  justify-content: start;
}
.expense-type-row-actions .inline-button {
  min-height: 38px;
  padding: 8px 12px;
}
:root[data-theme="light"] .expense-types-summary {
  background:
    linear-gradient(90deg, rgba(245, 203, 124, 0.2), rgba(255,255,255,0.96) 62%);
}
:root[data-theme="light"] .expense-types-modal-card #expense-types-table {
  border-color: rgba(15,23,42,0.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.98));
}
:root[data-theme="light"] .expense-types-modal-card #expense-types-table tbody tr:hover {
  background: rgba(15,23,42,0.025);
}
:root[data-theme="light"] .expense-type-pill.is-occasional {
  color: #0f5f40;
}
:root[data-theme="light"] .expense-type-pill.is-recurring {
  color: #6d28d9;
}
.expense-profile-editor-intro,
.expense-next-run-card,
.budget-next-run-card {
  border-color: rgba(201,166,107,0.26);
  background: linear-gradient(180deg, rgba(201,166,107,0.10), rgba(20, 27, 38, 0.96));
}
.expense-next-run-card strong,
.budget-next-run-card strong,
.expense-profile-editor-intro strong {
  color: var(--text);
}
.expense-next-run-card span,
.budget-next-run-card span,
.expense-profile-editor-intro span {
  color: var(--text-soft);
}
.expense-profiles-modal-card .table-shell,
.expense-types-modal-card .table-shell {
  min-height: 480px;
}
.operator-layout {
  grid-template-columns: 1fr;
}
.operator-history-modal {
  width: min(1280px, calc(100vw - 48px));
  max-height: min(92vh, calc(100vh - 32px));
}
.operator-history-modal .table-shell {
  min-height: 420px;
  max-height: calc(92vh - 220px);
}
.operator-history-modal #operator-history-summary {
  margin-bottom: 14px;
}
.treasury-history-modal #treasury-history-summary {
  margin-bottom: 14px;
}
.operator-side {
  min-width: 420px;
}
.operator-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.operator-toolbar {
  margin-bottom: 18px;
}
.daily-balance-toolbar {
  display: grid;
  grid-template-columns: minmax(210px, auto) minmax(170px, 0.9fr) minmax(220px, 1.5fr) minmax(170px, 0.9fr);
  gap: 14px;
  align-items: end;
}
.daily-balance-toolbar .search-select-trigger {
  min-height: 52px;
  border-radius: 18px;
}
.daily-balance-toolbar .search-select-panel {
  z-index: 75;
  min-width: min(380px, calc(100vw - 48px));
}
.daily-balance-toolbar .search-select-input {
  min-height: 44px;
}
.daily-balance-toolbar .search-select-option {
  padding: 10px 12px;
}
.daily-balance-stage-switch {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border-radius: 22px;
  border: 1px solid var(--border);
  background: rgba(15, 23, 35, 0.88);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}
.daily-balance-stage-button {
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: var(--text-soft);
  border-radius: 16px;
  padding: 10px 16px;
  font: inherit;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.daily-balance-stage-button:hover {
  color: var(--text);
  transform: translateY(-1px);
}
.daily-balance-stage-button.is-active {
  background: rgba(201, 166, 107, 0.16);
  border-color: rgba(201, 166, 107, 0.28);
  color: var(--text);
}
.daily-balance-summary {
  margin: 8px 0 18px;
}
.daily-balance-cycle-card {
  display: grid;
  gap: 16px;
  margin-bottom: 18px;
  border-color: rgba(201,166,107,0.22);
  background:
    radial-gradient(circle at 0% 0%, rgba(201,166,107,0.14), transparent 30%),
    linear-gradient(135deg, rgba(13,21,32,0.98), rgba(8,14,22,0.98));
}
.daily-balance-cycle-card.closed {
  border-color: rgba(45,159,119,0.28);
  background:
    radial-gradient(circle at 0% 0%, rgba(45,159,119,0.14), transparent 30%),
    linear-gradient(135deg, rgba(13,21,32,0.98), rgba(8,14,22,0.98));
}
.daily-balance-cycle-card.pending {
  border-color: rgba(224,180,88,0.24);
}
.daily-balance-cycle-main {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}
.daily-balance-cycle-main strong {
  display: block;
  margin-top: 5px;
  color: var(--text);
  font-size: 1.12rem;
}
.daily-balance-cycle-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.daily-balance-cycle-grid > div {
  display: grid;
  gap: 5px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.07);
  background: rgba(255,255,255,0.025);
}
.daily-balance-cycle-grid span {
  color: var(--accent);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.daily-balance-cycle-grid strong {
  color: var(--text);
}
.daily-balance-cycle-grid small {
  color: var(--text-soft);
}
.daily-balance-gap-card.is-gap-positive strong,
.daily-balance-gap-card.is-gap-positive span {
  color: #b8f2df;
}
.daily-balance-gap-card.is-gap-negative strong,
.daily-balance-gap-card.is-gap-negative span,
.daily-balance-action-error {
  color: #ffd4d4;
}
.daily-balance-action-error {
  border: 1px solid rgba(212, 91, 91, 0.24);
  background: rgba(212, 91, 91, 0.1);
  border-radius: 18px;
  padding: 12px 14px;
}
.daily-balance-country-group {
  margin-bottom: 14px;
  border: 1px solid rgba(201,166,107,0.18);
  border-radius: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(17, 66, 88, 0.18), transparent 30%),
    linear-gradient(180deg, rgba(18, 27, 39, 0.78), rgba(9, 15, 24, 0.72));
  box-shadow: 0 18px 55px rgba(0,0,0,0.18);
}
.daily-balance-country-head {
  width: 100%;
  appearance: none;
  border: 0;
  color: var(--text);
  background: linear-gradient(135deg, rgba(201,166,107,0.08), rgba(18, 34, 49, 0.24));
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) minmax(420px, 1.5fr) auto;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  text-align: left;
  cursor: pointer;
}
.daily-balance-country-head:hover {
  background: linear-gradient(135deg, rgba(201,166,107,0.13), rgba(18, 34, 49, 0.32));
}
.daily-balance-country-flag {
  width: 46px;
  height: 46px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 1.45rem;
  background: rgba(255,255,255,0.055);
  border: 1px solid rgba(255,255,255,0.08);
}
.daily-balance-country-title {
  display: grid;
  gap: 4px;
}
.daily-balance-country-title strong {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1.02rem;
}
.daily-balance-country-title small,
.daily-balance-country-metrics span,
.daily-balance-country-chevron {
  color: var(--text-soft);
  font-size: 0.82rem;
}
.daily-balance-country-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.daily-balance-country-metrics span {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.055);
}
.daily-balance-country-metrics strong {
  color: var(--text);
  font-size: 0.98rem;
}
.daily-balance-country-metrics strong.positive {
  color: #b8f2df;
}
.daily-balance-country-metrics strong.negative {
  color: #ffd4d4;
}
.daily-balance-country-chevron {
  justify-self: end;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  padding: 8px 12px;
}
.daily-balance-country-body {
  padding: 0 16px 16px;
  overflow-x: auto;
}
.daily-balance-country-body table {
  min-width: 1060px;
}
.daily-balance-country-group.is-collapsed .daily-balance-country-body {
  display: none;
}
:root[data-theme="light"] .daily-balance-stage-switch {
  background: rgba(248, 250, 252, 0.94);
}
:root[data-theme="light"] .daily-balance-stage-button.is-active {
  background: rgba(201, 166, 107, 0.16);
  color: #4f3a1a;
}
:root[data-theme="light"] .daily-balance-gap-card.is-gap-positive strong,
:root[data-theme="light"] .daily-balance-gap-card.is-gap-positive span {
  color: #0f5f40;
}
:root[data-theme="light"] .daily-balance-gap-card.is-gap-negative strong,
:root[data-theme="light"] .daily-balance-gap-card.is-gap-negative span,
:root[data-theme="light"] .daily-balance-action-error {
  color: #7d1c1c;
}
:root[data-theme="light"] .daily-balance-country-group {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,248,251,0.96));
  border-color: rgba(148, 163, 184, 0.32);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}
:root[data-theme="light"] .daily-balance-country-head {
  background: linear-gradient(135deg, rgba(201,166,107,0.14), rgba(241,245,249,0.96));
}
:root[data-theme="light"] .daily-balance-country-flag,
:root[data-theme="light"] .daily-balance-country-metrics span {
  background: rgba(255,255,255,0.78);
  border-color: rgba(148, 163, 184, 0.26);
}
:root[data-theme="light"] .daily-balance-country-title small,
:root[data-theme="light"] .daily-balance-country-metrics span,
:root[data-theme="light"] .daily-balance-country-chevron {
  color: #64748b;
}
:root[data-theme="light"] .daily-balance-country-metrics strong {
  color: #0f172a;
}
:root[data-theme="light"] .daily-balance-country-metrics strong.positive {
  color: #047857;
}
:root[data-theme="light"] .daily-balance-country-metrics strong.negative {
  color: #b42318;
}
:root[data-theme="light"] #view-daily-balances .daily-balance-stage {
  border-color: rgba(201, 166, 107, 0.16);
  background:
    radial-gradient(circle at 18% 0%, rgba(201,166,107,0.12), transparent 32%),
    radial-gradient(circle at 90% 8%, rgba(14,116,144,0.09), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.72), rgba(248,250,252,0.66));
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.08);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-stage > .panel-head {
  border-bottom-color: rgba(148,163,184,0.18);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-cycle-card {
  color: #172033;
  border-color: rgba(201,166,107,0.28);
  background:
    radial-gradient(circle at 0% 0%, rgba(201,166,107,0.16), transparent 28%),
    radial-gradient(circle at 100% 18%, rgba(14,116,144,0.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(239,246,250,0.96));
  box-shadow: 0 18px 42px rgba(15,23,42,0.08);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-cycle-card.closed {
  border-color: rgba(45,159,119,0.28);
  background:
    radial-gradient(circle at 0% 0%, rgba(45,159,119,0.14), transparent 30%),
    linear-gradient(135deg, #ffffff, #eefaf5);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-cycle-card.pending {
  border-color: rgba(201,166,107,0.3);
  background:
    radial-gradient(circle at 0% 0%, rgba(201,166,107,0.14), transparent 30%),
    linear-gradient(135deg, #fffdf7, #f4f7fb);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-cycle-main strong,
:root[data-theme="light"] #view-daily-balances .daily-balance-cycle-grid strong {
  color: #101827;
}
:root[data-theme="light"] #view-daily-balances .daily-balance-cycle-grid > div {
  border-color: rgba(15,23,42,0.08);
  background: rgba(255,255,255,0.78);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-cycle-grid span {
  color: #9a6f2d;
}
:root[data-theme="light"] #view-daily-balances .daily-balance-cycle-grid small {
  color: #64748b;
}
:root[data-theme="light"] #view-daily-balances .daily-balance-kpis .metric-card {
  border-color: rgba(148,163,184,0.22);
  background:
    radial-gradient(circle at 100% 0%, rgba(14,116,144,0.07), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
  box-shadow: 0 18px 42px rgba(15,23,42,0.07);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-kpis .metric-card.accent {
  border-color: rgba(201,166,107,0.28);
  background:
    radial-gradient(circle at 0% 0%, rgba(201,166,107,0.16), transparent 34%),
    linear-gradient(180deg, #ffffff, #fbf7ef);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-kpis .metric-card strong {
  color: #0d1728;
}
:root[data-theme="light"] #view-daily-balances .daily-balance-kpis .metric-card p {
  color: #536176;
}
:root[data-theme="light"] #view-daily-balances .daily-balance-toolbar {
  border: 1px solid rgba(148,163,184,0.2);
  background:
    radial-gradient(circle at 100% 0%, rgba(201,166,107,0.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(241,245,249,0.9));
  box-shadow: 0 16px 36px rgba(15,23,42,0.06);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-toolbar input,
:root[data-theme="light"] #view-daily-balances .daily-balance-toolbar select,
:root[data-theme="light"] #view-daily-balances .daily-balance-toolbar .search-select-trigger {
  color: #172033;
  border-color: rgba(15,23,42,0.1);
  background: linear-gradient(180deg, #ffffff, #f4f7fa);
}
:root[data-theme="light"] #view-daily-balances .nested-panel {
  border-color: rgba(148,163,184,0.2);
  background:
    radial-gradient(circle at 100% 0%, rgba(14,116,144,0.055), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.92));
  box-shadow: 0 18px 44px rgba(15,23,42,0.06);
}
:root[data-theme="light"] #view-daily-balances .nested-panel > .panel-head {
  border-bottom: 1px solid rgba(148,163,184,0.16);
}
:root[data-theme="light"] #view-daily-balances .nested-panel .table-shell {
  color: #475569;
  border-color: rgba(148,163,184,0.2);
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}
:root[data-theme="light"] #view-daily-balances .nested-panel .table-shell thead th {
  color: #8a6a3c;
  background: linear-gradient(180deg, #f8fafc, #eef2f7);
}
:root[data-theme="light"] #view-daily-balances .nested-panel .table-shell tbody tr {
  border-color: rgba(148,163,184,0.16);
}
:root[data-theme="light"] #view-daily-balances .nested-panel .row-main {
  color: #0f172a;
}
:root[data-theme="light"] #view-daily-balances .nested-panel .row-sub {
  color: #64748b;
}
:root[data-theme="light"] #view-daily-balances .daily-balance-country-group {
  border-color: rgba(148,163,184,0.26);
  background:
    radial-gradient(circle at 100% 0%, rgba(14,116,144,0.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,248,251,0.96));
  box-shadow: 0 18px 45px rgba(15,23,42,0.08);
}
:root[data-theme="light"] #view-daily-balances .daily-balance-country-head {
  background: linear-gradient(135deg, rgba(201,166,107,0.12), rgba(241,245,249,0.96));
}
:root[data-theme="light"] #view-daily-balances .daily-balance-country-head:hover {
  background: linear-gradient(135deg, rgba(201,166,107,0.18), rgba(236,244,249,0.98));
}
:root[data-theme="light"] .daily-balance-total-card {
  border-color: rgba(148, 163, 184, 0.26);
  background:
    radial-gradient(circle at 100% 0%, rgba(14, 116, 144, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,250,252,0.92));
}
:root[data-theme="light"] .daily-balance-total-card span,
:root[data-theme="light"] .daily-balance-total-card small {
  color: #64748b;
}
:root[data-theme="light"] .daily-balance-total-card strong {
  color: #0f172a;
}
:root[data-theme="light"] .daily-balance-total-card.is-positive strong {
  color: #047857;
}
:root[data-theme="light"] .daily-balance-total-card.is-negative strong {
  color: #b42318;
}
:root[data-theme="light"] .daily-balance-total-card.is-warning {
  border-color: rgba(201, 166, 107, 0.34);
  background:
    radial-gradient(circle at 100% 0%, rgba(201,166,107,0.13), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,251,235,0.9));
}
:root[data-theme="light"] .daily-balance-total-card.is-warning strong {
  color: #8a5a0a;
}
:root[data-theme="light"] .daily-balance-section-toggle {
  background: transparent;
  border-bottom-color: rgba(15, 23, 42, 0.08);
}
:root[data-theme="light"] .daily-balance-section-toggle:hover {
  background: transparent;
}
:root[data-theme="light"] .daily-balance-section-chevron {
  border-color: rgba(15, 23, 42, 0.10);
  background: rgba(15, 23, 42, 0.025);
}
.operator-queue-shell {
  display: block;
}
.operator-queue-mobile {
  display: none;
}
.operator-queue-desktop {
  display: block;
}
.op-queue-open {
  width: 100%;
  min-height: 44px;
  justify-content: center;
  margin-top: 2px;
}
.op-queue-meta {
  display: grid;
  gap: 8px;
}
.op-queue-meta-item {
  display: block;
  color: var(--text-soft);
  line-height: 1.45;
  word-break: break-word;
}
.op-queue-meta-item strong {
  display: block;
  margin-bottom: 2px;
  color: var(--text);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.op-queue-meta-value {
  display: block;
  margin-top: 2px;
  color: var(--text);
  font-weight: 760;
  font-size: 1.02rem;
  line-height: 1.3;
  word-break: break-word;
}
.op-queue-code {
  display: block;
  color: var(--text);
  font-weight: 680;
  font-size: 0.82rem;
  line-height: 1.22;
  letter-spacing: 0.01em;
  word-break: break-word;
}
.op-queue-card {
  cursor: pointer;
}
.treasury-queue-card .op-queue-amount {
  font-size: 1.38rem;
}
.op-queue-card:focus-within {
  outline: none;
  box-shadow: var(--focus-ring);
}
.op-queue-amount {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--text);
  letter-spacing: 0.01em;
}
.op-queue-kv {
  display: grid;
  gap: 10px;
}
.op-queue-kv-row {
  display: grid;
  grid-template-columns: minmax(132px, 0.46fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.op-queue-kv-label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--text-soft);
}
.op-queue-kv-value {
  color: var(--text);
  font-weight: 650;
  word-break: break-word;
}
.operator-hero-card {
  border-color: rgba(212, 175, 55, 0.18);
}
.operator-detail-modal {
  width: min(1180px, calc(100vw - 48px));
  height: min(92vh, calc(100vh - 32px));
  max-height: min(92vh, calc(100vh - 32px));
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 10px 18px 18px;
}
.operator-detail-head {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 7;
  margin: 0;
  padding: 0;
  border-bottom: none;
  background: transparent;
  backdrop-filter: none;
  justify-content: flex-end;
  pointer-events: none;
}
:root[data-theme="light"] .operator-detail-head {
  background: transparent;
}
.operator-detail-head-copy,
.operator-detail-head > div:first-child:not(.toolbar-actions) {
  display: none;
}
.operator-detail-modal .detail-stack {
  gap: 12px;
}
#operator-detail.detail-stack,
#treasury-detail.detail-stack {
  min-height: 0;
  flex: 1 1 auto;
  display: block;
  overflow-y: auto;
  padding: 0 6px 12px 0;
}
.operator-detail-form {
  min-height: 0;
  display: block;
  overflow: visible;
}
.operator-detail-scroll {
  min-height: auto;
  overflow: visible;
  padding-right: 0;
}
.operator-detail-modal .toolbar-actions {
  width: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  pointer-events: auto;
}
.icon-only-button {
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-color: rgba(255,255,255,0.12);
}
.icon-only-button svg {
  width: 13px;
  height: 13px;
  display: block;
}
.operator-detail-modal > .panel-head.operator-detail-head {
  position: absolute;
  top: 10px;
  right: 12px;
  left: auto;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
  pointer-events: none;
  z-index: 9;
}
.operator-detail-modal > .panel-head.operator-detail-head .toolbar-actions {
  width: auto;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  pointer-events: auto;
}
.operator-detail-modal > .panel-head.operator-detail-head .ghost-button.icon-only-button {
  min-height: 34px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  background: transparent;
  border-color: rgba(255,255,255,0.12);
}
:root[data-theme="light"] .operator-detail-modal > .panel-head.operator-detail-head .ghost-button.icon-only-button {
  border-color: rgba(148,163,184,0.24);
}
.operator-hero-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.operator-hero-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.operator-hero-kicker {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgba(201,166,107,0.82);
}
.operator-hero-code {
  font-size: clamp(1.3rem, 2vw, 1.75rem);
  color: var(--text);
  font-weight: 800;
  letter-spacing: 0.01em;
  word-break: break-word;
}
.operator-hero-amount {
  display: block;
  margin-top: 10px;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  color: var(--text);
  font-weight: 800;
  letter-spacing: -0.02em;
}
.operator-hero-beneficiary {
  display: block;
  margin-top: 6px;
  color: var(--text);
  font-size: 1.02rem;
  font-weight: 650;
}
.operator-data-card {
  padding-top: 8px;
  padding-bottom: 8px;
}
.operator-data-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px 0;
}
.operator-data-row + .operator-data-row {
  border-top: 1px solid var(--neutral-06);
}
.operator-data-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}
.operator-data-label {
  font-size: 0.75rem;
  color: var(--text-soft);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.operator-data-value {
  font-size: 1.08rem;
  font-weight: 750;
  color: var(--text);
  word-break: break-word;
}
.operator-data-row.is-primary .operator-data-value {
  font-size: 1.42rem;
  letter-spacing: -0.01em;
}
.operator-data-spacer {
  width: 44px;
  height: 44px;
  display: block;
}
.operator-form-card,
.operator-note-card,
.operator-support-card {
  background: linear-gradient(180deg, var(--neutral-02), var(--neutral-03));
}
.operator-conflict-card {
  border-color: rgba(220, 91, 91, 0.32);
  background: linear-gradient(180deg, rgba(220, 91, 91, 0.12), rgba(220, 91, 91, 0.04));
}
:root[data-theme="light"] .operator-conflict-card {
  border-color: rgba(220, 38, 38, 0.18);
  background: linear-gradient(180deg, rgba(254, 226, 226, 0.92), rgba(255, 255, 255, 0.96));
}
.operator-note-field {
  display: grid;
  gap: 10px;
}
.operator-deliver-shell {
  gap: 14px;
}
.operator-action-dock {
  display: grid;
  gap: 10px;
  align-items: stretch;
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin-top: 16px;
  padding: 16px 0 0;
  border-top: 1px solid var(--neutral-06);
  background: linear-gradient(180deg, rgba(16, 24, 35, 0), rgba(16, 24, 35, 0.94) 34%, rgba(16, 24, 35, 0.99));
  backdrop-filter: blur(10px);
}
:root[data-theme="light"] .operator-action-dock {
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(248,250,252,0.94) 34%, rgba(255,255,255,0.99));
}
.operator-action-dock .primary-button,
.operator-action-dock .danger-button {
  width: 100%;
  min-height: 56px;
  justify-content: center;
}
.operator-action-dock .danger-button {
  background: transparent;
  color: #dc2626;
  border-color: rgba(220, 38, 38, 0.18);
}
.treasury-detail-modal .operator-hero-amount {
  font-size: clamp(1.7rem, 3vw, 2.25rem);
  margin-top: 8px;
}
.treasury-detail-modal .operator-data-card {
  padding-top: 2px;
  padding-bottom: 2px;
}
.treasury-detail-modal .operator-data-row {
  padding: 13px 0;
}
.treasury-detail-modal .operator-data-row.is-primary .operator-data-value {
  font-size: 1.22rem;
}
.treasury-detail-modal .operator-note-card,
.treasury-detail-modal .operator-support-card,
.treasury-detail-modal .operator-form-card {
  padding: 18px 20px;
}
.treasury-detail-modal .operator-deliver-shell {
  gap: 12px;
}
.treasury-detail-modal .operator-action-dock {
  margin-top: 10px;
  padding-top: 12px;
}
.treasury-detail-modal textarea {
  min-height: 78px;
}
.operator-support-card > .detail-stack {
  margin-top: 12px;
}
.copy-inline-button {
  align-self: center;
  min-width: 44px;
  min-height: 44px;
  width: 44px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--neutral-03);
  border-color: var(--line);
}
.copy-inline-button:hover {
  background: var(--neutral-04);
}
.copy-inline-button .copy-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.copy-inline-button .copy-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.operator-deliver-form textarea {
  min-height: 90px;
  resize: vertical;
}
.receipt-paste-zone {
  display: grid;
  gap: 10px;
  border-style: dashed;
  border-color: rgba(201, 166, 107, 0.28);
  background: linear-gradient(180deg, rgba(201, 166, 107, 0.05), var(--neutral-02));
  cursor: text;
}
.receipt-paste-zone:focus-within,
.receipt-paste-zone:focus {
  outline: none;
  border-color: rgba(201, 166, 107, 0.52);
  box-shadow: 0 0 0 1px rgba(201, 166, 107, 0.18);
}
.receipt-composer {
  display: grid;
  gap: 12px;
}
.receipt-composer-head-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}
.receipt-composer-head {
  display: grid;
  gap: 4px;
}
.receipt-composer-meta {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.receipt-composer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 14px;
  align-items: start;
}
.receipt-composer-drop {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid var(--neutral-10);
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.14), transparent 42%),
    linear-gradient(180deg, var(--neutral-02), rgba(8,12,18,0.58));
  box-shadow: inset 0 1px 0 var(--neutral-04);
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.receipt-composer-drop::after {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 14px;
  border: 1px dashed rgba(201, 166, 107, 0.22);
  opacity: 0.55;
  pointer-events: none;
}
.receipt-composer-drop:focus-within,
.receipt-composer-drop:focus {
  outline: none;
  border-color: rgba(201, 166, 107, 0.52);
  box-shadow: 0 0 0 1px rgba(201, 166, 107, 0.18);
}
.receipt-composer-drop:hover {
  border-color: rgba(201, 166, 107, 0.36);
  transform: translateY(-1px);
}
.receipt-composer-drop[data-dragover="1"] {
  border-color: rgba(201, 166, 107, 0.68);
  box-shadow: 0 0 0 1px rgba(201,166,107,0.22), 0 22px 60px rgba(0,0,0,0.26);
}
.receipt-composer-drop-title {
  display: grid;
  gap: 4px;
}
.receipt-composer-filehint {
  color: var(--text-soft);
  font-size: 0.92rem;
  line-height: 1.35;
}
.receipt-composer-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.receipt-composer .ghost-button {
  padding: 10px 12px;
  font-size: 0.86rem;
  border-color: var(--neutral-12);
  background: var(--neutral-02);
}
.receipt-composer .ghost-button:hover {
  border-color: rgba(201,166,107,0.36);
  background: rgba(201,166,107,0.06);
}
.receipt-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.receipt-file-trigger {
  cursor: pointer;
}
.receipt-composer-link-card {
  display: grid;
  gap: 12px;
  border-radius: 18px;
  border: 1px solid var(--neutral-08);
  background: linear-gradient(180deg, var(--neutral-02), rgba(8,12,18,0.5));
  padding: 14px;
}
.receipt-composer-link {
  display: grid;
  gap: 10px;
  align-content: start;
}
.receipt-composer-label {
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(201,166,107,0.82);
}
.remittance-receipt-card .receipt-preview {
  position: relative;
  z-index: 1;
  width: min(420px, 100%);
  max-height: 360px;
  margin: 4px auto 0;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--neutral-08);
  background: rgba(9, 14, 22, 0.74);
}
.remittance-receipt-card.has-receipt .receipt-composer-drop {
  min-height: 420px;
  align-content: start;
}
.receipt-preview-button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
.remittance-receipt-card .receipt-preview img {
  display: block;
  width: 100%;
  max-height: 360px;
  object-fit: contain;
}
.receipt-existing-file {
  display: grid;
  gap: 6px;
  width: 100%;
  padding: 20px;
  border: 1px solid var(--neutral-08);
  border-radius: 18px;
  color: var(--text);
  text-align: left;
  background: rgba(15, 23, 42, 0.54);
  cursor: pointer;
}
.receipt-existing-file span {
  color: var(--text-soft);
}
.receipt-image-modal-card {
  width: min(1180px, calc(100vw - 36px));
}

#receipt-image-modal {
  z-index: 720;
}

#receipt-image-modal .receipt-image-modal-card {
  z-index: 721;
}

.receipt-image-viewer {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 12px;
  min-height: min(76vh, 820px);
  border-radius: 22px;
  border: 1px solid var(--neutral-08);
  background: rgba(3, 7, 18, 0.72);
  overflow: hidden;
  padding: 12px;
}

.receipt-image-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid var(--neutral-08);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.58);
}

.receipt-image-toolbar strong,
.receipt-image-toolbar span {
  display: block;
  min-width: 0;
}

.receipt-image-toolbar span {
  color: var(--text-soft);
}

.receipt-image-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.receipt-image-actions > span {
  min-width: 52px;
  text-align: center;
  color: var(--text);
  font-weight: 800;
}

.receipt-image-canvas {
  display: grid;
  place-items: center;
  min-height: 0;
  overflow: auto;
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background:
    linear-gradient(45deg, rgba(148, 163, 184, 0.05) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(148, 163, 184, 0.05) 25%, transparent 25%),
    rgba(2, 6, 23, 0.38);
  background-size: 22px 22px;
}

.receipt-image-canvas img {
  display: block;
  max-width: 100%;
  max-height: 76vh;
  object-fit: contain;
  transform-origin: center center;
  transition: transform 140ms ease;
}

:root[data-theme="light"] .receipt-image-viewer {
  background: rgba(226, 233, 242, 0.84);
}

:root[data-theme="light"] .receipt-image-toolbar {
  background: rgba(255, 255, 255, 0.78);
}

:root[data-theme="light"] .receipt-image-canvas {
  background:
    linear-gradient(45deg, rgba(100, 116, 139, 0.07) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(100, 116, 139, 0.07) 25%, transparent 25%),
    rgba(248, 250, 252, 0.92);
  background-size: 22px 22px;
}
.receipt-ocr-panel {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid var(--neutral-08);
  background: rgba(15, 23, 42, 0.32);
}
.receipt-ocr-panel > span,
.receipt-ocr-panel small {
  color: var(--text-soft);
}
.receipt-ocr-panel.ok {
  border-color: rgba(52, 211, 153, 0.28);
  background: rgba(6, 78, 59, 0.16);
}
.receipt-ocr-panel.warn,
.receipt-ocr-panel.is-loading {
  border-color: rgba(201, 166, 107, 0.3);
  background: rgba(201, 166, 107, 0.08);
}
.receipt-ocr-panel.error {
  border-color: rgba(248, 113, 113, 0.32);
  background: rgba(127, 29, 29, 0.16);
}
.receipt-ocr-grid {
  display: grid;
  gap: 6px;
}
.receipt-ocr-autofill {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(52, 211, 153, 0.24);
  background: rgba(6, 78, 59, 0.14);
}
.receipt-ocr-autofill.warn {
  border-color: rgba(201, 166, 107, 0.3);
  background: rgba(201, 166, 107, 0.08);
}
.receipt-ocr-autofill span {
  color: var(--text-soft);
  font-size: 0.86rem;
  line-height: 1.35;
}
.receipt-ocr-row {
  display: grid;
  grid-template-columns: 86px 92px 1fr;
  gap: 8px;
  align-items: center;
  font-size: 0.84rem;
}
.receipt-ocr-row .ok {
  color: #8ff0c3;
}
.receipt-ocr-row .warn {
  color: #e8c27a;
}
.receipt-ocr-row .error,
.receipt-ocr-warning {
  color: #fca5a5;
}
:root[data-theme="light"] .receipt-ocr-panel {
  background: rgba(248, 250, 252, 0.82);
}
:root[data-theme="light"] .receipt-ocr-panel.ok {
  background: rgba(220, 252, 231, 0.55);
}
:root[data-theme="light"] .receipt-ocr-panel.warn,
:root[data-theme="light"] .receipt-ocr-panel.is-loading {
  background: rgba(254, 243, 199, 0.42);
}
:root[data-theme="light"] .receipt-ocr-panel.error {
  background: rgba(254, 226, 226, 0.5);
}
@media (max-width: 980px) {
  .receipt-composer-grid {
    grid-template-columns: 1fr;
  }
  .receipt-ocr-row {
    grid-template-columns: 1fr;
  }
}
.receipt-paste-preview {
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--neutral-08);
  background: rgba(9, 14, 22, 0.75);
  max-width: 360px;
}
.receipt-paste-preview img {
  display: block;
  width: 100%;
  height: auto;
}
.danger-button,
.danger-button:hover {
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.25);
  background: rgba(127, 29, 29, 0.16);
}
.operator-receipt-preview {
  width: 100%;
  max-height: 240px;
  object-fit: contain;
  border-radius: 18px;
  border: 1px solid var(--neutral-06);
  background: rgba(8, 12, 18, 0.8);
}
.operator-evidence-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 1480px) { .metrics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 1180px) {
  #view-profitability .profitability-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1480px) {
  .shell { grid-template-columns: 1fr; }
  .sidebar-toggle { display: inline-flex; }
  .workspace { padding-top: 86px; }
  .sidebar-collapse .nav-text { display: none; }
  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: min(380px, calc(100vw - 76px));
    overflow-y: auto;
    transform: translateX(-106%);
    transition: transform 180ms ease;
    border-right: 1px solid var(--line);
    border-bottom: none;
    box-shadow: 0 34px 90px rgba(0,0,0,0.46);
    z-index: 90;
  }
  body.sidebar-drawer-open { overflow: hidden; }
  body.sidebar-drawer-open .sidebar { transform: translateX(0); }
  .hero-grid, .two-col, .module-layout { grid-template-columns: 1fr; }
  .module-side { position: static; }
  .corridor-rate-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .corridor-rate-hero-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .corridor-board-head,
  .corridor-board-row {
    grid-template-columns: minmax(300px, 1.2fr) minmax(280px, 1fr) minmax(160px, 0.5fr) 120px 150px;
  }

  .client-toolbar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    align-items: end;
  }
  .client-toolbar > * {
    min-width: 0;
  }
  .client-toolbar .search-field,
  .client-toolbar .sort-field {
    width: 100%;
  }
  .client-toolbar .toolbar-actions {
    justify-self: end;
  }
  .operator-side {
    min-width: 0;
  }
}
@media (max-width: 860px) {
  .sidebar { padding: 18px; }
  .workspace { padding: 18px; padding-top: 82px; }
  #view-subtitle {
    display: none;
  }
  .workspace-head {
    margin-bottom: 18px;
  }
  .workspace-actions,
  .workspace-actions .toolbar-actions {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    padding-top: 0;
  }
  .sidebar-toggle { top: 14px; left: 14px; width: 44px; height: 44px; }
  .theme-toggle-floating { top: 14px; right: 14px; height: 44px; padding: 0 12px; }
  .workspace-head { flex-direction: column; }
  .panel-head { flex-direction: column; align-items: stretch; }
  .panel-actions { width: 100%; justify-content: stretch; }
  .panel-actions button { width: 100%; justify-content: center; }
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-grid { grid-template-columns: 1fr; }
  .remittance-client-row {
    grid-template-columns: 1fr;
  }
  .remittance-client-row .ghost-button {
    width: 100%;
    justify-content: center;
  }
  .remittance-calculator-form,
  .remittance-calculator-mode,
  .remittance-calculator-result.is-ready {
    grid-template-columns: 1fr;
  }
  .remittance-calculator-mode,
  .remittance-calculator-form > label:nth-of-type(1),
  .remittance-calculator-form > label:nth-of-type(2),
  .remittance-calculator-form > label:nth-of-type(3),
  .remittance-calculator-result,
  .remittance-calculator-rate-cards {
    grid-column: 1;
  }
  .remittance-calculator-result {
    grid-row: auto;
    min-height: 112px;
  }
  .remittance-calculator-modal-card {
    width: min(100vw - 12px, 820px);
    max-height: calc(100dvh - 12px);
  }
  .remittance-quote-section .remittance-quote-grid {
    grid-template-columns: 1fr;
  }
  .remittance-quote-section .remittance-quote-grid > label:nth-of-type(1),
  .remittance-quote-section .remittance-quote-grid > label:nth-of-type(2),
  .remittance-quote-section .remittance-quote-grid > label:nth-of-type(3),
  .remittance-quote-section .remittance-quote-grid > label:nth-of-type(4),
  .remittance-quote-section .remittance-quote-grid > label:nth-of-type(5),
  .remittance-quote-section .remittance-rate-pair {
    grid-column: 1;
  }
  .remittance-rate-cards,
  .remittance-rate-pair {
    grid-template-columns: 1fr;
  }
  .remittance-beneficiary-section {
    grid-template-columns: 1fr;
  }
  .remittance-beneficiary-section .section-title {
    flex-direction: column;
  }
  .remittance-beneficiary-section .section-title small {
    text-align: left;
  }
  .remittance-beneficiary-actions {
    justify-content: flex-start;
  }
  .remittance-beneficiary-row {
    grid-template-columns: 34px minmax(0, 1fr);
  }
  .remittance-beneficiary-row.has-identity-preview {
    grid-template-columns: 34px 58px minmax(0, 1fr);
  }
  .remittance-beneficiary-photo {
    width: 56px;
    height: 46px;
  }
  .remittance-beneficiary-row .inline-button {
    grid-column: 2 / -1;
    justify-self: start;
  }
  .pulse-grid { grid-template-columns: 1fr; }
  .phone-field { grid-template-columns: 1fr; }
  .client-toolbar { grid-template-columns: 1fr; }
  .client-toolbar .toolbar-actions { width: 100%; justify-self: stretch; display: grid; grid-template-columns: 1fr; }
  .module-main .table-shell { max-height: calc(100vh - 360px); }
  .form-actions { display: grid; grid-template-columns: 1fr; }
  .form-actions button { width: 100%; justify-content: center; }
  .modal-card .form-actions { flex-direction: column; }
  .modal-card .form-actions button { width: 100%; justify-content: center; }
  .corridor-rate-base-panel { grid-template-columns: 1fr; }
  .corridor-rate-base-inputs { grid-template-columns: 1fr; }
  .corridor-rate-base-actions { width: 100%; }
  .corridor-rate-base-actions button { flex: 1 1 0; }
  .corridor-rate-head-side { width: 100%; justify-items: start; min-width: 0; }
  .corridor-rate-title-row { flex-direction: column; align-items: flex-start; }
  .corridor-rate-header-badge,
  .corridor-rate-head-actions { justify-content: flex-start; }
  .corridor-rate-header-badge .corridor-mode-badge { max-width: none; }
  .corridor-rate-head-meta { align-items: flex-start; }
  .corridor-rate-suggested-hero-main { align-items: flex-start; }
  .corridor-rate-summary-grid,
  .corridor-rate-hero-grid,
  .benefits-split,
  .operator-kpis,
  .operator-copy-grid { grid-template-columns: 1fr; }
  .daily-balance-cycle-main {
    display: grid;
  }
  .daily-balance-cycle-grid {
    grid-template-columns: 1fr;
  }
  .daily-balance-country-head {
    grid-template-columns: auto 1fr;
    align-items: start;
  }
  .daily-balance-country-metrics,
  .daily-balance-country-chevron {
    grid-column: 1 / -1;
  }
  .daily-balance-country-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .daily-balance-total-cardset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .daily-balance-country-chevron {
    justify-self: stretch;
    text-align: center;
  }
  .dashboard-budget-summary,
  .dashboard-budget-item {
    grid-template-columns: 1fr;
  }
  .dashboard-budget-item-actions {
    width: 100%;
  }
  .dashboard-budget-item-actions .secondary-button,
  .dashboard-budget-item-actions .ghost-button {
    width: 100%;
  }
  .execution-budget-preview {
    grid-template-columns: 1fr;
  }
  .execution-budget-preview-metrics {
    grid-template-columns: 1fr;
  }
  .modal-card.corridor-rate-modal { width: min(100vw - 20px, 100%); min-height: min(720px, calc(100vh - 20px)); }
  .toolbar-actions { width: 100%; }
  .toolbar-actions button { width: 100%; }
  .auth-landing { padding: 18px; }
  .auth-landing-grid { width: 100%; grid-template-columns: 1fr; }
  .corridor-board-head,
  .corridor-board-row {
    grid-template-columns: 1fr;
  }
  .corridor-board-head {
    display: none;
  }
  .corridor-board-row {
    gap: 14px;
    padding: 18px 0;
  }
  .corridor-board-cell-actions,
  .corridor-board-cell-status {
    justify-items: start;
  }
  .catalog-table-shell { max-height: calc(100vh - 300px); }
  .reference-source-grid { grid-template-columns: 1fr; }
  .reference-matrix-table { min-width: 1280px; }
  .reference-matrix-head {
    display: none;
  }
  .reference-matrix-row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(18, 26, 38, 0.94), rgba(12, 18, 27, 0.98));
    box-shadow: 0 18px 34px rgba(4, 10, 18, 0.18);
  }
  .reference-matrix-row + .reference-matrix-row {
    margin-top: 0;
  }
  .reference-matrix-row:hover,
  .reference-matrix-row.is-priority {
    background: linear-gradient(180deg, rgba(22, 32, 46, 0.98), rgba(14, 21, 31, 0.98));
    box-shadow: 0 20px 40px rgba(4, 10, 18, 0.2);
  }
  .reference-matrix-cell-actions {
    justify-content: flex-end;
  }
  :root[data-theme="light"] .reference-matrix-row {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
  }
  :root[data-theme="light"] .reference-matrix-row:hover,
  :root[data-theme="light"] .reference-matrix-row.is-priority {
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(241,245,249,0.96));
  }
}

/* Final override: the client app access view is not the beneficiaries/history data modal. */

@media (max-width: 1100px) {
  .daily-balance-toolbar {
    grid-template-columns: 1fr;
  }

  .daily-balance-stage-switch {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .daily-balance-total-cardset-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1024px) {
  #view-operator .operator-toolbar,
  #view-execution .operator-toolbar {
    position: sticky;
    top: 82px;
    z-index: 8;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.16);
  }
  :root[data-theme="light"] #view-operator .operator-toolbar,
  :root[data-theme="light"] #view-execution .operator-toolbar {
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  }
  #view-execution .operator-toolbar,
  #view-treasury .operator-toolbar,
  #view-expenses .operator-toolbar {
    display: none;
  }
  body[data-active-view="execution"] #view-subtitle,
  #view-execution .execution-live-cluster {
    display: none;
  }
  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Operación"] {
    grid-template-columns: 1fr;
  }
  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Operación"]::before {
    display: none;
  }
  #view-execution .operator-kpis {
    grid-auto-columns: minmax(270px, 1fr);
  }
  #view-execution .metric-card {
    min-height: 104px;
    border-radius: 22px;
  }
  #view-execution .metric-card strong {
    position: absolute;
    top: 18px;
    right: 18px;
    font-size: 2rem;
    line-height: 1;
  }
  #view-execution .metric-card .metric-label {
    padding-right: 54px;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
  }
  #view-execution .metric-card p {
    max-width: 82%;
    margin-top: 14px;
    font-size: 0.92rem;
    line-height: 1.35;
  }

#view-operator .operator-kpis,
#view-treasury .operator-kpis,
#view-execution .operator-kpis,
#view-internal-transfers .operator-kpis {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(240px, 1fr);
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
  }
#view-operator .operator-kpis > *,
#view-treasury .operator-kpis > *,
#view-execution .operator-kpis > *,
#view-internal-transfers .operator-kpis > * {
  scroll-snap-align: start;
}
}

@media (max-width: 860px) {
  .internal-transfer-modal-card .form-grid,
  .expense-editor-form,
  .expense-type-editor-form,
  .budget-editor-form {
    grid-template-columns: 1fr;
  }
  .internal-transfer-modal-card .form-grid > label,
  .internal-transfer-modal-card .form-grid > label.full-span,
  .internal-transfer-modal-card .form-grid > .full-span,
  .internal-transfer-modal-card #internal-transfer-destination-currency-wrap {
    grid-column: 1 / -1;
  }
  .expense-resolution-chooser {
    grid-template-columns: 1fr;
  }
  .expense-resolution-option {
    min-height: 92px;
  }
  #expense-types-summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .expense-types-summary-metrics {
    justify-content: flex-start;
  }
  .expense-types-modal-card #expense-types-table {
    min-height: 0;
    max-height: calc(100vh - 300px);
  }
  .transfer-execution-grid {
    grid-template-columns: 1fr;
  }
  .internal-transfer-modal-card {
    width: min(100%, calc(100vw - 20px));
    min-height: calc(100vh - 20px);
  }
  .module-side .operator-deliver-form {
    padding-bottom: 120px;
  }
  .module-side .operator-deliver-form .form-actions {
    position: sticky;
    bottom: -1px;
    z-index: 10;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--neutral-06);
    background: linear-gradient(180deg, rgba(16, 24, 35, 0), rgba(16, 24, 35, 0.92) 38%, rgba(16, 24, 35, 0.98));
    backdrop-filter: blur(10px);
  }
}

@media (max-width: 980px) {
  .panel-head .toolbar-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    justify-content: stretch;
    align-items: stretch;
  }
  .panel-head .toolbar-actions button,
  .panel-head .toolbar-actions a.inline-button {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 580px) {
  .metrics-grid { grid-template-columns: 1fr; }
  table { min-width: 640px; }
  th, td { padding: 12px 14px; }
  .modal-backdrop { padding: 14px; }
  .modal-card { padding: 18px; }
}

@media (max-width: 767px) {
  .catalog-module > .table-shell {
    border-radius: 22px;
  }
  .client-module > .panel-head {
    margin-bottom: 10px;
    padding: 0;
  }
  .client-toolbar {
    margin: 12px 0 16px;
    padding: 14px;
    border-radius: 20px;
  }
  .table-shell table:not(.reference-matrix-table) {
    min-width: 0;
  }
  .table-shell table:not(.reference-matrix-table) thead {
    display: none;
  }
  .table-shell table:not(.reference-matrix-table) tbody {
    display: grid;
    gap: 14px;
    padding: 14px;
  }
  .table-shell table:not(.reference-matrix-table) tbody tr {
    display: grid;
    gap: 10px;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid var(--neutral-06);
    background: linear-gradient(180deg, rgba(18, 26, 38, 0.92), rgba(12, 18, 27, 0.98));
    box-shadow: 0 18px 32px rgba(4, 10, 18, 0.22);
  }
  .table-shell table:not(.reference-matrix-table) tbody tr:hover {
    background: var(--neutral-04);
  }
  :root[data-theme="light"] .table-shell table:not(.reference-matrix-table) tbody tr {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
  }
  .table-shell table:not(.reference-matrix-table) td {
    display: grid;
    grid-template-columns: minmax(128px, 0.46fr) minmax(0, 1fr);
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--neutral-06);
  }
  .table-shell table:not(.reference-matrix-table) td:last-child {
    border-bottom: none;
  }
  .table-shell table:not(.reference-matrix-table) td::before {
    content: attr(data-label);
    margin-top: 2px;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.7rem;
    color: rgba(201,166,107,0.78);
  }
  .table-shell table:not(.reference-matrix-table) td[data-label="#"] {
    grid-template-columns: 1fr;
  }
  .table-shell table:not(.reference-matrix-table) td[data-label="#"]::before {
    display: none;
  }
  .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"],
  .table-shell table:not(.reference-matrix-table) td[data-label="Acción"],
  .table-shell table:not(.reference-matrix-table) td[data-label="Accion"] {
    grid-template-columns: 1fr;
    border-bottom: none;
    padding-top: 12px;
  }
  .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"]::before,
  .table-shell table:not(.reference-matrix-table) td[data-label="Acción"]::before,
  .table-shell table:not(.reference-matrix-table) td[data-label="Accion"]::before {
    display: none;
  }
  .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"] .inline-button-group,
  .table-shell table:not(.reference-matrix-table) td[data-label="Acción"] .inline-button-group,
  .table-shell table:not(.reference-matrix-table) td[data-label="Accion"] .inline-button-group {
    width: 100%;
  }
  .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"] .inline-button-group .inline-button,
  .table-shell table:not(.reference-matrix-table) td[data-label="Acción"] .inline-button-group .inline-button,
  .table-shell table:not(.reference-matrix-table) td[data-label="Accion"] .inline-button-group .inline-button {
    width: 100%;
    min-height: 46px;
    justify-content: center;
  }
  #view-accounts .catalog-module > .table-shell,
  #view-providers .catalog-module > .table-shell {
    min-height: 0;
    overflow: visible;
    border: none;
    background: transparent;
    box-shadow: none;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) tbody,
  #view-providers .table-shell table:not(.reference-matrix-table) tbody {
    padding: 0;
    gap: 14px;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) tbody tr,
  #view-providers .table-shell table:not(.reference-matrix-table) tbody tr {
    position: relative;
    gap: 0;
    padding: 18px;
    border-radius: 22px;
    border-color: rgba(201, 166, 107, 0.14);
    background:
      radial-gradient(circle at top right, rgba(45, 159, 119, 0.1), transparent 34%),
      linear-gradient(180deg, rgba(14, 22, 34, 0.98), rgba(8, 13, 21, 0.98));
  }
  :root[data-theme="light"] #view-accounts .table-shell table:not(.reference-matrix-table) tbody tr,
  :root[data-theme="light"] #view-providers .table-shell table:not(.reference-matrix-table) tbody tr {
    background:
      radial-gradient(circle at top right, rgba(45, 159, 119, 0.08), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.99));
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td,
  #view-providers .table-shell table:not(.reference-matrix-table) td {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 12px 0;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td::before,
  #view-providers .table-shell table:not(.reference-matrix-table) td::before {
    margin: 0;
    font-size: 0.66rem;
    letter-spacing: 0.16em;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Cuenta"],
  #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Proveedor"] {
    min-height: 56px;
    padding: 0 92px 14px 0;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Cuenta"]::before,
  #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Proveedor"]::before {
    display: none;
  }
  #view-accounts .table-shell td[data-label="Cuenta"] .row-main,
  #view-providers .table-shell td[data-label="Proveedor"] .row-main {
    font-size: 1.18rem;
    line-height: 1.15;
    font-weight: 850;
    color: var(--text);
  }
  #view-accounts .table-shell td[data-label="Cuenta"] .row-sub,
  #view-providers .table-shell td[data-label="Proveedor"] .row-sub {
    margin-top: 8px;
    font-size: 0.9rem;
    word-break: break-word;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Estado"],
  #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Estado"] {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    border: none;
    justify-items: end;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Estado"]::before,
  #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Estado"]::before {
    display: none;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Banco / País"],
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Rol"],
  #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Contacto"],
  #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Lectura financiera"] {
    border-bottom-style: dashed;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Saldo actual"],
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Pendiente"],
  #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Saldo"] {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
  }
  :root[data-theme="light"] #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Saldo actual"],
  :root[data-theme="light"] #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Pendiente"],
  :root[data-theme="light"] #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Saldo"] {
    background: rgba(241, 245, 249, 0.82);
  }
  #view-accounts .table-shell td[data-label="Saldo actual"] .row-main,
  #view-accounts .table-shell td[data-label="Pendiente"] .row-main,
  #view-providers .table-shell td[data-label="Lectura financiera"] .row-main,
  #view-providers .table-shell td[data-label="Saldo"] .row-main {
    font-size: 1.08rem;
    font-weight: 850;
  }
  #view-accounts .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"],
  #view-providers .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"] {
    padding-top: 14px;
  }
  #view-accounts .table-shell td[data-label="Acciones"] .inline-button-group,
  #view-providers .table-shell td[data-label="Acciones"] .inline-button-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  #view-accounts .table-shell td[data-label="Acciones"] .inline-button-group .inline-button:first-child,
  #view-providers .table-shell td[data-label="Acciones"] .inline-button-group .inline-button:first-child {
    grid-column: 1 / -1;
  }
  .reference-matrix-list {
    gap: 14px;
  }
  .reference-matrix-row {
    padding: 14px;
    border-radius: 22px;
  }
  .reference-matrix-country .row-main.country-identity {
    font-size: 1.02rem;
  }
  .reference-source-card {
    min-height: 0;
    padding: 13px 14px;
    border-radius: 18px;
  }
  .reference-source-card-body {
    gap: 10px;
  }
  .reference-matrix-metric {
    font-size: 1.34rem;
  }
  .reference-source-side {
    width: 100%;
  }
  .reference-diff-badge {
    width: 100%;
  }
  .reference-action-menu {
    width: 100%;
    justify-content: flex-end;
  }
  .reference-action-menu-panel {
    right: 0;
    left: auto;
    min-width: min(220px, calc(100vw - 64px));
  }

  .modal-backdrop {
    place-items: end stretch;
    padding: 0;
  }
  .modal-card,
  .modal-card.wide,
  .modal-card.corridor-rate-modal {
    width: 100vw;
    max-width: 100vw;
    max-height: min(90vh, calc(100dvh - 8px));
    border-radius: 22px 22px 0 0;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -28px 80px rgba(0, 0, 0, 0.52);
  }
  .modal-card::before {
    content: "";
    width: 54px;
    height: 5px;
    border-radius: 999px;
    background: var(--neutral-22);
    margin: 2px auto 14px;
    display: block;
  }
  .modal-card > .panel-head {
    margin: 0 0 18px;
    padding: 0 0 14px;
    border-bottom-color: var(--neutral-08);
  }
  .modal-card > .panel-head .toolbar-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
    align-items: stretch;
    gap: 10px;
  }
  .modal-card > .panel-head .toolbar-actions button,
  .modal-card > .panel-head .toolbar-actions a.inline-button {
    width: 100%;
    justify-content: center;
  }
  .modal-card .form-actions {
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  }
}

/* Phase 6: regression fixes for mobile remittance and tall modal headers */
.account-detail-modal-card,
.modal-card.wide.account-detail-modal-card {
  height: min(96dvh, calc(100dvh - 8px));
  overflow: hidden;
}

.account-detail-modal-card #account-detail-summary {
  flex: 0 0 auto;
  padding: 0 4px 4px 0;
}

.account-detail-modal-card #account-detail-summary.is-collapsed {
  display: none;
  max-height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.account-detail-modal-card .modal-subtitle {
  max-width: min(980px, 72vw);
  margin-top: 6px;
  color: var(--text-soft);
  font-size: 0.88rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.account-detail-modal-card .account-finance-card {
  min-height: 78px;
  padding: 12px 14px;
}

.account-detail-modal-card .account-finance-value {
  margin-top: 4px;
  font-size: clamp(1.08rem, 1.4vw, 1.42rem);
}

.account-detail-modal-card .account-detail-layout {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  padding-right: 4px;
  scrollbar-width: thin;
}

.account-detail-modal-card .account-detail-table-block {
  min-width: 0;
}

.account-detail-modal-card .table-shell {
  max-height: none;
}

.account-detail-modal-card .panel-head {
  flex: 0 0 auto;
}

.remittance-intake-modal-card .receipt-composer-head-row {
  align-items: flex-start;
}

.remittance-intake-modal-card .receipt-composer-meta {
  flex: 0 0 auto;
  max-width: 100%;
}

.remittance-intake-modal-card #remittance-receipt-status {
  max-width: 100%;
}

@media (min-width: 768px) and (max-width: 1180px) {
  #view-execution .table-shell table:not(.reference-matrix-table) tbody {
    gap: 10px;
  }

  #view-execution .table-shell table:not(.reference-matrix-table) tbody tr {
    grid-template-columns: minmax(130px, 0.45fr) minmax(0, 1.1fr) minmax(180px, 0.65fr);
    gap: 8px 14px;
    padding: 13px 14px;
  }

  #view-execution .table-shell table:not(.reference-matrix-table) td {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 7px 0;
  }

  #view-execution .table-shell table:not(.reference-matrix-table) td::before {
    margin: 0;
  }

  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Operación"] {
    grid-column: span 1;
  }

  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Cuenta origen"],
  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Destino"] {
    grid-column: span 1;
  }

  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Acción"],
  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"] {
    grid-column: 1 / -1;
  }

  #view-execution .execution-copy-strip {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
  }

  .account-detail-modal-card .account-detail-dual-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-detail-modal-card #account-detail-summary {
    max-height: min(300px, 34dvh);
  }
}

@media (max-width: 767px) {
  .remittance-intake-modal-card {
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .remittance-process-block {
    padding: 12px;
    border-radius: 18px;
  }

  .remittance-process-head {
    display: grid;
    gap: 6px;
  }

  .remittance-process-head small {
    max-width: none;
    text-align: left;
  }

  .remittance-intake-modal-card .remittance-intake-section {
    padding: 14px;
  }

  .remittance-intake-section .section-title {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .remittance-intake-section .section-title small {
    max-width: none;
    text-align: left;
  }

  .remittance-intake-modal-card .receipt-composer-head-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .remittance-intake-modal-card .receipt-composer-meta {
    justify-content: flex-start;
  }

  .remittance-intake-modal-card #remittance-receipt-status {
    width: auto;
    min-width: 118px;
    max-width: 100%;
    min-height: 30px;
    writing-mode: horizontal-tb;
    white-space: normal;
    text-align: left;
    justify-content: flex-start;
  }

  .remittance-intake-modal-card .receipt-composer-drop,
  .remittance-intake-modal-card .receipt-composer-link-card,
  .remittance-intake-modal-card .receipt-ocr-panel {
    min-width: 0;
  }

  .remittance-intake-modal-card .remittance-client-row {
    grid-template-columns: 1fr;
  }

  .remittance-intake-modal-card .remittance-client-row .ghost-button {
    width: 100%;
    min-height: 48px;
  }

  .remittance-beneficiary-section {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .remittance-beneficiary-actions {
    justify-content: stretch;
  }

  .remittance-beneficiary-actions button {
    flex: 1 1 100%;
    justify-content: center;
  }

  .remittance-benefits-section .remittance-benefit-equation {
    grid-template-columns: 1fr;
  }

  .remittance-intake-modal-card .form-actions {
    position: sticky;
    bottom: -16px;
    z-index: 14;
    padding-top: 12px;
    background:
      linear-gradient(180deg, rgba(16,24,35,0), rgba(16,24,35,0.94) 32%, rgba(16,24,35,0.99));
  }

  .remittance-intake-form.is-client-credit .remittance-credit-section {
    margin-bottom: 12px;
  }

  .remittance-intake-form.is-client-credit .remittance-client-row {
    margin-bottom: 22px;
  }

  .remittance-intake-form.is-client-credit .remittance-client-row .ghost-button:last-child {
    margin-bottom: 24px;
  }

  .account-detail-modal-card,
  .modal-card.wide.account-detail-modal-card {
    height: min(92dvh, calc(100dvh - 6px));
  }

  .account-detail-modal-card #account-detail-summary {
    max-height: min(300px, 36dvh);
  }

  .account-detail-modal-card .account-detail-dual-grid {
    grid-template-columns: 1fr;
  }

  .account-detail-modal-card .account-detail-layout {
    gap: 14px;
  }
}

/* Phase 5: toolbar, form and action density polish */
.client-toolbar,
.operator-toolbar,
.daily-balance-toolbar,
.rates-toolbar-shell,
.corridor-history-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 1.6fr) repeat(auto-fit, minmax(190px, 0.7fr));
  align-items: end;
  gap: 12px;
}

.client-toolbar.compact,
.operator-toolbar.compact {
  grid-template-columns: minmax(260px, 1.35fr) repeat(auto-fit, minmax(178px, 0.65fr));
}

.daily-balance-toolbar {
  grid-template-columns: minmax(170px, 0.6fr) minmax(190px, 0.75fr) minmax(260px, 1.35fr) minmax(190px, 0.75fr);
}

.client-toolbar > *,
.operator-toolbar > *,
.daily-balance-toolbar > *,
.rates-toolbar-shell > *,
.corridor-history-toolbar > * {
  min-width: 0;
}

.client-toolbar .search-field,
.operator-toolbar .search-field,
.daily-balance-toolbar .search-field,
.rates-toolbar-shell .search-field {
  width: 100%;
  flex: unset;
}

.client-toolbar .sort-field,
.operator-toolbar .sort-field,
.daily-balance-toolbar .sort-field,
.rates-toolbar-shell .sort-field {
  width: 100%;
}

.client-toolbar label span,
.operator-toolbar label span,
.daily-balance-toolbar label span,
.rates-toolbar-shell label span,
.form-grid label span {
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0;
}

.client-toolbar input,
.client-toolbar select,
.operator-toolbar input,
.operator-toolbar select,
.daily-balance-toolbar input,
.daily-balance-toolbar select,
.rates-toolbar-shell input,
.rates-toolbar-shell select,
.client-toolbar .search-select-trigger,
.operator-toolbar .search-select-trigger,
.daily-balance-toolbar .search-select-trigger,
.rates-toolbar-shell .search-select-trigger {
  min-height: 48px;
  border-radius: 15px;
  margin-top: 7px;
}

.toolbar-actions,
.panel-actions,
.table-actions,
.table-actions-inline,
.inline-button-group {
  align-items: center;
}

.toolbar-actions,
.panel-actions {
  justify-content: flex-end;
}

.toolbar-actions > button,
.toolbar-actions > a,
.panel-actions > button,
.panel-actions > a {
  min-height: 44px;
  white-space: nowrap;
}

.inline-button,
.table-actions .inline-button,
.table-actions-inline .inline-button,
.inline-button-group .inline-button {
  min-height: 34px;
  max-width: 100%;
  border-radius: 12px;
  line-height: 1.15;
}

.table-shell td[data-label="Acciones"] .inline-button-group,
.table-shell td[data-label="Acción"] .inline-button-group,
.table-shell td[data-label="Accion"] .inline-button-group {
  justify-content: flex-start;
}

.table-shell td[data-label="Acciones"] .inline-button,
.table-shell td[data-label="Acción"] .inline-button,
.table-shell td[data-label="Accion"] .inline-button {
  flex: 0 1 auto;
}

.form-grid {
  align-items: start;
}

.form-grid input,
.form-grid select,
.form-grid textarea,
.form-grid .search-select-trigger {
  width: 100%;
}

.form-grid textarea {
  line-height: 1.45;
}

.modal-card:not(.remittance-calculator-modal-card) .form-grid {
  gap: 13px 14px;
}

.modal-card .detail-card.full-span,
.modal-card .detail-card {
  min-width: 0;
}

.expense-editor-modal-card .form-grid,
.budget-editor-modal-card .form-grid,
.internal-transfer-modal-card .form-grid,
.remittance-intake-modal-card .form-grid {
  align-items: start;
}

.expense-editor-modal-card .form-actions,
.budget-editor-modal-card .form-actions,
.internal-transfer-modal-card .form-actions,
.remittance-intake-modal-card .form-actions,
.daily-balance-toolbar .toolbar-actions {
  justify-content: flex-end;
}

.search-select-trigger-text,
.search-select-option-copy,
.row-main,
.row-sub {
  min-width: 0;
}

.search-select-option {
  min-width: 0;
}

.search-select-option-main,
.search-select-option-label,
.search-select-option-meta {
  overflow-wrap: anywhere;
}

:is(
  #view-accounts,
  #view-providers,
  #view-investments,
  #view-expenses,
  #view-execution,
  #view-daily-balances,
  #view-corrections,
  #view-validation,
  #view-receivables
) .client-toolbar,
:is(
  #view-accounts,
  #view-providers,
  #view-investments,
  #view-expenses,
  #view-execution,
  #view-daily-balances,
  #view-corrections,
  #view-validation,
  #view-receivables
) .operator-toolbar {
  border-radius: 18px;
  padding: 13px;
}

:root[data-theme="light"] .client-toolbar input,
:root[data-theme="light"] .client-toolbar select,
:root[data-theme="light"] .operator-toolbar input,
:root[data-theme="light"] .operator-toolbar select,
:root[data-theme="light"] .daily-balance-toolbar input,
:root[data-theme="light"] .daily-balance-toolbar select,
:root[data-theme="light"] .rates-toolbar-shell input,
:root[data-theme="light"] .rates-toolbar-shell select {
  background: rgba(248,250,252,0.92);
}

@media (min-width: 1181px) {
  .client-toolbar .toolbar-actions,
  .operator-toolbar .toolbar-actions,
  .daily-balance-toolbar .toolbar-actions,
  .rates-toolbar-shell .toolbar-actions {
    justify-self: end;
  }

  .form-grid[data-density="wide"],
  .modal-card.wide .form-grid:not(.corridor-rule-grid) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .modal-card.wide .form-grid:not(.corridor-rule-grid) > label {
    grid-column: span 6;
  }

  .modal-card.wide .form-grid:not(.corridor-rule-grid) > label.full-span,
  .modal-card.wide .form-grid:not(.corridor-rule-grid) > .full-span,
  .modal-card.wide .form-grid:not(.corridor-rule-grid) > fieldset,
  .modal-card.wide .form-grid:not(.corridor-rule-grid) > .detail-card {
    grid-column: 1 / -1;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .modal-card > .panel-head,
  .distribution-detail-modal > .panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .modal-card > .panel-head > button.ghost-button {
    width: auto;
    min-width: 96px;
    margin-left: auto;
  }

  .client-toolbar,
  .client-toolbar.compact,
  .operator-toolbar,
  .operator-toolbar.compact,
  .daily-balance-toolbar,
  .rates-toolbar-shell,
  .corridor-history-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-toolbar .search-field,
  .operator-toolbar .search-field,
  .daily-balance-toolbar .search-field,
  .rates-toolbar-shell .search-field {
    grid-column: 1 / -1;
  }

  .toolbar-actions > button,
  .toolbar-actions > a,
  .panel-actions > button,
  .panel-actions > a {
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .client-toolbar,
  .client-toolbar.compact,
  .operator-toolbar,
  .operator-toolbar.compact,
  .daily-balance-toolbar,
  .rates-toolbar-shell,
  .corridor-history-toolbar {
    grid-template-columns: 1fr;
    gap: 11px;
    padding: 12px;
    border-radius: 16px;
  }

  .toolbar-actions,
  .panel-actions,
  .form-actions,
  .table-actions,
  .table-actions-inline,
  .inline-button-group {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .toolbar-actions > *,
  .panel-actions > *,
  .form-actions > *,
  .table-actions > *,
  .table-actions-inline > *,
  .inline-button-group > * {
    width: 100%;
    justify-content: center;
  }

  .inline-button,
  .table-actions .inline-button,
  .table-actions-inline .inline-button,
  .inline-button-group .inline-button {
    min-height: 42px;
  }

  .client-toolbar input,
  .client-toolbar select,
  .operator-toolbar input,
  .operator-toolbar select,
  .daily-balance-toolbar input,
  .daily-balance-toolbar select,
  .rates-toolbar-shell input,
  .rates-toolbar-shell select,
  .search-select-trigger {
    min-height: 46px;
  }
}

/* Phase 4: operational state clarity and risk signals */
.status-chip,
.pill.neutral,
.source-badge,
.pulse-badge,
.corridor-mode-badge,
.transfer-execution-badge {
  min-height: 28px;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0;
  white-space: nowrap;
}

.status-chip {
  position: relative;
  justify-content: flex-start;
  max-width: 100%;
  border-color: rgba(148, 163, 184, 0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

.status-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.78;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 16%, transparent);
}

.status-chip.neutral::before {
  opacity: 0.46;
}

.status-chip.ok {
  border-color: rgba(45,159,119,0.28);
  background:
    linear-gradient(180deg, rgba(45,159,119,0.14), rgba(45,159,119,0.08)),
    rgba(7, 32, 25, 0.62);
}

.status-chip.warn {
  border-color: rgba(201,166,107,0.36);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.18), rgba(201,166,107,0.08)),
    rgba(40, 29, 12, 0.58);
}

.status-chip.error {
  border-color: rgba(239,68,68,0.38);
  background:
    linear-gradient(180deg, rgba(239,68,68,0.18), rgba(127,29,29,0.12)),
    rgba(42, 12, 18, 0.64);
}

.flash-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 52px;
  font-weight: 650;
  line-height: 1.42;
  box-shadow: inset 3px 0 0 rgba(201,166,107,0.72);
}

.flash-banner::before {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  margin-top: 6px;
  border-radius: 999px;
  background: #f1c779;
  box-shadow: 0 0 0 4px rgba(201,166,107,0.13);
}

.flash-banner.error {
  border-color: rgba(239,68,68,0.36);
  background:
    linear-gradient(90deg, rgba(239,68,68,0.16), rgba(239,68,68,0.08)),
    rgba(34, 12, 18, 0.72);
  color: #ffe0e0;
  box-shadow: inset 3px 0 0 rgba(239,68,68,0.82);
}

.flash-banner.error::before {
  background: #fb7185;
  box-shadow: 0 0 0 4px rgba(239,68,68,0.16);
}

.flash-banner.success {
  border-color: rgba(45,159,119,0.36);
  background:
    linear-gradient(90deg, rgba(45,159,119,0.16), rgba(45,159,119,0.08)),
    rgba(10, 35, 28, 0.72);
  color: #d9fff0;
  box-shadow: inset 3px 0 0 rgba(45,159,119,0.82);
}

.flash-banner.success::before {
  background: #34d399;
  box-shadow: 0 0 0 4px rgba(45,159,119,0.16);
}

.danger-button,
.danger-button:hover,
.inline-button.danger,
.danger-link {
  border-color: rgba(239, 68, 68, 0.42);
  color: #fecdd3;
  background:
    linear-gradient(180deg, rgba(239,68,68,0.16), rgba(127,29,29,0.12)),
    rgba(42, 12, 18, 0.52);
}

.danger-button:hover,
.inline-button.danger:hover,
.danger-link:hover {
  border-color: rgba(248, 113, 113, 0.64);
  color: #fff1f2;
  background:
    linear-gradient(180deg, rgba(239,68,68,0.22), rgba(127,29,29,0.16)),
    rgba(52, 12, 18, 0.62);
}

.warning-card,
.success-card,
.daily-balance-total-card.is-warning,
.receipt-ocr-panel.error,
.daily-balance-action-error,
.transfer-warning {
  box-shadow: inset 3px 0 0 rgba(201,166,107,0.64);
}

.warning-card,
.daily-balance-total-card.is-warning {
  border-color: rgba(201,166,107,0.42);
  background:
    linear-gradient(90deg, rgba(201,166,107,0.14), rgba(201,166,107,0.05)),
    rgba(17, 24, 35, 0.82);
}

.success-card {
  border-color: rgba(45,159,119,0.36);
  background:
    linear-gradient(90deg, rgba(45,159,119,0.13), rgba(45,159,119,0.04)),
    rgba(17, 24, 35, 0.82);
  box-shadow: inset 3px 0 0 rgba(45,159,119,0.7);
}

.receipt-ocr-panel.error,
.daily-balance-action-error {
  border-color: rgba(239,68,68,0.38);
  background:
    linear-gradient(90deg, rgba(239,68,68,0.15), rgba(239,68,68,0.06)),
    rgba(42, 12, 18, 0.72);
  box-shadow: inset 3px 0 0 rgba(239,68,68,0.76);
}

.validation-sla,
.operator-live-pill,
.execution-priority-dot,
.transfer-execution-badge {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

.validation-sla-ok {
  border-color: rgba(45,159,119,0.32);
  background:
    linear-gradient(180deg, rgba(45,159,119,0.13), rgba(45,159,119,0.06)),
    rgba(7, 32, 25, 0.62);
}

.validation-sla-warn {
  border-color: rgba(201,166,107,0.46);
  background:
    linear-gradient(180deg, rgba(201,166,107,0.18), rgba(201,166,107,0.08)),
    rgba(40, 29, 12, 0.62);
}

.validation-sla-error {
  border-color: rgba(239,68,68,0.52);
  background:
    linear-gradient(180deg, rgba(239,68,68,0.19), rgba(127,29,29,0.12)),
    rgba(42, 12, 18, 0.68);
}

.validation-action-dock,
.operator-action-dock,
.distribution-action-dock {
  border-top: 1px solid rgba(148,163,184,0.14);
  padding-top: 14px;
}

.validation-action-dock .danger-button,
.operator-action-dock .danger-button {
  box-shadow: 0 14px 34px rgba(127,29,29,0.18);
}

.empty-state {
  border-color: rgba(148,163,184,0.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
    rgba(17, 24, 35, 0.58);
}

.empty-state strong,
.warning-card strong,
.success-card strong {
  color: var(--text);
}

:root[data-theme="light"] .status-chip {
  border-color: rgba(100,116,139,0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

:root[data-theme="light"] .status-chip.ok {
  background: linear-gradient(180deg, rgba(45,159,119,0.16), rgba(45,159,119,0.08)), #ffffff;
  color: #0f5f40;
}

:root[data-theme="light"] .status-chip.warn {
  background: linear-gradient(180deg, rgba(201,166,107,0.18), rgba(201,166,107,0.08)), #ffffff;
  color: #6b4f26;
}

:root[data-theme="light"] .status-chip.error {
  background: linear-gradient(180deg, rgba(239,68,68,0.14), rgba(239,68,68,0.06)), #ffffff;
  color: #7d1c1c;
}

:root[data-theme="light"] .flash-banner {
  background: linear-gradient(90deg, rgba(201,166,107,0.13), rgba(201,166,107,0.05)), #ffffff;
  color: #4b3a19;
}

:root[data-theme="light"] .flash-banner.error,
:root[data-theme="light"] .receipt-ocr-panel.error,
:root[data-theme="light"] .daily-balance-action-error {
  background: linear-gradient(90deg, rgba(239,68,68,0.12), rgba(239,68,68,0.04)), #ffffff;
  color: #7d1c1c;
}

:root[data-theme="light"] .flash-banner.success,
:root[data-theme="light"] .success-card {
  background: linear-gradient(90deg, rgba(45,159,119,0.12), rgba(45,159,119,0.04)), #ffffff;
  color: #0f5f40;
}

:root[data-theme="light"] .danger-button,
:root[data-theme="light"] .danger-button:hover,
:root[data-theme="light"] .inline-button.danger,
:root[data-theme="light"] .danger-link {
  background: linear-gradient(180deg, rgba(239,68,68,0.12), rgba(239,68,68,0.05)), #ffffff;
  color: #991b1b;
}

:root[data-theme="light"] .warning-card,
:root[data-theme="light"] .daily-balance-total-card.is-warning {
  background: linear-gradient(90deg, rgba(201,166,107,0.13), rgba(201,166,107,0.04)), #ffffff;
}

:root[data-theme="light"] .empty-state {
  background:
    linear-gradient(180deg, rgba(248,250,252,0.92), rgba(255,255,255,0.98)),
    #ffffff;
}

@media (max-width: 767px) {
  .status-chip,
  .source-badge,
  .pulse-badge,
  .corridor-mode-badge,
  .transfer-execution-badge {
    white-space: normal;
    text-align: left;
  }

  .validation-action-dock,
  .operator-action-dock,
  .distribution-action-dock {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* Phase 3: enterprise modal and confirmation polish */
body.has-modal-open {
  overflow: hidden;
  touch-action: none;
}

.modal-backdrop {
  padding: clamp(14px, 2.2vw, 30px);
  background:
    radial-gradient(circle at 50% 0%, rgba(201,166,107,0.11), transparent 34%),
    rgba(3, 7, 12, 0.74);
}

.modal-card {
  display: flex;
  flex-direction: column;
  width: min(980px, calc(100vw - 44px));
  max-height: min(92dvh, calc(100dvh - 36px));
  overflow: hidden;
  padding: clamp(18px, 2.1vw, 30px);
  border-radius: 22px;
}

.modal-card > .panel-head {
  flex: 0 0 auto;
  margin: calc(clamp(18px, 2.1vw, 30px) * -1) calc(clamp(18px, 2.1vw, 30px) * -1) 18px;
  padding: 18px clamp(18px, 2.1vw, 30px) 16px;
  background:
    linear-gradient(180deg, rgba(16,24,35,0.98), rgba(16,24,35,0.92));
}

.modal-card > :not(.panel-head):not(.form-actions) {
  min-height: 0;
}

.modal-card > .detail-stack,
.modal-card > .table-shell,
.modal-card > .empty-state,
.modal-card > .client-toolbar,
.modal-card > .distribution-detail-body,
.modal-card > .validation-detail-body,
.modal-card > #operator-detail,
.modal-card > #treasury-detail {
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.modal-card > .form-grid {
  min-height: 0;
  overflow: visible;
}

.modal-card .form-actions {
  flex: 0 0 auto;
  margin: 18px calc(clamp(18px, 2.1vw, 30px) * -1) calc(clamp(18px, 2.1vw, 30px) * -1);
  padding: 14px clamp(18px, 2.1vw, 30px) clamp(16px, 2vw, 24px);
  justify-content: flex-end;
  gap: 10px;
}

.modal-card:not(.remittance-calculator-modal-card) .form-grid {
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 14px 16px;
  align-items: start;
}

.modal-card:not(.remittance-calculator-modal-card) .form-grid > .full-span,
.modal-card:not(.remittance-calculator-modal-card) .form-grid > label.full-span,
.modal-card:not(.remittance-calculator-modal-card) .form-grid > fieldset,
.modal-card:not(.remittance-calculator-modal-card) .form-grid > .detail-card {
  grid-column: 1 / -1;
}

.modal-card label span,
.premium-dialog-field span {
  color: var(--text-soft);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0;
}

.modal-card input,
.modal-card select,
.modal-card textarea,
.modal-card .search-select-trigger {
  min-width: 0;
}

.modal-card .detail-card {
  border-radius: 16px;
  box-shadow: none;
}

.modal-card.wide,
.modal-card.roomy-modal,
.modal-card.remittance-intake-modal-card,
.validation-detail-modal-card,
.distribution-detail-modal,
.internal-transfer-modal-card,
.expense-editor-modal-card,
.budget-editor-modal-card,
.investment-create-modal-card,
.correction-preview-modal-card {
  width: min(1480px, calc(100vw - 32px));
  max-height: min(94dvh, calc(100dvh - 24px));
}

.validation-detail-modal-card,
.distribution-detail-modal,
.internal-transfer-modal-card {
  height: min(94dvh, calc(100dvh - 24px));
}

.distribution-detail-modal {
  padding: clamp(14px, 1.6vw, 22px);
}

.distribution-detail-modal > .panel-head {
  position: sticky;
  top: 0;
  z-index: 12;
  margin: calc(clamp(14px, 1.6vw, 22px) * -1) calc(clamp(14px, 1.6vw, 22px) * -1) 14px;
  padding: 16px clamp(14px, 1.6vw, 22px) 14px;
  background:
    linear-gradient(180deg, rgba(11,18,28,0.99), rgba(11,18,28,0.93));
}

.distribution-detail-body {
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.operator-detail-modal {
  width: min(1240px, calc(100vw - 32px));
  height: min(92dvh, calc(100dvh - 28px));
  padding: 12px 18px 18px;
}

.operator-detail-modal > .panel-head.operator-detail-head {
  top: 14px;
  right: 16px;
}

.expense-editor-modal-card,
.budget-editor-modal-card,
.investment-create-modal-card,
.correction-preview-modal-card {
  min-height: auto;
}

.expense-editor-modal-card .form-grid,
.budget-editor-modal-card .form-grid,
.investment-create-modal-card .form-grid,
.internal-transfer-modal-card .form-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.expense-editor-modal-card .form-grid > label,
.budget-editor-modal-card .form-grid > label,
.investment-create-modal-card .form-grid > label {
  grid-column: span 6;
}

.internal-transfer-modal-card .form-grid > label,
.internal-transfer-modal-card #internal-transfer-destination-currency-wrap {
  grid-column: span 6;
}

.expense-editor-modal-card .form-grid > label.full-span,
.budget-editor-modal-card .form-grid > label.full-span,
.investment-create-modal-card .form-grid > label.full-span,
.internal-transfer-modal-card .form-grid > label.full-span,
.expense-editor-modal-card .form-grid > .full-span,
.budget-editor-modal-card .form-grid > .full-span,
.investment-create-modal-card .form-grid > .full-span,
.internal-transfer-modal-card .form-grid > .full-span {
  grid-column: 1 / -1;
}

.premium-dialog-card {
  width: min(640px, calc(100vw - 32px));
  max-height: min(88dvh, calc(100dvh - 32px));
  overflow: hidden;
  border-radius: 22px;
}

.premium-dialog-card .panel-head {
  border-bottom-color: rgba(201,166,107,0.18);
}

.premium-dialog-body {
  overflow: auto;
  max-height: min(48dvh, 420px);
  border-radius: 16px;
}

.premium-dialog-actions {
  display: flex;
  flex-wrap: wrap-reverse;
}

.premium-dialog-actions button {
  min-width: 132px;
}

.premium-dialog-actions .danger-button {
  font-weight: 800;
}

:root[data-theme="light"] .modal-backdrop {
  background:
    radial-gradient(circle at 50% 0%, rgba(148,163,184,0.24), transparent 34%),
    rgba(15, 23, 42, 0.34);
}

:root[data-theme="light"] .modal-card > .panel-head {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.93));
}

:root[data-theme="light"] .modal-card .form-actions {
  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.94) 38%, rgba(255,255,255,0.99));
}

:root[data-theme="light"] .distribution-detail-modal > .panel-head {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.94));
}

:root[data-theme="light"] .premium-dialog-card {
  background:
    radial-gradient(circle at top left, rgba(201,166,107,0.16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,0.99), rgba(248,250,252,0.99));
}

@media (max-width: 1180px) {
  .modal-card.wide,
  .modal-card.roomy-modal,
  .modal-card.remittance-intake-modal-card,
  .validation-detail-modal-card,
  .distribution-detail-modal,
  .internal-transfer-modal-card,
  .expense-editor-modal-card,
  .budget-editor-modal-card,
  .investment-create-modal-card,
  .correction-preview-modal-card {
    width: min(100vw - 20px, 980px);
    height: auto;
    max-height: min(92dvh, calc(100dvh - 18px));
  }

  .validation-detail-grid,
  .distribution-detail-grid,
  .distribution-workspace {
    grid-template-columns: 1fr;
  }

  .expense-editor-modal-card .form-grid > label,
  .budget-editor-modal-card .form-grid > label,
  .investment-create-modal-card .form-grid > label,
  .internal-transfer-modal-card .form-grid > label,
  .internal-transfer-modal-card #internal-transfer-destination-currency-wrap {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .modal-backdrop {
    padding: 0;
  }

  .modal-card,
  .modal-card.wide,
  .modal-card.roomy-modal,
  .modal-card.remittance-intake-modal-card,
  .validation-detail-modal-card,
  .distribution-detail-modal,
  .operator-detail-modal,
  .internal-transfer-modal-card,
  .expense-editor-modal-card,
  .budget-editor-modal-card,
  .investment-create-modal-card,
  .correction-preview-modal-card,
  .premium-dialog-card {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    max-height: min(92dvh, calc(100dvh - 6px));
    border-radius: 20px 20px 0 0;
    padding: 16px;
  }

  .modal-card > .panel-head,
  .distribution-detail-modal > .panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin: -16px -16px 14px;
    padding: 16px;
  }

  .modal-card > .panel-head > button.ghost-button {
    width: auto;
    min-width: 96px;
    margin-left: auto;
  }

  .modal-card > .panel-head .toolbar-actions {
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
  }

  .modal-card > .panel-head .toolbar-actions button,
  .modal-card > .panel-head .toolbar-actions a.inline-button {
    width: auto;
    min-width: 96px;
  }

  .modal-card .form-actions {
    margin: 14px -16px -16px;
    padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    display: grid;
    grid-template-columns: 1fr;
  }

  .modal-card .form-actions button {
    width: 100%;
  }

  .modal-card .form-grid,
  .expense-editor-modal-card .form-grid,
  .budget-editor-modal-card .form-grid,
  .investment-create-modal-card .form-grid,
  .internal-transfer-modal-card .form-grid {
    grid-template-columns: 1fr;
  }

  .premium-dialog-actions {
    grid-template-columns: 1fr;
  }

  .premium-dialog-actions button {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .operator-queue-mobile {
    display: block;
  }
  .operator-queue-desktop {
    display: none;
  }
  .op-queue-cards {
    display: grid;
    gap: 12px;
    padding: 14px;
    max-width: 860px;
    margin: 0 auto;
  }
  .op-queue-card {
    display: grid;
    gap: 13px;
    padding: 16px 15px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: linear-gradient(180deg, var(--neutral-02), var(--neutral-03));
    transition: background 160ms ease, transform 160ms ease;
  }
  .op-queue-card:hover {
    background: linear-gradient(180deg, var(--neutral-025), var(--neutral-04));
  }
  .op-queue-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }
  .op-queue-card-meta {
    min-width: 0;
  }
  .op-queue-card-meta .row-sub {
    margin-top: 4px;
    font-size: 0.76rem;
  }
  .op-queue-card-status {
    flex: 0 0 auto;
  }
  .op-queue-card-status .status-chip {
    padding: 7px 10px;
    font-size: 0.72rem;
  }
  #view-execution .op-queue-card-status {
    display: none;
  }
  #view-execution .execution-type-line {
    display: grid;
    justify-items: start;
    gap: 8px;
  }
  #view-execution .execution-type-chip,
  #view-execution .execution-priority-dot {
    min-height: 30px;
    padding: 6px 12px;
    font-size: 0.72rem;
  }
  #view-execution .op-queue-code {
    margin-top: 2px;
    font-size: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
  }
  #view-execution .op-queue-amount {
    font-size: 1.92rem;
    line-height: 1.08;
    margin: 2px 0 4px;
  }
  #view-execution .op-queue-meta {
    gap: 14px;
  }
  #view-execution .op-queue-meta-item strong {
    margin-bottom: 4px;
    color: #f5ddb1;
    font-size: 0.72rem;
  }
  #view-execution .op-queue-meta-value {
    font-size: 1.05rem;
    line-height: 1.24;
  }
  #view-execution .op-queue-open {
    margin-top: 4px;
  }
  .op-queue-meta-item strong {
    letter-spacing: 0.12em;
  }
  .op-queue-meta {
    gap: 10px;
  }
  .op-queue-meta-item {
    line-height: 1.35;
  }
  .op-queue-meta-item .row-sub {
    margin-top: 3px;
    font-size: 0.82rem;
  }
  .op-queue-meta-value {
    margin-top: 1px;
    font-size: 0.98rem;
  }
  .op-queue-open {
    min-height: 42px;
    padding: 8px 12px;
  }
  :root[data-theme="light"] .op-queue-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.92));
  }
  :root[data-theme="light"] .op-queue-card:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(226, 232, 240, 0.6));
  }
}

@media (max-width: 860px) {
  .execution-budget-preview {
    padding: 16px;
  }
  .execution-budget-preview-action {
    width: 100%;
  }
  .execution-budget-preview-action .ghost-button,
  .execution-budget-preview-action .inline-button {
    width: 100%;
    min-height: 44px;
  }
  .rates-panel-actions {
    justify-content: stretch;
  }
  .rates-live-indicator {
    margin-right: 0;
  }
  .rate-primary-button {
    width: 100%;
    justify-content: space-between;
  }
  .reference-source-card-body {
    grid-template-columns: 1fr;
  }
  .reference-source-side {
    justify-content: flex-start;
    min-width: 0;
  }
  .reference-matrix-head,
  .reference-matrix-row {
    grid-template-columns: minmax(220px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr) 56px;
  }
}

@media (max-width: 767px) {
  body[data-active-view="operator"] .workspace-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  body[data-active-view="operator"] .workspace-title-block {
    min-width: 0;
  }
  body[data-active-view="operator"] .workspace-subtitle {
    display: none;
  }
  .operator-stage > .panel-head {
    margin-bottom: 14px;
    padding: 0 2px;
  }
  .operator-queue-head {
    gap: 8px;
  }
  .operator-history-button {
    min-height: 26px;
    padding: 3px 9px;
    font-size: 0.66rem;
  }
  #view-operator .operator-kpis,
  #view-execution .operator-kpis,
  #view-expenses .operator-kpis,
  #view-budget .operator-kpis,
  #view-internal-transfers .operator-kpis,
  #view-investments .operator-kpis,
  #view-liquidity .operator-kpis,
  #view-fx-variances .operator-kpis {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    grid-auto-columns: auto;
    gap: 8px;
    overflow: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
  }
  #view-operator .operator-kpis > *,
  #view-execution .operator-kpis > *,
  #view-expenses .operator-kpis > *,
  #view-budget .operator-kpis > *,
  #view-internal-transfers .operator-kpis > *,
  #view-investments .operator-kpis > *,
  #view-liquidity .operator-kpis > *,
  #view-fx-variances .operator-kpis > * {
    scroll-snap-align: none;
  }
  #view-operator .operator-kpis .metric-card,
  #view-treasury .operator-kpis .metric-card,
  #view-execution .operator-kpis .metric-card,
  #view-expenses .operator-kpis .metric-card,
  #view-budget .operator-kpis .metric-card,
  #view-internal-transfers .operator-kpis .metric-card,
  #view-investments .operator-kpis .metric-card,
  #view-liquidity .operator-kpis .metric-card,
  #view-fx-variances .operator-kpis .metric-card,
  #view-daily-balances .operator-kpis .metric-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 14px;
    min-height: auto;
    padding: 12px 14px;
    border-radius: 16px;
  }
  #view-operator .operator-kpis .metric-label,
  #view-treasury .operator-kpis .metric-label,
  #view-execution .operator-kpis .metric-label,
  #view-expenses .operator-kpis .metric-label,
  #view-budget .operator-kpis .metric-label,
  #view-internal-transfers .operator-kpis .metric-label,
  #view-investments .operator-kpis .metric-label,
  #view-liquidity .operator-kpis .metric-label,
  #view-fx-variances .operator-kpis .metric-label,
  #view-daily-balances .operator-kpis .metric-label {
    margin: 0;
    font-size: 0.68rem;
    letter-spacing: 0.14em;
  }
  #view-operator .operator-kpis .metric-card strong,
  #view-treasury .operator-kpis .metric-card strong,
  #view-execution .operator-kpis .metric-card strong,
  #view-expenses .operator-kpis .metric-card strong,
  #view-budget .operator-kpis .metric-card strong,
  #view-internal-transfers .operator-kpis .metric-card strong,
  #view-investments .operator-kpis .metric-card strong,
  #view-liquidity .operator-kpis .metric-card strong,
  #view-fx-variances .operator-kpis .metric-card strong,
  #view-daily-balances .operator-kpis .metric-card strong {
    margin: 0;
    font-size: 1.55rem;
    line-height: 1;
    justify-self: end;
  }
  #view-operator .operator-kpis .metric-card p,
  #view-treasury .operator-kpis .metric-card p,
  #view-execution .operator-kpis .metric-card p,
  #view-expenses .operator-kpis .metric-card p,
  #view-budget .operator-kpis .metric-card p,
  #view-internal-transfers .operator-kpis .metric-card p,
  #view-investments .operator-kpis .metric-card p,
  #view-liquidity .operator-kpis .metric-card p,
  #view-fx-variances .operator-kpis .metric-card p,
  #view-daily-balances .operator-kpis .metric-card p {
    grid-column: 1 / -1;
    margin: 0;
    font-size: 0.82rem;
    line-height: 1.3;
  }
  #view-rates .reference-matrix-head,
  #view-rates .reference-matrix-row {
    grid-template-columns: 1fr;
  }
  #view-rates .reference-matrix-cell,
  #view-rates .reference-source-card,
  #view-rates .reference-source-card-head,
  #view-rates .reference-source-card-body,
  #view-rates .reference-matrix-country,
  #view-rates .reference-matrix-value-block {
    min-width: 0;
    max-width: 100%;
  }
  #view-rates .reference-source-card-head {
    display: grid;
    gap: 10px;
  }
  #view-rates .reference-matrix-metric-line {
    justify-content: space-between;
    gap: 8px;
  }
  #view-rates .reference-matrix-metric {
    font-size: 1.52rem;
  }
  #view-rates .reference-source-side {
    width: 100%;
    justify-content: stretch;
  }
  #view-rates .reference-diff-badge {
    width: 100%;
    white-space: normal;
    text-align: center;
  }
  #view-operator .operator-toolbar,
  #view-treasury .operator-toolbar,
  #view-execution .operator-toolbar,
  #view-expenses .operator-toolbar,
  #view-budget .operator-toolbar,
  #view-daily-balances .operator-toolbar {
    position: static;
    top: auto;
    z-index: auto;
    margin-bottom: 18px;
    box-shadow: none;
  }
  #view-operator .operator-toolbar,
  #view-budget .operator-toolbar,
  #view-internal-transfers .operator-toolbar,
  #view-investments .operator-toolbar,
  #view-liquidity .operator-toolbar,
  #view-fx-variances .operator-toolbar,
  #view-accounts > .client-module > .client-toolbar,
  #view-providers > .client-module > .client-toolbar {
    display: none;
  }
  #view-operator .operator-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(112px, 0.42fr);
    gap: 8px;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background:
      radial-gradient(circle at 100% 0%, rgba(201,166,107,0.10), transparent 34%),
      linear-gradient(180deg, var(--neutral-02), var(--neutral-03));
  }
  #view-operator .operator-toolbar .search-field,
  #view-operator .operator-toolbar .sort-field,
  #view-treasury .operator-toolbar .search-field,
  #view-treasury .operator-toolbar .sort-field,
  #view-execution .operator-toolbar .search-field,
  #view-execution .operator-toolbar .sort-field,
  #view-expenses .operator-toolbar .search-field,
  #view-expenses .operator-toolbar .sort-field,
  #view-daily-balances .operator-toolbar .search-field,
  #view-daily-balances .operator-toolbar .sort-field {
    width: 100%;
  }
  #view-operator .operator-toolbar .search-field input,
  #view-operator .operator-toolbar .sort-field .search-select,
  #view-operator .operator-toolbar .sort-field .search-select-trigger,
  #view-treasury .operator-toolbar .search-field input,
  #view-treasury .operator-toolbar .sort-field .search-select,
  #view-treasury .operator-toolbar .sort-field .search-select-trigger,
  #view-execution .operator-toolbar .search-field input,
  #view-execution .operator-toolbar .sort-field .search-select,
  #view-execution .operator-toolbar .sort-field .search-select-trigger,
  #view-expenses .operator-toolbar .search-field input,
  #view-expenses .operator-toolbar .sort-field .search-select,
  #view-expenses .operator-toolbar .sort-field .search-select-trigger,
  #view-daily-balances .operator-toolbar .search-field input,
  #view-daily-balances .operator-toolbar .sort-field input,
  #view-daily-balances .operator-toolbar .sort-field select {
    width: 100%;
  }
  #view-operator .operator-toolbar label,
  #view-treasury .operator-toolbar label,
  #view-execution .operator-toolbar label,
  #view-expenses .operator-toolbar label,
  #view-daily-balances .operator-toolbar label {
    gap: 6px;
  }
  #view-operator .operator-toolbar .sort-field,
  #view-treasury .operator-toolbar .sort-field,
  #view-execution .operator-toolbar .sort-field,
  #view-expenses .operator-toolbar .sort-field,
  #view-daily-balances .operator-toolbar .sort-field {
    align-self: stretch;
  }
  .operator-detail-modal {
    width: 100vw;
    max-width: 100vw;
    height: calc(100dvh - 8px);
    max-height: calc(100dvh - 8px);
    min-height: calc(100dvh - 8px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px));
    border-radius: 32px 32px 0 0;
    background:
      radial-gradient(circle at top center, rgba(201,166,107,0.12), transparent 48%),
      linear-gradient(180deg, rgba(14, 20, 28, 0.98), rgba(11, 16, 23, 0.98));
  }
  .operator-history-modal {
    width: 100vw;
    max-width: 100vw;
    max-height: calc(100dvh - 8px);
    min-height: calc(100dvh - 8px);
    border-radius: 28px 28px 0 0;
  }
  .operator-history-modal .table-shell {
    min-height: 0;
    max-height: none;
  }
  :root[data-theme="light"] .operator-detail-modal {
    background:
      radial-gradient(circle at top center, rgba(201,166,107,0.12), transparent 48%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.98));
  }
  .operator-detail-modal::before {
    width: 40px;
    height: 5px;
    margin: 0 auto 10px;
  }
  .operator-detail-head {
    top: 8px;
    right: 10px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    flex: 0 0 auto;
  }
  .operator-detail-modal .toolbar-actions {
    width: auto !important;
    grid-template-columns: none !important;
    display: flex !important;
    margin-left: auto;
    flex: 0 0 auto;
  }
  .operator-detail-modal .toolbar-actions button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
  }
  .operator-detail-modal > .panel-head.operator-detail-head {
    top: 8px;
    right: 10px;
  }
  .icon-only-button {
    background: transparent;
  }
  :root[data-theme="light"] .icon-only-button {
    background: transparent;
  }
  #operator-detail.detail-stack,
  #treasury-detail.detail-stack {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 2px;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .operator-detail-form {
    min-height: 0;
    overflow: visible;
  }
  .operator-detail-scroll {
    padding-right: 0;
    padding-bottom: 0;
  }
  .operator-hero-card,
  .operator-data-card,
  .operator-form-card,
  .operator-note-card,
  .operator-support-card {
    border-radius: 24px;
  }
  .operator-hero-card,
  .operator-data-card,
  .operator-form-card,
  .operator-note-card,
  .operator-support-card,
  .operator-support-card .detail-card {
    box-shadow: none;
  }
  .operator-hero-top {
    align-items: center;
  }
  .operator-hero-amount {
    font-size: 2.05rem;
  }
  .operator-data-row {
    padding: 14px 0;
  }
  .operator-data-value {
    font-size: 1rem;
  }
  .operator-data-row.is-primary .operator-data-value {
    font-size: 1.28rem;
  }
  .operator-deliver-shell {
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  }
  .operator-action-dock {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin-top: 16px;
    padding: 14px 0 calc(4px + env(safe-area-inset-bottom, 0px));
    background:
      linear-gradient(180deg, rgba(14, 20, 28, 0), rgba(11, 16, 23, 0.95) 36%, rgba(11, 16, 23, 0.99));
  }
  :root[data-theme="light"] .operator-action-dock {
    background:
      linear-gradient(180deg, rgba(255,255,255,0), rgba(248,250,252,0.95) 36%, rgba(255,255,255,0.99));
  }
  .operator-action-dock .primary-button {
    min-height: 62px;
    border-radius: 18px;
    font-size: 1.08rem;
    box-shadow: 0 18px 36px rgba(201, 166, 107, 0.22);
  }
  .operator-action-dock .danger-button {
    min-height: 48px;
    border: none;
    box-shadow: none;
  }
  .treasury-detail-modal .operator-note-card,
  .treasury-detail-modal .operator-support-card,
  .treasury-detail-modal .operator-form-card,
  .treasury-detail-modal .operator-hero-card,
  .treasury-detail-modal .operator-data-card {
    padding: 16px;
  }
  .treasury-detail-modal .operator-data-row {
    gap: 10px;
    padding: 11px 0;
  }
  .treasury-detail-modal .operator-data-value {
    font-size: 1rem;
  }
  .treasury-detail-modal .operator-data-row.is-primary .operator-data-value {
    font-size: 1.14rem;
  }
  .treasury-detail-modal .operator-hero-amount {
    font-size: clamp(1.55rem, 8vw, 2rem);
  }
  .treasury-detail-modal textarea {
    min-height: 72px;
  }
  .treasury-detail-modal .operator-action-dock {
    margin-top: 8px;
    padding-top: 10px;
    padding-bottom: calc(2px + env(safe-area-inset-bottom, 0px));
  }
  .operator-form-card {
    overflow: visible;
  }
  .operator-support-card {
    padding-top: 18px;
  }
  .operator-support-card > strong {
    display: block;
    margin-bottom: 10px;
  }
  #view-operator.operator-stage {
    gap: 10px;
  }
  #view-operator .operator-stage > .panel-head,
  #view-operator .panel-head.operator-queue-head {
    display: contents;
    margin-bottom: 0;
    padding: 0;
  }
  #view-operator .operator-history-button,
  #view-operator .operator-live-pill {
    width: auto;
    min-height: 30px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.62rem;
    letter-spacing: 0.14em;
  }
  #view-operator .operator-history-button {
    position: fixed;
    top: calc(112px + env(safe-area-inset-top, 0px));
    right: 16px;
    z-index: 35;
    min-height: 34px;
    padding: 5px 12px;
    background: rgba(13, 19, 28, 0.88);
    backdrop-filter: blur(10px);
  }
  #view-operator .operator-live-pill {
    display: none;
  }
  :root[data-theme="light"] #view-operator .operator-history-button {
    background: rgba(255, 255, 255, 0.88);
  }
  #view-operator .operator-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
  }
  #view-operator .operator-kpis .metric-card {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    min-height: 70px;
    padding: 9px 8px;
    border-radius: 14px;
  }
  #view-operator .operator-kpis .metric-label {
    max-width: 100%;
    overflow: hidden;
    font-size: 0.56rem;
    letter-spacing: 0.12em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #view-operator .operator-kpis .metric-card strong {
    justify-self: start;
    font-size: 1.42rem;
    line-height: 1;
  }
  #view-operator .operator-toolbar label > span {
    font-size: 0.62rem;
    letter-spacing: 0.06em;
  }
  #view-operator .operator-toolbar input,
  #view-operator .operator-toolbar select,
  #view-operator .operator-toolbar .search-select,
  #view-operator .operator-toolbar .search-select-trigger {
    min-height: 38px;
    height: 38px;
    padding: 0 10px;
    border-radius: 13px;
    font-size: 0.82rem;
  }
  #view-operator .op-queue-cards {
    gap: 8px;
    padding: 0;
    max-width: none;
  }
  #view-operator .op-queue-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "head status"
      "amount amount"
      "meta action"
      "meta sla";
    gap: 7px 10px;
    min-height: auto;
    padding: 11px 12px;
    border-radius: 16px;
    border-color: rgba(201,166,107,0.18);
    border-left: 3px solid rgba(201,166,107,0.7);
    background:
      radial-gradient(circle at 100% 0%, rgba(201,166,107,0.08), transparent 38%),
      linear-gradient(180deg, rgba(17, 25, 36, 0.98), rgba(10, 16, 25, 0.98));
    box-shadow: none;
  }
  #view-operator .op-queue-card-head {
    display: contents;
  }
  #view-operator .op-queue-card-meta {
    grid-area: head;
    min-width: 0;
  }
  #view-operator .op-queue-card-status {
    grid-area: status;
    justify-self: end;
    align-self: start;
  }
  #view-operator .op-queue-code {
    display: inline;
    max-width: 100%;
    overflow: hidden;
    font-size: 0.82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #view-operator .op-queue-card-meta .row-sub {
    display: inline;
    font-size: 0.76rem;
  }
  #view-operator .op-queue-card-meta .row-sub::before {
    content: " · ";
  }
  #view-operator .op-queue-amount {
    grid-area: amount;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: clamp(1.22rem, 5.8vw, 1.62rem);
    line-height: 1.05;
  }
  #view-operator .op-queue-meta {
    grid-area: meta;
    gap: 4px;
    min-width: 0;
  }
  #view-operator .op-queue-meta-item {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  #view-operator .op-queue-meta-item:first-child {
    display: none;
  }
  #view-operator .op-queue-meta-item strong {
    color: rgba(201,166,107,0.9);
    display: inline;
    margin-right: 6px;
    font-size: 0.58rem;
    letter-spacing: 0.14em;
  }
  #view-operator .op-queue-meta-value,
  #view-operator .op-queue-meta-item .row-sub {
    display: inline;
    font-size: 0.82rem;
    line-height: 1.2;
  }
  #view-operator .op-queue-meta-item .row-sub::before {
    content: " · ";
  }
  #view-operator .op-queue-open {
    grid-area: action;
    align-self: end;
    justify-self: end;
    width: auto;
    min-height: 34px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
  }
  #view-operator .op-queue-sla {
    grid-area: sla;
    align-self: start;
    justify-self: end;
    min-width: 0;
    padding: 3px 8px;
    border: 1px solid rgba(201, 166, 107, 0.24);
    border-radius: 999px;
    background: rgba(201, 166, 107, 0.08);
    color: rgba(245, 235, 218, 0.86);
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
  }
  :root[data-theme="light"] #view-operator .operator-toolbar {
    border-color: rgba(148,163,184,0.22);
    background:
      radial-gradient(circle at 100% 0%, rgba(201,166,107,0.12), transparent 34%),
      linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
  }
  :root[data-theme="light"] #view-operator .op-queue-card {
    border-color: rgba(201,166,107,0.24);
    border-left-color: rgba(180, 83, 9, 0.52);
    background:
      radial-gradient(circle at 100% 0%, rgba(201,166,107,0.10), transparent 38%),
      linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    box-shadow: none;
  }
  :root[data-theme="light"] #view-operator .op-queue-amount {
    border-color: transparent;
    background: transparent;
  }
  :root[data-theme="light"] #view-operator .op-queue-meta-item {
    border-color: transparent;
    background: transparent;
  }
  :root[data-theme="light"] #view-operator .op-queue-meta-item strong {
    color: #9a6a22;
  }
  :root[data-theme="light"] #view-operator .op-queue-sla {
    border-color: rgba(180, 83, 9, 0.20);
    background: rgba(255, 237, 213, 0.62);
    color: #7c4a03;
  }
}

.validation-module {
  display: grid;
  gap: 18px;
}

.validation-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.validation-toolbar {
  align-items: end;
}

.validation-table-shell table td:nth-child(4),
.validation-table-shell table th:nth-child(4) {
  text-align: left;
}

.validation-sla {
  display: inline-grid;
  gap: 3px;
  min-width: 106px;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  font-variant-numeric: tabular-nums;
}

.validation-sla strong,
.validation-sla span {
  display: block;
}

.validation-sla strong {
  color: var(--text);
  font-size: 1rem;
}

.validation-sla span {
  color: var(--muted);
  font-size: 0.75rem;
  line-height: 1.2;
}

.validation-sla-ok {
  border-color: rgba(52, 211, 153, 0.28);
  background: rgba(12, 100, 76, 0.14);
}

.validation-sla-warn {
  border-color: rgba(201, 166, 107, 0.44);
  background: rgba(201, 166, 107, 0.16);
}

.validation-sla-warn strong {
  color: #f5d99b;
}

.validation-sla-error {
  border-color: rgba(239, 68, 68, 0.5);
  background: rgba(127, 29, 29, 0.22);
}

.validation-sla-error strong {
  color: #fca5a5;
}

.validation-detail-modal-card {
  width: min(1560px, calc(100vw - 32px));
  max-height: calc(100dvh - 28px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.validation-detail-body {
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.validation-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.75fr);
  gap: 18px;
}

.validation-detail-main,
.validation-detail-side {
  display: grid;
  gap: 14px;
  align-content: start;
}

.validation-hero-card {
  display: grid;
  grid-template-columns: minmax(180px, 0.75fr) minmax(220px, 1fr) minmax(220px, 1fr);
  gap: 12px;
  align-items: stretch;
  padding: 22px;
  border: 1px solid rgba(201, 166, 107, 0.26);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(201, 166, 107, 0.12), rgba(35, 117, 176, 0.08)),
    rgba(16, 23, 33, 0.78);
}

:root[data-theme="light"] .validation-hero-card {
  background:
    linear-gradient(135deg, rgba(201, 166, 107, 0.16), rgba(35, 117, 176, 0.08)),
    rgba(255, 255, 255, 0.92);
}

.validation-hero-card strong {
  display: block;
  font-size: clamp(1.25rem, 1.8vw, 1.9rem);
}

.validation-hero-card span {
  display: block;
  color: var(--muted);
  margin-top: 7px;
}

.validation-hero-metric {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.validation-hero-metric-primary strong {
  font-size: clamp(1.55rem, 2.4vw, 2.45rem);
}

.validation-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}

.validation-receipt-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.validation-receipt-card-primary {
  border-color: rgba(201, 166, 107, 0.34);
}

.validation-receipt-preview {
  min-height: clamp(360px, 52dvh, 680px);
  max-width: 100%;
  margin: 10px 0 14px;
  border: 1px dashed rgba(201, 166, 107, 0.28);
  border-radius: 24px;
  overflow: hidden;
  background: rgba(5, 10, 17, 0.62);
  display: grid;
  place-items: center;
  overscroll-behavior: contain;
  touch-action: none;
  --receipt-pan-x: 0px;
  --receipt-pan-y: 0px;
}

:root[data-theme="light"] .validation-receipt-preview {
  background: rgba(248, 250, 252, 0.9);
}

.validation-receipt-preview-loading,
.validation-receipt-empty,
.validation-receipt-link-preview {
  padding: 22px;
  text-align: center;
  color: var(--muted);
}

.validation-receipt-link-preview strong,
.validation-receipt-empty strong {
  display: block;
  color: var(--text);
  margin-bottom: 8px;
}

.validation-receipt-image-button {
  width: 100%;
  height: 100%;
  min-height: clamp(360px, 52dvh, 680px);
  border: 0;
  padding: 0;
  background: transparent;
  cursor: zoom-in;
  display: grid;
  place-items: center;
  user-select: none;
  touch-action: none;
}

.validation-receipt-image-button img {
  display: block;
  max-width: 100%;
  max-height: clamp(360px, 52dvh, 680px);
  width: auto;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.validation-receipt-preview.is-zoomed {
  display: grid;
  place-items: center;
  cursor: grab;
}

.validation-receipt-preview.is-panning {
  cursor: grabbing;
  user-select: none;
}

.validation-receipt-pan-active,
.validation-receipt-pan-active * {
  cursor: grabbing !important;
  user-select: none !important;
}

.validation-receipt-preview.is-zoomed .validation-receipt-image-button {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 100%;
  display: grid;
  place-items: center;
  cursor: grab;
  overflow: hidden;
}

.validation-receipt-preview.is-zoomed .validation-receipt-image-button img {
  display: block;
  margin: 0;
  max-width: 100%;
  max-height: clamp(360px, 52dvh, 680px);
  width: auto;
  height: auto;
  transform: translate(var(--receipt-pan-x), var(--receipt-pan-y)) scale(var(--validation-receipt-zoom, 3.15));
  transform-origin: center center;
  transition: transform 120ms ease;
}

.validation-receipt-zoom-hint {
  margin: -4px 0 12px;
  color: var(--muted);
  font-size: 0.88rem;
}

.validation-critical-card {
  border-color: rgba(201, 166, 107, 0.34);
}

.validation-facts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.validation-fact {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.028);
}

:root[data-theme="light"] .validation-fact {
  background: rgba(15, 23, 42, 0.025);
}

.validation-fact span,
.validation-fact strong {
  display: block;
}

.validation-fact span {
  color: var(--muted);
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.validation-fact strong {
  color: var(--text);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.validation-fact-amount {
  grid-column: 1 / -1;
}

.validation-fact-amount strong {
  font-size: 1.35rem;
}

.validation-facts-grid-support {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.validation-facts-grid-support .validation-fact-amount,
.validation-facts-grid-support .validation-fact:last-child {
  grid-column: 1 / -1;
}

.validation-beneficiary-list {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.validation-beneficiary-line {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

:root[data-theme="light"] .validation-beneficiary-line {
  background: rgba(15, 23, 42, 0.025);
}

.validation-index {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display: inline-grid;
  place-items: center;
  background: rgba(201, 166, 107, 0.18);
  color: var(--gold-strong);
  font-weight: 800;
}

.validation-beneficiary-line strong,
.validation-beneficiary-line span {
  display: block;
}

.validation-beneficiary-line span {
  color: var(--muted);
  margin-top: 4px;
}

.validation-ocr-card span {
  font-variant-numeric: tabular-nums;
}

.validation-review-form {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid var(--line);
}

.validation-note-field {
  grid-column: 1 / -1;
}

.validation-review-form textarea {
  min-height: 78px;
}

.validation-action-dock {
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

.validation-action-dock .primary-button,
.validation-action-dock .danger-button {
  min-height: 52px;
  padding: 0 28px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: 0;
  border: 1px solid transparent;
}

.validation-action-dock .danger-button {
  color: #fecaca;
  border-color: rgba(239, 68, 68, 0.42);
  background: linear-gradient(135deg, rgba(127, 29, 29, 0.72), rgba(69, 10, 10, 0.64));
}

.validation-action-dock .danger-button:hover {
  color: #fff1f2;
  border-color: rgba(248, 113, 113, 0.62);
  background: linear-gradient(135deg, rgba(153, 27, 27, 0.82), rgba(127, 29, 29, 0.72));
}

.distribution-layout {
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.7fr);
  align-items: start;
}

.distribution-module > .panel-head {
  min-height: 0;
  align-items: center;
  margin: -4px 0 10px;
  padding: 0;
}

.distribution-module > .panel-head .client-head-copy {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.35;
  color: var(--text-soft);
}

.distribution-module > .panel-head .toolbar-actions {
  margin-left: auto;
}

.distribution-kpis {
  grid-template-columns: minmax(220px, 0.7fr) minmax(320px, 1.3fr);
}

.distribution-operators-panel {
  display: grid;
  gap: 12px;
  margin: 4px 0 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.distribution-table-shell {
  min-height: 420px;
}

.distribution-module {
  min-width: 0;
}

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

.distribution-side-panel {
  position: sticky;
  top: 18px;
  max-height: calc(100dvh - 124px);
  display: flex;
  flex-direction: column;
  overflow: visible;
  z-index: 20;
}

.distribution-side-panel #distribution-accounts {
  min-height: 0;
  display: grid;
}

.distribution-operator-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
}

.distribution-operator-card {
  min-height: 112px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 12px;
  padding: 18px 14px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015));
  text-align: center;
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}

.distribution-operator-card:hover,
.distribution-operator-card:focus-visible {
  border-color: rgba(201, 166, 107, 0.55);
  background: linear-gradient(145deg, rgba(201, 166, 107, 0.11), rgba(255, 255, 255, 0.02));
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  outline: none;
  transform: translateY(-1px);
}

.distribution-operator-card strong,
.distribution-operator-card span,
.distribution-operator-stats span {
  display: block;
}

.distribution-operator-card span,
.distribution-account-ledger small {
  color: var(--muted);
}

.distribution-section-label {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}

.distribution-section-label strong {
  font-size: 1.02rem;
  color: var(--text);
}

.distribution-operator-pills {
  display: inline-flex;
  gap: 8px;
}

.distribution-operator-pill {
  min-width: 46px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  color: #f8fafc;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  border: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14);
}

.distribution-operator-pill.is-pending {
  color: #f6e6bd;
  border-color: rgba(201,166,107,0.42);
  background: linear-gradient(180deg, rgba(201,166,107,0.34), rgba(111,82,35,0.38));
}

.distribution-operator-pill.is-done {
  color: #bff7df;
  border-color: rgba(45,159,119,0.42);
  background: linear-gradient(180deg, rgba(45,159,119,0.34), rgba(17,94,89,0.36));
}

.distribution-operator-detail {
  display: grid;
  gap: 18px;
  padding-top: 14px;
}

.distribution-operator-activity-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 0;
}

.distribution-operator-activity-kpis .metric-card {
  min-height: 108px;
  padding: 16px 20px;
  border-radius: 16px;
}

.distribution-operator-activity-kpis .metric-card strong {
  font-size: clamp(1.65rem, 2.2vw, 2.15rem);
}

.distribution-operator-activity-kpis .metric-card p {
  max-width: 18ch;
}

.distribution-operator-activity-table {
  min-height: 360px;
  max-height: min(68dvh, 720px);
  border-radius: 16px;
}

.distribution-operator-activity-table table {
  min-width: 1080px;
  table-layout: fixed;
}

.distribution-operator-activity-table th,
.distribution-operator-activity-table td {
  padding: 14px 18px;
}

.distribution-operator-activity-table th:nth-child(1),
.distribution-operator-activity-table td:nth-child(1) {
  width: 12%;
}

.distribution-operator-activity-table th:nth-child(2),
.distribution-operator-activity-table td:nth-child(2) {
  width: 18%;
}

.distribution-operator-activity-table th:nth-child(3),
.distribution-operator-activity-table td:nth-child(3) {
  width: 13%;
}

.distribution-operator-activity-table th:nth-child(4),
.distribution-operator-activity-table td:nth-child(4) {
  width: 16%;
}

.distribution-operator-activity-table th:nth-child(5),
.distribution-operator-activity-table td:nth-child(5) {
  width: 16%;
}

.distribution-operator-activity-table th:nth-child(6),
.distribution-operator-activity-table td:nth-child(6) {
  width: 15%;
}

.distribution-operator-activity-table th:nth-child(7),
.distribution-operator-activity-table td:nth-child(7) {
  width: 10%;
  text-align: right;
}

.distribution-operator-activity-table td:nth-child(7) .compact-button {
  min-width: 108px;
  justify-content: center;
}

.distribution-operator-activity-table tbody tr.operator-activity-row-viewed {
  background: linear-gradient(90deg, rgba(217,99,99,0.15), rgba(217,99,99,0.08) 42%, rgba(217,99,99,0.025) 86%);
}

.distribution-operator-activity-table tbody tr.operator-activity-row-viewed:hover {
  background: linear-gradient(90deg, rgba(217,99,99,0.2), rgba(217,99,99,0.1) 46%, rgba(217,99,99,0.035) 88%);
}

.distribution-operator-activity-table tbody tr.operator-activity-row-viewed td:first-child {
  box-shadow: inset 3px 0 0 rgba(248,113,113,0.76);
}

.distribution-operator-activity-table tbody tr.operator-activity-row-unviewed {
  background: linear-gradient(90deg, rgba(20,184,166,0.055), rgba(20,184,166,0.025) 44%, rgba(15,23,42,0) 84%);
}

.distribution-operator-activity-table tbody tr.operator-activity-row-unviewed:hover {
  background: linear-gradient(90deg, rgba(20,184,166,0.085), rgba(20,184,166,0.035) 46%, rgba(15,23,42,0) 86%);
}

.distribution-operator-activity-table tbody tr.operator-activity-row-unviewed td:first-child {
  box-shadow: inset 3px 0 0 rgba(45,212,191,0.52);
}

:root[data-theme="light"] .distribution-operator-activity-table tbody tr.operator-activity-row-viewed {
  background: linear-gradient(90deg, rgba(254,226,226,0.92), rgba(255,241,242,0.64) 52%, rgba(255,255,255,0.2) 90%);
}

:root[data-theme="light"] .distribution-operator-activity-table tbody tr.operator-activity-row-viewed:hover {
  background: linear-gradient(90deg, rgba(254,202,202,0.92), rgba(255,228,230,0.7) 54%, rgba(255,255,255,0.28) 92%);
}

:root[data-theme="light"] .distribution-operator-activity-table tbody tr.operator-activity-row-unviewed {
  background: linear-gradient(90deg, rgba(204,251,241,0.55), rgba(240,253,250,0.36) 54%, rgba(255,255,255,0.12) 90%);
}

.operator-activity-folio {
  display: block;
  color: var(--text);
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: 0.01em;
}

.operator-activity-status {
  display: grid;
  gap: 8px;
  justify-items: start;
}

.operator-activity-view {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border-radius: 999px;
  border: 1px solid var(--line);
  padding: 5px 10px;
  color: var(--text);
  background: rgba(148,163,184,0.08);
  font-size: 0.76rem;
  font-weight: 800;
}

.operator-activity-view.is-unviewed {
  color: #f4c6c6;
  border-color: rgba(217,99,99,0.32);
  background: rgba(217,99,99,0.09);
}

:root[data-theme="light"] .operator-activity-view {
  background: rgba(15,23,42,0.04);
}

:root[data-theme="light"] .operator-activity-view.is-unviewed {
  color: #9f1239;
  background: rgba(244,63,94,0.08);
}

.distribution-reassign-modal {
  width: min(760px, calc(100vw - 32px));
}

.distribution-reassign-form {
  display: grid;
  gap: 16px;
}

.distribution-reassign-summary {
  border-block: 1px solid var(--line);
  background: linear-gradient(90deg, rgba(201,166,107,0.08), rgba(20,184,166,0.055));
  padding: 14px 0;
}

.distribution-reassign-line {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.distribution-reassign-chip {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 92px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(17,24,39,0.36);
  padding: 14px;
  align-content: center;
}

.distribution-reassign-line small,
.distribution-reassign-form label > span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.distribution-reassign-line strong {
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.distribution-reassign-line em {
  color: var(--muted);
  font-style: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}

.distribution-reassign-form label {
  display: grid;
  gap: 8px;
}

.distribution-reassign-form .full-span {
  grid-column: 1 / -1;
}

.distribution-reassign-form textarea {
  min-height: 92px;
  resize: vertical;
}

.distribution-reassign-form .search-select {
  position: relative;
  z-index: 20;
}

.distribution-reassign-form .search-select.open {
  z-index: 520;
}

.distribution-reassign-account-panel {
  z-index: 530;
  max-height: min(420px, 56dvh);
}

.distribution-reassign-form .modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
}

:root[data-theme="light"] .distribution-reassign-summary {
  background: linear-gradient(90deg, rgba(201,166,107,0.12), rgba(14,116,144,0.07));
}

:root[data-theme="light"] .distribution-reassign-chip {
  background: rgba(255,255,255,0.76);
}

@media (max-width: 720px) {
  .distribution-reassign-line {
    grid-template-columns: 1fr;
  }

  .distribution-reassign-form .modal-actions {
    flex-direction: column-reverse;
  }

  .distribution-reassign-form .modal-actions button {
    width: 100%;
  }
}

.distribution-country-filter {
  display: grid;
  gap: 8px;
  position: relative;
  z-index: 40;
}

.distribution-country-filter .search-select.open {
  z-index: 420;
}

.distribution-country-filter .search-select-panel {
  z-index: 430;
  max-height: min(430px, 56dvh);
  overflow: hidden;
}

.distribution-country-filter .search-select-list {
  max-height: min(330px, 42dvh);
}

.distribution-account-ledger {
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  overflow: hidden;
}

.distribution-account-ledger .detail-stack {
  gap: 14px;
}

.distribution-account-ledger .distribution-account-list {
  max-height: clamp(300px, calc(100dvh - 390px), 620px);
  overflow: auto;
  padding-right: 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(201,166,107,0.38) transparent;
}

.distribution-account-summary {
  display: grid;
  gap: 3px;
  margin: 12px 0 16px;
  padding: 12px 14px;
  border: 1px solid rgba(201, 166, 107, 0.22);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(201,166,107,0.08), rgba(255,255,255,0.018)),
    rgba(8, 13, 21, 0.42);
}

.distribution-account-summary span,
.distribution-account-summary small {
  color: var(--muted);
}

.distribution-account-summary span {
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.distribution-account-summary strong {
  font-size: clamp(1.25rem, 1.5vw, 1.62rem);
  line-height: 1.05;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

.distribution-account-ledger .distribution-account-row {
  display: grid;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(148,163,184,0.12);
  line-height: 1.34;
}

.distribution-account-ledger b {
  color: var(--text);
}

.distribution-detail-modal {
  width: calc(100vw - 8px);
  max-width: none;
  height: calc(100dvh - 8px);
  max-height: calc(100dvh - 8px);
  padding: 16px 20px 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.distribution-detail-modal > .panel-head {
  position: static;
  top: auto;
  z-index: auto;
  min-height: 72px;
  align-items: center;
  border-bottom-color: rgba(148,163,184,0.12);
  padding: 6px 0 10px;
  margin: 0 0 12px;
  background:
    linear-gradient(180deg, rgba(11, 18, 28, 0.96), rgba(12, 19, 30, 0.72)),
    var(--neutral-02);
  backdrop-filter: none;
}

.distribution-detail-body {
  display: grid;
  gap: 14px;
  min-height: 0;
  overflow: auto;
  padding-right: 8px;
  padding-bottom: 120px;
  scrollbar-width: thin;
  scrollbar-color: rgba(201,166,107,0.38) transparent;
}

.distribution-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 0.92fr);
  gap: 12px;
}

.distribution-detail-grid > .detail-card {
  min-height: 76px;
  display: grid;
  align-content: space-between;
  padding: 12px 16px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(201,166,107,0.11), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.014)),
    rgba(12, 18, 28, 0.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.distribution-remittance-hero strong {
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  line-height: 0.95;
}

.distribution-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(292px, 22vw, 340px);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.distribution-lines {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.distribution-line-card {
  display: grid;
  grid-template-columns: 1fr;
  min-width: 0;
  gap: 0;
  padding: 0;
  border: 1px solid rgba(201,166,107,0.2);
  border-radius: 24px;
  overflow: visible;
  background:
    radial-gradient(circle at 12% 0%, rgba(201,166,107,0.1), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,0.052), rgba(255,255,255,0.012)),
    rgba(13, 20, 30, 0.78);
}

.distribution-line-beneficiary {
  display: flex;
  gap: 16px;
  align-items: center;
  min-width: 0;
  min-height: 0;
  padding: 13px 18px;
  border-bottom: 1px solid rgba(148,163,184,0.12);
  background: linear-gradient(90deg, rgba(15,23,42,0.54), rgba(15,23,42,0.16));
  overflow: hidden;
}

.distribution-line-beneficiary .compact-button {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  font-size: 0.86rem;
}

.distribution-line-actions {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
}

.distribution-line-actions .danger-action {
  color: #fecaca;
  border-color: rgba(239, 68, 68, 0.32);
}

.distribution-line-actions .danger-action:hover,
.distribution-line-actions .danger-action:focus-visible {
  color: #fee2e2;
  border-color: rgba(239, 68, 68, 0.56);
  background: rgba(127, 29, 29, 0.28);
}

.distribution-line-beneficiary strong,
.distribution-line-beneficiary span {
  display: inline;
}

.distribution-line-beneficiary span {
  color: var(--muted);
  margin-top: 0;
}

.distribution-line-index {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background:
    linear-gradient(180deg, rgba(201,166,107,0.22), rgba(201,166,107,0.1));
  border: 1px solid rgba(201,166,107,0.26);
  color: var(--gold-strong);
  font-weight: 900;
  line-height: 1;
  text-align: center;
  padding: 0;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}

.distribution-line-beneficiary .distribution-line-index {
  display: grid;
  place-items: center;
  color: var(--gold-strong);
}

.distribution-beneficiary-inline {
  min-width: 0;
  max-width: 100%;
  flex: 1 1 0;
  display: flex;
  align-items: baseline;
  gap: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.distribution-beneficiary-inline strong,
.distribution-beneficiary-inline span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.distribution-beneficiary-inline strong {
  flex: 0 1 auto;
  color: var(--text);
  font-size: clamp(1.02rem, 1.05vw, 1.15rem);
  font-weight: 900;
}

.distribution-beneficiary-inline span {
  flex: 1 1 auto;
  color: #c8d7ec;
  font-size: clamp(0.98rem, 1vw, 1.08rem);
}

.distribution-line-form {
  display: grid;
  grid-template-columns: minmax(190px, 0.72fr) minmax(0, 1.55fr) minmax(190px, 0.72fr);
  gap: 14px;
  align-items: start;
  padding: 14px 18px;
}

.distribution-line-form.provider-direct-line {
  grid-template-columns: minmax(170px, 0.54fr) minmax(0, 1.08fr) minmax(150px, 0.46fr) minmax(250px, 0.82fr);
}

.distribution-line-form label {
  min-width: 0;
  overflow: visible;
  position: relative;
  display: grid;
  gap: 8px;
  margin: 0;
  align-content: start;
}

.distribution-line-form label > span {
  color: var(--text-soft);
  font-size: 0.86rem;
}

.distribution-amount-control {
  min-height: 64px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--neutral-10);
  border-radius: 20px;
  padding: 0 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.052), rgba(255,255,255,0.016)),
    var(--neutral-04);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.distribution-amount-control:focus-within {
  border-color: rgba(201, 166, 107, 0.72);
  box-shadow: 0 0 0 4px rgba(201, 166, 107, 0.12);
}

.distribution-amount-control input[data-distribution-amount] {
  min-height: 62px;
  width: 100%;
  border: 0;
  box-shadow: none;
  padding: 0;
  font-size: clamp(1.05rem, 1.4vw, 1.25rem);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: left;
  background: transparent;
}

.distribution-amount-control input[data-distribution-amount]:focus {
  box-shadow: none;
}

.distribution-amount-control small {
  color: var(--gold-strong);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.distribution-provider-select-field {
  min-width: 0;
}

.distribution-percent-control {
  min-height: 64px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--neutral-10);
  border-radius: 20px;
  padding: 0 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.048), rgba(255,255,255,0.014)),
    var(--neutral-04);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.distribution-percent-control:focus-within {
  border-color: rgba(201, 166, 107, 0.72);
  box-shadow: 0 0 0 4px rgba(201, 166, 107, 0.12);
}

.distribution-percent-control input {
  min-height: 62px;
  width: 100%;
  border: 0;
  box-shadow: none;
  padding: 0;
  font-size: 1.08rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  background: transparent;
}

.distribution-percent-control input:focus {
  box-shadow: none;
}

.distribution-percent-control small {
  color: var(--gold-strong);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.distribution-line-form input[data-distribution-amount]::-webkit-outer-spin-button,
.distribution-line-form input[data-distribution-amount]::-webkit-inner-spin-button {
  margin: 0;
}

.distribution-line-form textarea {
  min-height: 46px;
  resize: vertical;
}

.provider-mode-active {
  border-color: rgba(34, 197, 94, 0.42);
  color: #c8f7df;
  background:
    linear-gradient(180deg, rgba(34, 197, 94, 0.14), rgba(34, 197, 94, 0.045)),
    rgba(7, 24, 21, 0.68);
}

.distribution-provider-preview {
  min-height: 64px;
  display: grid;
  gap: 4px;
  align-content: center;
  border: 1px solid rgba(34, 197, 94, 0.24);
  border-radius: 18px;
  padding: 12px 16px;
  background:
    linear-gradient(135deg, rgba(34, 197, 94, 0.13), rgba(14, 165, 233, 0.045)),
    rgba(6, 18, 24, 0.78);
}

.distribution-provider-preview strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
  font-size: 0.98rem;
}

.distribution-provider-preview small {
  color: var(--text-soft);
  line-height: 1.35;
}

.distribution-commission-preview {
  display: grid;
  gap: 5px;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 16px;
  padding: 11px 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(15, 23, 42, 0.42);
}

.distribution-commission-preview strong,
.distribution-commission-preview span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.distribution-commission-preview strong {
  color: var(--text);
  font-size: 0.92rem;
  line-height: 1.25;
}

.distribution-commission-preview span {
  color: var(--text-soft);
  font-size: 0.82rem;
  line-height: 1.35;
}

.distribution-commission-preview.is-ok {
  border-color: rgba(34, 197, 94, 0.24);
  background:
    linear-gradient(135deg, rgba(34, 197, 94, 0.11), rgba(14, 165, 233, 0.035)),
    rgba(6, 18, 24, 0.58);
}

.distribution-commission-preview.is-warning {
  border-color: rgba(245, 158, 11, 0.36);
  background:
    linear-gradient(135deg, rgba(245, 158, 11, 0.13), rgba(234, 88, 12, 0.045)),
    rgba(24, 18, 6, 0.58);
}

.distribution-commission-preview.is-manual {
  border-color: rgba(96, 165, 250, 0.28);
  background:
    linear-gradient(135deg, rgba(96, 165, 250, 0.11), rgba(34, 197, 94, 0.035)),
    rgba(6, 18, 24, 0.58);
}

.distribution-commission-preview.is-muted {
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.28);
}

.distribution-provider-summary {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(34, 197, 94, 0.2);
  border-radius: 18px;
  padding: 12px 14px;
  background: rgba(34, 197, 94, 0.06);
}

.distribution-provider-summary strong {
  color: var(--text);
  font-size: 0.98rem;
}

.distribution-provider-summary span,
.distribution-provider-summary small {
  color: var(--text-soft);
  line-height: 1.35;
}

:root[data-theme="light"] .provider-mode-active {
  color: #075f40;
  background: linear-gradient(180deg, rgba(16, 185, 129, 0.16), rgba(16, 185, 129, 0.06));
}

:root[data-theme="light"] .distribution-provider-preview,
:root[data-theme="light"] .distribution-provider-summary {
  background: linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(239, 246, 255, 0.82));
  border-color: rgba(16, 185, 129, 0.28);
}

:root[data-theme="light"] .distribution-commission-preview {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
  border-color: rgba(148, 163, 184, 0.28);
}

:root[data-theme="light"] .distribution-commission-preview.is-ok {
  background: linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(240, 249, 255, 0.84));
  border-color: rgba(16, 185, 129, 0.3);
}

:root[data-theme="light"] .distribution-commission-preview.is-warning {
  background: linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(255, 247, 237, 0.9));
  border-color: rgba(245, 158, 11, 0.42);
}

:root[data-theme="light"] .distribution-commission-preview.is-manual {
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(240, 253, 244, 0.86));
  border-color: rgba(59, 130, 246, 0.3);
}

.distribution-line-form .search-select {
  width: 100%;
  min-width: 0;
}

.distribution-line-form label:has(.search-select.open),
.distribution-line-form .search-select.open {
  z-index: 180;
}

.distribution-line-form .search-select-trigger {
  width: 100%;
  min-width: 0;
  min-height: 64px;
  border-radius: 18px;
  padding: 12px 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.018)),
    var(--neutral-04);
}

.distribution-add-beneficiary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border: 1px dashed rgba(201, 166, 107, 0.32);
  border-radius: 20px;
  background: rgba(201, 166, 107, 0.055);
}

.distribution-add-beneficiary label {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
}

.distribution-add-beneficiary label > span {
  color: var(--text-soft);
  font-size: 0.86rem;
}

.distribution-add-beneficiary .search-select {
  min-width: 0;
  width: 100%;
}

.distribution-add-beneficiary .search-select.open {
  z-index: 240;
}

.distribution-add-beneficiary .search-select-panel {
  top: auto;
  bottom: calc(100% + 8px);
  z-index: 240;
  width: max(100%, min(640px, calc(100vw - 96px)));
  max-width: calc(100vw - 96px);
  max-height: min(340px, 42vh);
}

.distribution-table tr.distribution-row-returned td {
  background: rgba(244, 63, 94, 0.07);
}

.distribution-table tr.distribution-row-returned td:first-child {
  box-shadow: inset 3px 0 0 rgba(244, 63, 94, 0.68);
}

.distribution-return-note {
  margin: 0 16px 12px;
  padding: 10px 12px;
  border: 1px solid rgba(244, 63, 94, 0.24);
  border-radius: 12px;
  color: #fecaca;
  background: rgba(127, 29, 29, 0.12);
  font-size: 0.88rem;
}

:root[data-theme="light"] .distribution-table tr.distribution-row-returned td {
  background: rgba(255, 241, 242, 0.72);
}

:root[data-theme="light"] .distribution-table tr.distribution-row-returned td:first-child {
  box-shadow: inset 4px 0 0 rgba(225, 29, 72, 0.54);
}

:root[data-theme="light"] .distribution-return-note {
  color: #881337;
  border-color: rgba(225, 29, 72, 0.2);
  background: rgba(255, 241, 242, 0.86);
}

.distribution-line-form .search-select-panel {
  z-index: 220;
  width: max(100%, min(360px, calc(100vw - 72px)));
  max-width: calc(100vw - 72px);
  max-height: min(340px, 42dvh);
  overflow: hidden;
}

.distribution-line-form .search-select-list {
  max-height: min(238px, 30dvh);
}

.distribution-line-form label:nth-child(2) .search-select-panel {
  width: max(100%, min(560px, calc(100vw - 72px)));
}

.distribution-line-form label:nth-child(3) .search-select-panel {
  right: 0;
  left: auto;
  width: max(100%, min(360px, calc(100vw - 72px)));
}

.distribution-line-form .search-select-option-label {
  white-space: normal;
}

.distribution-line-form .search-select-trigger-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.distribution-bound-field {
  min-height: 64px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px 18px;
  border-radius: 20px;
  border: 1px solid var(--neutral-10);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012)),
    var(--neutral-03);
}

:root[data-theme="light"] .distribution-line-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.92), rgba(248,250,252,0.78)),
    #ffffff;
  border-color: rgba(15,23,42,0.1);
}

:root[data-theme="light"] #view-distribution .distribution-module,
:root[data-theme="light"] #view-distribution .distribution-side-panel {
  background:
    radial-gradient(circle at 18% 0%, rgba(201,166,107,0.08), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,0.97), rgba(248,250,252,0.94));
  border-color: rgba(15,23,42,0.08);
  box-shadow: 0 18px 48px rgba(15,23,42,0.08);
}

:root[data-theme="light"] #view-distribution .distribution-module {
  background:
    radial-gradient(circle at 24% 8%, rgba(201,166,107,0.05), transparent 36%),
    rgba(255,255,255,0.34);
  border-color: rgba(15,23,42,0.035);
  box-shadow: none;
}

:root[data-theme="light"] #view-distribution .distribution-side-panel {
  background:
    radial-gradient(circle at 18% 0%, rgba(201,166,107,0.12), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95));
  box-shadow: 0 18px 48px rgba(15,23,42,0.1);
}

:root[data-theme="light"] #view-distribution .distribution-table-shell,
:root[data-theme="light"] #view-distribution .operator-toolbar {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.9)),
    #ffffff;
  border-color: rgba(15,23,42,0.09);
  box-shadow: 0 12px 30px rgba(15,23,42,0.06);
}

:root[data-theme="light"] .distribution-operator-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(201,166,107,0.12), transparent 46%),
    linear-gradient(180deg, #ffffff, #f8fafc);
  border-color: rgba(15,23,42,0.1);
  box-shadow: 0 12px 26px rgba(15,23,42,0.06);
}

:root[data-theme="light"] .distribution-operator-card:hover,
:root[data-theme="light"] .distribution-operator-card:focus-visible {
  background:
    radial-gradient(circle at 50% 0%, rgba(201,166,107,0.2), transparent 48%),
    linear-gradient(180deg, #ffffff, #f6f8fb);
  box-shadow: 0 18px 34px rgba(15,23,42,0.1);
}

:root[data-theme="light"] .distribution-account-ledger {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)),
    #ffffff;
  border-color: rgba(15,23,42,0.09);
}

:root[data-theme="light"] .distribution-account-summary {
  background:
    radial-gradient(circle at 0% 0%, rgba(201,166,107,0.22), transparent 44%),
    linear-gradient(135deg, #fff8e8, #f8fafc 62%);
  border-color: rgba(201,166,107,0.34);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
}

:root[data-theme="light"] .distribution-account-ledger .distribution-account-row {
  border-bottom-color: rgba(15,23,42,0.08);
}

:root[data-theme="light"] .distribution-account-row:hover {
  background: linear-gradient(90deg, rgba(201,166,107,0.1), transparent 72%);
}

:root[data-theme="light"] .distribution-detail-grid > .detail-card,
:root[data-theme="light"] .distribution-total-strip > div {
  background:
    radial-gradient(circle at 10% 0%, rgba(201,166,107,0.12), transparent 34%),
    linear-gradient(180deg, #ffffff, #f8fafc);
  border-color: rgba(15,23,42,0.09);
  box-shadow: 0 12px 28px rgba(15,23,42,0.06);
}

:root[data-theme="light"] .distribution-amount-control {
  background: linear-gradient(180deg, #ffffff, #f6f8fb);
  border-color: rgba(15,23,42,0.12);
}

:root[data-theme="light"] .distribution-line-beneficiary {
  background: linear-gradient(90deg, rgba(248,250,252,0.94), rgba(255,255,255,0.68));
}

:root[data-theme="light"] .distribution-beneficiary-inline span {
  color: #334155;
}

.distribution-bound-field strong,
.distribution-bound-field span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.distribution-bound-field span {
  color: var(--muted);
  font-size: 0.86rem;
}

.distribution-bound-field.is-danger {
  border-color: rgba(220, 91, 91, 0.42);
  background: rgba(220, 91, 91, 0.08);
}

.distribution-bound-field.is-muted {
  opacity: 0.72;
}

:root[data-theme="light"] .distribution-line-form .search-select-trigger {
  background: linear-gradient(180deg, #ffffff, #f6f8fb);
}

:root[data-theme="light"] .distribution-bound-field {
  background: linear-gradient(180deg, #ffffff, #f6f8fb);
  border-color: rgba(15,23,42,0.12);
}

:root[data-theme="light"] .distribution-result-panel {
  background:
    radial-gradient(circle at top, rgba(201,166,107,0.08), transparent 34%),
    rgba(255, 255, 255, 0.82);
  border-color: rgba(15,23,42,0.1);
}

:root[data-theme="light"] .distribution-detail-modal,
:root[data-theme="light"] .distribution-detail-modal > .panel-head {
  background:
    radial-gradient(circle at 14% 0%, rgba(201,166,107,0.08), transparent 34%),
    linear-gradient(180deg, #ffffff, #f8fafc);
  border-color: rgba(15,23,42,0.09);
}

.distribution-line-form .full-span {
  grid-column: 1 / -1;
}

.distribution-total-strip {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
}

.distribution-total-strip > div {
  min-height: 82px;
  display: grid;
  align-content: center;
  padding: 14px 16px;
  border: 1px solid rgba(201, 166, 107, 0.26);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(201,166,107,0.09), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,0.048), rgba(255,255,255,0.012)),
    rgba(11, 18, 28, 0.78);
}

.distribution-total-strip span,
.distribution-total-strip strong {
  display: block;
}

.distribution-total-strip span {
  color: var(--muted);
}

.distribution-total-strip strong {
  margin-top: 8px;
  font-size: clamp(1.25rem, 1.65vw, 1.72rem);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

.distribution-result-panel {
  position: sticky;
  top: 12px;
  display: grid;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgba(201, 166, 107, 0.24);
  border-radius: 24px;
  background:
    radial-gradient(circle at top, rgba(201,166,107,0.08), transparent 34%),
    rgba(8, 13, 21, 0.56);
  min-width: 0;
}

.distribution-total-strip .is-negative {
  color: #fca5a5;
}

.distribution-benefit-panel {
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(56, 189, 248, 0.26);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(20, 83, 105, 0.22), rgba(12, 18, 28, 0.76));
}

.distribution-benefit-panel strong {
  font-size: clamp(1.18rem, 1.45vw, 1.55rem);
  font-variant-numeric: tabular-nums;
}

.distribution-benefit-breakdown {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 12px;
  align-items: baseline;
  color: var(--muted);
}

.distribution-benefit-breakdown b {
  color: var(--text);
  font-weight: 800;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.benefit-audit-card {
  border-color: rgba(56, 189, 248, 0.26);
  background:
    radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(20, 83, 105, 0.18), rgba(12, 18, 28, 0.78));
}

.benefit-audit-card > strong {
  font-size: clamp(1.12rem, 1.35vw, 1.45rem);
  font-variant-numeric: tabular-nums;
}

.benefit-audit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 12px;
  margin-top: 4px;
  color: var(--muted);
}

.benefit-audit-grid b {
  color: var(--text);
  font-weight: 800;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.distribution-action-dock {
  display: grid;
  gap: 10px;
  justify-content: stretch;
}

.distribution-detail-modal .distribution-action-dock {
  position: static;
  bottom: auto;
  z-index: auto;
  margin-top: 0;
}

.distribution-action-dock .primary-button,
.distribution-action-dock .ghost-button {
  width: 100%;
  justify-content: center;
}

.distribution-action-dock .primary-button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

@media (max-width: 1100px) {
  .validation-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .validation-detail-grid {
    grid-template-columns: 1fr;
  }
  .validation-hero-card {
    grid-template-columns: 1fr;
  }
  .distribution-layout,
  .distribution-detail-grid,
  .distribution-line-card,
  .distribution-workspace {
    grid-template-columns: 1fr;
  }
  .distribution-result-panel {
    position: static;
  }
  .distribution-total-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .distribution-side-panel {
    position: static;
  }
  .distribution-kpis,
  .distribution-line-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .distribution-operator-activity-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .distribution-operator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1380px) {
  .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(270px, 300px);
  }
  .distribution-line-form {
    grid-template-columns: minmax(170px, 0.68fr) minmax(0, 1.45fr) minmax(170px, 0.68fr);
    gap: 12px;
  }
  .distribution-line-form .search-select-trigger,
  .distribution-amount-control {
    padding-inline: 14px;
  }
  .distribution-total-strip strong {
    font-size: clamp(1.15rem, 1.5vw, 1.45rem);
  }
}

@media (max-width: 1240px) {
  .distribution-workspace {
    grid-template-columns: 1fr;
  }
  .distribution-result-panel {
    position: static;
  }
  .distribution-total-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1500px) {
  .distribution-workspace {
    grid-template-columns: 1fr;
  }
  .distribution-result-panel {
    position: static;
  }
  .distribution-total-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .distribution-action-dock {
    grid-template-columns: minmax(220px, 1fr) minmax(160px, 0.5fr);
    align-items: center;
  }
}

@media (max-width: 1720px) {
  .distribution-workspace {
    grid-template-columns: 1fr;
  }
  .distribution-result-panel {
    position: static;
  }
  .distribution-total-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .distribution-action-dock {
    grid-template-columns: minmax(220px, 1fr) minmax(160px, 0.5fr);
    align-items: center;
  }
}

@media (max-width: 720px) {
  .validation-kpis {
    grid-template-columns: 1fr;
  }
  .validation-detail-modal-card {
    width: 100vw;
    max-height: calc(100dvh - 8px);
    border-radius: 28px 28px 0 0;
  }
  .validation-review-form {
    grid-template-columns: 1fr;
  }
  .validation-action-dock {
    display: grid;
    grid-template-columns: 1fr;
  }
  .distribution-kpis,
  .distribution-operator-activity-kpis,
  .distribution-operator-grid,
  .distribution-line-form,
  .distribution-workspace,
  .distribution-total-strip {
    grid-template-columns: 1fr;
  }
  .distribution-beneficiary-inline {
    display: grid;
    gap: 4px;
    white-space: normal;
  }
  .distribution-line-beneficiary {
    align-items: start;
    flex-wrap: wrap;
  }
  .distribution-line-beneficiary .compact-button {
    width: 100%;
  }
  .distribution-line-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .distribution-add-beneficiary {
    grid-template-columns: 1fr;
  }
  .distribution-detail-modal {
    width: 100vw;
    max-height: calc(100dvh - 8px);
    border-radius: 28px 28px 0 0;
  }
  .distribution-action-dock {
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .distribution-detail-modal {
    overflow-x: clip;
  }

  .distribution-detail-body,
  .distribution-workspace,
  .distribution-lines,
  .distribution-line-card,
  .distribution-line-beneficiary,
  .distribution-line-form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .distribution-line-beneficiary {
    align-items: flex-start;
  }

  .distribution-beneficiary-inline {
    display: grid;
    gap: 4px;
    white-space: normal;
  }

  .distribution-line-form {
    grid-template-columns: 1fr;
  }

  .distribution-line-form .search-select-panel,
  .distribution-line-form label:nth-child(2) .search-select-panel,
  .distribution-line-form label:nth-child(3) .search-select-panel {
    left: 0;
    right: auto;
    width: min(100%, calc(100vw - 72px));
    max-width: min(100%, calc(100vw - 72px));
  }

  .distribution-line-form .full-span {
    grid-column: auto;
  }
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form {
  grid-template-columns: repeat(30, minmax(0, 1fr)) !important;
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(1) {
  grid-column: 1 / span 14 !important;
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(2) {
  grid-column: 15 / span 3 !important;
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(3) {
  grid-column: 18 / span 5 !important;
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(4) {
  grid-column: 23 / -1 !important;
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(5) {
  grid-column: 1 / span 12 !important;
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-receipt-card.provider-finance-receipt-card {
  grid-column: 13 / span 8 !important;
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .form-actions.full-span {
  grid-column: 21 / -1 !important;
}

@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form {
    grid-template-columns: 1fr !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label,
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(1),
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(2),
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(3),
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(4),
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(5),
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-receipt-card.provider-finance-receipt-card,
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .form-actions.full-span {
    grid-column: 1 / -1 !important;
  }
}

/* Remesas Investments Responsive Preview v1.5 final guard. */
body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] .modal-card.wide {
  min-height: min(560px, calc(100dvh - 44px)) !important;
}

@media (min-width: 1181px) and (max-width: 1366px) {
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] .modal-card.wide {
    min-height: min(560px, calc(100dvh - 32px)) !important;
  }
}

@media (min-width: 1181px) {
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-receipt-card.provider-finance-receipt-card {
    grid-column: 13 / span 9 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .form-actions.full-span {
    grid-column: 22 / -1 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(2) > span {
    white-space: nowrap !important;
    font-size: 0.72rem !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(1) {
    grid-column: 1 / span 13 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(2) {
    grid-column: 14 / span 4 !important;
  }
}

@media (hover: none) and (pointer: coarse) {
  .primary-button:hover,
  .secondary-button:hover,
  .ghost-button:hover,
  .nav-link:hover,
  .inline-button:hover {
    transform: none;
  }
}

.corrections-preview-form {
  grid-template-columns: minmax(180px, 260px) minmax(260px, 1fr) auto auto;
  align-items: end;
}

.correction-operation-results {
  margin-top: 14px;
  min-height: 260px;
  max-height: 520px;
  overflow: auto;
}

.correction-operation-row .correction-governance-label {
  color: var(--text-primary);
}

.correction-operation-ok {
  background: linear-gradient(90deg, rgba(24, 118, 92, 0.14), rgba(14, 22, 32, 0.02));
}

.correction-operation-blocked {
  background: linear-gradient(90deg, rgba(134, 54, 62, 0.14), rgba(14, 22, 32, 0.02));
}

.correction-operation-reversed {
  background: linear-gradient(90deg, rgba(134, 54, 62, 0.19), rgba(14, 22, 32, 0.03));
}

.correction-operation-muted {
  background: rgba(255, 255, 255, 0.015);
}

.correction-operation-blocked .correction-governance-label,
.correction-operation-reversed .correction-governance-label {
  color: #f5a3a8;
}

.correction-operation-ok .correction-governance-label {
  color: #9af0cf;
}

.correction-preview-modal-card {
  width: min(980px, calc(100vw - 32px));
}

.warning-card {
  border-color: rgba(220, 178, 107, 0.46);
  background: linear-gradient(135deg, rgba(220, 178, 107, 0.11), rgba(14, 22, 32, 0.84));
}

.success-card {
  border-color: rgba(54, 211, 153, 0.35);
  background: linear-gradient(135deg, rgba(28, 120, 92, 0.13), rgba(14, 22, 32, 0.84));
}

.corrections-preflight-card {
  margin-bottom: 16px;
  gap: 12px;
}

.corrections-history-card {
  gap: 10px;
}

.corrections-history-card .table-shell {
  margin-top: 8px;
}

:root[data-theme="light"] .correction-operation-ok {
  background: linear-gradient(90deg, rgba(19, 134, 100, 0.1), rgba(255, 255, 255, 0));
}

:root[data-theme="light"] .correction-operation-blocked,
:root[data-theme="light"] .correction-operation-reversed {
  background: linear-gradient(90deg, rgba(190, 73, 82, 0.1), rgba(255, 255, 255, 0));
}

:root[data-theme="light"] .correction-operation-blocked .correction-governance-label,
:root[data-theme="light"] .correction-operation-reversed .correction-governance-label {
  color: #9d2732;
}

:root[data-theme="light"] .correction-operation-ok .correction-governance-label {
  color: #126f52;
}

@media (max-width: 820px) {
  .corrections-preview-form {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

/* Tier-1 operational visual polish, phase 1. Scope: layout, density and responsive behavior only. */
@media (min-width: 1181px) {
  .shell {
    grid-template-columns: var(--sidebar-size) minmax(0, 1fr);
  }

  .sidebar-toggle,
  .sidebar-overlay {
    display: none !important;
  }

  .sidebar {
    position: sticky;
    top: 0;
    left: auto;
    height: 100vh;
    width: auto;
    transform: none !important;
    overflow-y: auto;
    box-shadow: none;
  }

  .workspace {
    padding-top: 24px;
  }

  .workspace-head {
    margin-bottom: 8px;
    align-items: flex-end;
  }

  .workspace-head h2 {
    font-size: clamp(2.1rem, 3.1vw, 3.05rem);
    line-height: 0.98;
  }

  .workspace-copy {
    max-width: 960px;
  }

  .metric-card {
    min-height: 136px;
  }

  .metric-card strong {
    font-size: clamp(1.7rem, 2.35vw, 2.28rem);
  }

  .client-service-kpis,
  .operator-kpis,
  .daily-balance-kpis {
    gap: 14px;
  }

  #view-daily-balances .daily-balance-kpis .metric-card,
  #view-execution .metric-card,
  #view-expenses .metric-card,
  #view-treasury .metric-card,
  #view-internal-transfers .metric-card,
  #view-investments .metric-card,
  #view-receivables .metric-card,
  #view-profitability .metric-card {
    min-height: 124px;
    padding: 16px 18px;
  }

  #view-daily-balances .daily-balance-kpis .metric-card strong,
  #view-execution .metric-card strong,
  #view-expenses .metric-card strong,
  #view-treasury .metric-card strong,
  #view-internal-transfers .metric-card strong,
  #view-investments .metric-card strong,
  #view-receivables .metric-card strong,
  #view-profitability .metric-card strong {
    font-size: clamp(1.55rem, 2.1vw, 2.15rem);
    line-height: 1;
  }

  .table-shell {
    border-radius: 14px;
  }

  th,
  td {
    padding: 11px 13px;
  }

  .row-main,
  .row-sub {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  .metrics-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1181px) and (max-width: 1680px) {
  .metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .metric-card {
    min-height: 188px;
  }

  .metric-card strong {
    font-size: clamp(1.9rem, 2.8vw, 2.65rem);
  }

  .dashboard-country-totals-card .metric-mini-table {
    margin-top: 14px;
  }

  .metric-card .metric-mini-row strong {
    font-size: 1.05rem;
  }

  .metric-rate-ranges {
    gap: 4px;
  }

  .metric-rate-row {
    padding: 6px 0;
  }
}

@media (max-width: 1180px) {
  .shell {
    grid-template-columns: 1fr;
  }

  .sidebar-toggle {
    display: inline-flex;
  }

  .workspace {
    padding-top: 82px;
  }

  .sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: min(380px, calc(100vw - 28px));
    overflow-y: auto;
    transform: translateX(-106%);
    transition: transform 180ms ease;
    border-right: 1px solid var(--line);
    border-bottom: none;
    box-shadow: 0 34px 90px rgba(0,0,0,0.46);
    z-index: 90;
  }

  body.sidebar-drawer-open {
    overflow: hidden;
  }

  body.sidebar-drawer-open .sidebar {
    transform: translateX(0);
  }

  .sidebar-footer {
    position: sticky;
    bottom: 0;
    margin-top: 12px;
    background:
      linear-gradient(180deg, rgba(13, 19, 28, 0.92), rgba(13, 19, 28, 0.99)),
      var(--neutral-02);
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: 0 -18px 34px rgba(0, 0, 0, 0.24);
    z-index: 2;
  }

  :root[data-theme="light"] .sidebar-footer {
    background:
      linear-gradient(180deg, rgba(15, 31, 45, 0.94), rgba(10, 23, 35, 0.99)),
      var(--neutral-02);
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  .workspace {
    padding: 22px;
    padding-top: 84px;
    overflow-x: hidden;
  }

  .view-section,
  .panel,
  .client-module,
  .module-main,
  .client-toolbar,
  .table-shell {
    max-width: 100%;
    min-width: 0;
  }

  .panel-head,
  .client-module > .panel-head,
  .distribution-module > .panel-head,
  .operator-stage > .panel-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  .toolbar-actions,
  .panel-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }

  .toolbar-actions > *,
  .panel-actions > * {
    min-width: 0;
    justify-content: center;
  }

  .client-toolbar,
  .operator-toolbar,
  .daily-balance-toolbar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
  }

  .client-toolbar .search-field,
  .client-toolbar .sort-field,
  .operator-toolbar .search-field,
  .operator-toolbar .sort-field,
  .daily-balance-toolbar .search-field,
  .daily-balance-toolbar .sort-field {
    width: 100%;
    min-width: 0;
  }

  .client-toolbar .toolbar-actions,
  .operator-toolbar .toolbar-actions,
  .daily-balance-toolbar .toolbar-actions {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .metrics-grid,
  .operator-kpis,
  .daily-balance-kpis,
  .client-service-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  table {
    min-width: 0;
  }

  .table-shell table:not(.reference-matrix-table) thead {
    display: none;
  }

  .table-shell table:not(.reference-matrix-table) tbody {
    display: grid;
    gap: 12px;
    padding: 12px;
  }

  .table-shell table:not(.reference-matrix-table) tbody tr {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid var(--neutral-06);
    background: linear-gradient(180deg, rgba(18, 26, 38, 0.92), rgba(12, 18, 27, 0.98));
    box-shadow: 0 16px 28px rgba(4, 10, 18, 0.18);
  }

  :root[data-theme="light"] .table-shell table:not(.reference-matrix-table) tbody tr {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98));
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.07);
  }

  .table-shell table:not(.reference-matrix-table) td {
    display: grid;
    grid-template-columns: minmax(112px, 0.38fr) minmax(0, 1fr);
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--neutral-06);
  }

  .table-shell table:not(.reference-matrix-table) td:last-child {
    border-bottom: none;
  }

  .table-shell table:not(.reference-matrix-table) td::before {
    content: attr(data-label);
    margin-top: 2px;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.68rem;
    color: rgba(201,166,107,0.78);
  }

  .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"],
  .table-shell table:not(.reference-matrix-table) td[data-label="Acción"],
  .table-shell table:not(.reference-matrix-table) td[data-label="Accion"] {
    grid-template-columns: 1fr;
  }

  .table-shell table:not(.reference-matrix-table) td[data-label="Acciones"]::before,
  .table-shell table:not(.reference-matrix-table) td[data-label="Acción"]::before,
  .table-shell table:not(.reference-matrix-table) td[data-label="Accion"]::before {
    display: none;
  }

  #view-daily-balances .daily-balance-country-body table {
    min-width: 0 !important;
  }

  #view-daily-balances .daily-balance-country-body {
    overflow-x: visible;
  }

  .row-main,
  .row-sub,
  .status-chip,
  .inline-button,
  .execution-copy-pill,
  .execution-payline {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media (max-width: 767px) {
  .workspace-head h2 {
    font-size: clamp(2rem, 10vw, 2.55rem);
  }

  .workspace-copy {
    font-size: 0.96rem;
  }

  .metrics-grid,
  .operator-kpis,
  .daily-balance-kpis,
  .client-service-kpis {
    grid-template-columns: 1fr;
  }

  .metric-card {
    min-height: 118px;
    padding: 16px 18px;
  }

  .metric-card strong {
    font-size: clamp(1.9rem, 11vw, 2.45rem);
  }

  .table-shell table:not(.reference-matrix-table) td {
    grid-template-columns: minmax(104px, 0.42fr) minmax(0, 1fr);
  }

  .row-main,
  .row-sub,
  .status-chip,
  .inline-button,
  .execution-copy-pill,
  .execution-payline {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .client-toolbar input,
  .client-toolbar select,
  .search-select-trigger,
  input,
  select,
  textarea {
    min-width: 0;
  }
}

:root[data-theme="light"] {
  --bg: #f7f9fb;
  --bg-soft: #eef3f7;
  --panel: #ffffff;
  --line: #dbe4ee;
  --text: #101827;
  --text-soft: #536477;
  --table-head-bg: #edf3f8;
  --table-head-text: #314255;
}

:root[data-theme="light"] body {
  background: linear-gradient(180deg, #f7f9fb 0%, #eef3f7 100%);
}

:root[data-theme="light"] body::before {
  opacity: 0.06;
}

:root[data-theme="light"] .metric-card,
:root[data-theme="light"] .hero-card,
:root[data-theme="light"] .panel,
:root[data-theme="light"] .client-toolbar,
:root[data-theme="light"] .table-shell {
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055);
}

/* Tier-1 operational visual polish, phase 2. Financial tables and queue scanning. */
#view-accounts .table-shell,
#view-providers .table-shell,
#view-investments .table-shell,
#view-expenses .table-shell,
#view-execution .table-shell,
#view-daily-balances .table-shell {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0)),
    var(--table-shell-bg);
}

#view-accounts table,
#view-providers table,
#view-investments table,
#view-expenses table,
#view-execution table,
#view-daily-balances table {
  font-variant-numeric: tabular-nums;
}

#view-daily-balances .daily-balance-country-body table {
  min-width: 0 !important;
  table-layout: fixed;
}

#view-daily-balances .daily-balance-country-body {
  overflow-x: visible;
}

#view-accounts .table-shell thead th,
#view-providers .table-shell thead th,
#view-investments .table-shell thead th,
#view-expenses .table-shell thead th,
#view-execution .table-shell thead th,
#view-daily-balances .table-shell thead th {
  height: 42px;
  white-space: nowrap;
}

#view-accounts .table-shell tbody td,
#view-providers .table-shell tbody td,
#view-investments .table-shell tbody td,
#view-expenses .table-shell tbody td,
#view-execution .table-shell tbody td,
#view-daily-balances .table-shell tbody td {
  line-height: 1.32;
}

#view-accounts .table-shell tbody tr,
#view-providers .table-shell tbody tr,
#view-investments .table-shell tbody tr,
#view-expenses .table-shell tbody tr,
#view-execution .table-shell tbody tr,
#view-daily-balances .table-shell tbody tr {
  transition: background 140ms ease, box-shadow 140ms ease;
}

#view-accounts .table-shell tbody tr:hover td:first-child,
#view-providers .table-shell tbody tr:hover td:first-child,
#view-investments .table-shell tbody tr:hover td:first-child,
#view-expenses .table-shell tbody tr:hover td:first-child,
#view-execution .table-shell tbody tr:hover td:first-child,
#view-daily-balances .table-shell tbody tr:hover td:first-child {
  box-shadow: inset 3px 0 0 rgba(201,166,107,0.42);
}

:is(
  #view-accounts,
  #view-providers,
  #view-investments,
  #view-expenses,
  #view-execution,
  #view-daily-balances
) .table-shell td:is(
  [data-label*="Monto"],
  [data-label*="USD"],
  [data-label*="Saldo"],
  [data-label*="Pendiente"],
  [data-label*="Disponible"],
  [data-label*="Diferencia"],
  [data-label*="Tasa"],
  [data-label*="Capital"],
  [data-label*="Deuda"],
  [data-label*="Costo"],
  [data-label*="Comisión"],
  [data-label*="Ganancia"],
  [data-label*="Margen"],
  [data-label*="Puntos"]
) {
  text-align: right;
}

:is(
  #view-accounts,
  #view-providers,
  #view-investments,
  #view-expenses,
  #view-execution,
  #view-daily-balances
) .table-shell td:is(
  [data-label*="Monto"],
  [data-label*="USD"],
  [data-label*="Saldo"],
  [data-label*="Pendiente"],
  [data-label*="Disponible"],
  [data-label*="Diferencia"],
  [data-label*="Tasa"],
  [data-label*="Capital"],
  [data-label*="Deuda"],
  [data-label*="Costo"],
  [data-label*="Comisión"],
  [data-label*="Ganancia"],
  [data-label*="Margen"],
  [data-label*="Puntos"]
) .row-main {
  font-weight: 780;
  letter-spacing: 0;
}

:is(
  #view-accounts,
  #view-providers,
  #view-investments,
  #view-expenses,
  #view-execution,
  #view-daily-balances
) .table-shell td:is([data-label="Tipo"], [data-label="Acción"], [data-label="Acciones"]) {
  white-space: nowrap;
}

@media (min-width: 1181px) {
  #view-execution .table-shell,
  #view-expenses .table-shell,
  #view-investments .table-shell,
  #view-daily-balances .table-shell {
    max-height: calc(100vh - 330px);
  }

  #view-accounts .table-shell,
  #view-providers .table-shell {
    max-height: calc(100vh - 250px);
  }

  #view-execution .table-shell table,
  #view-daily-balances .table-shell table {
    min-width: 1040px;
  }

  #view-expenses .table-shell table,
  #view-investments .table-shell table {
    min-width: 1180px;
  }

  #view-accounts .table-shell table,
  #view-providers .table-shell table {
    min-width: 980px;
  }

  #view-execution .table-shell th:last-child,
  #view-execution .table-shell td:last-child,
  #view-expenses .table-shell th:last-child,
  #view-expenses .table-shell td:last-child,
  #view-investments .table-shell th:last-child,
  #view-investments .table-shell td:last-child,
  #view-accounts .table-shell th:last-child,
  #view-accounts .table-shell td:last-child,
  #view-providers .table-shell th:last-child,
  #view-providers .table-shell td:last-child,
  #view-daily-balances .table-shell th:last-child,
  #view-daily-balances .table-shell td:last-child {
    position: sticky;
    right: 0;
    z-index: 4;
    background: rgba(12, 18, 27, 0.96);
    box-shadow: -10px 0 18px rgba(0,0,0,0.16);
  }

  #view-execution .table-shell thead th:last-child,
  #view-expenses .table-shell thead th:last-child,
  #view-investments .table-shell thead th:last-child,
  #view-accounts .table-shell thead th:last-child,
  #view-providers .table-shell thead th:last-child,
  #view-daily-balances .table-shell thead th:last-child {
    z-index: 7;
    background: var(--table-head-bg);
  }

  :root[data-theme="light"] #view-execution .table-shell th:last-child,
  :root[data-theme="light"] #view-execution .table-shell td:last-child,
  :root[data-theme="light"] #view-expenses .table-shell th:last-child,
  :root[data-theme="light"] #view-expenses .table-shell td:last-child,
  :root[data-theme="light"] #view-investments .table-shell th:last-child,
  :root[data-theme="light"] #view-investments .table-shell td:last-child,
  :root[data-theme="light"] #view-accounts .table-shell th:last-child,
  :root[data-theme="light"] #view-accounts .table-shell td:last-child,
  :root[data-theme="light"] #view-providers .table-shell th:last-child,
  :root[data-theme="light"] #view-providers .table-shell td:last-child,
  :root[data-theme="light"] #view-daily-balances .table-shell th:last-child,
  :root[data-theme="light"] #view-daily-balances .table-shell td:last-child {
    background: rgba(255,255,255,0.98);
    box-shadow: -10px 0 18px rgba(15, 23, 42, 0.08);
  }

  #view-execution .execution-copy-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 280px;
  }

  #view-execution .execution-copy-pill {
    flex: 0 1 auto;
    min-width: 88px;
    min-height: 34px;
    padding: 6px 8px;
    border-radius: 12px;
  }

  #view-execution .execution-payline {
    padding: 7px 9px;
    border-radius: 12px;
  }

  #view-daily-balances .daily-balance-country-head {
    grid-template-columns: auto minmax(0, 1fr) minmax(300px, auto) auto;
  }

  #view-daily-balances .daily-balance-country-metrics {
    justify-content: end;
  }

  #view-execution .table-shell th:last-child,
  #view-execution .table-shell td:last-child,
  #view-expenses .table-shell th:last-child,
  #view-expenses .table-shell td:last-child,
  #view-investments .table-shell th:last-child,
  #view-investments .table-shell td:last-child {
    position: static;
    right: auto;
    z-index: auto;
    box-shadow: none;
  }
}

@media (max-width: 1180px) {
  #view-accounts .table-shell,
  #view-providers .table-shell,
  #view-investments .table-shell,
  #view-expenses .table-shell,
  #view-execution .table-shell,
  #view-daily-balances .table-shell {
    overflow: visible;
  }

  :is(
    #view-accounts,
    #view-providers,
    #view-investments,
    #view-expenses,
    #view-execution,
    #view-daily-balances
  ) .table-shell td:is(
    [data-label*="Monto"],
    [data-label*="USD"],
    [data-label*="Saldo"],
    [data-label*="Pendiente"],
    [data-label*="Disponible"],
    [data-label*="Diferencia"],
    [data-label*="Tasa"],
    [data-label*="Capital"],
    [data-label*="Deuda"],
    [data-label*="Costo"],
    [data-label*="Comisión"],
    [data-label*="Ganancia"],
    [data-label*="Margen"],
    [data-label*="Puntos"]
  ) {
    text-align: left;
  }

  #view-execution .execution-copy-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    gap: 7px;
  }

  #view-execution .execution-copy-pill,
  #view-execution .execution-payline {
    width: 100%;
  }

  #view-daily-balances .daily-balance-country-body table {
    min-width: 0 !important;
  }
}

@media (max-width: 767px) {
  #view-accounts .table-shell table:not(.reference-matrix-table) tbody,
  #view-providers .table-shell table:not(.reference-matrix-table) tbody,
  #view-investments .table-shell table:not(.reference-matrix-table) tbody,
  #view-expenses .table-shell table:not(.reference-matrix-table) tbody,
  #view-execution .table-shell table:not(.reference-matrix-table) tbody,
  #view-daily-balances .table-shell table:not(.reference-matrix-table) tbody {
    padding: 10px 0;
  }

  #view-accounts .table-shell table:not(.reference-matrix-table) tbody tr,
  #view-providers .table-shell table:not(.reference-matrix-table) tbody tr,
  #view-investments .table-shell table:not(.reference-matrix-table) tbody tr,
  #view-expenses .table-shell table:not(.reference-matrix-table) tbody tr,
  #view-execution .table-shell table:not(.reference-matrix-table) tbody tr,
  #view-daily-balances .table-shell table:not(.reference-matrix-table) tbody tr {
    border-radius: 18px;
    padding: 14px;
  }

  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Operación"],
  #view-expenses .table-shell table:not(.reference-matrix-table) td[data-label="Descripción"],
  #view-investments .table-shell table:not(.reference-matrix-table) td[data-label="Proveedor"],
  #view-daily-balances .table-shell table:not(.reference-matrix-table) td[data-label="Cuenta"] {
    grid-template-columns: 1fr;
  }

  #view-execution .table-shell table:not(.reference-matrix-table) td[data-label="Operación"]::before,
  #view-expenses .table-shell table:not(.reference-matrix-table) td[data-label="Descripción"]::before,
  #view-investments .table-shell table:not(.reference-matrix-table) td[data-label="Proveedor"]::before,
  #view-daily-balances .table-shell table:not(.reference-matrix-table) td[data-label="Cuenta"]::before {
    margin-bottom: 2px;
  }
}

/* Phase 7: premium operational modal frame and catalog form proportions */
#country-capabilities-modal .modal-card,
#client-editor-modal .modal-card,
#client-beneficiaries-modal .modal-card,
#beneficiary-editor-modal .modal-card,
#bank-editor-modal .modal-card,
#bank-commissions-modal .modal-card,
#commission-type-editor-modal .modal-card,
#account-editor-modal .modal-card,
#account-detail-modal .modal-card,
#account-movement-modal .modal-card,
#account-pending-modal .modal-card,
#provider-editor-modal .modal-card,
#provider-summary-modal .modal-card,
#provider-finance-modal .modal-card,
#provider-history-modal .modal-card,
#investment-create-modal .modal-card {
  width: min(1720px, calc(100vw - 28px));
  max-width: calc(100vw - 28px);
  height: min(96dvh, calc(100dvh - 18px));
  max-height: min(96dvh, calc(100dvh - 18px));
  overflow: hidden;
  padding: clamp(18px, 1.5vw, 28px);
  border-radius: 20px;
}

#country-capabilities-modal .modal-card,
#client-editor-modal .modal-card,
#beneficiary-editor-modal .modal-card,
#bank-editor-modal .modal-card,
#account-movement-modal .modal-card,
#account-pending-modal .modal-card,
#provider-editor-modal .modal-card,
#provider-summary-modal .modal-card,
#investment-create-modal .modal-card {
  width: min(1320px, calc(100vw - 28px));
}

#commission-type-editor-modal .modal-card {
  width: min(1560px, calc(100vw - 28px));
}

#client-beneficiaries-modal .modal-card {
  width: min(1920px, calc(100vw - 20px));
  max-width: calc(100vw - 20px);
}

#account-detail-modal .modal-card {
  width: min(1920px, calc(100vw - 20px));
  max-width: calc(100vw - 20px);
}

#provider-finance-modal .modal-card {
  width: min(1780px, calc(100vw - 28px));
}

#country-capabilities-modal .modal-card > .panel-head,
#client-editor-modal .modal-card > .panel-head,
#client-beneficiaries-modal .modal-card > .panel-head,
#beneficiary-editor-modal .modal-card > .panel-head,
#bank-editor-modal .modal-card > .panel-head,
#bank-commissions-modal .modal-card > .panel-head,
#commission-type-editor-modal .modal-card > .panel-head,
#account-editor-modal .modal-card > .panel-head,
#account-detail-modal .modal-card > .panel-head,
#account-movement-modal .modal-card > .panel-head,
#account-pending-modal .modal-card > .panel-head,
#provider-editor-modal .modal-card > .panel-head,
#provider-summary-modal .modal-card > .panel-head,
#provider-finance-modal .modal-card > .panel-head,
#provider-history-modal .modal-card > .panel-head,
#investment-create-modal .modal-card > .panel-head {
  position: relative;
  top: auto;
  z-index: 10;
  flex: 0 0 auto;
  margin: calc(clamp(18px, 1.5vw, 28px) * -1) calc(clamp(18px, 1.5vw, 28px) * -1) 18px;
  padding: clamp(18px, 1.45vw, 26px) clamp(22px, 1.8vw, 34px);
  min-height: 116px;
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

#country-capabilities-form,
#client-editor-form,
#beneficiary-editor-form,
#bank-form,
#commission-type-form,
#account-form,
#account-movement-form,
#account-pending-form,
#provider-form,
#provider-finance-form,
#investment-create-modal .form-grid,
#provider-summary-content,
#provider-history-summary,
#provider-history-table {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  padding: 4px 4px 18px;
  scrollbar-gutter: stable;
}

[data-account-number-field] {
  position: relative;
}

.field-validation-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 18px;
  margin-top: 7px;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.25;
}

.field-validation-hint::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.6);
}

[data-account-number-field].account-number-valid input {
  border-color: rgba(52, 211, 153, 0.82);
  background:
    linear-gradient(135deg, rgba(16, 185, 129, 0.14), rgba(16, 185, 129, 0.04)),
    var(--input-bg, rgba(15, 23, 42, 0.7));
  box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.24), 0 16px 34px rgba(16, 185, 129, 0.08);
}

[data-account-number-field].account-number-valid .field-validation-hint {
  color: #34d399;
}

[data-account-number-field].account-number-valid .field-validation-hint::before {
  background: #34d399;
  box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.14);
}

[data-account-number-field].account-number-invalid input {
  border-color: rgba(248, 113, 113, 0.78);
  background:
    linear-gradient(135deg, rgba(239, 68, 68, 0.13), rgba(239, 68, 68, 0.03)),
    var(--input-bg, rgba(15, 23, 42, 0.7));
}

[data-account-number-field].account-number-invalid .field-validation-hint {
  color: #fca5a5;
}

[data-account-number-field].account-number-invalid .field-validation-hint::before {
  background: #f87171;
  box-shadow: 0 0 0 4px rgba(248, 113, 113, 0.14);
}

#beneficiary-editor-modal .modal-card {
  width: min(1680px, calc(100vw - 16px));
  max-width: calc(100vw - 16px);
  height: min(96dvh, calc(100dvh - 14px));
  max-height: min(96dvh, calc(100dvh - 14px));
}

#beneficiary-editor-modal .modal-card .form-grid {
  align-content: start;
  max-height: none;
  padding-bottom: 96px;
}

#beneficiary-editor-modal .search-select.is-picker-select.open {
  z-index: 2;
}

.catalog-picker-modal .search-select-picker-card {
  width: min(1040px, calc(100vw - 28px));
  max-height: min(88dvh, 820px);
}

.beneficiary-bank-picker-modal .search-select-picker-card {
  width: min(1180px, calc(100vw - 28px));
}

.beneficiary-account-type-picker-modal .search-select-picker-card {
  width: min(720px, calc(100vw - 28px));
}

:root[data-theme="light"] [data-account-number-field].account-number-valid input {
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.14), rgba(255, 255, 255, 0.92));
  color: #0f172a;
}

:root[data-theme="light"] [data-account-number-field].account-number-invalid input {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.11), rgba(255, 255, 255, 0.94));
  color: #0f172a;
}

:root[data-theme="light"] [data-account-number-field].account-number-valid .field-validation-hint {
  color: #047857;
}

:root[data-theme="light"] [data-account-number-field].account-number-invalid .field-validation-hint {
  color: #b91c1c;
}

#country-capabilities-form,
#client-editor-form,
#beneficiary-editor-form,
#bank-form,
#commission-type-form,
#account-form,
#account-movement-form,
#account-pending-form,
#provider-form,
#provider-finance-form {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-content: start;
  gap: 14px 16px;
}

#country-capabilities-form > label,
#client-editor-form > label,
#client-editor-form > .phone-field,
#beneficiary-editor-form > label,
#bank-form > label,
#commission-type-form > label,
#account-form > label,
#account-movement-form > label,
#account-pending-form > label,
#provider-form > label,
#provider-finance-form > label {
  grid-column: span 6;
  min-width: 0;
}

#country-capabilities-form > .full-span,
#country-capabilities-form > label.full-span,
#client-editor-form > .full-span,
#client-editor-form > label.full-span,
#beneficiary-editor-form > .full-span,
#beneficiary-editor-form > label.full-span,
#bank-form > .full-span,
#bank-form > label.full-span,
#commission-type-form > .full-span,
#commission-type-form > label.full-span,
#account-form > .full-span,
#account-form > label.full-span,
#account-movement-form > .full-span,
#account-movement-form > label.full-span,
#account-pending-form > .full-span,
#account-pending-form > label.full-span,
#provider-form > .full-span,
#provider-form > label.full-span,
#provider-finance-form > .full-span,
#provider-finance-form > label.full-span {
  grid-column: 1 / -1;
}

#country-capabilities-form .form-actions,
#client-editor-form .form-actions,
#beneficiary-editor-form .form-actions,
#bank-form .form-actions,
#commission-type-form .form-actions,
#account-form .form-actions,
#account-movement-form .form-actions,
#account-pending-form .form-actions,
#provider-form .form-actions,
#provider-finance-form .form-actions,
#investment-create-modal .form-actions {
  position: sticky;
  bottom: -18px;
  z-index: 12;
  margin: 8px -4px -18px;
  padding: 16px 4px 2px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  background:
    linear-gradient(180deg, rgba(16, 24, 35, 0), rgba(16, 24, 35, 0.94) 36%, rgba(16, 24, 35, 0.99));
}

#country-capabilities-summary {
  display: grid;
  gap: 8px;
  height: auto;
  min-height: 78px;
  padding: 16px 18px;
  border-left: 3px solid rgba(201, 166, 107, 0.5);
  overflow: visible;
}

#client-editor-form .phone-field {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

#client-editor-form .phone-field label {
  min-width: 0;
}

#client-editor-form .client-optional-divider {
  display: grid;
  grid-template-columns: minmax(44px, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  margin: 2px 0 0;
  color: var(--text-soft);
}

#client-editor-form .client-optional-divider span {
  height: 1px;
  min-width: 0;
  background: linear-gradient(90deg, rgba(201,166,107,0.46), rgba(148,163,184,0.14));
}

#client-editor-form .client-optional-divider strong {
  color: var(--text);
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#client-editor-form .client-optional-divider em {
  font-style: normal;
  font-size: 0.84rem;
}

#client-beneficiaries-modal .modal-card {
  gap: 0;
  width: min(1960px, calc(100vw - 12px));
  max-width: calc(100vw - 12px);
  height: min(98dvh, calc(100dvh - 10px));
  max-height: min(98dvh, calc(100dvh - 10px));
  padding: clamp(16px, 1.25vw, 24px);
}

#client-beneficiaries-modal .modal-card > .panel-head {
  min-height: 96px;
  margin: calc(clamp(16px, 1.25vw, 24px) * -1) calc(clamp(16px, 1.25vw, 24px) * -1) 14px;
  padding: clamp(18px, 1.3vw, 24px) clamp(22px, 1.7vw, 32px);
}

#client-beneficiaries-modal #client-beneficiaries-summary {
  flex: 0 0 auto;
  max-height: none;
  overflow-y: visible;
  overflow-x: hidden;
  padding-right: 4px;
}

#client-beneficiaries-modal #client-remittance-history-table {
  flex: 1 1 auto;
  min-height: 260px;
  max-height: none;
  overflow: auto;
}

#client-beneficiaries-modal .client-toolbar.compact {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto;
  align-items: end;
  gap: 14px;
  margin: 14px 0;
}

#client-beneficiaries-modal .client-toolbar .search-field {
  width: auto;
  min-width: 0;
}

#client-beneficiaries-modal .client-toolbar .toolbar-actions {
  justify-content: flex-end;
}

#client-beneficiaries-modal #client-beneficiaries-table {
  flex: 1 1 520px;
  min-height: min(520px, 48dvh);
  max-height: none;
  overflow: auto;
}

#client-beneficiaries-modal #client-remittance-history-table table {
  min-width: 1380px;
}

#client-beneficiaries-modal #client-beneficiaries-table table {
  min-width: 1120px;
}

#client-beneficiaries-modal[data-profile-mode="beneficiaries"] #client-beneficiaries-summary {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) minmax(220px, 0.8fr) minmax(220px, 0.8fr);
  gap: 12px;
  max-height: none;
}

#client-beneficiaries-modal[data-profile-mode="history"] #client-beneficiaries-summary {
  display: grid;
  grid-template-columns: minmax(280px, 1.1fr) minmax(220px, 0.75fr) minmax(220px, 0.75fr) minmax(280px, 1fr) minmax(320px, 1.15fr);
  gap: 12px;
  max-height: 184px;
}

#client-beneficiaries-modal[data-profile-mode="history"] #client-remittance-history-table {
  min-height: 0;
  flex: 1 1 auto;
}

#client-beneficiaries-modal[data-profile-mode="history"] #client-remittance-history-table > .inline-head {
  margin-bottom: 10px;
}

#client-beneficiaries-modal[data-profile-mode="history"] #client-remittance-history-table .table-shell {
  min-height: 520px;
}

#country-capabilities-summary span {
  line-height: 1.45;
}

#country-capabilities-form > label.toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  justify-content: stretch;
  gap: 16px;
  min-height: 84px;
  padding: 16px 18px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.018)),
    var(--neutral-03);
}

#country-capabilities-form > label.toggle .toggle-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

#country-capabilities-form > label.toggle .toggle-copy strong {
  color: var(--text);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.35;
}

#country-capabilities-form > label.toggle .toggle-copy small {
  color: var(--muted);
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.35;
}

#country-capabilities-form input[type="checkbox"],
#account-form label.toggle input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  width: 70px;
  height: 34px;
  margin: 0;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.96);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
  cursor: pointer;
}

#country-capabilities-form input[type="checkbox"]::after,
#account-form label.toggle input[type="checkbox"]::after {
  content: "No";
  position: absolute;
  top: 4px;
  left: 4px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 24px;
  border-radius: 50%;
  color: #0f172a;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0;
  background: #d7dee9;
  box-shadow: 0 4px 12px rgba(0,0,0,0.32);
  transition: transform 160ms ease, background 160ms ease;
}

#country-capabilities-form input[type="checkbox"]:checked,
#account-form label.toggle input[type="checkbox"]:checked {
  border-color: rgba(201, 166, 107, 0.7);
  background: linear-gradient(135deg, rgba(201,166,107,0.92), rgba(229,187,121,0.92));
}

#country-capabilities-form input[type="checkbox"]:checked::after,
#account-form label.toggle input[type="checkbox"]:checked::after {
  content: "Sí";
  transform: translateX(28px);
  background: #1f2937;
  color: #f8fafc;
}

#account-form label.premium-toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 74px;
  padding: 14px 16px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(15, 23, 42, 0.46)),
    rgba(255, 255, 255, 0.03);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
  cursor: pointer;
}

#account-form label.premium-toggle input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

#account-form label.premium-toggle input[type="checkbox"]::after {
  content: none;
}

.premium-toggle-track {
  position: relative;
  flex: 0 0 auto;
  width: 48px;
  height: 28px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.96);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}

.premium-toggle-thumb {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #d7dee9;
  box-shadow: 0 5px 12px rgba(0,0,0,0.28);
  transition: transform 160ms ease, background 160ms ease;
}

.premium-toggle-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.premium-toggle-copy strong {
  color: var(--text);
  font-size: 0.95rem;
  line-height: 1.2;
}

.premium-toggle-copy small {
  color: var(--muted);
  font-size: 0.78rem;
  line-height: 1.25;
}

#account-form label.premium-toggle:has(input[type="checkbox"]:checked) {
  border-color: rgba(68, 190, 143, 0.38);
  background:
    linear-gradient(135deg, rgba(13, 91, 70, 0.42), rgba(15, 23, 42, 0.5)),
    rgba(16, 104, 78, 0.18);
}

#account-form label.premium-toggle:has(input[type="checkbox"]:checked) .premium-toggle-track {
  border-color: rgba(68, 190, 143, 0.42);
  background: linear-gradient(135deg, rgba(18, 131, 95, 0.95), rgba(33, 160, 118, 0.95));
}

#account-form label.premium-toggle:has(input[type="checkbox"]:checked) .premium-toggle-thumb {
  transform: translateX(20px);
  background: #f8fafc;
}

#account-form label.premium-toggle:focus-within {
  outline: 2px solid rgba(224, 180, 99, 0.75);
  outline-offset: 2px;
}

.status-switch {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  padding: 5px 10px 5px 6px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.42);
  color: var(--text);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.status-switch-track {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.96);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.3);
}

.status-switch-thumb {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #d7dee9;
  box-shadow: 0 4px 10px rgba(0,0,0,0.28);
  transition: transform 160ms ease, background 160ms ease;
}

.status-switch-copy {
  font-size: 0.82rem;
  letter-spacing: 0;
}

.status-switch.is-active {
  border-color: rgba(68, 190, 143, 0.36);
  background: rgba(16, 104, 78, 0.28);
  color: #b8f4db;
}

.status-switch.is-active .status-switch-track {
  background: linear-gradient(135deg, rgba(18, 131, 95, 0.95), rgba(33, 160, 118, 0.95));
}

.status-switch.is-active .status-switch-thumb {
  transform: translateX(18px);
  background: #f8fafc;
}

.status-switch:focus-visible {
  outline: 2px solid rgba(224, 180, 99, 0.75);
  outline-offset: 2px;
}

.status-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  min-width: 92px;
  padding: 7px 12px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.46);
  color: var(--text);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.status-action-button:hover {
  transform: translateY(-1px);
}

.status-action-button.is-active {
  border-color: rgba(68, 190, 143, 0.34);
  background: rgba(16, 104, 78, 0.28);
  color: #b8f4db;
}

.status-action-button.is-inactive {
  border-color: rgba(224, 180, 99, 0.34);
  background: rgba(224, 180, 99, 0.12);
  color: #f0d39b;
}

.status-action-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.72;
  box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 16%, transparent);
}

.status-action-button:focus-visible {
  outline: 2px solid rgba(224, 180, 99, 0.75);
  outline-offset: 2px;
}

#bank-commissions-summary {
  flex: 0 0 auto;
  max-height: 176px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

#bank-commissions-modal .client-toolbar.compact {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(280px, 1.4fr) minmax(220px, 0.7fr) minmax(260px, 0.9fr) auto;
  align-items: end;
  gap: 14px;
  margin: 0 0 14px;
}

#bank-commissions-modal .client-toolbar .search-field,
#bank-commissions-modal .client-toolbar .sort-field,
#bank-commissions-modal .client-toolbar .commission-inline-preview {
  width: auto;
  min-width: 0;
  flex: none;
}

#bank-commissions-modal .client-toolbar .toolbar-actions {
  justify-content: flex-end;
  align-items: end;
}

#bank-commissions-table,
#provider-history-table {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
}

#bank-commissions-table table {
  min-width: 980px;
}

#commission-type-form > label:not(.full-span) {
  grid-column: span 6;
}

#commission-type-editor-modal .form-actions {
  align-self: end;
}

#account-detail-summary {
  flex: 0 0 auto;
  max-height: 218px;
  overflow-y: auto;
  overflow-x: hidden;
}

#account-detail-summary.is-collapsed {
  display: none;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#account-detail-modal .account-detail-layout {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2px 4px 10px 0;
}

#account-detail-modal .account-detail-table-block {
  min-width: 0;
}

#account-detail-modal .account-detail-layout .table-shell {
  min-height: 300px;
  max-width: 100%;
  overflow: auto;
}

#account-detail-modal .account-detail-layout .table-shell table {
  min-width: 1180px;
}

#provider-finance-form .provider-finance-receipt-card {
  padding: 18px;
}

#provider-finance-summary {
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
}

:root[data-theme="light"] #country-capabilities-form .form-actions,
:root[data-theme="light"] #client-editor-form .form-actions,
:root[data-theme="light"] #beneficiary-editor-form .form-actions,
:root[data-theme="light"] #bank-form .form-actions,
:root[data-theme="light"] #commission-type-form .form-actions,
:root[data-theme="light"] #account-form .form-actions,
:root[data-theme="light"] #account-movement-form .form-actions,
:root[data-theme="light"] #account-pending-form .form-actions,
:root[data-theme="light"] #provider-form .form-actions,
:root[data-theme="light"] #provider-finance-form .form-actions,
:root[data-theme="light"] #investment-create-modal .form-actions {
  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.94) 36%, rgba(255,255,255,0.99));
}

:root[data-theme="light"] #country-capabilities-form > label.toggle {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.9));
  border-color: rgba(15, 23, 42, 0.12);
}

:root[data-theme="light"] #country-capabilities-form input[type="checkbox"],
:root[data-theme="light"] #account-form label.toggle input[type="checkbox"] {
  background: rgba(226, 232, 240, 0.88);
  border-color: rgba(100, 116, 139, 0.42);
}

:root[data-theme="light"] #account-form label.premium-toggle {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(247,250,252,0.92)),
    #ffffff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

:root[data-theme="light"] #account-form label.premium-toggle .premium-toggle-track {
  background: #eef3f8;
  border-color: rgba(148, 163, 184, 0.42);
}

:root[data-theme="light"] #account-form label.premium-toggle:has(input[type="checkbox"]:checked) {
  border-color: rgba(18, 131, 95, 0.26);
  background:
    linear-gradient(135deg, rgba(231, 248, 241, 0.94), rgba(255,255,255,0.96)),
    #ffffff;
}

:root[data-theme="light"] .status-switch {
  background: rgba(248, 250, 252, 0.94);
  border-color: rgba(15, 23, 42, 0.13);
  color: #334155;
}

:root[data-theme="light"] .status-switch.is-active {
  background: rgba(220, 252, 231, 0.76);
  border-color: rgba(22, 163, 74, 0.28);
  color: #166534;
}

:root[data-theme="light"] .status-action-button {
  background: rgba(248, 250, 252, 0.94);
  border-color: rgba(15, 23, 42, 0.13);
}

:root[data-theme="light"] .status-action-button.is-active {
  background: rgba(220, 252, 231, 0.78);
  border-color: rgba(22, 163, 74, 0.28);
  color: #166534;
}

:root[data-theme="light"] .status-action-button.is-inactive {
  background: rgba(254, 243, 199, 0.72);
  border-color: rgba(180, 83, 9, 0.24);
  color: #92400e;
}

@media (max-width: 1180px) {
  #country-capabilities-modal .modal-card,
  #client-editor-modal .modal-card,
  #client-beneficiaries-modal .modal-card,
  #beneficiary-editor-modal .modal-card,
  #bank-editor-modal .modal-card,
  #bank-commissions-modal .modal-card,
  #commission-type-editor-modal .modal-card,
  #account-editor-modal .modal-card,
  #account-detail-modal .modal-card,
  #account-movement-modal .modal-card,
  #account-pending-modal .modal-card,
  #provider-editor-modal .modal-card,
  #provider-summary-modal .modal-card,
  #provider-finance-modal .modal-card,
  #provider-history-modal .modal-card,
  #investment-create-modal .modal-card {
    width: min(100vw - 18px, 1180px);
    max-width: calc(100vw - 18px);
    height: min(95dvh, calc(100dvh - 12px));
    max-height: min(95dvh, calc(100dvh - 12px));
  }

  #bank-commissions-modal .client-toolbar.compact {
    grid-template-columns: 1fr 1fr;
  }

  #bank-commissions-modal .client-toolbar .commission-inline-preview,
  #bank-commissions-modal .client-toolbar .toolbar-actions {
    grid-column: 1 / -1;
  }

  #country-capabilities-form > label,
  #client-editor-form > label,
  #client-editor-form > .phone-field,
  #client-editor-form > .client-optional-divider,
  #beneficiary-editor-form > label,
  #bank-form > label,
  #commission-type-form > label,
  #account-form > label,
  #account-movement-form > label,
  #account-pending-form > label,
  #provider-form > label,
  #provider-finance-form > label {
    grid-column: 1 / -1;
  }

  #client-editor-form .phone-field,
  #client-beneficiaries-modal .client-toolbar.compact {
    grid-template-columns: 1fr;
  }

  #client-editor-form .client-optional-divider {
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
  }
}

@media (max-width: 767px) {
  #country-capabilities-modal .modal-card,
  #client-editor-modal .modal-card,
  #client-beneficiaries-modal .modal-card,
  #beneficiary-editor-modal .modal-card,
  #bank-editor-modal .modal-card,
  #bank-commissions-modal .modal-card,
  #commission-type-editor-modal .modal-card,
  #account-editor-modal .modal-card,
  #account-detail-modal .modal-card,
  #account-movement-modal .modal-card,
  #account-pending-modal .modal-card,
  #provider-editor-modal .modal-card,
  #provider-summary-modal .modal-card,
  #provider-finance-modal .modal-card,
  #provider-history-modal .modal-card,
  #investment-create-modal .modal-card {
    width: 100vw;
    max-width: 100vw;
    height: min(94dvh, calc(100dvh - 4px));
    max-height: min(94dvh, calc(100dvh - 4px));
    border-radius: 20px 20px 0 0;
    padding: 16px;
  }

  #country-capabilities-modal .modal-card > .panel-head,
  #client-editor-modal .modal-card > .panel-head,
  #client-beneficiaries-modal .modal-card > .panel-head,
  #beneficiary-editor-modal .modal-card > .panel-head,
  #bank-editor-modal .modal-card > .panel-head,
  #bank-commissions-modal .modal-card > .panel-head,
  #commission-type-editor-modal .modal-card > .panel-head,
  #account-editor-modal .modal-card > .panel-head,
  #account-detail-modal .modal-card > .panel-head,
  #account-movement-modal .modal-card > .panel-head,
  #account-pending-modal .modal-card > .panel-head,
  #provider-editor-modal .modal-card > .panel-head,
  #provider-summary-modal .modal-card > .panel-head,
  #provider-finance-modal .modal-card > .panel-head,
  #provider-history-modal .modal-card > .panel-head,
  #investment-create-modal .modal-card > .panel-head {
    margin: -16px -16px 14px;
    padding: 16px;
    min-height: auto;
  }

  #country-capabilities-form,
  #client-editor-form,
  #beneficiary-editor-form,
  #bank-form,
  #commission-type-form,
  #account-form,
  #account-movement-form,
  #account-pending-form,
  #provider-form,
  #provider-finance-form {
    grid-template-columns: 1fr;
    padding-right: 0;
  }

  #client-beneficiaries-modal #client-beneficiaries-summary {
    grid-template-columns: 1fr;
    max-height: none;
    overflow: visible;
  }

  #client-beneficiaries-modal #client-remittance-history-table,
  #client-beneficiaries-modal #client-beneficiaries-table {
    min-height: 260px;
  }

  #bank-commissions-modal .client-toolbar.compact {
    grid-template-columns: 1fr;
  }

  #country-capabilities-summary {
    min-height: auto;
    padding: 16px 18px;
    margin-bottom: 2px;
  }

  #country-capabilities-form > label.toggle {
    min-height: 78px;
    padding: 14px 18px;
  }

  #account-detail-modal .account-detail-layout .table-shell table,
  #bank-commissions-table table {
    min-width: 980px;
  }
}

/* Phase 10: premium remittance dossier */
#remittance-detail-modal .remittance-detail-modal-card {
  width: min(1960px, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  height: min(96dvh, calc(100dvh - 18px));
  max-height: min(96dvh, calc(100dvh - 18px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#remittance-detail-modal .panel-head {
  flex: 0 0 auto;
}

.remittance-detail-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 6px 18px 0;
}

.remittance-detail-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0 18px;
  border-bottom: 1px solid var(--border);
}

.remittance-detail-hero h3 {
  margin: 6px 0;
  font-size: clamp(22px, 2vw, 34px);
  line-height: 1.08;
}

.remittance-detail-hero p,
.remittance-detail-panel p,
.remittance-detail-panel span,
.remittance-detail-panel small,
.remittance-detail-fact span,
.remittance-audit-row span,
.remittance-audit-row small {
  color: var(--muted);
}

.remittance-detail-statuses,
.remittance-evidence-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.remittance-detail-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 12px;
  margin: 16px 0;
}

.remittance-detail-fact,
.remittance-detail-panel,
.remittance-evidence-card {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015));
  border-radius: 18px;
}

.remittance-detail-fact {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px 16px;
}

.remittance-detail-fact strong {
  min-width: 0;
  overflow-wrap: anywhere;
}

.remittance-detail-fact.accent {
  border-color: rgba(224, 180, 99, 0.42);
}

.remittance-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.48fr) minmax(340px, 0.52fr);
  gap: 16px;
  align-items: start;
}

.remittance-detail-main,
.remittance-detail-side,
.remittance-audit-list,
.remittance-detail-timeline {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.remittance-evidence-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.remittance-evidence-card,
.remittance-detail-panel {
  padding: 16px;
}

.remittance-collapsible-panel {
  display: grid;
  gap: 0;
}

.remittance-section-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 0;
  border: 0;
  color: var(--text);
  text-align: left;
  background: transparent;
  cursor: pointer;
}

.remittance-section-toggle strong,
.remittance-section-toggle small {
  display: block;
  min-width: 0;
}

.remittance-section-toggle strong {
  font-size: 1.02rem;
}

.remittance-section-toggle small {
  margin-top: 6px;
  color: var(--text-soft);
}

.remittance-section-toggle-side {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.remittance-section-toggle-side em,
.remittance-section-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid var(--neutral-08);
  border-radius: 999px;
  color: var(--text-soft);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.remittance-section-badge {
  border-color: rgba(224, 180, 99, 0.28);
  color: var(--gold);
  background: rgba(224, 180, 99, 0.08);
}

.remittance-section-content {
  min-width: 0;
  padding-top: 14px;
}

.remittance-collapsible-panel.is-collapsed .remittance-section-content {
  display: none;
}

.remittance-collapsible-panel.is-collapsed {
  padding-block: 14px;
}

.remittance-evidence-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.remittance-evidence-head span {
  color: var(--muted);
  text-align: right;
  overflow-wrap: anywhere;
}

.remittance-evidence-preview {
  display: grid;
  place-items: center;
  min-height: 260px;
  max-height: 420px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(2, 6, 23, 0.24);
  border-radius: 16px;
}

.remittance-evidence-preview .validation-receipt-image-button {
  width: 100%;
  min-height: inherit;
  max-height: inherit;
}

.remittance-evidence-preview img {
  width: 100%;
  height: 100%;
  max-height: 420px;
  object-fit: contain;
}

.remittance-evidence-preview.link,
.remittance-evidence-preview.file,
.remittance-evidence-empty {
  padding: 18px;
  text-align: center;
  color: var(--muted);
}

.remittance-evidence-actions {
  margin-top: 12px;
}

.remittance-detail-keygrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 10px;
}

.remittance-detail-observation {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

.remittance-distribution-panel {
  border-color: rgba(224, 180, 99, 0.26);
}

.remittance-distribution-list {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.remittance-distribution-line {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(224, 180, 99, 0.08), transparent 28%),
    rgba(15, 23, 34, 0.44);
}

.remittance-distribution-line-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(170px, auto);
  gap: 12px;
  align-items: center;
}

.remittance-distribution-line-head .line-number {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(224, 180, 99, 0.34);
  border-radius: 10px;
  color: var(--text);
  background: rgba(224, 180, 99, 0.12);
  font-weight: 900;
}

.remittance-distribution-line-head strong,
.remittance-distribution-line-head span,
.remittance-distribution-line-amount strong,
.remittance-distribution-line-amount span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.remittance-distribution-line-amount {
  display: grid;
  justify-items: end;
  gap: 6px;
  text-align: right;
}

.remittance-distribution-line-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 8px;
}

.remittance-distribution-line .remittance-evidence-card {
  padding: 12px;
  border-radius: 14px;
}

.remittance-distribution-line .remittance-evidence-preview {
  min-height: 180px;
  max-height: 260px;
}

:root[data-theme="light"] .remittance-distribution-line {
  background:
    radial-gradient(circle at 100% 0%, rgba(201, 166, 107, 0.12), transparent 28%),
    rgba(255, 255, 255, 0.76);
}

.remittance-detail-step {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
}

.remittance-detail-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 32px;
  bottom: -8px;
  width: 1px;
  background: var(--border);
}

.remittance-detail-step-dot {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  border-radius: 999px;
  background: var(--muted);
  box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.12);
}

.remittance-detail-step.ok .remittance-detail-step-dot {
  background: #61c9a8;
  box-shadow: 0 0 0 4px rgba(97, 201, 168, 0.16);
}

.remittance-detail-step.warn .remittance-detail-step-dot {
  background: #d9b46b;
  box-shadow: 0 0 0 4px rgba(217, 180, 107, 0.15);
}

.remittance-detail-step.error .remittance-detail-step-dot {
  background: #e47b7b;
  box-shadow: 0 0 0 4px rgba(228, 123, 123, 0.15);
}

.remittance-detail-step strong,
.remittance-detail-step span,
.remittance-detail-step small,
.remittance-detail-step p {
  display: block;
  margin: 0 0 4px;
}

.remittance-audit-row {
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) minmax(190px, 0.72fr) minmax(260px, 1.2fr);
  gap: 14px;
  align-items: start;
  padding: 13px 0;
  border-bottom: 1px solid var(--border);
}

.remittance-audit-row strong,
.remittance-audit-row span,
.remittance-audit-row small {
  display: block;
}

.remittance-audit-row p {
  margin: 0;
  color: var(--text);
}

:root[data-theme="light"] .remittance-detail-fact,
:root[data-theme="light"] .remittance-detail-panel,
:root[data-theme="light"] .remittance-evidence-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.9));
}

:root[data-theme="light"] .remittance-evidence-preview {
  background: rgba(241, 245, 249, 0.78);
}

/* Phase 14: calmer light theme. The app should read as an operational desk,
   not as a white document, so the page floor carries a cool gray contrast. */
:root[data-theme="light"] {
  --bg: #e8eef5;
  --bg-soft: #dde5ee;
  --panel: #f6f8fb;
  --line: #d2dce8;
  --text: #101827;
  --text-soft: #55667a;
  --table-shell-bg: #f3f6fa;
  --table-head-bg: #e7edf5;
  --table-head-text: #2f4054;
  --toolbar-glass-bg: rgba(224, 232, 242, 0.92);
  --toolbar-shell-bg: #f2f5f9;
  --reference-matrix-bg: #eef3f8;
  --reference-card-bg: linear-gradient(180deg, rgba(255,255,255,0.86), rgba(238,243,248,0.94));
  --reference-card-empty-bg: #e9eff6;
}

:root[data-theme="light"] body {
  background:
    radial-gradient(circle at top left, rgba(201, 166, 107, 0.09), transparent 30%),
    radial-gradient(circle at right center, rgba(23, 108, 142, 0.075), transparent 34%),
    linear-gradient(145deg, #e6edf5 0%, #f0f4f8 45%, #e2e9f2 100%);
}

:root[data-theme="light"] body::before {
  opacity: 0.045;
}

:root[data-theme="light"] .workspace-head {
  border-bottom-color: rgba(100, 116, 139, 0.18);
}

:root[data-theme="light"] .metric-card,
:root[data-theme="light"] .hero-card,
:root[data-theme="light"] .muted-hero,
:root[data-theme="light"] .panel,
:root[data-theme="light"] .modal-card,
:root[data-theme="light"] .detail-card,
:root[data-theme="light"] .summary-card,
:root[data-theme="light"] .remittance-detail-fact,
:root[data-theme="light"] .remittance-detail-panel,
:root[data-theme="light"] .remittance-evidence-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(241,245,249,0.92));
  border-color: rgba(100, 116, 139, 0.18);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
}

:root[data-theme="light"] .table-shell,
:root[data-theme="light"] .catalog-module > .table-shell,
:root[data-theme="light"] .catalog-table-shell {
  background: linear-gradient(180deg, rgba(247,249,252,0.94), rgba(232,239,247,0.94));
  border-color: rgba(100, 116, 139, 0.16);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

:root[data-theme="light"] .table-shell thead th,
:root[data-theme="light"] .catalog-table-shell thead th,
:root[data-theme="light"] .reference-matrix-table thead th {
  background: linear-gradient(180deg, rgba(232,238,246,0.96), rgba(220,229,240,0.96));
  color: var(--table-head-text);
}

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] .search-select-trigger {
  background: linear-gradient(180deg, #f7f9fc, #edf3f8);
  border-color: rgba(100, 116, 139, 0.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

:root[data-theme="light"] .modal-card > .panel-head {
  background: linear-gradient(180deg, rgba(238,244,250,0.97), rgba(226,235,245,0.97));
  border-bottom-color: rgba(100, 116, 139, 0.18);
}

:root[data-theme="light"] .modal-card .form-actions,
:root[data-theme="light"] #country-capabilities-form .form-actions,
:root[data-theme="light"] #client-editor-form .form-actions,
:root[data-theme="light"] #beneficiary-editor-form .form-actions,
:root[data-theme="light"] #bank-form .form-actions,
:root[data-theme="light"] #commission-type-form .form-actions,
:root[data-theme="light"] #account-form .form-actions,
:root[data-theme="light"] #account-movement-form .form-actions,
:root[data-theme="light"] #account-pending-form .form-actions,
:root[data-theme="light"] #provider-form .form-actions,
:root[data-theme="light"] #provider-finance-form .form-actions,
:root[data-theme="light"] #investment-create-modal .form-actions {
  background: linear-gradient(180deg, rgba(232,239,247,0), rgba(232,239,247,0.92) 34%, rgba(241,245,249,0.98));
  border-top-color: rgba(100, 116, 139, 0.18);
}

:root[data-theme="light"] .empty-state,
:root[data-theme="light"] .remittance-evidence-preview,
:root[data-theme="light"] .receipt-paste-preview,
:root[data-theme="light"] .operator-receipt-preview {
  background: rgba(229, 236, 245, 0.78);
  border-color: rgba(100, 116, 139, 0.18);
}

/* Phase 15: operational headers. Keep the product brand expressive, but make
   module headers behave like a financial console with more usable viewport. */
.workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 24px;
  row-gap: 10px;
  padding-bottom: 10px;
}

.workspace-head h2 {
  margin: 0 0 5px;
  font-family: var(--font-display);
  font-size: clamp(1.62rem, 1.45vw + 1rem, 2.35rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: 0;
}

.workspace-head p {
  max-width: min(860px, 72vw);
  color: var(--text-soft);
  font-size: 0.94rem;
  line-height: 1.45;
}

.workspace-head .eyebrow,
.workspace-head small,
.workspace-head .section-kicker {
  line-height: 1.1;
}

.workspace-actions {
  min-width: auto;
  max-width: min(760px, 48vw);
  padding-top: 0;
  align-self: end;
}

.workspace-actions.has-actions {
  display: flex;
}

.workspace-actions .toolbar-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.workspace-actions .toolbar-actions > p,
.workspace-actions .toolbar-actions > .muted,
.workspace-actions .toolbar-actions > .client-head-copy {
  margin: 0;
  max-width: min(640px, 34vw);
  text-align: right;
  font-size: 0.91rem;
  line-height: 1.35;
}

@media (max-width: 1180px) {
  .workspace-head {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .workspace-head p {
    max-width: 100%;
  }

  .workspace-actions {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
  }

  .workspace-actions .toolbar-actions {
    justify-content: flex-start;
  }

  .workspace-actions .toolbar-actions > p,
  .workspace-actions .toolbar-actions > .muted,
  .workspace-actions .toolbar-actions > .client-head-copy {
    max-width: 100%;
    text-align: left;
  }
}

@media (max-width: 767px) {
  .workspace-head {
    padding-bottom: 8px;
  }

  .workspace-head h2 {
    font-size: clamp(1.45rem, 7vw, 1.9rem);
    line-height: 1.08;
  }
}

/* Phase 17: executive light theme contrast. A dark navigation rail anchors the
   product while the workspace uses a restrained warm-gray floor. */
:root[data-theme="light"] {
  --bg: #eeeae2;
  --bg-soft: #e6e1d8;
  --panel: #fbfaf7;
  --line: #d8d1c5;
  --text: #121826;
  --text-soft: #5c6472;
  --shadow: 0 18px 44px rgba(47, 38, 27, 0.12), 0 4px 10px rgba(47, 38, 27, 0.06);
  --overlay-bg: rgba(8, 13, 22, 0.46);
  --sidebar-bg:
    radial-gradient(circle at top left, rgba(201, 116, 72, 0.16), transparent 42%),
    linear-gradient(180deg, #071421 0%, #0a1a2a 54%, #08131f 100%);
  --table-shell-bg: #fbfaf7;
  --table-head-bg: #e8e1d6;
  --table-head-text: #7b5a2f;
  --toolbar-glass-bg: rgba(239, 234, 225, 0.92);
  --toolbar-shell-bg: #f6f3ee;
  --reference-matrix-bg: #f7f4ee;
  --reference-card-bg: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(244,240,233,0.94));
  --reference-card-empty-bg: #ede7dc;
}

:root[data-theme="light"] body {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.72), transparent 34%),
    radial-gradient(circle at 100% 26%, rgba(201,166,107,0.11), transparent 30%),
    linear-gradient(145deg, #e8e3da 0%, #f2eee7 44%, #e2ddd3 100%);
}

:root[data-theme="light"] .sidebar {
  color: rgba(244, 248, 252, 0.92);
  border-right-color: rgba(255,255,255,0.08);
  box-shadow: 18px 0 48px rgba(8, 13, 22, 0.18);
}

:root[data-theme="light"] .sidebar .muted,
:root[data-theme="light"] .sidebar .brand-copy,
:root[data-theme="light"] .sidebar .detail-card span,
:root[data-theme="light"] .sidebar .nav-text {
  color: rgba(218, 228, 238, 0.8);
}

:root[data-theme="light"] .sidebar .eyebrow,
:root[data-theme="light"] .sidebar .metric-label,
:root[data-theme="light"] .sidebar .field-label {
  color: rgba(226, 183, 112, 0.88);
}

:root[data-theme="light"] .brand-card {
  background:
    radial-gradient(circle at top left, rgba(255, 198, 138, 0.28), transparent 48%),
    linear-gradient(155deg, #b96745 0%, #8b482f 58%, #273646 100%);
  border-color: rgba(255,255,255,0.12);
  color: #fff8ee;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}

:root[data-theme="light"] .brand-card h1,
:root[data-theme="light"] .brand-card .brand-copy {
  color: #fff8ee;
}

:root[data-theme="light"] .brand-card .pill {
  background: rgba(255,255,255,0.16);
  color: #fff5df;
  border-color: rgba(255,255,255,0.12);
}

:root[data-theme="light"] .session-panel,
:root[data-theme="light"] .checklist-panel,
:root[data-theme="light"] .sidebar-footer {
  background: rgba(8, 18, 31, 0.72);
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

:root[data-theme="light"] .sidebar .detail-card {
  background: rgba(4, 12, 22, 0.72);
  border-color: rgba(255,255,255,0.08);
}

:root[data-theme="light"] .nav-link,
:root[data-theme="light"] .sidebar-footer .theme-toggle-menu,
:root[data-theme="light"] .sidebar-logout {
  background: rgba(255,255,255,0.055);
  border-color: rgba(255,255,255,0.1);
  color: rgba(247, 250, 252, 0.92);
}

:root[data-theme="light"] .nav-link:hover,
:root[data-theme="light"] .sidebar-footer .theme-toggle-menu:hover,
:root[data-theme="light"] .sidebar-logout:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(226, 183, 112, 0.24);
}

:root[data-theme="light"] .nav-section {
  border-top-color: rgba(255,255,255,0.12);
}

:root[data-theme="light"] .nav-section-label {
  color: rgba(247, 250, 252, 0.62);
}

:root[data-theme="light"] .nav-link.active {
  background: linear-gradient(135deg, rgba(190, 101, 67, 0.96), rgba(154, 79, 52, 0.92));
  border-color: rgba(255, 204, 143, 0.32);
  color: #fff8ee;
  box-shadow: 0 12px 24px rgba(99, 40, 23, 0.25);
}

:root[data-theme="light"] .sidebar-collapse,
:root[data-theme="light"] .sidebar-mark-badge {
  background: rgba(5, 14, 25, 0.78);
  border-color: rgba(255,255,255,0.12);
  color: #fff8ee;
}

:root[data-theme="light"] .workspace {
  background:
    linear-gradient(90deg, rgba(255,255,255,0.14), transparent 22%),
    transparent;
}

:root[data-theme="light"] .metric-card,
:root[data-theme="light"] .hero-card,
:root[data-theme="light"] .muted-hero,
:root[data-theme="light"] .panel,
:root[data-theme="light"] .modal-card,
:root[data-theme="light"] .detail-card,
:root[data-theme="light"] .summary-card,
:root[data-theme="light"] .remittance-detail-fact,
:root[data-theme="light"] .remittance-detail-panel,
:root[data-theme="light"] .remittance-evidence-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,246,241,0.95));
  border-color: rgba(128, 112, 91, 0.22);
  box-shadow: var(--shadow);
}

:root[data-theme="light"] .table-shell,
:root[data-theme="light"] .catalog-module > .table-shell,
:root[data-theme="light"] .catalog-table-shell {
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(245,241,235,0.94));
  border-color: rgba(128, 112, 91, 0.2);
}

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] .search-select-trigger {
  background: linear-gradient(180deg, #ffffff, #f1ede5);
  border-color: rgba(128, 112, 91, 0.28);
}

:root[data-theme="light"] .status-chip.ok,
:root[data-theme="light"] .status-switch.is-active,
:root[data-theme="light"] .status-action-button.is-active {
  background: rgba(22, 132, 88, 0.16);
  border-color: rgba(22, 132, 88, 0.32);
  color: #0f6b47;
}

:root[data-theme="light"] .status-chip.error {
  background: rgba(176, 66, 53, 0.14);
  border-color: rgba(176, 66, 53, 0.3);
  color: #8a2f25;
}

:root[data-theme="light"] .status-chip.warn,
:root[data-theme="light"] .status-action-button.is-inactive {
  background: rgba(163, 111, 42, 0.16);
  border-color: rgba(163, 111, 42, 0.3);
  color: #7b4f18;
}

:root[data-theme="light"] .sidebar .panel,
:root[data-theme="light"] .sidebar .session-panel,
:root[data-theme="light"] .sidebar .checklist-panel,
:root[data-theme="light"] .sidebar .nav-panel,
:root[data-theme="light"] .sidebar .sidebar-footer {
  background: rgba(8, 18, 31, 0.72);
  border-color: rgba(255,255,255,0.08);
  color: rgba(247, 250, 252, 0.94);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

:root[data-theme="light"] .sidebar .panel h2,
:root[data-theme="light"] .sidebar .panel h3,
:root[data-theme="light"] .sidebar .session-panel h2,
:root[data-theme="light"] .sidebar .session-panel h3,
:root[data-theme="light"] .sidebar .checklist-panel h2,
:root[data-theme="light"] .sidebar .checklist-panel h3,
:root[data-theme="light"] .sidebar .nav-panel h2,
:root[data-theme="light"] .sidebar .nav-panel h3,
:root[data-theme="light"] .sidebar .sidebar-footer h2,
:root[data-theme="light"] .sidebar .sidebar-footer h3 {
  color: #fff8ee;
}

:root[data-theme="light"] .sidebar .detail-card {
  background: rgba(4, 12, 22, 0.72);
  border-color: rgba(255,255,255,0.08);
  color: rgba(247, 250, 252, 0.94);
}

:root[data-theme="light"] .sidebar .detail-card strong {
  color: #f8fbff;
}

/* Phase 18: light-mode surface separation. The light UI needs distinct
   planes: softer navy rail, warm page floor, filter block, then table block. */
:root[data-theme="light"] {
  --sidebar-bg:
    radial-gradient(circle at top left, rgba(76, 132, 164, 0.22), transparent 38%),
    linear-gradient(180deg, #12334b 0%, #173d57 48%, #102d43 100%);
  --table-head-bg: #dce6ef;
  --table-head-text: #6b4d23;
  --toolbar-shell-bg: #ebe3d7;
}

:root[data-theme="light"] .sidebar {
  border-right-color: rgba(255,255,255,0.14);
  box-shadow: 16px 0 44px rgba(18, 51, 75, 0.22);
}

:root[data-theme="light"] .brand-card {
  background:
    radial-gradient(circle at top left, rgba(255, 203, 142, 0.26), transparent 48%),
    linear-gradient(155deg, #b76443 0%, #8f5039 54%, #294b61 100%);
  border-color: rgba(255,255,255,0.16);
}

:root[data-theme="light"] .sidebar .panel,
:root[data-theme="light"] .sidebar .session-panel,
:root[data-theme="light"] .sidebar .checklist-panel,
:root[data-theme="light"] .sidebar .nav-panel,
:root[data-theme="light"] .sidebar .sidebar-footer {
  background: rgba(7, 25, 40, 0.58);
  border-color: rgba(255,255,255,0.12);
}

:root[data-theme="light"] .sidebar .detail-card {
  background: rgba(5, 19, 32, 0.62);
  border-color: rgba(255,255,255,0.12);
}

:root[data-theme="light"] .nav-link,
:root[data-theme="light"] .sidebar-footer .theme-toggle-menu,
:root[data-theme="light"] .sidebar-logout {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.14);
}

:root[data-theme="light"] .nav-link.active {
  background: linear-gradient(135deg, rgba(187, 96, 62, 0.96), rgba(150, 80, 56, 0.92));
}

:root[data-theme="light"] .client-toolbar,
:root[data-theme="light"] .operator-toolbar,
:root[data-theme="light"] .daily-balance-toolbar,
:root[data-theme="light"] .rates-toolbar-shell {
  background:
    linear-gradient(180deg, rgba(239,233,224,0.98), rgba(224,216,203,0.92));
  border-color: rgba(126, 109, 86, 0.28);
  box-shadow: 0 12px 28px rgba(72, 57, 38, 0.1);
}

:root[data-theme="light"] .table-shell,
:root[data-theme="light"] .catalog-module > .table-shell,
:root[data-theme="light"] .catalog-table-shell {
  margin-top: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,247,242,0.98));
  border-color: rgba(119, 101, 76, 0.24);
  box-shadow: 0 20px 48px rgba(64, 50, 32, 0.13), 0 2px 8px rgba(64, 50, 32, 0.05);
}

:root[data-theme="light"] .table-shell thead th,
:root[data-theme="light"] .catalog-table-shell thead th,
:root[data-theme="light"] .reference-matrix-table thead th {
  background: linear-gradient(180deg, #e4edf5, #d8e2ec);
  border-bottom: 1px solid rgba(102, 84, 58, 0.18);
  color: var(--table-head-text);
}

:root[data-theme="light"] .table-shell tbody td,
:root[data-theme="light"] .catalog-table-shell tbody td {
  border-bottom-color: rgba(126, 109, 86, 0.2);
}

:root[data-theme="light"] .table-shell tbody tr:hover,
:root[data-theme="light"] .catalog-table-shell tbody tr:hover {
  background: rgba(229, 236, 245, 0.36);
}

:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] .search-select-trigger {
  background: linear-gradient(180deg, #fbfcfd, #f2f4f6);
  border-color: rgba(108, 122, 137, 0.28);
}

:root[data-theme="light"] .workspace-head {
  border-bottom-color: rgba(98, 83, 61, 0.18);
}

:root[data-theme="light"] .workspace > .flash-banner + .client-toolbar,
:root[data-theme="light"] .workspace > .client-toolbar,
:root[data-theme="light"] .client-module > .client-toolbar,
:root[data-theme="light"] .catalog-module > .client-toolbar {
  margin-bottom: 4px;
}

/* Phase 19: light-mode clarity repair. Primary actions must read immediately,
   and module/form surfaces should float instead of blending into one slab. */
:root[data-theme="light"] .secondary-button {
  background: linear-gradient(135deg, #176d8f 0%, #1f84a8 100%);
  border-color: rgba(23, 109, 143, 0.36);
  color: #f7fcff;
  box-shadow: 0 12px 24px rgba(23, 109, 143, 0.2);
}

:root[data-theme="light"] .secondary-button:hover {
  background: linear-gradient(135deg, #145f7d 0%, #1b7798 100%);
  color: #ffffff;
}

:root[data-theme="light"] .secondary-button:disabled,
:root[data-theme="light"] .primary-button:disabled,
:root[data-theme="light"] button:disabled {
  opacity: 0.56;
  color: rgba(18, 24, 38, 0.62);
}

:root[data-theme="light"] #open-remittance-intake,
:root[data-theme="light"] .clients-module .primary-inline {
  background: linear-gradient(135deg, #176d8f 0%, #1f84a8 100%);
  border-color: rgba(23, 109, 143, 0.38);
  color: #f7fcff;
  box-shadow: 0 12px 24px rgba(23, 109, 143, 0.18);
}

:root[data-theme="light"] .content-grid > .panel.module-main,
:root[data-theme="light"] .client-module.catalog-module,
:root[data-theme="light"] .operator-stage,
:root[data-theme="light"] .benefits-stage,
:root[data-theme="light"] .corrections-stage {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

:root[data-theme="light"] .client-service-board .dashboard-panel,
:root[data-theme="light"] .remittance-intake-section,
:root[data-theme="light"] .benefits-settings-form,
:root[data-theme="light"] .settings-intro,
:root[data-theme="light"] #remittance-intake-preview {
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(247,249,251,0.92));
  border-color: rgba(109, 122, 136, 0.2);
  box-shadow: 0 14px 34px rgba(62, 76, 89, 0.08);
}

:root[data-theme="light"] .benefits-settings-form {
  padding: 18px;
  border: 1px solid rgba(109, 122, 136, 0.18);
  border-radius: 22px;
  margin-top: 16px;
}

:root[data-theme="light"] .receipt-composer-drop,
:root[data-theme="light"] .receipt-composer-link-card,
:root[data-theme="light"] .receipt-ocr-panel,
:root[data-theme="light"] .remittance-rate-cards .rate-chip,
:root[data-theme="light"] .remittance-beneficiary-row {
  background: linear-gradient(180deg, #fbfdff, #f0f4f8);
  border-color: rgba(109, 122, 136, 0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75);
}

:root[data-theme="light"] .remittance-beneficiary-photo {
  background:
    linear-gradient(135deg, rgba(255, 247, 226, 0.9), rgba(241, 245, 249, 0.96)),
    #ffffff;
  border-color: rgba(201, 166, 107, 0.34);
  color: #64748b;
}

:root[data-theme="light"] .remittance-intake-modal-card {
  background:
    linear-gradient(180deg, rgba(236,244,251,0.82), transparent 12%),
    #f8fafc;
}

.remittance-issue-body {
  display: grid;
  gap: 18px;
  max-height: min(52vh, 460px);
  overflow: auto;
  padding: 2px 2px 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(201,166,107,0.34) transparent;
}

.remittance-issue-body p {
  margin: 0;
  color: var(--muted);
  font-size: 1rem;
  line-height: 1.55;
}

.remittance-issue-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.remittance-issue-list li {
  position: relative;
  padding: 13px 14px 13px 42px;
  border: 1px solid rgba(201,166,107,0.22);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(201,166,107,0.12), rgba(15,24,38,0.74));
  color: var(--text);
  line-height: 1.45;
}

.remittance-issue-list li::before {
  content: "!";
  position: absolute;
  left: 14px;
  top: 13px;
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(201,166,107,0.92);
  color: #111827;
  font-size: 0.74rem;
  font-weight: 800;
}

:root[data-theme="light"] .remittance-issue-card {
  background:
    linear-gradient(180deg, rgba(236,244,251,0.96), rgba(248,250,252,0.98) 38%),
    #ffffff;
}

:root[data-theme="light"] .remittance-issue-list li {
  background: linear-gradient(135deg, rgba(255,247,226,0.92), rgba(255,255,255,0.96));
  border-color: rgba(201,166,107,0.32);
  color: #111827;
}

.remittance-intake-modal-card,
.remittance-intake-modal-card .remittance-intake-form,
.remittance-intake-modal-card .remittance-intake-section,
.remittance-intake-modal-card .receipt-composer,
.remittance-intake-modal-card .receipt-composer-grid,
.remittance-intake-modal-card .remittance-support-grid,
.remittance-intake-modal-card .remittance-quote-grid,
.remittance-intake-modal-card .remittance-client-row {
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

.remittance-intake-modal-card .remittance-intake-form,
.remittance-intake-modal-card .remittance-intake-section,
.remittance-intake-modal-card .remittance-support-grid,
.remittance-intake-modal-card .remittance-quote-grid,
.remittance-intake-modal-card .remittance-client-row {
  overflow: visible;
}

.remittance-intake-modal-card .search-select.open {
  z-index: 260;
}

.remittance-intake-modal-card .search-select-panel {
  z-index: 280;
}

.remittance-intake-modal-card > .form-grid,
.modal-card:not(.remittance-calculator-modal-card) > .form-grid {
  overflow-x: hidden;
}

.remittance-intake-page-card > .form-grid {
  overflow: visible;
}

.remittance-intake-modal-card .receipt-composer-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
}

.remittance-intake-page {
  padding-bottom: 24px;
}

.remittance-intake-page-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: calc(100dvh - 210px);
  padding: 0 clamp(18px, 2.2vw, 32px) 26px;
  border: 1px solid var(--neutral-06);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(57, 111, 164, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(18, 29, 44, 0.98), rgba(10, 17, 27, 0.99));
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.04);
  overflow: visible;
}

.remittance-intake-page-card.hidden {
  display: none;
}

.remittance-intake-page-card > .panel-head {
  position: sticky;
  top: 0;
  z-index: 14;
  margin: 0 calc(clamp(18px, 2.2vw, 32px) * -1) 0;
  padding: 12px clamp(18px, 2.2vw, 32px);
  border-bottom: 1px solid var(--neutral-06);
  border-radius: 24px 24px 0 0;
  background:
    linear-gradient(180deg, rgba(13, 23, 36, 0.98), rgba(13, 23, 36, 0.92));
  backdrop-filter: blur(14px);
}

.remittance-intake-page-card > .panel-head h2 {
  font-size: clamp(1.12rem, 1.24vw, 1.42rem);
}

.remittance-intake-page-card > .panel-head .eyebrow {
  margin-bottom: 4px;
  font-size: 0.68rem;
}

.remittance-step-nav {
  position: sticky;
  top: 72px;
  z-index: 13;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0 calc(clamp(18px, 2.2vw, 32px) * -1) 10px;
  padding: 10px clamp(18px, 2.2vw, 32px);
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  background:
    linear-gradient(180deg, rgba(11,18,29,0.94), rgba(11,18,29,0.86));
  backdrop-filter: blur(12px);
}

.remittance-step-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  color: var(--text-soft);
  text-decoration: none;
  font-size: 0.84rem;
  font-weight: 800;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.remittance-step-nav a:hover,
.remittance-step-nav a:focus-visible {
  border-color: rgba(201,166,107,0.38);
  background: rgba(201,166,107,0.08);
  color: var(--text);
  outline: none;
}

.remittance-step-nav span {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 22px;
  border-radius: 999px;
  background: rgba(201,166,107,0.18);
  color: rgba(245, 211, 151, 0.96);
  font-size: 0.72rem;
  letter-spacing: 0;
}

.remittance-intake-page-card .remittance-intake-form {
  padding-top: 0;
}

.remittance-intake-page-card .form-actions {
  position: sticky;
  bottom: 0;
  z-index: 12;
  margin: 8px calc(clamp(18px, 2.2vw, 32px) * -1) -26px;
  padding: 14px clamp(18px, 2.2vw, 32px) 16px;
  border-top: 1px solid var(--neutral-06);
  justify-content: flex-end;
  background:
    linear-gradient(180deg, rgba(10,17,27,0), rgba(10,17,27,0.94) 34%, rgba(10,17,27,0.99));
  backdrop-filter: blur(12px);
}

:root[data-theme="light"] .remittance-intake-page-card {
  background:
    radial-gradient(circle at top right, rgba(202, 220, 238, 0.8), transparent 34%),
    linear-gradient(180deg, rgba(248,250,252,0.98), rgba(241,245,249,0.99));
  box-shadow: 0 26px 80px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255,255,255,0.82);
}

:root[data-theme="light"] .remittance-intake-page-card > .panel-head {
  background:
    linear-gradient(180deg, rgba(238,246,252,0.98), rgba(238,246,252,0.92));
}

:root[data-theme="light"] .remittance-step-nav {
  background:
    linear-gradient(180deg, rgba(248,250,252,0.96), rgba(248,250,252,0.88));
}

:root[data-theme="light"] .remittance-step-nav a {
  color: #475569;
  background: rgba(255,255,255,0.58);
}

:root[data-theme="light"] .remittance-step-nav span {
  background: rgba(201,166,107,0.2);
  color: #8a5b15;
}

:root[data-theme="light"] .remittance-intake-page-card .form-actions {
  background:
    linear-gradient(180deg, rgba(248,250,252,0), rgba(241,245,249,0.94) 34%, rgba(248,250,252,0.99));
}

@media (max-width: 767px) {
  .remittance-intake-modal-card .receipt-composer-grid,
  .remittance-transaction-block .receipt-composer-grid {
    grid-template-columns: 1fr;
  }

  .remittance-intake-page-card {
    min-height: calc(100dvh - 140px);
    padding-inline: 14px;
    border-radius: 18px;
  }

  .remittance-intake-page-card > .panel-head {
    flex-direction: row;
    align-items: center;
    margin-inline: -14px;
    padding: 14px;
    border-radius: 18px 18px 0 0;
  }

  .remittance-intake-page-card > .panel-head .ghost-button {
    width: auto;
    min-height: 40px;
    padding-inline: 18px;
    justify-content: center;
  }

  .remittance-step-nav {
    top: 70px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: -14px;
    padding: 10px 14px;
  }

  .remittance-step-nav a {
    min-height: 36px;
    font-size: 0.78rem;
  }

  .remittance-client-select-panel {
    left: 0;
    right: 0;
    width: auto;
  }

  .remittance-beneficiary-select-panel {
    left: 0;
    right: 0;
    width: auto;
  }

  .search-select-table-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .search-select-table-head {
    display: none;
  }

  .remittance-client-select-panel .search-select-table-cell small,
  .remittance-beneficiary-select-panel .search-select-table-cell small {
    display: block;
  }

  .remittance-intake-page-card .form-actions {
    margin-inline: -14px;
    flex-direction: column;
  }

  .remittance-intake-page-card .form-actions button {
    width: 100%;
    justify-content: center;
  }
}

:root[data-theme="light"] .modal-card .form-actions {
  background: linear-gradient(180deg, rgba(248,250,252,0), rgba(238,243,248,0.94) 34%, rgba(248,250,252,0.99));
}

/* Phase 20: premium navigation rail. The sidebar should behave like an
   operational command rail: compact modules first, account controls last. */
.sidebar {
  padding: 14px 13px;
  gap: 12px;
}

.sidebar-collapse {
  align-self: flex-end;
  min-height: 34px;
  width: 34px;
  height: 34px;
  padding: 0;
  gap: 0;
  border-radius: 12px;
}

.sidebar-collapse .nav-icon {
  width: 18px;
  height: 18px;
}

.sidebar-collapse .nav-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sidebar .nav-panel {
  padding: 13px 12px;
  border-radius: 22px;
}

.sidebar .nav-panel .panel-head {
  padding: 0 6px 4px;
}

.sidebar .nav-panel .panel-head h2 {
  font-family: var(--font-ui);
  margin: 0;
  font-size: 0.74rem;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(201,166,107,0.86);
}

.sidebar .nav {
  gap: 7px;
}

.sidebar .nav-link {
  min-height: 42px;
  padding: 9px 12px;
  border-radius: 15px;
  gap: 10px;
}

.sidebar .nav-icon {
  width: 18px;
  height: 18px;
}

.sidebar .nav-text {
  font-size: 0.9rem;
}

.sidebar-footer {
  padding: 12px;
  border-radius: 20px;
}

.sidebar-footer .panel-head {
  margin-bottom: 10px;
}

.sidebar-footer .panel-head .eyebrow {
  display: none;
}

.sidebar-footer .panel-head h2 {
  font-family: var(--font-ui);
  margin: 0;
  font-size: 0.74rem;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(201,166,107,0.86);
}

.sidebar-footer #session-card {
  gap: 6px;
  margin-bottom: 10px;
}

.sidebar-runtime {
  width: 100%;
  min-height: 28px;
  margin-bottom: 8px;
  padding: 6px 8px;
  justify-content: flex-start;
  font-size: 0.68rem;
  letter-spacing: 0.02em;
  white-space: normal;
}

.sidebar-footer #session-card .detail-card {
  padding: 8px 10px;
  border-radius: 13px;
  gap: 2px;
}

.sidebar-footer #session-card .detail-card strong {
  font-size: 0.78rem;
}

.sidebar-footer #session-card .detail-card span {
  font-size: 0.78rem;
  line-height: 1.25;
}

.sidebar-footer #session-card .session-compact-card small {
  display: block;
  max-height: 2.8em;
  overflow: hidden;
  color: var(--text-muted);
  font-size: 0.68rem;
  line-height: 1.3;
}

:root[data-theme="light"] .sidebar-footer #session-card .session-compact-card small {
  color: rgba(218, 228, 238, 0.68);
}

.sidebar-footer .theme-toggle-menu,
.sidebar-logout {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 14px;
}

.sidebar-footer .theme-toggle-menu {
  margin-bottom: 7px;
  justify-content: flex-start;
}

.sidebar-footer .theme-toggle-label,
.sidebar-logout .nav-text {
  font-size: 0.84rem;
}

body.sidebar-collapsed .sidebar-collapse {
  width: 42px;
  height: 42px;
  border-radius: 14px;
}

body.sidebar-collapsed .nav-link,
body.sidebar-collapsed .sidebar-footer .theme-toggle-menu,
body.sidebar-collapsed .sidebar-logout {
  width: 42px;
  height: 42px;
  border-radius: 14px;
}

body.sidebar-collapsed .sidebar-footer #session-card {
  display: none;
}

body.sidebar-collapsed .sidebar-runtime {
  display: none;
}

:root[data-theme="light"] .sidebar .nav-panel,
:root[data-theme="light"] .sidebar .sidebar-footer {
  background: rgba(7, 25, 40, 0.5);
  border-color: rgba(255,255,255,0.12);
}

:root[data-theme="light"] .sidebar-collapse {
  background: rgba(4, 15, 27, 0.66);
  border-color: rgba(255,255,255,0.12);
  color: rgba(248, 252, 255, 0.94);
  box-shadow: 0 10px 24px rgba(4, 12, 22, 0.22);
}

@media (max-width: 1180px) {
  #remittance-detail-modal .remittance-detail-modal-card {
    width: min(100vw - 18px, 1180px);
    max-width: calc(100vw - 18px);
    height: min(95dvh, calc(100dvh - 12px));
    max-height: min(95dvh, calc(100dvh - 12px));
  }

  .remittance-detail-layout,
  .remittance-evidence-grid {
    grid-template-columns: 1fr;
  }

  .remittance-detail-kpis,
  .remittance-detail-keygrid,
  .remittance-distribution-line-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  #remittance-detail-modal .remittance-detail-modal-card {
    width: 100vw;
    max-width: 100vw;
    height: min(94dvh, calc(100dvh - 4px));
    max-height: min(94dvh, calc(100dvh - 4px));
    border-radius: 20px 20px 0 0;
    padding: 16px;
  }

  #remittance-detail-modal .panel-head {
    margin: -16px -16px 14px;
    padding: 16px;
    min-height: auto;
  }

  .remittance-detail-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .remittance-detail-statuses {
    justify-content: flex-start;
  }

  .remittance-section-toggle {
    align-items: flex-start;
    flex-direction: column;
  }

  .remittance-section-toggle-side {
    width: 100%;
    justify-content: space-between;
  }

  .remittance-detail-kpis,
  .remittance-detail-keygrid,
  .remittance-distribution-line-meta {
    grid-template-columns: 1fr;
  }

  .remittance-distribution-line-head {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .remittance-distribution-line-amount {
    grid-column: 1 / -1;
    justify-items: start;
    text-align: left;
  }

  .remittance-audit-row {
    grid-template-columns: 1fr;
  }

  .receipt-image-modal-card {
    width: calc(100vw - 16px);
  }

  .receipt-image-viewer {
    min-height: min(78dvh, 720px);
    padding: 8px;
  }

  .receipt-image-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .receipt-image-actions {
    width: 100%;
    justify-content: flex-start;
  }
}

/* Phase 21: users access governance. */
.users-module {
  display: grid;
  gap: 18px;
}

.users-command-bar,
.users-access-toolbar,
.users-kpi-grid article,
.users-table-shell {
  border: 1px solid var(--border-soft);
  background: linear-gradient(145deg, var(--panel), var(--panel-strong));
  box-shadow: var(--shadow-soft);
}

.users-command-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border-radius: 24px;
}

.users-command-bar h2 {
  margin: 4px 0 6px;
  font-family: var(--font-display);
  font-size: clamp(1.25rem, 1vw + 1rem, 1.8rem);
  letter-spacing: 0;
}

.users-command-bar p:last-child {
  margin: 0;
  color: var(--text-muted);
  max-width: 680px;
}

.users-command-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.users-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.users-kpi-grid article {
  min-height: 126px;
  padding: 18px;
  border-radius: 20px;
}

.users-kpi-grid span {
  display: block;
  color: var(--accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.users-kpi-grid strong {
  display: block;
  margin-top: 8px;
  color: var(--text-main);
  font-size: 2rem;
  line-height: 1;
}

.users-kpi-grid small {
  display: block;
  margin-top: 16px;
  color: var(--text-muted);
  line-height: 1.35;
}

.users-access-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 1.5fr) minmax(180px, 0.55fr) minmax(220px, 0.75fr);
  gap: 14px;
  padding: 16px;
  border-radius: 22px;
}

.users-access-toolbar label {
  display: grid;
  gap: 8px;
}

.users-access-toolbar label span {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 800;
}

.users-table-shell {
  overflow-x: auto;
  border-radius: 24px;
  padding: 8px 10px;
}

.users-table-shell table {
  min-width: 1040px;
}

.user-role-stack {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  max-width: 420px;
}

.role-chip,
.risk-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  border-radius: 999px;
  border: 1px solid var(--border-soft);
  background: rgba(148, 163, 184, 0.11);
  color: var(--text-main);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  padding: 7px 10px;
}

.role-chip small {
  color: var(--text-muted);
  font-size: 0.64rem;
  font-weight: 800;
}

.role-chip-more {
  color: var(--accent);
}

.risk-critical {
  color: #fecaca;
  background: rgba(127, 29, 29, 0.34);
  border-color: rgba(248, 113, 113, 0.35);
}

.risk-operational {
  color: #bae6fd;
  background: rgba(7, 89, 133, 0.34);
  border-color: rgba(56, 189, 248, 0.28);
}

.risk-standard {
  color: #d8c49e;
  background: rgba(201, 166, 107, 0.13);
  border-color: rgba(201, 166, 107, 0.28);
}

.status-action-button.is-danger {
  background: rgba(127, 29, 29, 0.12);
  border-color: rgba(248, 113, 113, 0.3);
  color: #fecaca;
}

.status-action-button.is-positive {
  background: rgba(6, 95, 70, 0.14);
  border-color: rgba(52, 211, 153, 0.32);
  color: #bbf7d0;
}

.user-create-modal-card {
  width: min(1040px, calc(100vw - 40px));
  max-height: min(88dvh, 860px);
}

.user-create-modal-card .panel-head {
  margin: calc(var(--modal-card-padding) * -1) calc(var(--modal-card-padding) * -1) 18px;
}

.user-create-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.user-role-picker {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.user-role-picker .checkbox-pill {
  position: relative;
  min-height: 78px;
  align-items: center;
  justify-content: flex-start;
  border-radius: 16px;
  border-color: rgba(148, 163, 184, 0.2);
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.86), rgba(30, 41, 59, 0.52));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
}

.user-role-picker .checkbox-pill:has(input:checked) {
  border-color: rgba(214, 177, 107, 0.68);
  background: linear-gradient(145deg, rgba(45, 37, 24, 0.92), rgba(19, 33, 46, 0.72));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 14px 32px rgba(201, 166, 107, 0.1);
}

.user-role-picker .checkbox-pill input {
  appearance: none;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 10px;
  border: 1px solid rgba(201, 166, 107, 0.4);
  background: rgba(10, 20, 32, 0.42);
  box-shadow: inset 0 0 0 4px rgba(10, 20, 32, 0.28);
}

.user-role-picker .checkbox-pill input:checked {
  background: linear-gradient(135deg, #f0cf87, #b98535);
  border-color: rgba(250, 223, 154, 0.9);
  box-shadow: inset 0 0 0 6px rgba(10, 20, 32, 0.18), 0 0 0 4px rgba(201, 166, 107, 0.13);
}

.role-picker-copy {
  display: grid;
  gap: 5px;
}

.role-picker-copy strong {
  font-size: 0.86rem;
  letter-spacing: 0;
}

.role-picker-copy small {
  color: var(--text-muted);
  font-size: 0.66rem;
  font-weight: 800;
}

.user-row-actions {
  gap: 7px;
  flex-wrap: wrap;
}

.user-edit-modal-card,
.role-governance-modal-card {
  width: min(1320px, calc(100vw - 28px));
  height: min(94dvh, 960px);
  max-height: min(94dvh, 960px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.user-edit-modal-card {
  width: min(1240px, calc(100vw - 32px));
  height: min(92dvh, 920px);
  max-height: min(92dvh, 920px);
}

.access-governance-card {
  padding: 14px;
}

.access-governance-card > .access-governance-hero {
  margin: 0 0 12px;
  min-height: 0;
  padding: 16px 18px;
  flex: 0 0 auto;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(20, 35, 51, 0.84)),
    radial-gradient(circle at 90% 0%, rgba(201, 166, 107, 0.16), transparent 32%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.access-governance-hero h2 {
  font-size: clamp(1.28rem, 2vw, 1.72rem);
  line-height: 1.08;
}

.access-governance-hero p:not(.eyebrow) {
  max-width: 760px;
  color: var(--text-soft);
  font-size: 0.88rem;
}

.access-governance-hero .ghost-button {
  align-self: start;
}

.role-governance-modal-card.access-governance-card {
  padding: 10px;
}

.role-governance-modal-card .access-governance-hero {
  margin-bottom: 8px;
  padding: 12px 16px;
}

.role-governance-modal-card .access-governance-hero h2 {
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
}

.role-governance-modal-card .access-governance-hero p:not(.eyebrow) {
  margin-top: 6px;
  font-size: 0.82rem;
}

.user-edit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  grid-template-areas:
    "profile security"
    "roles security";
  gap: 16px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.user-edit-section,
.role-governance-panel,
.role-governance-list {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.78), rgba(15, 23, 42, 0.42));
  padding: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.user-edit-section {
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.user-profile-section {
  grid-area: profile;
}

.user-edit-section.access-section:not(.security-section):not(.user-profile-section) {
  grid-area: roles;
}

.security-section {
  grid-area: security;
  display: grid;
  align-content: start;
  gap: 18px;
}

#user-profile-form.user-profile-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
}

#user-profile-form.user-profile-form > .profile-name,
#user-profile-form.user-profile-form > .profile-login,
#user-profile-form.user-profile-form > .profile-contact {
  grid-column: span 2;
}

#user-profile-form.user-profile-form > .profile-phone,
#user-profile-form.user-profile-form > .profile-actions {
  grid-column: span 1;
}

#user-profile-form.user-profile-form > label.full-span,
#user-profile-form.user-profile-form > .full-span {
  grid-column: 1 / -1;
}

#user-profile-form.user-profile-form .form-actions {
  align-self: end;
  justify-content: flex-end;
  margin: 4px 0 0;
  padding: 0;
  border-top: 0;
  background: transparent;
  backdrop-filter: none;
}

#user-profile-form.user-profile-form .profile-actions {
  min-width: 150px;
}

#user-profile-form.user-profile-form .form-actions .primary-button {
  min-height: 48px;
  white-space: nowrap;
  width: 100%;
}

.security-section .form-grid {
  grid-template-columns: 1fr;
}

.security-section .form-actions {
  justify-content: stretch;
  margin: 16px 0 0;
  padding: 14px 0 0;
}

.security-section .danger-action {
  width: 100%;
  justify-content: center;
}

.section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.section-heading h3 {
  margin: 4px 0 0;
  font-size: 1.12rem;
}

.section-heading span {
  display: block;
  margin-top: 6px;
  color: var(--text-muted);
  font-size: 0.84rem;
}

.role-governance-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.3fr) minmax(0, 1fr);
  gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.role-governance-list {
  display: grid;
  gap: 10px;
  align-content: start;
  max-height: none;
  min-height: 0;
  overflow: auto;
}

.role-governance-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 14px;
}

.role-governance-item {
  width: 100%;
  border: 1px solid var(--border-soft);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.54);
  color: var(--text-main);
  cursor: pointer;
  padding: 14px;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.role-governance-item.active {
  border-color: rgba(201, 166, 107, 0.62);
  background: linear-gradient(145deg, rgba(201, 166, 107, 0.18), rgba(15, 23, 42, 0.58));
}

.role-governance-item:hover {
  transform: translateY(-1px);
  border-color: rgba(201, 166, 107, 0.42);
}

.role-governance-item-main,
.role-governance-item small {
  display: block;
}

.role-governance-item em,
.role-governance-item small {
  margin-top: 4px;
  color: var(--text-muted);
  font-style: normal;
  font-size: 0.74rem;
}

.role-governance-summary {
  display: flex;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.28);
}

.role-governance-summary strong {
  font-size: 1rem;
  line-height: 1.1;
}

.role-governance-summary span,
.role-governance-summary em {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
}

.role-governance-summary em {
  margin-left: auto;
  color: var(--text-soft);
}

.role-menu-permissions,
#role-technical-permissions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.role-menu-permissions {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding-right: 4px;
}

.role-governance-panel > .form-actions {
  flex: 0 0 auto;
  margin: 10px -14px -14px;
  padding: 10px 14px;
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(15, 23, 42, 0.96));
  backdrop-filter: blur(14px);
}

.role-governance-panel > .form-actions .primary-button {
  min-height: 44px;
  padding: 0 16px;
}

.module-permission-card {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.5);
  padding: 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.module-permission-card:has(input:checked) {
  border-color: rgba(201, 166, 107, 0.48);
  background: rgba(201, 166, 107, 0.1);
}

.module-permission-card.compact {
  min-height: 54px;
  padding: 9px;
}

.module-permission-card input {
  width: 20px;
  height: 20px;
  accent-color: #c9a66b;
}

.module-permission-card span {
  display: grid;
  gap: 4px;
}

.module-permission-card small {
  color: var(--text-muted);
  font-size: 0.66rem;
  word-break: break-word;
}

.role-technical-permissions {
  flex: 0 0 auto;
  margin-top: 10px;
  border-top: 1px solid var(--border-soft);
  padding-top: 10px;
  max-height: min(24dvh, 210px);
  overflow: auto;
}

.role-technical-permissions summary {
  cursor: pointer;
  color: var(--text-muted);
  font-weight: 800;
  margin-bottom: 10px;
  font-size: 0.9rem;
}

:root[data-theme="light"] .users-command-bar,
:root[data-theme="light"] .users-access-toolbar,
:root[data-theme="light"] .users-kpi-grid article,
:root[data-theme="light"] .users-table-shell {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(143, 126, 99, 0.22);
  box-shadow: 0 18px 46px rgba(44, 39, 31, 0.13);
}

:root[data-theme="light"] .role-chip,
:root[data-theme="light"] .risk-chip {
  background: rgba(246, 248, 250, 0.9);
  border-color: rgba(143, 126, 99, 0.2);
}

:root[data-theme="light"] .access-governance-card > .access-governance-hero {
  background:
    linear-gradient(135deg, rgba(232, 240, 249, 0.96), rgba(244, 248, 252, 0.86)),
    radial-gradient(circle at 90% 0%, rgba(201, 166, 107, 0.18), transparent 34%);
  border-color: rgba(143, 126, 99, 0.18);
}

:root[data-theme="light"] .user-edit-section,
:root[data-theme="light"] .role-governance-panel,
:root[data-theme="light"] .role-governance-list {
  background: rgba(255, 255, 255, 0.84);
  border-color: rgba(143, 126, 99, 0.16);
  box-shadow: 0 18px 44px rgba(44, 39, 31, 0.08);
}

:root[data-theme="light"] .user-role-picker .checkbox-pill,
:root[data-theme="light"] .role-governance-item,
:root[data-theme="light"] .module-permission-card {
  background: rgba(255, 255, 255, 0.74);
  border-color: rgba(143, 126, 99, 0.16);
}

:root[data-theme="light"] .user-role-picker .checkbox-pill:has(input:checked),
:root[data-theme="light"] .role-governance-item.active,
:root[data-theme="light"] .module-permission-card:has(input:checked) {
  background: linear-gradient(145deg, rgba(255, 247, 226, 0.94), rgba(255, 255, 255, 0.82));
  border-color: rgba(201, 166, 107, 0.54);
}

:root[data-theme="light"] .role-governance-panel > .form-actions {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(250, 248, 243, 0.97));
  border-color: rgba(143, 126, 99, 0.16);
}

:root[data-theme="light"] .risk-critical {
  color: #8f1d1d;
  background: rgba(254, 226, 226, 0.88);
  border-color: rgba(220, 38, 38, 0.24);
}

:root[data-theme="light"] .risk-operational {
  color: #075985;
  background: rgba(224, 242, 254, 0.9);
  border-color: rgba(2, 132, 199, 0.22);
}

:root[data-theme="light"] .risk-standard {
  color: #7c5b20;
  background: rgba(252, 245, 226, 0.92);
  border-color: rgba(201, 166, 107, 0.3);
}

:root[data-theme="light"] .status-action-button.is-danger {
  background: #fff7f7;
  color: #9f1d1d;
  border-color: rgba(220, 38, 38, 0.28);
  box-shadow: 0 8px 18px rgba(153, 27, 27, 0.06);
}

:root[data-theme="light"] .status-action-button.is-positive {
  background: #f0fdf4;
  color: #047857;
  border-color: rgba(5, 150, 105, 0.25);
}

:root[data-theme="light"] .user-role-picker .checkbox-pill input {
  background: #ffffff;
  border-color: rgba(100, 116, 139, 0.34);
  box-shadow: inset 0 0 0 3px rgba(248, 250, 252, 0.9);
}

:root[data-theme="light"] .user-role-picker .checkbox-pill input:checked {
  background: linear-gradient(135deg, #d9a84f, #b57d2d);
  border-color: rgba(181, 125, 45, 0.76);
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.5), 0 0 0 3px rgba(201, 166, 107, 0.18);
}

:root[data-theme="light"] .user-edit-section,
:root[data-theme="light"] .role-governance-panel,
:root[data-theme="light"] .role-governance-list,
:root[data-theme="light"] .role-governance-item,
:root[data-theme="light"] .module-permission-card {
  background: rgba(255, 255, 255, 0.74);
  border-color: rgba(143, 126, 99, 0.22);
}

:root[data-theme="light"] .role-governance-item.active {
  background: rgba(250, 238, 211, 0.88);
  border-color: rgba(181, 125, 45, 0.36);
}

:root[data-theme="light"] .role-governance-summary {
  background: rgba(250, 250, 248, 0.78);
  border-color: rgba(143, 126, 99, 0.18);
}

:root[data-theme="light"] .role-governance-summary em {
  color: #7c5b20;
}

@media (max-width: 1320px) {
  .users-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .users-access-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 820px) {
  .users-command-bar {
    align-items: flex-start;
    flex-direction: column;
  }

  .users-command-actions {
    justify-content: flex-start;
  }

  .users-kpi-grid,
  .users-access-toolbar,
  .user-create-form,
  .user-role-picker,
  .user-edit-grid,
  .role-governance-layout,
  .role-menu-permissions,
  #role-technical-permissions {
    grid-template-columns: 1fr;
  }

  .user-create-modal-card {
    width: min(100vw - 16px, 720px);
  }

  .user-edit-modal-card,
  .role-governance-modal-card {
    width: calc(100vw - 14px);
    height: 96dvh;
    max-height: 96dvh;
  }

  .access-governance-card {
    padding: 10px;
  }

  .access-governance-card > .access-governance-hero {
    margin-bottom: 10px;
    padding: 13px;
  }

  .role-governance-list {
    max-height: 25dvh;
  }

  .user-edit-grid {
    grid-template-areas:
      "profile"
      "roles"
      "security";
    overflow: auto;
  }

  #user-profile-form.user-profile-form {
    grid-template-columns: 1fr;
  }

  #user-profile-form.user-profile-form > .profile-name,
  #user-profile-form.user-profile-form > .profile-login,
  #user-profile-form.user-profile-form > .profile-contact,
  #user-profile-form.user-profile-form > .profile-phone,
  #user-profile-form.user-profile-form > .profile-actions {
    grid-column: 1 / -1;
  }

  #user-profile-form.user-profile-form .form-actions .primary-button {
    width: 100%;
    justify-content: center;
  }

  .user-edit-section {
    min-height: auto;
    overflow: visible;
  }

  .role-governance-layout {
    overflow: auto;
  }

  .role-governance-panel {
    display: block;
    overflow: visible;
  }

  .role-governance-summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  .role-governance-summary em {
    margin-left: 0;
  }

  .role-menu-permissions {
    min-height: 180px;
    max-height: 34dvh;
  }

  .role-technical-permissions {
    max-height: 24dvh;
  }

  .role-governance-panel > .form-actions {
    position: sticky;
    bottom: 0;
    margin: 14px 0 0;
    padding: 14px 0 0;
  }

  .role-governance-panel > .form-actions .primary-button {
    width: 100%;
    justify-content: center;
  }
}

@media (min-width: 1181px) {
  #view-accounts.accounts-view .table-shell,
  #view-accounts .accounts-module > .table-shell {
    max-height: calc(100vh - 295px);
    min-height: 420px;
    overflow: auto;
  }

  #view-accounts.accounts-view .table-shell table,
  #view-accounts .accounts-module > .table-shell table {
    min-width: 1460px;
    table-layout: fixed;
  }
}

/* Final calculator layout guard: keep this after generic modal rules. */
#remittance-calculator-modal.modal-backdrop:not(.hidden) {
  align-items: center;
  justify-content: center;
  padding: 22px;
  overflow: auto;
}

#remittance-calculator-modal .remittance-calculator-modal-card {
  width: min(1180px, calc(100vw - 44px)) !important;
  max-width: none !important;
  height: auto !important;
  max-height: calc(100dvh - 44px) !important;
  padding: 18px !important;
  overflow: visible !important;
}

#remittance-calculator-modal .remittance-calculator-modal-card > .panel-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 16px 20px !important;
}

#remittance-calculator-modal .remittance-calculator-modal-card > .panel-head h2 {
  font-size: clamp(1.45rem, 1vw + 1.05rem, 2rem) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

#remittance-calculator-modal .remittance-calculator-modal-card > .panel-head .ghost-button {
  flex: 0 0 auto;
}

#remittance-calculator-modal .remittance-calculator-form {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 14px 16px !important;
  align-items: stretch !important;
  min-width: 0 !important;
  overflow: visible !important;
}

#remittance-calculator-modal .remittance-calculator-form > * {
  min-width: 0 !important;
}

#remittance-calculator-modal .remittance-calculator-mode.full-span {
  grid-column: 1 / 9 !important;
  grid-row: 1 !important;
}

#remittance-calculator-modal .remittance-calculator-form > label:nth-of-type(1) {
  grid-column: 1 / 5 !important;
  grid-row: 2 !important;
}

#remittance-calculator-modal .remittance-calculator-form > label:nth-of-type(2) {
  grid-column: 5 / 9 !important;
  grid-row: 2 !important;
}

#remittance-calculator-modal .remittance-calculator-form > label:nth-of-type(3).full-span {
  grid-column: 1 / 9 !important;
  grid-row: 3 !important;
}

#remittance-calculator-modal .remittance-calculator-result.full-span {
  grid-column: 9 / -1 !important;
  grid-row: 1 / 4 !important;
  align-self: stretch !important;
  min-height: 100% !important;
}

#remittance-calculator-modal .remittance-calculator-rate-cards.full-span {
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
}

#remittance-calculator-modal .form-actions.full-span {
  grid-column: 1 / -1 !important;
  grid-row: 5 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding-top: 14px !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

#remittance-calculator-modal .search-select,
#remittance-calculator-modal .search-select-trigger {
  width: 100% !important;
}

#remittance-calculator-modal .search-select {
  position: relative;
  z-index: 10;
  overflow: visible !important;
}

#remittance-calculator-modal .search-select.open {
  z-index: 500;
}

#remittance-calculator-modal .search-select-panel {
  z-index: 520 !important;
  max-height: min(270px, 34dvh) !important;
  overflow: hidden !important;
  padding: 10px !important;
}

#remittance-calculator-modal .search-select-panel .search-select-list {
  max-height: min(172px, 22dvh) !important;
  gap: 4px !important;
}

#remittance-calculator-modal .search-select-panel .search-select-option {
  min-height: 54px;
  padding: 8px 10px;
}

#remittance-calculator-modal .search-select-panel .search-select-input {
  min-height: 52px;
}

@media (max-width: 860px) {
  #remittance-calculator-modal.modal-backdrop:not(.hidden) {
    align-items: flex-start;
    padding: 10px;
  }

  #remittance-calculator-modal .remittance-calculator-modal-card {
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 16px !important;
    overflow: auto !important;
  }

  #remittance-calculator-modal .remittance-calculator-modal-card > .panel-head {
    padding: 16px !important;
  }

  #remittance-calculator-modal .remittance-calculator-form {
    grid-template-columns: 1fr !important;
  }

  #remittance-calculator-modal .remittance-calculator-mode.full-span,
  #remittance-calculator-modal .remittance-calculator-form > label:nth-of-type(1),
  #remittance-calculator-modal .remittance-calculator-form > label:nth-of-type(2),
  #remittance-calculator-modal .remittance-calculator-form > label:nth-of-type(3).full-span,
  #remittance-calculator-modal .remittance-calculator-result.full-span,
  #remittance-calculator-modal .remittance-calculator-rate-cards.full-span,
  #remittance-calculator-modal .form-actions.full-span {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }

  #remittance-calculator-modal .remittance-calculator-result.full-span {
    min-height: 118px !important;
  }
}

#client-beneficiaries-modal.client-portal-access-mode:not(.hidden) {
  display: block;
  overflow: auto;
  padding: 18px;
}

#client-beneficiaries-modal.client-portal-access-mode .modal-card {
  width: min(1120px, calc(100vw - 28px));
  max-height: none;
  min-height: 0;
  overflow: visible;
  margin: 0 auto;
  padding: 18px;
  border-radius: 22px;
}

#client-beneficiaries-modal.client-portal-access-mode .modal-card > .panel-head {
  position: relative;
  top: auto;
  margin: 0 0 14px;
  padding: 14px 14px 18px;
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(235,243,247,0.98), rgba(246,248,250,0.94));
}

:root:not([data-theme="light"]) #client-beneficiaries-modal.client-portal-access-mode .modal-card > .panel-head {
  background:
    linear-gradient(135deg, rgba(16,24,35,0.98), rgba(20,32,42,0.94));
}

#client-beneficiaries-modal.client-portal-access-mode #client-beneficiaries-summary {
  display: block;
  color: var(--text);
}

.client-access-console {
  grid-column: 1 / -1;
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(201,166,107,0.18);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(201,166,107,0.09), rgba(83,132,148,0.08)),
    rgba(11, 16, 23, 0.58);
}

:root[data-theme="light"] .client-access-console {
  border-color: rgba(33, 66, 82, 0.12);
  background:
    linear-gradient(135deg, rgba(223,183,111,0.18), rgba(83,132,148,0.10)),
    rgba(255, 255, 255, 0.74);
}

.client-access-hero {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  min-height: 0;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid var(--neutral-08);
  background:
    linear-gradient(135deg, rgba(14,20,28,0.92), rgba(20,32,42,0.86));
}

:root[data-theme="light"] .client-access-hero {
  background:
    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(235,243,247,0.94));
}

.client-access-hero h3 {
  margin: 6px 0 8px;
  color: var(--text);
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1;
  letter-spacing: 0;
}

.client-access-hero p {
  max-width: 680px;
  margin: 0;
  color: var(--text-soft);
  line-height: 1.55;
}

.client-access-kicker {
  color: rgba(201,166,107,0.84);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.client-access-status {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}

.client-access-status.active {
  color: #0f5c43;
  background: rgba(45,159,119,0.18);
  border: 1px solid rgba(45,159,119,0.24);
}

.client-access-status.blocked,
.client-access-status.pending {
  color: #815124;
  background: rgba(201,166,107,0.18);
  border: 1px solid rgba(201,166,107,0.28);
}

.client-access-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.client-access-grid article {
  display: grid;
  gap: 7px;
  align-content: start;
  min-height: 104px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--neutral-08);
  background: var(--neutral-03);
}

.client-access-grid span,
.client-access-grid small {
  color: var(--text-soft);
}

.client-access-grid span {
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.client-access-grid strong {
  color: var(--text);
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.client-access-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  padding-top: 2px;
}

@media (max-width: 860px) {
  #client-beneficiaries-modal.client-portal-access-mode:not(.hidden) {
    padding: 10px;
  }

  .client-access-hero,
  .client-access-grid {
    grid-template-columns: 1fr;
  }

  .client-access-hero {
    display: grid;
    min-height: auto;
  }

  .client-access-actions {
    justify-content: stretch;
  }

  .client-access-actions > button {
    flex: 1 1 180px;
  }
}

/* Premium client portal pass. Kept at EOF so it wins over the legacy public shell. */
.client-portal-body {
  margin: 0;
  min-height: 100vh;
  color: #111827;
  background:
    radial-gradient(circle at 18% 8%, rgba(231, 190, 108, 0.20), transparent 34%),
    radial-gradient(circle at 86% 16%, rgba(49, 130, 149, 0.16), transparent 30%),
    linear-gradient(135deg, #f7f8fb 0%, #eef3f7 43%, #f9f6ef 100%);
  font-family: var(--font-ui);
}

.client-portal-shell {
  width: min(1240px, calc(100% - 36px));
  margin: 0 auto;
  padding: 28px 0 48px;
}

.client-login-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, 440px);
  align-items: center;
  gap: 22px;
}

.client-login-hero,
.client-login-card,
.client-panel {
  position: relative;
  min-width: 0;
  border: 1px solid rgba(17, 24, 39, 0.10);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 24px 70px rgba(25, 38, 52, 0.14);
  backdrop-filter: blur(22px);
}

.client-login-hero {
  min-height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 44px;
  color: #f8fafc;
  background:
    linear-gradient(135deg, rgba(9, 20, 31, 0.96), rgba(19, 61, 78, 0.92)),
    linear-gradient(45deg, rgba(231, 190, 108, 0.22), transparent);
}

.client-login-hero::after {
  content: "";
  position: absolute;
  right: -100px;
  bottom: -120px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(231, 190, 108, 0.24);
  border-radius: 50%;
}

.client-login-hero h1,
.client-topbar h1 {
  margin: 8px 0 8px;
  font-size: clamp(2.1rem, 5vw, 4.8rem);
  line-height: 0.96;
  letter-spacing: 0;
}

.client-login-hero p {
  max-width: 650px;
  color: rgba(248, 250, 252, 0.78);
  font-size: 1.06rem;
  line-height: 1.65;
}

.client-login-metrics,
.client-tabs,
.client-action-row,
.client-top-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.client-login-metrics span,
.client-pill {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(231, 190, 108, 0.16);
  color: #8a5a1f;
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.client-login-hero .client-pill,
.client-login-hero .client-login-metrics span {
  color: #ffe8b7;
  border: 1px solid rgba(231, 190, 108, 0.24);
  background: rgba(255, 255, 255, 0.08);
}

.client-login-card {
  padding: 28px;
}

.client-login-brand {
  display: grid;
  gap: 3px;
  margin-bottom: 18px;
}

.client-login-brand span,
.client-kicker {
  color: #a36f28;
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.client-login-brand strong {
  color: #111827;
  font-size: 1.5rem;
}

.client-topbar {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 8px 0 18px;
}

.client-identity {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.client-avatar {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  color: #fff7e4;
  font-size: 1.1rem;
  font-weight: 900;
  background: linear-gradient(135deg, #0d2836, #1d6678);
  box-shadow: 0 16px 32px rgba(17, 24, 39, 0.16);
}

.client-topbar p {
  margin: 0;
  color: #5c6877;
}

.client-tabs {
  position: sticky;
  top: 0;
  z-index: 3;
  padding: 12px 0 18px;
  background: linear-gradient(180deg, rgba(244, 248, 251, 0.96), rgba(244, 248, 251, 0.78));
  backdrop-filter: blur(14px);
}

.client-tabs button,
.client-icon-button,
.client-primary-button {
  min-height: 44px;
  border: 1px solid rgba(17, 24, 39, 0.12);
  border-radius: 12px;
  padding: 0 15px;
  font-weight: 850;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.client-tabs button:hover,
.client-icon-button:hover,
.client-primary-button:hover {
  transform: translateY(-1px);
}

.client-tabs button {
  background: rgba(255, 255, 255, 0.74);
  color: #334155;
}

.client-tabs button.active,
.client-primary-button {
  color: #fff;
  border-color: #0f5265;
  background: linear-gradient(135deg, #0f5265, #16758a);
  box-shadow: 0 14px 28px rgba(15, 82, 101, 0.20);
}

.client-icon-button {
  background: rgba(255, 255, 255, 0.82);
  color: #111827;
}

.client-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(220px, 0.65fr) minmax(240px, 0.8fr);
  gap: 14px;
}

.client-grid,
.client-split {
  display: grid;
  gap: 14px;
}

.client-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-kpi-grid {
  margin-top: 14px;
}

.client-split {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
}

.client-workspace {
  align-items: start;
}

.client-panel {
  padding: 22px;
}

.client-command-panel {
  overflow: hidden;
  color: #f8fafc;
  background:
    linear-gradient(135deg, rgba(11, 31, 43, 0.97), rgba(26, 92, 108, 0.92)),
    linear-gradient(90deg, rgba(231, 190, 108, 0.22), transparent);
}

.client-command-panel .client-kicker,
.client-command-panel p {
  color: rgba(255, 245, 219, 0.78);
}

.client-command-panel h2 {
  color: #ffffff;
  font-size: clamp(1.7rem, 4vw, 3rem);
}

.client-panel h2 {
  margin: 6px 0 14px;
  color: #111827;
  font-size: 1.28rem;
  letter-spacing: 0;
}

.client-panel p {
  margin: 8px 0 0;
  color: #64748b;
  line-height: 1.55;
}

.client-panel strong {
  display: block;
  color: #101827;
  font-size: clamp(1.42rem, 2.4vw, 2.2rem);
  letter-spacing: 0;
  line-height: 1.05;
}

.client-form,
.client-form-grid {
  display: grid;
  gap: 12px;
}

.client-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.client-form label {
  display: grid;
  gap: 7px;
  color: #526071;
  font-size: 0.82rem;
  font-weight: 850;
}

.client-form input,
.client-form select,
.client-form textarea {
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  border: 1px solid rgba(17, 24, 39, 0.13);
  border-radius: 12px;
  padding: 11px 12px;
  background: rgba(255, 255, 255, 0.90);
  color: #111827;
  font: inherit;
  outline: none;
}

.client-form input:focus,
.client-form select:focus,
.client-form textarea:focus {
  border-color: #16758a;
  box-shadow: 0 0 0 4px rgba(22, 117, 138, 0.12);
}

.client-full {
  grid-column: 1 / -1;
}

.client-result-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.client-result-grid div,
.client-list-row,
.client-table-row {
  border: 1px solid rgba(17, 24, 39, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.70);
  padding: 14px;
}

.client-result-grid span,
.client-list-row span,
.client-list-row small,
.client-table-row span,
.client-table-row em,
.client-muted,
.client-form-status {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-style: normal;
}

.client-list,
.client-table {
  display: grid;
  gap: 10px;
}

.client-list-row.warning {
  border-color: rgba(176, 101, 37, 0.32);
  background: rgba(255, 244, 229, 0.78);
}

.client-table-row {
  display: grid;
  grid-template-columns: minmax(190px, 0.7fr) minmax(260px, 1.5fr) minmax(180px, 0.9fr) minmax(190px, 0.8fr);
  gap: 12px;
  align-items: center;
}

.client-list-row strong,
.client-table-row strong {
  font-size: 1.12rem;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.client-result-grid strong {
  font-size: clamp(1.42rem, 2.4vw, 2.2rem);
}

.client-table-row em {
  justify-self: end;
  padding: 7px 10px;
  border-radius: 999px;
  color: #0f5265;
  background: rgba(22, 117, 138, 0.10);
}

.client-rate-panel,
.client-assurance-panel {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(238, 246, 248, 0.82));
}

.client-remittance-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 14px;
  align-items: start;
}

.client-remittance-main {
  padding: 0;
  overflow: hidden;
}

.client-remittance-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
  background: linear-gradient(135deg, rgba(255,255,255,0.78), rgba(239,247,249,0.62));
}

.client-remittance-head h2 {
  margin-bottom: 0;
}

.client-remittance-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(147, 51, 234, 0.18);
  border-radius: 999px;
  color: #581c87;
  background: rgba(243, 232, 255, 0.78);
  font-size: 0.78rem;
  font-weight: 850;
}

.client-remittance-form {
  gap: 0;
}

.client-remittance-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.client-remittance-step:last-child {
  border-bottom: 0;
}

.client-step-index {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  color: #8a5a1f;
  border: 1px solid rgba(163, 111, 40, 0.22);
  background: rgba(255, 247, 232, 0.82);
  font-weight: 900;
}

.client-step-body {
  min-width: 0;
  display: grid;
  gap: 12px;
}

.client-step-body h3 {
  margin: 2px 0 0;
  color: #111827;
  font-size: 1rem;
}

.client-remittance-quote,
.client-selected-card,
.client-remittance-review-grid {
  border: 1px solid rgba(17, 24, 39, 0.09);
  border-radius: 16px;
  background: rgba(248, 250, 252, 0.74);
  padding: 14px;
}

.client-remittance-quote-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-selected-card {
  color: #64748b;
}

.client-selected-card.is-ready {
  color: #111827;
  background: rgba(240, 253, 250, 0.78);
  border-color: rgba(20, 184, 166, 0.22);
}

.client-selected-card strong,
.client-selected-card span,
.client-selected-card small {
  display: block;
}

.client-selected-card span,
.client-selected-card small {
  margin-top: 4px;
  color: #64748b;
}

.client-upload-box {
  padding: 14px;
  border: 1px dashed rgba(15, 82, 101, 0.26);
  border-radius: 16px;
  background: rgba(239, 247, 249, 0.62);
}

.client-upload-box small {
  color: #64748b;
}

.client-remittance-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.client-remittance-review-grid div {
  min-width: 0;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.76);
}

.client-remittance-review-grid span {
  display: block;
  color: #a36f28;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.client-remittance-review-grid strong {
  margin-top: 5px;
  font-size: 0.95rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.client-remittance-final .client-primary-button {
  width: min(360px, 100%);
}

.client-remittance-final .client-primary-button:disabled,
.client-primary-button.is-incomplete {
  cursor: not-allowed;
  opacity: 0.58;
  transform: none;
  box-shadow: none;
}

.client-checklist .client-list-row {
  position: relative;
  padding-left: 42px;
}

.client-checklist .client-list-row::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid rgba(100, 116, 139, 0.36);
  background: rgba(255,255,255,0.72);
}

.client-checklist .client-list-row.complete {
  border-color: rgba(20, 184, 166, 0.20);
  background: rgba(240, 253, 250, 0.74);
}

.client-checklist .client-list-row.complete::before {
  border-color: rgba(20, 184, 166, 0.58);
  background: #14b8a6;
}

.client-security-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 14px;
  padding: 18px 22px;
  border: 1px solid rgba(163, 111, 40, 0.20);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 247, 232, 0.92), rgba(239, 247, 249, 0.86));
  box-shadow: 0 18px 42px rgba(25, 38, 52, 0.10);
}

.client-security-banner strong {
  display: block;
  margin-top: 4px;
  color: #111827;
  font-size: 1.14rem;
}

.client-security-banner p {
  margin: 3px 0 0;
  color: #64748b;
}

.client-security-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.client-security-list div {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(17, 24, 39, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.68);
}

.client-security-list span {
  display: block;
  margin-bottom: 5px;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.client-security-list strong {
  font-size: 1rem;
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .client-login-shell,
  .client-hero-grid,
  .client-grid,
  .client-split,
  .client-remittance-shell {
    grid-template-columns: 1fr;
  }

  .client-login-shell {
    min-height: auto;
    align-items: stretch;
  }

  .client-login-hero {
    min-height: 360px;
    padding: 28px;
  }

  .client-table-row {
    grid-template-columns: 1fr;
  }

  .client-remittance-side {
    order: -1;
  }

  .client-remittance-review-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-table-row em {
    justify-self: start;
  }
}

@media (max-width: 680px) {
  .client-portal-shell {
    width: min(100% - 20px, 720px);
    padding: 14px 0 28px;
  }

  .client-topbar,
  .client-identity,
  .client-top-actions,
  .client-action-row,
  .client-security-banner {
    align-items: stretch;
    flex-direction: column;
  }

  .client-avatar {
    width: 52px;
    height: 52px;
  }

  .client-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .client-remittance-head {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px;
  }

  .client-remittance-step {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 10px;
    padding: 14px 16px;
  }

  .client-step-index {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    font-size: 0.85rem;
  }

  .client-remittance-quote-grid,
  .client-remittance-review-grid {
    grid-template-columns: 1fr;
  }

  .client-remittance-quote,
  .client-selected-card,
  .client-remittance-review-grid {
    padding: 10px;
  }

  .client-remittance-review-grid div {
    padding: 10px;
  }

  .client-checklist {
    gap: 8px;
  }

  .client-checklist .client-list-row {
    min-height: 0;
    padding: 11px 12px 11px 36px;
  }

  .client-checklist .client-list-row::before {
    left: 13px;
    top: 16px;
    width: 10px;
    height: 10px;
  }

  .client-security-list {
    grid-template-columns: 1fr;
  }

  .client-login-card,
  .client-panel {
    padding: 16px;
  }
}

.client-portal-body .client-command-panel h2,
.client-portal-body .client-command-panel strong {
  color: #ffffff;
}

.client-portal-body .client-command-panel .client-icon-button {
  color: #0f172a;
  background: rgba(255, 255, 255, 0.88);
}

/* Final override: the admin client-app console is not the beneficiaries data modal. */
#client-beneficiaries-modal.client-portal-access-mode:not(.hidden) {
  display: block !important;
  place-items: initial !important;
  overflow: auto !important;
  padding: 18px !important;
  background: rgba(4, 8, 14, 0.58) !important;
}

#client-beneficiaries-modal.client-portal-access-mode .modal-card,
#client-beneficiaries-modal.client-portal-access-mode .modal-card.wide {
  display: block !important;
  width: min(1120px, calc(100vw - 28px)) !important;
  max-width: min(1120px, calc(100vw - 28px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 auto !important;
  padding: 18px !important;
  border-radius: 22px !important;
}

#client-beneficiaries-modal.client-portal-access-mode .modal-card::before {
  display: none !important;
}

#client-beneficiaries-modal.client-portal-access-mode .modal-card > .panel-head {
  position: relative !important;
  top: auto !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 18px !important;
  border-radius: 18px !important;
}

#client-beneficiaries-modal.client-portal-access-mode #client-beneficiaries-summary {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

#client-beneficiaries-modal.client-portal-access-mode #client-remittance-history-table,
#client-beneficiaries-modal.client-portal-access-mode #client-beneficiaries-toolbar,
#client-beneficiaries-modal.client-portal-access-mode #client-beneficiaries-table {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

#client-beneficiaries-modal.client-portal-access-mode .client-access-console {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (max-width: 767px) {
  #client-beneficiaries-modal.client-portal-access-mode:not(.hidden) {
    padding: 8px !important;
  }

  #client-beneficiaries-modal.client-portal-access-mode .modal-card,
  #client-beneficiaries-modal.client-portal-access-mode .modal-card.wide {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    padding: 10px !important;
  }

  #client-beneficiaries-modal.client-portal-access-mode .client-access-hero,
  #client-beneficiaries-modal.client-portal-access-mode .client-access-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}

/* Final full-workspace override for dollar reference editor. */
#rate-editor-modal:not(.hidden) {
  inset: 0 0 0 var(--sidebar-size) !important;
  place-items: stretch !important;
  padding: 28px !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

#rate-editor-modal .rate-editor-modal-card {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(100dvh - 56px) !important;
  max-height: calc(100dvh - 56px) !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: hidden !important;
  padding: 20px !important;
  border-radius: 24px !important;
}

#rate-editor-modal .rate-editor-modal-card > .panel-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 12 !important;
  margin: 0 0 14px !important;
  padding: 16px 18px !important;
  border-radius: 18px !important;
}

#rate-editor-modal #rate-form {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: auto !important;
  overflow-x: hidden !important;
  align-content: start !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
  padding: 0 8px 14px 0 !important;
  scrollbar-gutter: stable !important;
}

#rate-editor-modal .rate-country-field .search-select-trigger {
  min-height: 62px !important;
}

#rate-editor-modal .rate-country-field .search-select-trigger-text {
  font-size: 1.2rem !important;
  font-weight: 800 !important;
}

#rate-editor-modal .rate-country-field .search-select-option-main.has-flag,
#rate-editor-modal .rate-country-field .search-select-trigger-text .search-select-option-main.has-flag {
  gap: 16px !important;
}

#rate-editor-modal .rate-country-field .search-select-flag {
  width: 42px !important;
  height: 30px !important;
  border-radius: 8px !important;
}

#rate-editor-modal .rate-country-field .search-select-option-label {
  font-size: 1.14rem !important;
  font-weight: 800 !important;
}

#rate-editor-modal .rate-country-field .search-select-option {
  min-height: 64px !important;
}

#rate-editor-modal .rate-country-field .search-select-panel {
  max-height: min(420px, 56dvh) !important;
  overflow: auto !important;
  z-index: 24 !important;
}

#rate-editor-modal .form-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 14 !important;
  margin-top: 8px !important;
  padding: 16px 0 0 !important;
}

/* Final full-workspace override for internal transfers. */
#internal-transfer-modal:not(.hidden) {
  inset: 0 0 0 var(--sidebar-size) !important;
  place-items: stretch !important;
  padding: 22px !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

#internal-transfer-modal .internal-transfer-modal-card {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(100dvh - 44px) !important;
  max-height: calc(100dvh - 44px) !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: hidden !important;
  padding: 14px 18px !important;
  border-radius: 24px !important;
}

#internal-transfer-modal .internal-transfer-modal-card::before {
  display: none !important;
}

#internal-transfer-modal .internal-transfer-modal-card > .panel-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 12 !important;
  margin: 0 0 8px !important;
  padding: 10px 16px !important;
  border: 1px solid var(--neutral-08) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(201,166,107,0.12), transparent 34%),
    linear-gradient(135deg, rgba(18,26,38,0.98), rgba(12,19,29,0.98)) !important;
  box-shadow: inset 0 1px 0 var(--neutral-04), 0 20px 46px rgba(0,0,0,0.2) !important;
}

#internal-transfer-modal #internal-transfer-form {
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: auto !important;
  overflow-x: hidden !important;
  align-content: start !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 8px 12px !important;
  padding: 0 !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: none !important;
}

#internal-transfer-modal #internal-transfer-form::-webkit-scrollbar {
  display: none !important;
}

#internal-transfer-modal #internal-transfer-form > label {
  grid-column: span 6 !important;
}

#internal-transfer-modal .internal-transfer-route-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 54px !important;
  padding: 10px 16px !important;
}

#internal-transfer-modal .internal-transfer-route-card strong {
  white-space: nowrap !important;
}

#internal-transfer-modal .internal-transfer-route-card span {
  max-width: 1120px !important;
}

#internal-transfer-modal .search-select-trigger {
  min-height: 58px !important;
  border-radius: 18px !important;
}

#internal-transfer-modal .search-select-trigger-text {
  font-size: 1rem !important;
  font-weight: 800 !important;
}

#internal-transfer-modal .search-select-option-main.has-flag,
#internal-transfer-modal .search-select-trigger-text .search-select-option-main.has-flag {
  gap: 14px !important;
}

#internal-transfer-modal .search-select-flag {
  width: 38px !important;
  height: 27px !important;
  border-radius: 8px !important;
}

#internal-transfer-modal .search-select-option {
  min-height: 58px !important;
}

#internal-transfer-modal .search-select-panel {
  max-height: min(430px, 56dvh) !important;
  overflow: auto !important;
  z-index: 24 !important;
}

#internal-transfer-modal .transfer-account-balance-card {
  min-height: 64px !important;
  padding: 10px 13px !important;
  border-radius: 18px !important;
}

#internal-transfer-modal #internal-transfer-preview {
  min-height: 82px !important;
  padding: 14px 18px !important;
  margin-top: 0 !important;
}

#internal-transfer-modal .internal-transfer-receipt-card {
  padding: 12px 16px !important;
  gap: 8px !important;
}

#internal-transfer-modal .receipt-composer-grid {
  gap: 10px !important;
}

#internal-transfer-modal .receipt-composer-head-row {
  align-items: center !important;
}

#internal-transfer-modal .receipt-composer-drop,
#internal-transfer-modal .receipt-composer-link-card {
  padding: 10px 12px !important;
  border-radius: 16px !important;
}

#internal-transfer-modal .receipt-composer-drop {
  gap: 8px !important;
}

#internal-transfer-modal .receipt-composer-filehint {
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
}

#internal-transfer-modal .receipt-composer .ghost-button {
  padding: 8px 10px !important;
}

#internal-transfer-modal .receipt-composer-link {
  gap: 7px !important;
}

#internal-transfer-modal .form-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 14 !important;
  justify-content: flex-start !important;
  margin-top: 4px !important;
  padding: 8px 0 0 24px !important;
  background: linear-gradient(180deg, rgba(11,17,25,0), rgba(11,17,25,0.96) 28%) !important;
}

/* Contained workspace for corridor rate management. */
#corridor-windows-modal:not(.hidden) {
  inset: 0 0 0 var(--sidebar-size);
  place-items: stretch;
  padding: 28px;
  background: transparent;
  backdrop-filter: none;
}
#corridor-windows-modal .corridor-rate-modal {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(100dvh - 56px);
  max-height: calc(100dvh - 56px) !important;
  min-height: 0 !important;
  border-radius: 24px;
  display: grid;
  grid-template-rows: auto auto minmax(300px, 1fr);
  gap: 10px;
  overflow: hidden;
  padding: 20px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 24px 70px rgba(0,0,0,0.22);
}
#corridor-windows-modal .corridor-rate-modal::before {
  display: none;
}
#corridor-windows-modal .corridor-rate-head {
  position: sticky;
  top: 0;
  z-index: 12;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid var(--neutral-08);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 0%, rgba(201,166,107,0.12), transparent 34%),
    linear-gradient(135deg, rgba(18,26,38,0.98), rgba(12,19,29,0.98));
  box-shadow: inset 0 1px 0 var(--neutral-04), 0 20px 46px rgba(0,0,0,0.22);
}
#corridor-windows-modal .corridor-rate-head h2 {
  font-size: clamp(1.05rem, 1.28vw, 1.42rem);
  line-height: 1.12;
}
#corridor-windows-modal .corridor-rate-switcher-row {
  margin-top: 0;
}
#corridor-windows-modal .corridor-rate-switcher {
  max-width: 1180px;
}
#corridor-windows-modal .corridor-rate-switcher-button {
  min-height: 58px;
}
#corridor-windows-modal .corridor-rate-head-subtitle {
  display: none;
}
#corridor-windows-modal .corridor-rate-head .eyebrow {
  margin-bottom: 6px;
  font-size: 0.62rem;
}
#corridor-windows-modal .corridor-rate-head-meta {
  margin-top: 8px;
  gap: 8px;
}
#corridor-windows-modal .corridor-rate-stage-chip {
  min-height: 28px;
  padding: 5px 10px;
  font-size: 0.68rem;
}
#corridor-windows-modal .corridor-rate-stage-copy {
  font-size: 0.78rem;
}
#corridor-windows-modal .corridor-rate-head-actions {
  align-items: center;
  gap: 8px;
}
#corridor-windows-modal .corridor-rate-head-actions button {
  min-height: 42px;
  padding: 10px 16px;
}
#corridor-windows-modal .corridor-rate-header-badge .corridor-mode-badge {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 16px;
}
#corridor-windows-modal .corridor-rate-header-badge .corridor-mode-mark {
  min-width: 34px;
  min-height: 24px;
  border-radius: 10px;
}
#corridor-windows-modal #corridor-windows-summary {
  min-height: 0;
  overflow: visible;
  margin-top: 8px;
  padding: 0;
}
#corridor-windows-modal .corridor-rate-guidance {
  margin-bottom: 10px;
  padding: 12px 14px;
  border-radius: 16px;
}
#corridor-windows-modal .corridor-rate-hero-grid {
  grid-template-columns: minmax(260px, 0.9fr) minmax(320px, 1.05fr) minmax(260px, 0.9fr);
  gap: 10px;
  margin-bottom: 10px;
}
#corridor-windows-modal .corridor-rate-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
#corridor-windows-modal .corridor-rate-hero-card,
#corridor-windows-modal .corridor-rate-pulse-card,
#corridor-windows-modal .corridor-rate-decision-card {
  min-height: 112px;
  padding: 13px 14px;
  border-radius: 18px;
}
#corridor-windows-modal .corridor-rate-reference-card {
  min-height: 112px;
  padding: 13px 14px;
  border-radius: 18px;
}
#corridor-windows-modal .corridor-rate-hero-card strong {
  font-size: clamp(1.24rem, 1.55vw, 1.72rem);
}
#corridor-windows-modal .corridor-rate-key-value {
  font-size: 1.28rem;
}
#corridor-windows-modal .corridor-rate-base-panel {
  grid-template-columns: minmax(340px, 1fr) auto minmax(280px, 0.8fr);
  gap: 10px;
  margin-top: 10px;
  align-items: end;
}
#corridor-windows-modal .corridor-rate-base-field input {
  min-height: 48px;
  border-radius: 14px;
}
#corridor-windows-modal .corridor-rate-base-actions {
  gap: 8px;
}
#corridor-windows-modal .corridor-rate-impact-card {
  padding: 12px 14px;
  border-radius: 16px;
}
#corridor-windows-modal #corridor-windows-table {
  min-height: 0;
  overflow: auto;
  scrollbar-gutter: stable;
  margin-top: 0;
  border-radius: 18px;
  align-self: stretch;
}
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-modal {
  background:
    radial-gradient(circle at top right, rgba(201,166,107,0.11), transparent 26%),
    linear-gradient(180deg, rgba(248,250,252,0.98), rgba(246,244,239,0.98));
}
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-head {
  background:
    radial-gradient(circle at 92% 0%, rgba(201,166,107,0.14), transparent 34%),
    linear-gradient(135deg, rgba(244,248,252,0.98), rgba(255,255,255,0.94));
  border-color: rgba(143,126,99,0.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 18px 42px rgba(51,65,85,0.12);
}
:root[data-theme="light"] .corridor-rate-switcher-button {
  background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.9));
  color: #172033;
}
:root[data-theme="light"] .corridor-rate-switcher-menu {
  background: rgba(255,255,255,0.98);
  box-shadow: 0 26px 70px rgba(51,65,85,0.22);
}

:root[data-theme="light"] #internal-transfer-modal .internal-transfer-modal-card > .panel-head {
  background:
    radial-gradient(circle at 92% 0%, rgba(201,166,107,0.14), transparent 34%),
    linear-gradient(135deg, rgba(244,248,252,0.98), rgba(255,255,255,0.94)) !important;
  border-color: rgba(143,126,99,0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 18px 42px rgba(51,65,85,0.12) !important;
}

:root[data-theme="light"] #internal-transfer-modal .form-actions {
  background: linear-gradient(180deg, rgba(248,250,252,0), rgba(248,250,252,0.96) 28%) !important;
}
@media (max-width: 1100px) {
  #internal-transfer-modal:not(.hidden) {
    inset: 0 !important;
    padding: 14px !important;
  }
  #internal-transfer-modal .internal-transfer-modal-card {
    height: calc(100dvh - 28px) !important;
    max-height: calc(100dvh - 28px) !important;
    padding: 14px !important;
  }
  #internal-transfer-modal .internal-transfer-route-card {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  #internal-transfer-modal #internal-transfer-form > label {
    grid-column: 1 / -1 !important;
  }
  #rate-editor-modal:not(.hidden) {
    inset: 0;
    padding: 14px;
  }
  #rate-editor-modal .rate-editor-modal-card {
    height: calc(100dvh - 28px);
    max-height: calc(100dvh - 28px) !important;
    padding: 14px;
  }
  #corridor-windows-modal:not(.hidden) {
    inset: 0;
    padding: 14px;
  }
  #corridor-windows-modal .corridor-rate-modal {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100dvh - 28px);
    max-height: calc(100dvh - 28px) !important;
    padding: 14px;
  }
  #corridor-windows-modal .corridor-rate-summary-grid,
  #corridor-windows-modal .corridor-rate-hero-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #corridor-windows-modal .corridor-rate-switcher-row {
    align-items: stretch;
    flex-direction: column;
  }
  #corridor-windows-modal .corridor-rate-switcher {
    flex-basis: auto;
    min-width: 0;
    max-width: none;
  }
  #corridor-windows-modal .corridor-rate-head-subtitle {
    white-space: normal;
  }
  #corridor-windows-modal .corridor-rate-base-panel {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  #internal-transfer-modal:not(.hidden) {
    inset: 0 !important;
    place-items: end stretch !important;
    padding: 0 !important;
  }
  #internal-transfer-modal .internal-transfer-modal-card {
    width: 100vw !important;
    max-width: 100vw !important;
    height: min(94dvh, calc(100dvh - 8px)) !important;
    max-height: min(94dvh, calc(100dvh - 8px)) !important;
    border-radius: 22px 22px 0 0 !important;
    padding: 10px !important;
  }
  #internal-transfer-modal #internal-transfer-form {
    grid-template-columns: 1fr !important;
  }
  #internal-transfer-modal .receipt-composer-grid {
    grid-template-columns: 1fr !important;
  }
  #rate-editor-modal:not(.hidden) {
    inset: 0;
    place-items: end stretch;
    padding: 0;
  }
  #rate-editor-modal .rate-editor-modal-card {
    width: 100vw !important;
    max-width: 100vw !important;
    height: min(94dvh, calc(100dvh - 8px));
    max-height: min(94dvh, calc(100dvh - 8px)) !important;
    border-radius: 22px 22px 0 0;
    padding: 10px;
  }
  #rate-editor-modal #rate-form {
    grid-template-columns: 1fr;
  }
  #corridor-windows-modal:not(.hidden) {
    inset: 0;
    place-items: end stretch;
    padding: 0;
  }
  #corridor-windows-modal .corridor-rate-modal {
    width: 100vw !important;
    max-width: 100vw !important;
    height: min(94dvh, calc(100dvh - 8px));
    max-height: min(94dvh, calc(100dvh - 8px)) !important;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: auto;
    border-radius: 22px 22px 0 0;
    padding: 10px;
  }
  #corridor-windows-modal .corridor-rate-head {
    border-radius: 18px;
  }
  #corridor-windows-modal #corridor-windows-summary,
  #corridor-windows-modal #corridor-windows-table {
    overflow: visible;
    max-height: none;
  }
}

/* Responsive density pass for Centro de carga and Validacion. */
@media (min-width: 1181px) and (max-width: 1480px) {
  .workspace {
    gap: 14px;
    padding: 18px 20px;
  }

  .workspace-head {
    padding-bottom: 8px;
  }

  .workspace-head h2 {
    font-size: clamp(1.55rem, 2vw, 2rem);
    line-height: 1.05;
  }

  .workspace-head p {
    font-size: 0.88rem;
  }

  #metrics-strip.metrics-grid {
    grid-template-columns: minmax(250px, 1.12fr) repeat(3, minmax(165px, 1fr));
    gap: 12px;
  }

  #metrics-strip .metric-card {
    min-height: 108px !important;
    padding: 13px 15px;
    border-radius: 18px;
  }

  #metrics-strip .metric-card > strong {
    font-size: clamp(1.15rem, 1.7vw, 1.6rem) !important;
    line-height: 1.05;
  }

  #metrics-strip .metric-card p {
    margin-top: 6px;
    font-size: 0.82rem;
    line-height: 1.3;
  }

  #metrics-strip .metric-label {
    font-size: 0.62rem;
    letter-spacing: 0.15em;
  }

  #metrics-strip .metric-mini-table,
  #metrics-strip .metric-rate-ranges {
    margin-top: 6px;
  }

  #metrics-strip .metric-mini-row {
    grid-template-columns: minmax(80px, 1fr) max-content;
    gap: 8px;
    padding: 4px 0;
  }

  #metrics-strip .metric-mini-row span,
  #metrics-strip .metric-mini-row em {
    font-size: 0.76rem;
    line-height: 1.2;
  }

  #metrics-strip .metric-card .metric-mini-row strong,
  #metrics-strip .metric-card .metric-rate-row strong {
    font-size: 0.8rem !important;
  }

  #metrics-strip .metric-rate-row {
    gap: 8px;
    padding: 3px 0;
  }

  #view-dashboard .dashboard-control-room,
  #view-validation .validation-module {
    gap: 12px;
    padding: 15px;
    border-radius: 20px;
  }

  #view-dashboard .dashboard-control-room > .panel-head,
  #view-validation .client-head {
    align-items: center;
    gap: 12px;
    margin: 0;
  }

  #view-dashboard .dashboard-control-room > .panel-head h2 {
    font-size: 1.28rem;
    line-height: 1.08;
  }

  #view-dashboard .dashboard-control-room .workspace-copy,
  #view-validation .client-head-copy {
    font-size: 0.84rem;
    line-height: 1.32;
  }

  #view-dashboard .dashboard-cycle-picker {
    min-width: 160px;
  }

  #view-dashboard .dashboard-cycle-picker input {
    min-height: 40px;
  }

  #view-dashboard .dashboard-control-kpis,
  #view-validation .validation-kpis {
    grid-template-columns: repeat(6, minmax(108px, 1fr));
    gap: 9px;
  }

  #view-validation .validation-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-dashboard .dashboard-control-kpis .metric-card,
  #view-validation .validation-kpis .metric-card {
    min-height: 92px !important;
    padding: 11px 12px;
    border-radius: 16px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card strong,
  #view-validation .validation-kpis .metric-card strong {
    font-size: 1.38rem !important;
    line-height: 1;
    margin: 2px 0 5px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card p,
  #view-validation .validation-kpis .metric-card p {
    margin: 0;
    font-size: 0.76rem;
    line-height: 1.25;
  }

  #view-dashboard .dashboard-control-toolbar,
  #view-validation .validation-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 0.28fr);
    gap: 10px;
    margin: 8px 0 10px;
    padding: 11px;
    border-radius: 18px;
  }

  #view-dashboard .dashboard-control-toolbar input,
  #view-dashboard .dashboard-control-toolbar select,
  #view-validation .validation-toolbar input,
  #view-validation .validation-toolbar select {
    min-height: 42px;
    font-size: 0.9rem;
  }

  #view-dashboard .dashboard-operations-table,
  #view-validation .validation-table-shell {
    min-height: 0 !important;
    max-height: calc(100dvh - 388px);
    overflow: auto;
    border-radius: 18px;
    scrollbar-gutter: stable;
  }

  #view-validation .validation-table-shell {
    max-height: calc(100dvh - 294px);
  }

  #view-dashboard .dashboard-operations-table table,
  #view-validation .validation-table-shell table {
    min-width: 1120px;
    table-layout: fixed;
  }

  #view-dashboard .dashboard-operations-table th,
  #view-dashboard .dashboard-operations-table td,
  #view-validation .validation-table-shell th,
  #view-validation .validation-table-shell td {
    padding: 9px 10px;
    font-size: 0.82rem;
    vertical-align: top;
  }

  #view-dashboard .dashboard-operations-table .row-main,
  #view-validation .validation-table-shell .row-main {
    font-size: 0.88rem !important;
    line-height: 1.18;
    overflow-wrap: normal;
    word-break: normal;
  }

  #view-dashboard .dashboard-operations-table .row-sub,
  #view-validation .validation-table-shell .row-sub {
    font-size: 0.74rem;
    line-height: 1.22;
    overflow-wrap: normal;
    word-break: normal;
  }

  #view-dashboard .dashboard-operations-table td,
  #view-validation .validation-table-shell td {
    overflow-wrap: normal;
    word-break: normal;
  }

  #view-dashboard .dashboard-operations-table th:nth-child(1),
  #view-dashboard .dashboard-operations-table td:nth-child(1) { width: 44px; }
  #view-dashboard .dashboard-operations-table th:nth-child(2),
  #view-dashboard .dashboard-operations-table td:nth-child(2) { width: 154px; }
  #view-dashboard .dashboard-operations-table th:nth-child(3),
  #view-dashboard .dashboard-operations-table td:nth-child(3) { width: 132px; }
  #view-dashboard .dashboard-operations-table th:nth-child(4),
  #view-dashboard .dashboard-operations-table td:nth-child(4) { width: 122px; }
  #view-dashboard .dashboard-operations-table th:nth-child(5),
  #view-dashboard .dashboard-operations-table td:nth-child(5) { width: 116px; }
  #view-dashboard .dashboard-operations-table th:nth-child(6),
  #view-dashboard .dashboard-operations-table td:nth-child(6) { width: 112px; }
  #view-dashboard .dashboard-operations-table th:nth-child(7),
  #view-dashboard .dashboard-operations-table td:nth-child(7) { width: 112px; }
  #view-dashboard .dashboard-operations-table th:nth-child(8),
  #view-dashboard .dashboard-operations-table td:nth-child(8) { width: 104px; }
  #view-dashboard .dashboard-operations-table th:nth-child(9),
  #view-dashboard .dashboard-operations-table td:nth-child(9) { width: 88px; }
  #view-dashboard .dashboard-operations-table th:nth-child(10),
  #view-dashboard .dashboard-operations-table td:nth-child(10) { width: 118px; }
  #view-dashboard .dashboard-operations-table th:nth-child(11),
  #view-dashboard .dashboard-operations-table td:nth-child(11) { width: 96px; }

  #view-dashboard .dashboard-operations-table .dashboard-sla,
  #view-validation .validation-table-shell .dashboard-sla,
  #view-validation .validation-table-shell .validation-sla {
    min-width: 74px;
    padding: 5px 7px;
    border-radius: 12px;
  }

  #view-dashboard .dashboard-operations-table .dashboard-sla strong,
  #view-validation .validation-table-shell .dashboard-sla strong,
  #view-validation .validation-table-shell .validation-sla strong {
    font-size: 0.76rem;
  }

  #view-dashboard .dashboard-operations-table .dashboard-sla span,
  #view-validation .validation-table-shell .dashboard-sla span,
  #view-validation .validation-table-shell .validation-sla span {
    font-size: 0.62rem;
  }

  #view-dashboard .dashboard-operations-table .inline-button,
  #view-validation .validation-table-shell .inline-button {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 0.78rem;
  }

  .validation-detail-modal-card {
    width: min(1320px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 14px) !important;
    border-radius: 22px;
  }

  .validation-detail-modal-card > .panel-head {
    margin: 0;
    padding: 14px 18px;
  }

  .validation-detail-modal-card > .panel-head h2 {
    font-size: 1.32rem;
    line-height: 1.08;
  }

  .validation-detail-body {
    padding: 12px 16px 0;
  }

  .validation-detail-grid {
    grid-template-columns: minmax(0, 1.22fr) minmax(300px, 0.68fr);
    gap: 12px;
  }

  .validation-detail-main,
  .validation-detail-side {
    gap: 10px;
  }

  .validation-hero-card {
    grid-template-columns: minmax(145px, 0.7fr) repeat(2, minmax(168px, 1fr));
    gap: 8px;
    padding: 14px;
    border-radius: 18px;
  }

  .validation-hero-metric {
    padding: 10px;
    border-radius: 14px;
  }

  .validation-hero-card strong {
    font-size: 1.12rem;
  }

  .validation-hero-metric-primary strong {
    font-size: 1.42rem;
  }

  .validation-receipt-preview,
  .validation-receipt-image-button {
    min-height: min(330px, 44dvh);
  }

  .validation-receipt-image-button img {
    max-height: min(330px, 44dvh);
  }

  .validation-facts-grid {
    gap: 8px;
  }

  .validation-fact {
    padding: 10px;
    border-radius: 13px;
  }

  .validation-review-form {
    gap: 10px;
    margin-top: 10px;
    padding: 12px 16px 14px;
  }

  .validation-review-form textarea {
    min-height: 60px;
  }

  .validation-action-dock .primary-button,
  .validation-action-dock .danger-button {
    min-height: 42px;
    padding: 0 20px;
  }
}

@media (max-width: 900px) {
  #view-dashboard .dashboard-control-room {
    padding: 12px;
    border-radius: 18px;
  }

  #view-dashboard .dashboard-control-kpis,
  #view-validation .validation-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card,
  #view-validation .validation-kpis .metric-card {
    min-height: auto !important;
    padding: 11px;
    border-radius: 15px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card strong,
  #view-validation .validation-kpis .metric-card strong {
    font-size: 1.25rem !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-card p,
  #view-validation .validation-kpis .metric-card p {
    font-size: 0.74rem;
    line-height: 1.2;
  }

  #view-dashboard .dashboard-control-toolbar,
  #view-validation .validation-toolbar {
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 10px 0;
    padding: 10px;
  }

  #view-dashboard .dashboard-control-toolbar label:last-child,
  #view-validation .validation-toolbar label:last-child {
    grid-column: auto;
  }

  #view-dashboard .dashboard-operations-table,
  #view-validation .validation-table-shell {
    min-height: 0 !important;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  #view-dashboard .dashboard-operations-table table,
  #view-dashboard .dashboard-operations-table thead,
  #view-dashboard .dashboard-operations-table tbody,
  #view-dashboard .dashboard-operations-table tr,
  #view-dashboard .dashboard-operations-table td,
  #view-validation .validation-table-shell table,
  #view-validation .validation-table-shell thead,
  #view-validation .validation-table-shell tbody,
  #view-validation .validation-table-shell tr,
  #view-validation .validation-table-shell td {
    display: block;
    width: 100%;
  }

  #view-dashboard .dashboard-operations-table table,
  #view-validation .validation-table-shell table {
    min-width: 0;
  }

  #view-dashboard .dashboard-operations-table thead,
  #view-validation .validation-table-shell thead {
    display: none;
  }

  #view-dashboard .dashboard-operations-table tbody,
  #view-validation .validation-table-shell tbody {
    display: grid;
    gap: 10px;
  }

  #view-dashboard .dashboard-operations-table tr,
  #view-validation .validation-table-shell tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--panel);
    box-shadow: var(--shadow);
  }

  #view-dashboard .dashboard-operations-table td,
  #view-validation .validation-table-shell td {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    padding: 0;
    border: 0;
    font-size: 0.86rem;
  }

  #view-dashboard .dashboard-operations-table td::before,
  #view-validation .validation-table-shell td::before {
    content: attr(data-label);
    color: var(--muted);
    font-family: var(--font-ui);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  #view-dashboard .dashboard-operations-table td[data-label="Acción"],
  #view-dashboard .dashboard-operations-table td[data-label="Acciones"],
  #view-validation .validation-table-shell td[data-label="Acción"],
  #view-validation .validation-table-shell td[data-label="Acciones"] {
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
  }

  #view-dashboard .dashboard-operations-table td[data-label="Acción"]::before,
  #view-dashboard .dashboard-operations-table td[data-label="Acciones"]::before,
  #view-validation .validation-table-shell td[data-label="Acción"]::before,
  #view-validation .validation-table-shell td[data-label="Acciones"]::before {
    display: none;
  }

  #view-dashboard .dashboard-operations-table .table-actions,
  #view-validation .validation-table-shell .table-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #view-dashboard .dashboard-operations-table .inline-button,
  #view-validation .validation-table-shell .inline-button {
    width: 100%;
    justify-content: center;
  }

  .validation-detail-modal-card {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
  }

  .validation-detail-grid,
  .validation-hero-card {
    grid-template-columns: 1fr;
  }

  .validation-review-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .workspace {
    padding: 76px 12px 14px;
  }

  .workspace-head h2 {
    font-size: 1.35rem;
  }

  .workspace-head p {
    font-size: 0.82rem;
  }

  #metrics-strip.metrics-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #metrics-strip .metric-card {
    min-height: auto !important;
    padding: 12px 13px;
    border-radius: 16px;
  }

  #metrics-strip .metric-card > strong {
    font-size: 1.22rem !important;
  }

  #view-dashboard .dashboard-control-room > .panel-head,
  #view-validation .client-head {
    align-items: flex-start;
    flex-direction: column;
  }

  #view-dashboard .dashboard-cycle-actions,
  #view-validation .toolbar-actions {
    width: 100%;
    justify-content: flex-start;
  }

  #view-dashboard .dashboard-cycle-picker {
    width: 100%;
    min-width: 0;
  }

  #view-dashboard .dashboard-control-kpis,
  #view-validation .validation-kpis {
    grid-template-columns: 1fr 1fr;
  }

  #view-dashboard .dashboard-control-kpis .metric-card p,
  #view-validation .validation-kpis .metric-card p {
    display: none;
  }

  #view-dashboard .dashboard-operations-table tr,
  #view-validation .validation-table-shell tr {
    grid-template-columns: 1fr;
    padding: 11px;
  }

  #view-dashboard .dashboard-operations-table td,
  #view-validation .validation-table-shell td {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .validation-detail-modal-card > .panel-head {
    padding: 12px;
  }

  .validation-detail-body {
    padding: 10px 12px 0;
  }

  .validation-receipt-preview,
  .validation-receipt-image-button {
    min-height: 260px;
  }

  .validation-receipt-image-button img {
    max-height: 260px;
  }

  .validation-review-form {
    padding: 10px 12px 12px;
  }

  .validation-action-dock {
    grid-template-columns: 1fr;
  }
}

/* Premium laptop density v2: operational screens should show work, not oversized cards. */
@media (min-width: 1181px) and (max-width: 1480px) {
  #metrics-strip.metrics-grid {
    grid-template-columns: minmax(250px, 1.15fr) minmax(180px, 0.76fr) minmax(180px, 0.76fr) minmax(250px, 1fr);
    gap: 10px;
  }

  #metrics-strip .metric-card {
    min-height: 0 !important;
    height: auto;
    padding: 11px 14px;
    border-radius: 16px;
  }

  #metrics-strip .metric-card:not(.dashboard-country-totals-card) {
    display: grid;
    align-content: start;
    gap: 4px;
  }

  #metrics-strip .metric-label {
    font-size: 0.58rem;
    line-height: 1.15;
  }

  #metrics-strip .metric-card > strong {
    margin: 0;
    font-size: clamp(1.05rem, 1.35vw, 1.38rem) !important;
  }

  #metrics-strip .metric-card p,
  #metrics-strip .metric-rate-ranges {
    font-size: 0.75rem;
    line-height: 1.2;
  }

  #metrics-strip .metric-mini-table,
  #metrics-strip .metric-rate-ranges {
    margin-top: 4px;
  }

  #metrics-strip .metric-mini-row {
    padding: 3px 0;
    row-gap: 1px;
  }

  #metrics-strip .metric-mini-row span,
  #metrics-strip .metric-mini-row em {
    font-size: 0.68rem;
  }

  #metrics-strip .metric-card .metric-mini-row strong,
  #metrics-strip .metric-card .metric-rate-row strong {
    font-size: 0.7rem !important;
  }

  #metrics-strip .metric-rate-ranges {
    display: grid;
    gap: 2px;
  }

  #metrics-strip .metric-rate-row {
    grid-template-columns: minmax(0, 1fr) max-content;
    padding: 1px 0;
  }

  #view-dashboard .dashboard-control-room {
    gap: 10px;
    padding: 12px 14px;
  }

  #view-dashboard .dashboard-control-room > .panel-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #view-dashboard .dashboard-control-room > .panel-head h2 {
    font-size: 1.14rem;
  }

  #view-dashboard .dashboard-control-room .eyebrow {
    margin-bottom: 4px;
    font-size: 0.58rem;
  }

  #view-dashboard .dashboard-control-room .workspace-copy {
    font-size: 0.76rem;
  }

  #view-dashboard .dashboard-control-kpis {
    gap: 7px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card {
    min-height: 74px !important;
    padding: 9px 10px;
  }

  #view-dashboard .dashboard-control-kpis .metric-label {
    font-size: 0.58rem;
    letter-spacing: 0.13em;
  }

  #view-dashboard .dashboard-control-kpis .metric-card strong {
    font-size: 1.12rem !important;
    margin: 0 0 3px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card p {
    font-size: 0.68rem;
    line-height: 1.14;
  }

  #view-dashboard .dashboard-control-toolbar,
  #view-validation .validation-toolbar,
  #view-clients .client-toolbar {
    margin: 6px 0 8px;
    padding: 9px 10px;
    border-radius: 16px;
  }

  #view-dashboard .dashboard-control-toolbar input,
  #view-dashboard .dashboard-control-toolbar select,
  #view-validation .validation-toolbar input,
  #view-validation .validation-toolbar select,
  #view-clients .client-toolbar input,
  #view-clients .client-toolbar select {
    min-height: 38px;
    border-radius: 14px;
    font-size: 0.82rem;
  }

  #view-dashboard .dashboard-operations-table {
    max-height: none;
    overflow-x: hidden;
    overflow-y: visible;
  }

  #view-dashboard .dashboard-operations-table table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  #view-dashboard .dashboard-operations-table th,
  #view-dashboard .dashboard-operations-table td {
    padding: 8px 8px;
    font-size: 0.76rem;
  }

  #view-dashboard .dashboard-operations-table .row-main {
    font-size: 0.8rem !important;
    line-height: 1.15;
  }

  #view-dashboard .dashboard-operations-table .row-sub {
    font-size: 0.67rem;
    line-height: 1.18;
  }

  #view-dashboard .dashboard-operations-table th:nth-child(1),
  #view-dashboard .dashboard-operations-table td:nth-child(1) { width: 4.2%; }
  #view-dashboard .dashboard-operations-table th:nth-child(2),
  #view-dashboard .dashboard-operations-table td:nth-child(2) { width: 12%; }
  #view-dashboard .dashboard-operations-table th:nth-child(3),
  #view-dashboard .dashboard-operations-table td:nth-child(3) { width: 10.5%; }
  #view-dashboard .dashboard-operations-table th:nth-child(4),
  #view-dashboard .dashboard-operations-table td:nth-child(4) { width: 9.5%; }
  #view-dashboard .dashboard-operations-table th:nth-child(5),
  #view-dashboard .dashboard-operations-table td:nth-child(5) { width: 9.5%; }
  #view-dashboard .dashboard-operations-table th:nth-child(6),
  #view-dashboard .dashboard-operations-table td:nth-child(6) { width: 10%; }
  #view-dashboard .dashboard-operations-table th:nth-child(7),
  #view-dashboard .dashboard-operations-table td:nth-child(7) { width: 9%; }
  #view-dashboard .dashboard-operations-table th:nth-child(8),
  #view-dashboard .dashboard-operations-table td:nth-child(8) { width: 7.8%; }
  #view-dashboard .dashboard-operations-table th:nth-child(9),
  #view-dashboard .dashboard-operations-table td:nth-child(9) { width: 7.8%; }
  #view-dashboard .dashboard-operations-table th:nth-child(10),
  #view-dashboard .dashboard-operations-table td:nth-child(10) { width: 9.2%; }
  #view-dashboard .dashboard-operations-table th:nth-child(11),
  #view-dashboard .dashboard-operations-table td:nth-child(11) { width: 10.5%; }

  #view-dashboard .dashboard-operations-table td:nth-child(11) {
    padding-right: 12px;
  }

  #view-dashboard .dashboard-operations-table .dashboard-sla {
    min-width: 0;
    width: 100%;
    padding: 4px 5px;
    border-radius: 10px;
  }

  #view-dashboard .dashboard-operations-table .dashboard-sla strong {
    font-size: 0.66rem;
  }

  #view-dashboard .dashboard-operations-table .dashboard-sla span {
    font-size: 0.56rem;
  }

  #view-dashboard .dashboard-operations-table .status-chip {
    max-width: 100%;
    min-height: 24px;
    padding: 4px 7px;
    font-size: 0.66rem;
  }

  #view-dashboard .dashboard-operations-table .inline-button {
    width: 100%;
    min-height: 30px;
    padding: 5px 8px;
    font-size: 0.72rem;
  }

  #view-clients .client-service-module {
    gap: 10px;
    padding: 14px;
  }

  #view-clients .client-head {
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
  }

  #view-clients .client-head-copy {
    font-size: 0.78rem;
  }

  #view-clients .toolbar-actions {
    gap: 8px;
  }

  #view-clients .toolbar-actions button,
  #view-clients .toolbar-actions .status-chip {
    min-height: 38px;
    padding: 8px 12px;
    font-size: 0.82rem;
  }

  #view-clients .client-service-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin: 6px 0 8px;
  }

  #view-clients .client-service-kpis .metric-card {
    min-height: 76px !important;
    padding: 10px 12px;
    border-radius: 16px;
  }

  #view-clients .client-service-kpis .metric-label {
    font-size: 0.58rem;
    letter-spacing: 0.13em;
  }

  #view-clients .client-service-kpis .metric-card strong {
    margin: 0 0 4px;
    font-size: 1.35rem !important;
  }

  #view-clients .client-service-kpis .metric-card p {
    margin: 0;
    font-size: 0.74rem;
    line-height: 1.22;
  }

  #view-clients .client-service-board {
    margin-top: 10px;
  }

  #view-clients .client-service-board .nested-panel {
    padding: 12px;
    border-radius: 18px;
  }

  #view-clients .client-service-board .panel-head {
    margin-bottom: 8px;
  }

  #view-clients #client-service-remittances.table-shell {
    min-height: 0;
    overflow: visible;
  }

  #view-clients #client-service-remittances table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  #view-clients #client-service-remittances th,
  #view-clients #client-service-remittances td {
    padding: 8px;
    font-size: 0.76rem;
  }

  #view-clients #client-service-remittances .row-main {
    font-size: 0.82rem;
    line-height: 1.15;
  }

  #view-clients #client-service-remittances .row-sub {
    font-size: 0.68rem;
    line-height: 1.18;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  #metrics-strip.metrics-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-dashboard .dashboard-operations-table th,
  #view-dashboard .dashboard-operations-table td {
    padding: 7px 6px;
  }

  #view-dashboard .dashboard-operations-table .row-main {
    font-size: 0.76rem !important;
  }

  #view-dashboard .dashboard-operations-table .row-sub {
    font-size: 0.63rem;
  }

  #view-dashboard .dashboard-operations-table th:nth-child(8),
  #view-dashboard .dashboard-operations-table td:nth-child(8) {
    display: none;
  }

  #view-dashboard .dashboard-operations-table th:nth-child(11),
  #view-dashboard .dashboard-operations-table td:nth-child(11) {
    width: 11.8%;
  }
}

/* Dashboard forensic pass: prevent laptop drawer lock and promote dollar references. */
.workspace-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.workspace-title-row h2 {
  min-width: 0;
}

.dashboard-average-time-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 11px;
  border: 1px solid rgba(201,166,107,0.22);
  border-radius: 999px;
  background: rgba(201,166,107,0.11);
  color: var(--text);
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}

.metric-dollar-reference-list {
  display: grid;
  gap: 5px;
  margin-top: 7px;
}

.metric-dollar-reference-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  gap: 8px;
  align-items: baseline;
  padding: 4px 0;
  border-bottom: 1px solid var(--border-soft);
}

.metric-dollar-reference-row:last-child {
  border-bottom: 0;
}

.metric-dollar-reference-row span {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 0.82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metric-dollar-reference-row strong {
  margin: 0 !important;
  color: var(--text);
  font-size: 0.86rem !important;
  font-variant-numeric: tabular-nums;
}

.metric-dollar-reference-row em {
  color: var(--muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.05em;
}

@media (min-width: 1181px) and (max-width: 1480px) {
  .shell {
    grid-template-columns: var(--sidebar-size) minmax(0, 1fr) !important;
  }

  .sidebar-toggle {
    display: inline-flex;
  }

  .sidebar {
    position: sticky !important;
    top: 0;
    left: auto;
    width: auto !important;
    height: 100vh;
    transform: none !important;
    box-shadow: none;
    z-index: 4;
  }

  .sidebar-overlay {
    display: none !important;
  }

  body.sidebar-drawer-open {
    overflow: auto !important;
  }

  body.sidebar-drawer-open .sidebar {
    transform: none !important;
  }

  .workspace {
    padding-top: 18px !important;
  }

  .dashboard-average-time-chip {
    min-height: 28px;
    padding: 5px 10px;
    font-size: 0.72rem;
  }

  .dashboard-dollar-reference-card {
    min-height: 0 !important;
  }

  .dashboard-dollar-reference-card .metric-label {
    margin-bottom: 2px;
  }

  .metric-dollar-reference-list {
    gap: 3px;
    margin-top: 3px;
  }

  .metric-dollar-reference-row {
    gap: 6px;
    padding: 2px 0;
  }

  .metric-dollar-reference-row span {
    font-size: 0.72rem;
  }

  .metric-dollar-reference-row strong {
    font-size: 0.74rem !important;
  }

  .metric-dollar-reference-row em {
    font-size: 0.58rem;
  }
}

@media (max-width: 720px) {
  .workspace-title-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .dashboard-average-time-chip {
    max-width: 100%;
    white-space: normal;
  }
}

@media (max-width: 767px) {
  body[data-active-view="operator"] .workspace {
    padding-top: 14px;
  }

  body[data-active-view="operator"] .workspace-head {
    display: block;
    min-height: 44px;
    margin-bottom: 8px;
    padding: 0 128px 8px 64px;
  }

  body[data-active-view="operator"] .workspace-title-row {
    display: flex;
    align-items: center;
    flex-direction: row;
    min-height: 44px;
    gap: 8px;
  }

  body[data-active-view="operator"] .workspace-head h2 {
    margin: 0;
    font-size: clamp(1.45rem, 7vw, 1.86rem);
    line-height: 1;
    white-space: nowrap;
  }

  body[data-active-view="operator"] #sidebar-toggle,
  body[data-active-view="operator"] .sidebar-toggle {
    top: 14px;
    left: 14px;
  }

  body[data-active-view="operator"] #view-operator .operator-history-button {
    top: 14px;
    right: 14px;
    min-height: 42px;
    padding: 6px 14px;
  }

  body[data-active-view="operator"] #view-operator .operator-kpis {
    margin-top: 2px;
  }
}

/* Validation laptop premium pass: reduce chrome and keep the receipt/action area usable. */
@media (min-width: 1181px) {
  #validation-detail-modal:not(.hidden) {
    padding: 10px;
  }

  #validation-detail-modal .validation-detail-modal-card {
    width: min(1260px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    border-radius: 18px;
  }

  #validation-detail-modal .validation-detail-modal-card > .panel-head {
    min-height: 0;
    align-items: center;
    padding: 9px 14px;
    border-bottom: 1px solid var(--line);
    background:
      radial-gradient(circle at 94% 0%, rgba(201,166,107,0.08), transparent 28%),
      rgba(15, 23, 34, 0.72);
  }

  :root[data-theme="light"] #validation-detail-modal .validation-detail-modal-card > .panel-head {
    background:
      radial-gradient(circle at 94% 0%, rgba(201,166,107,0.12), transparent 28%),
      rgba(248, 250, 252, 0.96);
  }

  #validation-detail-modal .validation-detail-modal-card > .panel-head .eyebrow {
    margin-bottom: 3px;
    font-size: 0.56rem;
    letter-spacing: 0.18em;
  }

  #validation-detail-modal .validation-detail-modal-card > .panel-head h2 {
    font-size: 1.02rem;
    line-height: 1.05;
  }

  #validation-detail-modal .validation-detail-modal-card > .panel-head .ghost-button {
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 0.84rem;
  }

  #validation-detail-modal .validation-detail-body {
    padding: 10px 12px 0;
  }

  #validation-detail-modal .validation-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(270px, 0.36fr);
    gap: 10px;
  }

  #validation-detail-modal .validation-detail-main,
  #validation-detail-modal .validation-detail-side {
    gap: 8px;
  }

  #validation-detail-modal .detail-card {
    padding: 12px;
    border-radius: 16px;
  }

  #validation-detail-modal .validation-receipt-card-primary {
    min-height: 0;
  }

  #validation-detail-modal .validation-card-head {
    margin-bottom: 7px;
  }

  #validation-detail-modal .validation-card-head > strong,
  #validation-detail-modal .validation-detail-side > .detail-card > strong {
    font-size: 0.9rem;
    line-height: 1.1;
  }

  #validation-detail-modal .validation-card-head .status-chip {
    min-height: 26px;
    padding: 5px 9px;
    font-size: 0.7rem;
  }

  #validation-detail-modal .validation-receipt-preview,
  #validation-detail-modal .validation-receipt-image-button {
    min-height: clamp(300px, 46dvh, 460px);
    margin: 7px 0 8px;
    border-radius: 16px;
  }

  #validation-detail-modal .validation-receipt-image-button img,
  #validation-detail-modal .validation-receipt-preview.is-zoomed .validation-receipt-image-button img {
    max-height: clamp(300px, 46dvh, 460px);
  }

  #validation-detail-modal .validation-receipt-zoom-hint {
    display: none;
  }

  #validation-detail-modal .validation-receipt-actions {
    margin-bottom: 4px;
  }

  #validation-detail-modal .validation-receipt-actions .inline-button {
    min-height: 32px;
    padding: 6px 10px;
    font-size: 0.76rem;
  }

  #validation-detail-modal .validation-receipt-card-primary > span {
    display: block;
    max-width: 100%;
    color: var(--muted);
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #validation-detail-modal .validation-hero-card {
    display: none;
  }

  #validation-detail-modal .validation-critical-card {
    padding: 11px;
  }

  #validation-detail-modal .validation-facts-grid-support {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin-top: 8px;
  }

  #validation-detail-modal .validation-facts-grid-support .validation-fact,
  #validation-detail-modal .validation-facts-grid-support .validation-fact-amount,
  #validation-detail-modal .validation-facts-grid-support .validation-fact:last-child {
    grid-column: auto;
  }

  #validation-detail-modal .validation-fact {
    display: grid;
    grid-template-columns: minmax(92px, 0.42fr) minmax(0, 1fr);
    gap: 8px;
    align-items: baseline;
    min-height: 0;
    padding: 7px 8px;
    border-radius: 11px;
  }

  #validation-detail-modal .validation-fact span {
    margin: 0;
    font-size: 0.6rem;
    line-height: 1.1;
  }

  #validation-detail-modal .validation-fact strong {
    font-size: 0.78rem;
    line-height: 1.15;
  }

  #validation-detail-modal .validation-fact-amount strong {
    font-size: 0.95rem;
  }

  #validation-detail-modal .validation-detail-side > .detail-card:not(.validation-critical-card) {
    padding: 10px 11px;
  }

  #validation-detail-modal .validation-detail-side > .detail-card:not(.validation-critical-card) span {
    display: block;
    margin-top: 4px;
    font-size: 0.74rem;
    line-height: 1.22;
  }

  #validation-detail-modal .validation-review-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
    margin-top: 8px;
    padding: 9px 12px 10px;
    border-top: 1px solid var(--line);
    background:
      linear-gradient(180deg, rgba(10, 16, 24, 0.02), rgba(10, 16, 24, 0.62));
  }

  :root[data-theme="light"] #validation-detail-modal .validation-review-form {
    background:
      linear-gradient(180deg, rgba(248, 250, 252, 0.04), rgba(248, 250, 252, 0.94));
  }

  #validation-detail-modal .validation-note-field {
    grid-column: 1;
  }

  #validation-detail-modal .validation-note-field span {
    font-size: 0.68rem;
  }

  #validation-detail-modal .validation-review-form textarea {
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 14px;
    font-size: 0.84rem;
  }

  #validation-detail-modal .validation-action-dock {
    grid-column: 2;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
  }

  #validation-detail-modal .validation-action-dock .primary-button,
  #validation-detail-modal .validation-action-dock .danger-button {
    min-height: 42px;
    padding: 0 16px;
    font-size: 0.84rem;
    white-space: nowrap;
  }

  #validation-detail-modal .validation-action-dock .primary-button {
    min-width: 158px;
  }

  #validation-detail-modal .validation-action-dock .danger-button {
    min-width: 108px;
  }
}

@media (min-width: 1481px) {
  #validation-detail-modal .validation-detail-modal-card {
    width: min(1500px, calc(100vw - 28px)) !important;
  }

  #validation-detail-modal .validation-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.34fr);
    gap: 12px;
  }

  #validation-detail-modal .validation-receipt-preview,
  #validation-detail-modal .validation-receipt-image-button {
    min-height: clamp(360px, 52dvh, 560px);
  }

  #validation-detail-modal .validation-receipt-image-button img,
  #validation-detail-modal .validation-receipt-preview.is-zoomed .validation-receipt-image-button img {
    max-height: clamp(360px, 52dvh, 560px);
  }

  #validation-detail-modal .validation-review-form textarea {
    min-height: 52px;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  #validation-detail-modal .validation-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(245px, 0.32fr);
  }

  #validation-detail-modal .validation-fact {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  #validation-detail-modal .validation-review-form {
    grid-template-columns: 1fr;
  }

  #validation-detail-modal .validation-note-field,
  #validation-detail-modal .validation-action-dock {
    grid-column: 1;
  }

  #validation-detail-modal .validation-action-dock {
    justify-content: flex-end;
  }
}

/* Validation detail polish v2: give the receipt and action dock professional breathing room. */
@media (min-width: 1181px) {
  #validation-detail-modal .validation-detail-body {
    padding-top: 14px;
  }

  #validation-detail-modal .validation-receipt-card-primary {
    padding: 14px;
  }

  #validation-detail-modal .validation-card-head {
    margin-bottom: 10px;
  }

  #validation-detail-modal .validation-receipt-preview {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #validation-detail-modal .validation-receipt-image-button {
    box-sizing: border-box;
    padding: 16px 0 12px;
  }

  #validation-detail-modal .validation-receipt-image-button img {
    max-height: calc(clamp(300px, 46dvh, 460px) - 28px);
  }

  #validation-detail-modal .validation-receipt-preview.is-zoomed .validation-receipt-image-button img {
    max-height: calc(clamp(300px, 46dvh, 460px) - 28px);
  }

  #validation-detail-modal .validation-review-form {
    grid-template-columns: minmax(0, 1fr) max-content;
    column-gap: 14px;
    row-gap: 8px;
    align-items: center;
    margin-top: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
  }

  #validation-detail-modal .validation-note-field {
    align-self: center;
  }

  #validation-detail-modal .validation-review-form textarea {
    min-height: 50px;
  }

  #validation-detail-modal .validation-action-dock {
    align-self: end;
    align-items: center;
    padding: 0;
  }

  #validation-detail-modal .validation-critical-card {
    padding: 14px;
  }

  #validation-detail-modal .validation-detail-side > .detail-card > strong {
    font-size: 1rem;
    line-height: 1.2;
  }

  #validation-detail-modal .validation-facts-grid-support {
    gap: 8px;
    margin-top: 10px;
  }

  #validation-detail-modal .validation-fact {
    grid-template-columns: minmax(108px, 0.44fr) minmax(0, 1fr);
    gap: 11px;
    min-height: 40px;
    padding: 9px 11px;
    border-radius: 13px;
  }

  #validation-detail-modal .validation-fact span {
    font-size: 0.68rem;
    line-height: 1.12;
  }

  #validation-detail-modal .validation-fact strong {
    font-size: 0.9rem;
    line-height: 1.2;
  }

  #validation-detail-modal .validation-fact-amount strong {
    font-size: 1.06rem;
  }

  #validation-detail-modal .validation-detail-side > .detail-card:not(.validation-critical-card) {
    padding: 13px 14px;
  }

  #validation-detail-modal .validation-detail-side > .detail-card:not(.validation-critical-card) span {
    font-size: 0.84rem;
    line-height: 1.32;
  }

  #validation-detail-modal .validation-review-form {
    align-items: end;
  }

  #validation-detail-modal .validation-note-field span {
    font-size: 0.74rem;
  }

  #validation-detail-modal .validation-action-dock {
    align-self: end;
    justify-content: flex-end;
    padding-bottom: 1px;
  }

  #validation-detail-modal .validation-action-dock .primary-button,
  #validation-detail-modal .validation-action-dock .danger-button {
    min-height: 48px;
    padding: 0 20px;
    font-size: 0.9rem;
  }
}

@media (min-width: 1481px) {
  #validation-detail-modal .validation-receipt-image-button img,
  #validation-detail-modal .validation-receipt-preview.is-zoomed .validation-receipt-image-button img {
    max-height: calc(clamp(360px, 52dvh, 560px) - 30px);
  }

  #validation-detail-modal .validation-review-form {
    column-gap: 22px;
  }

  #validation-detail-modal .validation-review-form textarea {
    min-height: 58px;
  }
}

/* Validation decision row forensic fix: align actions to the textarea, not to the whole label block. */
@media (min-width: 1181px) {
  #validation-detail-modal .validation-review-form {
    grid-template-columns: minmax(0, 1fr) max-content;
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: 18px;
    row-gap: 8px;
  }

  #validation-detail-modal .validation-note-field {
    display: contents;
  }

  #validation-detail-modal .validation-note-field > span {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
  }

  #validation-detail-modal .validation-note-field > textarea {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    min-height: 58px;
  }

  #validation-detail-modal .validation-action-dock {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0;
    padding: 0;
    border-top: 0;
  }

  #validation-detail-modal .validation-action-dock .primary-button,
  #validation-detail-modal .validation-action-dock .danger-button {
    min-height: 48px;
  }
}

/* Distribution premium density pass: laptop and desktop need more working surface, less chrome. */
@media (min-width: 1181px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
    gap: 12px;
    align-items: start;
  }

  #view-distribution .distribution-module,
  #view-distribution .distribution-side-panel {
    border-radius: 20px;
    padding: 14px;
  }

  #view-distribution .distribution-module > .panel-head {
    min-height: 0;
    margin: 0 0 8px;
    padding: 0;
  }

  #view-distribution .distribution-module > .panel-head .client-head-copy {
    font-size: 0.82rem;
    line-height: 1.28;
  }

  #view-distribution .distribution-operators-panel {
    gap: 8px;
    margin: 0 0 8px;
    padding-bottom: 8px;
  }

  #view-distribution .distribution-section-label {
    align-items: center;
    margin-bottom: 2px;
  }

  #view-distribution .distribution-section-label strong {
    font-size: 0.9rem;
  }

  #view-distribution .distribution-operator-grid {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    gap: 8px;
  }

  #view-distribution .distribution-operator-card {
    min-height: 68px;
    gap: 8px;
    padding: 9px 10px;
    border-radius: 14px;
  }

  #view-distribution .distribution-operator-pills {
    gap: 6px;
  }

  #view-distribution .distribution-operator-pill {
    min-width: 32px;
    min-height: 26px;
    padding: 3px 8px;
    border-radius: 9px;
    font-size: 0.78rem;
  }

  #view-distribution .distribution-kpis {
    grid-template-columns: minmax(130px, 0.72fr) minmax(170px, 1fr);
    gap: 9px;
    margin: 8px 0;
  }

  #view-distribution .distribution-kpis .metric-card {
    min-height: 82px;
    padding: 10px 12px;
    border-radius: 16px;
  }

  #view-distribution .distribution-kpis .metric-card strong {
    font-size: 1.45rem;
    line-height: 1;
  }

  #view-distribution .distribution-kpis .metric-card p {
    margin-top: 6px;
    font-size: 0.72rem;
    line-height: 1.22;
  }

  #view-distribution .client-toolbar {
    margin: 8px 0 10px;
    padding: 10px;
    border-radius: 16px;
  }

  #view-distribution .client-toolbar input,
  #view-distribution .client-toolbar select {
    min-height: 40px;
    font-size: 0.84rem;
  }

  #view-distribution .distribution-table-shell {
    min-height: 0;
    max-height: none;
    overflow: auto;
    border-radius: 16px;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 10px 9px;
    font-size: 0.86rem;
    line-height: 1.26;
  }

  #view-distribution .distribution-table th:nth-child(1),
  #view-distribution .distribution-table td:nth-child(1) {
    width: 58px;
  }

  #view-distribution .distribution-table th:nth-child(2),
  #view-distribution .distribution-table td:nth-child(2) {
    width: 120px;
  }

  #view-distribution .distribution-table th:nth-child(3),
  #view-distribution .distribution-table td:nth-child(3) {
    width: 132px;
  }

  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) {
    width: 152px;
  }

  #view-distribution .distribution-table th:nth-child(6),
  #view-distribution .distribution-table td:nth-child(6) {
    width: 210px;
  }

  #view-distribution .distribution-table th:nth-child(7),
  #view-distribution .distribution-table td:nth-child(7) {
    width: 150px;
  }

  #view-distribution .distribution-table th:last-child,
  #view-distribution .distribution-table td:last-child {
    width: 122px;
  }

  #view-distribution .distribution-table .row-main {
    font-size: 0.88rem;
  }

  #view-distribution .distribution-table .row-sub {
    margin-top: 3px;
    font-size: 0.82rem;
  }

  #view-distribution .distribution-table .compact-button,
  #view-distribution .distribution-table .ghost-button {
    min-height: 32px;
    padding: 0 10px;
    font-size: 0.74rem;
  }

  #view-distribution .distribution-side-panel {
    position: sticky;
    top: 10px;
    max-height: calc(100dvh - 28px);
    overflow: auto;
  }

  #view-distribution .distribution-side-panel .panel-head {
    margin-bottom: 8px;
  }

  #view-distribution .distribution-side-panel .panel-head h3 {
    font-size: 1.16rem;
    line-height: 1.05;
  }

  #view-distribution .distribution-country-filter .search-select-trigger {
    min-height: 40px;
    border-radius: 14px;
  }

  #view-distribution .distribution-account-summary {
    margin: 8px 0 10px;
    padding: 9px 11px;
    border-radius: 14px;
  }

  #view-distribution .distribution-account-summary strong {
    font-size: 1.05rem;
  }

  #view-distribution .distribution-account-ledger .distribution-account-list {
    max-height: calc(100dvh - 290px);
    padding-right: 4px;
  }

  #view-distribution .distribution-account-ledger .distribution-account-row {
    padding: 7px 0;
    font-size: 0.8rem;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) minmax(244px, 278px);
    gap: 10px;
  }

  #view-distribution .distribution-module,
  #view-distribution .distribution-side-panel {
    padding: 12px;
  }

  #view-distribution .distribution-kpis {
    grid-template-columns: minmax(112px, 0.68fr) minmax(150px, 1fr);
  }

  #view-distribution .distribution-kpis .metric-card {
    min-height: 74px;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 8px 7px;
    font-size: 0.82rem;
  }
}

@media (min-width: 1181px) {
  #distribution-detail-modal {
    padding: 8px;
    overflow: hidden;
  }

  #distribution-detail-modal .distribution-detail-modal {
    width: min(1500px, calc(100vw - 16px));
    height: calc(100dvh - 16px);
    max-height: calc(100dvh - 16px);
    padding: 12px 14px 14px;
    border-radius: 20px;
    overflow: hidden;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 0;
    margin: 0 0 10px;
    padding: 8px 12px;
    border-radius: 14px;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head h2 {
    font-size: 1.08rem;
    line-height: 1.05;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head .eyebrow {
    margin-bottom: 3px;
    font-size: 0.56rem;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head .ghost-button {
    min-height: 38px;
    padding: 8px 14px;
  }

  #distribution-detail-modal .distribution-detail-body {
    gap: 10px;
    padding: 0 4px 8px 0;
    overflow: auto;
  }

  #distribution-detail-modal .distribution-detail-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.84fr) minmax(0, 0.7fr);
    gap: 8px;
  }

  #distribution-detail-modal .distribution-detail-grid > .detail-card {
    min-height: 58px;
    padding: 9px 12px;
    border-radius: 14px;
  }

  #distribution-detail-modal .distribution-remittance-hero strong {
    font-size: 1.32rem;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(258px, 292px);
    gap: 10px;
    align-items: start;
    overflow: visible;
  }

  #distribution-detail-modal .distribution-lines {
    gap: 10px;
    overflow: visible;
  }

  #distribution-detail-modal .distribution-line-card {
    border-radius: 16px;
    overflow: visible;
  }

  #distribution-detail-modal .distribution-line-card:has(.search-select.open) {
    position: relative;
    z-index: 90;
  }

  #distribution-detail-modal .distribution-line-form label:has(.search-select.open),
  #distribution-detail-modal .distribution-line-form .search-select.open {
    position: relative;
    z-index: 120;
  }

  #distribution-detail-modal .distribution-line-form .search-select-panel {
    z-index: 1500;
    max-height: min(300px, 40dvh);
    box-shadow: 0 26px 56px rgba(0, 0, 0, 0.36);
  }

  #distribution-detail-modal .distribution-line-beneficiary {
    gap: 10px;
    padding: 9px 12px;
  }

  #distribution-detail-modal .distribution-line-index {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    border-radius: 11px;
    font-size: 0.86rem;
  }

  #distribution-detail-modal .distribution-beneficiary-inline {
    gap: 6px;
  }

  #distribution-detail-modal .distribution-beneficiary-inline strong {
    font-size: 0.92rem;
  }

  #distribution-detail-modal .distribution-beneficiary-inline span {
    font-size: 0.84rem;
  }

  #distribution-detail-modal .distribution-line-beneficiary .compact-button {
    min-height: 32px;
    padding: 0 10px;
    font-size: 0.75rem;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(128px, 0.52fr) minmax(0, 1.22fr) minmax(136px, 0.58fr);
    gap: 9px;
    padding: 10px 12px;
  }

  #distribution-detail-modal .distribution-line-form label {
    gap: 5px;
  }

  #distribution-detail-modal .distribution-line-form label > span {
    font-size: 0.72rem;
  }

  #distribution-detail-modal .distribution-amount-control {
    min-height: 46px;
    padding: 0 12px;
    border-radius: 14px;
  }

  #distribution-detail-modal .distribution-amount-control input {
    min-height: 44px;
    font-size: 1rem;
  }

  #distribution-detail-modal .distribution-line-form select,
  #distribution-detail-modal .distribution-line-form .search-select-trigger {
    min-height: 46px;
    border-radius: 14px;
    font-size: 0.78rem;
  }

  #distribution-detail-modal .distribution-line-form textarea {
    min-height: 50px;
    padding: 10px 12px;
    border-radius: 14px;
    font-size: 0.82rem;
  }

  #distribution-detail-modal .distribution-add-beneficiary {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 14px;
  }

  #distribution-detail-modal .distribution-result-panel {
    position: sticky;
    top: 0;
    align-self: start;
    gap: 8px;
    min-width: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  #distribution-detail-modal .distribution-total-strip {
    gap: 8px;
    grid-template-columns: 1fr;
  }

  #distribution-detail-modal .distribution-total-strip > div {
    min-height: 64px;
    padding: 11px 13px;
    border-radius: 14px;
  }

  #distribution-detail-modal .distribution-total-strip strong {
    font-size: 1.28rem;
  }

  #distribution-detail-modal .distribution-action-dock {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 0;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #distribution-detail-modal .distribution-action-dock::before,
  #distribution-detail-modal .distribution-action-dock::after {
    display: none !important;
  }

  #distribution-detail-modal .distribution-action-dock .primary-button,
  #distribution-detail-modal .distribution-action-dock .ghost-button {
    width: 100%;
    min-height: 42px;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.84rem;
    box-shadow: none;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #distribution-detail-modal .distribution-detail-modal {
    width: calc(100vw - 14px);
    height: calc(100dvh - 14px);
    max-height: calc(100dvh - 14px);
    padding: 10px;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    margin-bottom: 8px;
    padding: 7px 10px;
  }

  #distribution-detail-modal .distribution-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr) minmax(0, 0.68fr);
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(232px, 260px);
    gap: 8px;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(112px, 0.45fr) minmax(0, 1fr) minmax(124px, 0.5fr);
    gap: 8px;
  }

  #distribution-detail-modal .distribution-total-strip > div {
    min-height: 56px;
    padding: 9px 11px;
  }

  #distribution-detail-modal .distribution-total-strip strong {
    font-size: 1.08rem;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
}

/* Distribution visual alignment v4: closer to Atencion, with a stronger payment-network rail. */
@media (min-width: 1181px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) clamp(320px, 19vw, 400px);
    gap: 16px;
  }

  #view-distribution .distribution-module > .panel-head {
    margin-bottom: 4px;
  }

  #view-distribution .distribution-module > .panel-head .client-head-copy {
    display: none;
  }

  #view-distribution .distribution-operators-panel {
    gap: 6px;
    margin-bottom: 8px;
    padding-bottom: 8px;
  }

  #view-distribution .distribution-operator-grid {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 8px;
  }

  #view-distribution .distribution-operator-card {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 8px 12px;
    text-align: left;
  }

  #view-distribution .distribution-operator-card strong,
  #view-distribution .distribution-operator-stats span {
    display: inline-flex;
  }

  #view-distribution .distribution-operator-stats {
    display: inline-flex;
    gap: 6px;
    align-items: center;
  }

  #view-distribution .distribution-kpis {
    grid-template-columns: minmax(180px, 0.54fr) minmax(260px, 1fr);
    gap: 10px;
    margin: 8px 0;
  }

  #view-distribution .distribution-kpis .metric-card {
    min-height: 88px;
    padding: 12px 14px;
  }

  #view-distribution .distribution-kpis .metric-card strong {
    font-size: 1.62rem;
  }

  #view-distribution .distribution-kpis .metric-card p {
    font-size: 0.8rem;
  }

  #view-distribution .client-toolbar {
    margin: 8px 0;
  }

  #view-distribution .distribution-table-shell table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 10px 10px;
    font-size: 0.9rem;
    line-height: 1.24;
  }

  #view-distribution .distribution-table th:nth-child(2),
  #view-distribution .distribution-table td:nth-child(2) {
    width: 112px;
  }

  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) {
    width: 120px;
  }

  #view-distribution .distribution-table th:nth-child(5),
  #view-distribution .distribution-table td:nth-child(5) {
    width: 138px;
  }

  #view-distribution .distribution-table th:nth-child(7),
  #view-distribution .distribution-table td:nth-child(7) {
    width: 132px;
  }

  #view-distribution .distribution-table th:nth-child(8),
  #view-distribution .distribution-table td:nth-child(8) {
    width: 96px;
  }

  #view-distribution .distribution-table .row-main {
    font-size: 0.94rem;
    line-height: 1.18;
  }

  #view-distribution .distribution-table .row-sub {
    font-size: 0.86rem;
    line-height: 1.24;
  }

  #view-distribution .distribution-table td:nth-child(4) .row-main,
  #view-distribution .distribution-table td:nth-child(4) .row-sub,
  #view-distribution .distribution-table td:nth-child(5) .row-main,
  #view-distribution .distribution-table td:nth-child(7) .row-main {
    white-space: nowrap;
  }

  #view-distribution .distribution-table td:nth-child(6) .row-sub {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #view-distribution .distribution-table .ghost-button {
    min-height: 36px;
    padding: 0 10px;
    font-size: 0.8rem;
  }

  #view-distribution .distribution-side-panel {
    padding: 16px;
  }

  #view-distribution .distribution-side-panel .panel-head h3 {
    font-size: 1.38rem;
  }

  #view-distribution .distribution-country-filter .search-select-trigger {
    min-height: 46px;
  }

  #view-distribution .distribution-account-summary {
    padding: 12px 14px;
  }

  #view-distribution .distribution-account-summary strong {
    font-size: 1.22rem;
  }

  #view-distribution .distribution-account-ledger .distribution-account-row {
    padding: 9px 0;
    font-size: 0.88rem;
  }
}

@media (min-width: 1680px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) clamp(360px, 18vw, 430px);
    gap: 18px;
  }

  #view-distribution .distribution-table-shell table {
    width: 100%;
    min-width: 0;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 320px);
    gap: 12px;
  }

  #view-distribution .distribution-operator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-distribution .distribution-operator-card {
    min-height: 50px;
  }

  #view-distribution .distribution-kpis .metric-card {
    min-height: 76px;
  }

  #view-distribution .distribution-table-shell table {
    width: 100%;
    min-width: 0;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 8px 9px;
    font-size: 0.86rem;
  }

  #view-distribution .distribution-table .row-main {
    font-size: 0.9rem;
  }

  #view-distribution .distribution-table .row-sub {
    font-size: 0.82rem;
  }
}

/* Distribution premium v6 final override: assignment queue first, liquidity rail second. */
@media (min-width: 1181px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) clamp(312px, 18vw, 360px);
    gap: 18px;
  }

  #view-distribution .distribution-module {
    min-height: min(660px, calc(100dvh - 138px));
  }

  #view-distribution .distribution-module,
  #view-distribution .distribution-side-panel {
    border-radius: 18px;
    box-shadow: 0 18px 56px rgba(0, 0, 0, 0.18);
  }

  #view-distribution .distribution-module > .panel-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  }

  #view-distribution .distribution-module > .panel-head .client-head-copy {
    display: block;
    max-width: 760px;
    font-size: 0.82rem;
  }

  #view-distribution .distribution-operators-panel {
    margin: 0 0 10px;
    padding: 0 0 10px;
  }

  #view-distribution .distribution-section-label {
    align-items: center;
    min-height: 26px;
  }

  #view-distribution .distribution-section-label strong {
    font-size: 0.82rem;
  }

  #view-distribution .distribution-operator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-distribution .distribution-operator-card {
    min-height: 48px;
    justify-content: space-between;
    padding: 8px 12px;
    border-radius: 13px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
      rgba(15, 23, 34, 0.52);
  }

  #view-distribution .distribution-operator-card strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #view-distribution .distribution-operator-pill {
    min-width: 30px;
    min-height: 24px;
    border-radius: 999px;
    font-size: 0.76rem;
  }

  #view-distribution .distribution-kpis {
    grid-template-columns: minmax(170px, 0.5fr) minmax(280px, 1fr);
    margin: 10px 0;
  }

  #view-distribution .distribution-kpis .metric-card {
    min-height: 84px;
    padding: 12px 14px;
    border-radius: 15px;
  }

  #view-distribution .distribution-kpis .metric-card strong {
    font-size: clamp(1.55rem, 1.6vw, 2rem);
  }

  #view-distribution .client-toolbar {
    margin: 8px 0 12px;
    padding: 10px 12px;
    border-radius: 15px;
  }

  #view-distribution .distribution-table-shell {
    min-height: clamp(260px, 34dvh, 420px);
    border-radius: 16px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.024), rgba(255, 255, 255, 0.008)),
      var(--table-shell-bg);
  }

  #view-distribution .distribution-table-shell table {
    min-width: 940px;
    table-layout: fixed;
  }

  #view-distribution .distribution-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    letter-spacing: 0.11em;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 11px 12px;
    font-size: 0.88rem;
  }

  #view-distribution .distribution-table tbody tr:hover {
    background: rgba(201, 166, 107, 0.055);
  }

  #view-distribution .distribution-table th:nth-child(1),
  #view-distribution .distribution-table td:nth-child(1) {
    width: 56px;
  }

  #view-distribution .distribution-table th:nth-child(3),
  #view-distribution .distribution-table td:nth-child(3) {
    width: 126px;
  }

  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) {
    width: 136px;
  }

  #view-distribution .distribution-table th:nth-child(5),
  #view-distribution .distribution-table td:nth-child(5) {
    width: 150px;
  }

  #view-distribution .distribution-table th:nth-child(6),
  #view-distribution .distribution-table td:nth-child(6) {
    width: auto;
  }

  #view-distribution .distribution-table th:nth-child(7),
  #view-distribution .distribution-table td:nth-child(7) {
    width: 148px;
  }

  #view-distribution .distribution-table th:nth-child(8),
  #view-distribution .distribution-table td:nth-child(8) {
    width: 112px;
  }

  #view-distribution .distribution-table .row-main {
    font-size: 0.92rem;
    line-height: 1.2;
  }

  #view-distribution .distribution-table .row-sub {
    font-size: 0.82rem;
    line-height: 1.24;
  }

  #view-distribution .distribution-table .ghost-button {
    min-height: 34px;
    border-radius: 999px;
    font-weight: 700;
  }

  #view-distribution .distribution-side-panel {
    top: 14px;
    padding: 16px;
    max-height: calc(100dvh - 30px);
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: 1.42rem;
    line-height: 1;
  }

  #distribution-detail-modal {
    padding: 24px;
  }

  #distribution-detail-modal .distribution-detail-modal {
    width: min(1500px, calc(100vw - 48px));
    height: auto;
    min-height: 0;
    max-height: calc(100dvh - 48px);
    padding: 14px 16px 16px;
  }

  #distribution-detail-modal .distribution-detail-body {
    padding: 0 2px 2px 0;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 300px);
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr) minmax(190px, 0.58fr);
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  #view-distribution .distribution-module {
    min-height: min(620px, calc(100dvh - 110px));
  }

  #view-distribution .distribution-module > .panel-head .client-head-copy {
    display: none;
  }

  #view-distribution .distribution-kpis {
    grid-template-columns: minmax(160px, 0.42fr) minmax(260px, 1fr);
  }

  #view-distribution .distribution-table-shell {
    min-height: clamp(220px, 30dvh, 340px);
  }

  #view-distribution .distribution-table-shell table {
    min-width: 900px;
  }

  #view-distribution .distribution-side-panel {
    position: static;
    max-height: none;
    display: grid;
    grid-template-columns: minmax(190px, 0.32fr) minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  #view-distribution .distribution-side-panel .panel-head {
    margin: 0;
    align-self: start;
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: 1.22rem;
  }

  #view-distribution .distribution-account-ledger {
    grid-template-rows: auto;
  }

  #view-distribution .distribution-account-ledger .distribution-account-list {
    max-height: 168px;
  }

  #distribution-detail-modal {
    padding: 10px;
  }

  #distribution-detail-modal .distribution-detail-modal {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(232px, 260px);
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(118px, 0.45fr) minmax(0, 1fr) minmax(142px, 0.55fr);
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  #view-distribution .distribution-table-shell table {
    min-width: 860px;
  }

  #distribution-detail-modal .distribution-result-panel {
    position: static;
  }

  #distribution-detail-modal .distribution-total-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  #distribution-detail-modal .distribution-action-dock {
    grid-template-columns: minmax(180px, 0.8fr) minmax(140px, 0.55fr);
    justify-content: end;
  }
}

:root[data-theme="light"] #view-distribution .distribution-module,
:root[data-theme="light"] #view-distribution .distribution-side-panel {
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.11);
}

:root[data-theme="light"] #view-distribution .distribution-table-shell {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.86)),
    var(--panel);
}

:root[data-theme="light"] #view-distribution .distribution-operator-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.86)),
    var(--panel);
}

:root[data-theme="light"] #view-distribution .distribution-table tbody tr:hover {
  background: rgba(15, 23, 42, 0.035);
}



/* Distribution modal premium v7 physical final override: compact assignment desk. */
@media (min-width: 1181px) {
  #distribution-detail-modal { padding: clamp(18px, 2.2vw, 34px); }
  #distribution-detail-modal .distribution-detail-modal {
    width: min(1420px, calc(100vw - clamp(36px, 4.4vw, 68px)));
    max-height: calc(100dvh - clamp(36px, 4.4vw, 68px));
    border-radius: 18px;
  }
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 64px;
    padding: 10px 14px;
    margin-bottom: 10px;
  }
  #distribution-detail-modal .distribution-detail-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(220px, 0.82fr) minmax(210px, 0.7fr);
  }
  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(268px, 292px);
    gap: 12px;
  }
  #distribution-detail-modal .distribution-beneficiary-inline {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    align-items: baseline;
    column-gap: 8px;
  }
  #distribution-detail-modal .distribution-beneficiary-inline strong,
  #distribution-detail-modal .distribution-beneficiary-inline span,
  #distribution-detail-modal .distribution-line-form .search-select-trigger-label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #distribution-detail-modal .distribution-beneficiary-inline strong,
  #distribution-detail-modal .distribution-beneficiary-inline span { white-space: nowrap; }
  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(142px, 0.4fr) minmax(0, 1fr) minmax(174px, 0.54fr);
    gap: 10px;
  }
  #distribution-detail-modal .distribution-line-form label:nth-child(2) .search-select-trigger-label {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  #distribution-detail-modal .distribution-total-strip > div { min-height: 68px; }
  #distribution-detail-modal .distribution-total-strip strong { font-size: clamp(1.12rem, 1.24vw, 1.36rem); }
}
@media (min-width: 1181px) and (max-width: 1480px) {
  #distribution-detail-modal .distribution-workspace { grid-template-columns: minmax(0, 1fr) minmax(224px, 248px); }
  #distribution-detail-modal .distribution-line-form { grid-template-columns: minmax(112px, 0.38fr) minmax(0, 1fr) minmax(134px, 0.5fr); }
  #distribution-detail-modal .distribution-beneficiary-inline { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1181px) and (max-width: 1320px) {
  #distribution-detail-modal .distribution-workspace { grid-template-columns: 1fr; }
}

/* Distribution header benefits v9: use modal header as operational summary. */
@media (min-width: 1181px) {

  #distribution-detail-modal .distribution-detail-modal > .panel-head > div:first-child {
    min-width: 0;
  }
}

@media (min-width: 1181px) and (max-width: 1600px) {

  #distribution-detail-modal .distribution-benefit-breakdown {
    grid-template-columns: minmax(0, 1fr) auto;
    display: none;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
}

:root[data-theme="light"] #distribution-detail-modal .distribution-detail-summary span {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.78)),
    rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] #distribution-detail-modal .distribution-detail-summary .is-benefit {
  background:
    linear-gradient(135deg, rgba(45, 159, 119, 0.13), rgba(14, 165, 233, 0.07)),
    rgba(255, 255, 255, 0.86);
}

/* Distribution benefits v10b final cascade: full breakdown stays visible on laptop. */
@media (min-width: 1181px) {
}

@media (min-width: 1181px) and (max-width: 1600px) {
}

/* Dashboard mobile v14b: final cascade guard for phone-sized operations. */
@media (max-width: 700px) {
}

@media (max-width: 380px) {
}

/* Operations suite v19d: absolute EOF guard for treasury mobile KPI grid. */
@media (max-width: 700px) {
}

/* Operations suite v19d: absolute EOF guard for treasury mobile KPI grid. */
@media (max-width: 700px) {
}

/* Operations suite v19c: final cascade guard for treasury mobile KPIs. */
@media (max-width: 700px) {
  body #view-treasury.view-section .operator-stage > section.operator-kpis,
  body #view-treasury.view-section section.operator-kpis {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body #view-treasury.view-section .operator-stage > section.operator-kpis > *,
  body #view-treasury.view-section section.operator-kpis > button.metric-card,
  body #view-treasury.view-section section.operator-kpis > .metric-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: initial !important;
  }
}

/* Operational finance suite v18: CxC, beneficios, correcciones y diferencia cambiaria. */
#view-receivables .operator-stage,
#view-benefits .operator-stage,
#view-corrections .operator-stage,
#view-fx-variances .operator-stage {
  gap: 14px;
}

#view-receivables .operator-kpis,
#view-benefits .operator-kpis,
#view-fx-variances .operator-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

#view-corrections .operator-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

#view-receivables .metric-card,
#view-benefits .metric-card,
#view-corrections .metric-card,
#view-fx-variances .metric-card {
  min-height: 82px;
  padding: 13px 15px;
  border-radius: 14px;
}

#view-receivables .metric-card strong,
#view-benefits .metric-card strong,
#view-corrections .metric-card strong,
#view-fx-variances .metric-card strong {
  font-size: clamp(1.25rem, 1.5vw, 1.62rem);
  line-height: 1;
}

#view-receivables .metric-card p,
#view-benefits .metric-card p,
#view-corrections .metric-card p,
#view-fx-variances .metric-card p {
  display: none;
}

#view-receivables .operator-toolbar,
#view-benefits .operator-toolbar,
#view-corrections .operator-toolbar,
#view-fx-variances .operator-toolbar {
  grid-template-columns: minmax(280px, 1fr) minmax(180px, 280px) auto;
  gap: 10px;
  padding: 10px 12px;
}

#view-corrections .operator-toolbar,
#view-fx-variances .operator-toolbar {
  grid-template-columns: minmax(280px, 1fr) repeat(2, minmax(150px, 220px)) auto;
}

#view-fx-variances .operator-toolbar {
  grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(140px, 210px));
}

#view-receivables .operator-toolbar input,
#view-receivables .operator-toolbar select,
#view-benefits .operator-toolbar input,
#view-benefits .operator-toolbar select,
#view-corrections .operator-toolbar input,
#view-corrections .operator-toolbar select,
#view-fx-variances .operator-toolbar input,
#view-fx-variances .operator-toolbar select {
  min-height: 42px;
}

#view-benefits .inline-head {
  margin-bottom: 8px;
}

#view-receivables .table-shell table {
  table-layout: fixed;
  min-width: 1040px;
}

#view-benefits .table-shell table {
  table-layout: fixed;
  min-width: 720px;
}

#view-fx-variances .table-shell table {
  table-layout: fixed;
  min-width: 1180px;
}

#view-receivables .table-actions,
#view-benefits .table-actions,
#view-corrections .table-actions,
#view-fx-variances .table-actions {
  gap: 6px;
}

@media (min-width: 1181px) and (max-width: 1500px) {
  #view-benefits .benefits-split {
    grid-template-columns: 1fr;
  }

  #view-corrections .corrections-preview-form {
    grid-template-columns: minmax(160px, 240px) minmax(280px, 1fr) repeat(2, minmax(130px, auto));
  }
}

@media (max-width: 1180px) {
  #view-receivables .operator-kpis,
#view-benefits .operator-kpis,
#view-corrections .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #view-receivables .metric-card,
  #view-benefits .metric-card,
  #view-corrections .metric-card,
  #view-fx-variances .metric-card {
    min-height: 68px !important;
    padding: 11px 12px !important;
  }

  #view-receivables .operator-toolbar,
#view-benefits .operator-toolbar,
#view-corrections .operator-toolbar,
#view-fx-variances .operator-toolbar,
#view-corrections .corrections-preview-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-benefits .benefits-settings-form .form-actions,
  #view-corrections .corrections-preview-form button {
    grid-column: auto;
  }

  #view-benefits .benefits-split {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  #view-receivables .operator-stage,
  #view-benefits .operator-stage,
  #view-corrections .operator-stage,
  #view-fx-variances .operator-stage {
    gap: 10px !important;
  }

  #view-receivables .operator-kpis,
  #view-benefits .operator-kpis,
  #view-corrections .operator-kpis,
  #view-fx-variances .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #view-receivables .metric-card,
  #view-benefits .metric-card,
  #view-corrections .metric-card,
  #view-fx-variances .metric-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
  }

  #view-receivables .metric-card strong,
  #view-benefits .metric-card strong,
  #view-corrections .metric-card strong,
  #view-fx-variances .metric-card strong {
    font-size: 1.14rem !important;
  }

  #view-receivables .metric-label,
  #view-benefits .metric-label,
  #view-corrections .metric-label,
  #view-fx-variances .metric-label {
    font-size: 0.54rem !important;
    letter-spacing: 0.09em !important;
  }

  #view-receivables .operator-toolbar,
  #view-benefits .operator-toolbar,
  #view-corrections .operator-toolbar,
  #view-fx-variances .operator-toolbar,
  #view-benefits .benefits-settings-form,
  #view-corrections .corrections-preview-form {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 10px !important;
  }

  #view-corrections .corrections-preview-form button,
#view-receivables .operator-history-button,
#view-benefits .operator-history-button,
#view-corrections .operator-history-button {
    width: 100%;
  }

  #view-benefits .benefits-settings-form .form-actions {
    grid-column: 1 / -1 !important;
  }

  #view-receivables .table-shell,
  #view-benefits .table-shell,
  #view-corrections .correction-operation-results,
  #view-corrections .corrections-audit-store,
  #view-fx-variances .table-shell {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-receivables .table-shell table,
  #view-benefits .table-shell table,
  #view-corrections .correction-operation-results table,
  #view-corrections .corrections-audit-store table,
  #view-fx-variances .table-shell table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-receivables .table-shell thead,
  #view-benefits .table-shell thead,
  #view-corrections .correction-operation-results thead,
  #view-corrections .corrections-audit-store thead,
  #view-fx-variances .table-shell thead {
    display: none !important;
  }

  #view-receivables .table-shell tbody,
  #view-benefits .table-shell tbody,
  #view-corrections .correction-operation-results tbody,
  #view-corrections .corrections-audit-store tbody,
  #view-fx-variances .table-shell tbody {
    display: grid !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  #view-receivables tr.receivable-row,
  #view-benefits tr.benefit-client-row,
  #view-benefits tr.benefit-ledger-row,
  #view-corrections tr.correction-operation-row,
  #view-corrections tr.correction-row,
  #view-fx-variances tr.fx-variance-row {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px 10px !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
  }

  #view-receivables tr.receivable-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client state"
      "remesa remesa"
      "original pending"
      "paid action" !important;
  }

  #view-corrections tr.correction-operation-row,
  #view-corrections tr.correction-row,
  #view-fx-variances tr.fx-variance-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  #view-receivables tr.receivable-row td,
#view-corrections tr.correction-operation-row td,
#view-corrections tr.correction-row td,
#view-fx-variances tr.fx-variance-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-receivables tr.receivable-row td::before,
  #view-benefits tr.benefit-client-row td::before,
  #view-benefits tr.benefit-ledger-row td::before,
  #view-corrections tr.correction-operation-row td::before,
  #view-corrections tr.correction-row td::before,
  #view-fx-variances tr.fx-variance-row td::before {
    content: none !important;
    display: none !important;
  }

  #view-receivables tr.receivable-row td:nth-child(1) { grid-area: remesa !important; }
  #view-receivables tr.receivable-row td:nth-child(2) { grid-area: client !important; }
  #view-receivables tr.receivable-row td:nth-child(3) { grid-area: original !important; padding-top: 8px !important; border-top: 1px solid var(--line) !important; }
  #view-receivables tr.receivable-row td:nth-child(4) { grid-area: pending !important; padding-top: 8px !important; border-top: 1px solid var(--line) !important; text-align: right !important; }
  #view-receivables tr.receivable-row td:nth-child(5) { grid-area: paid !important; }
  #view-receivables tr.receivable-row td:nth-child(6) { grid-area: state !important; justify-self: end !important; }
  #view-receivables tr.receivable-row td:nth-child(7) { grid-area: action !important; justify-self: end !important; }

  #view-receivables .table-actions,
  #view-benefits .table-actions,
  #view-corrections .table-actions,
  #view-fx-variances .table-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  #view-receivables .inline-button,
  #view-benefits .inline-button,
  #view-corrections .inline-button,
  #view-fx-variances .inline-button {
    min-height: 36px !important;
    padding: 0 12px !important;
  }

  #view-receivables .row-main,
  #view-benefits .row-main,
  #view-corrections .row-main,
  #view-fx-variances .row-main,
  #view-receivables .row-sub,
  #view-benefits .row-sub,
  #view-corrections .row-sub,
  #view-fx-variances .row-sub {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  :root[data-theme="light"] #view-receivables tr.receivable-row,
:root[data-theme="light"] #view-corrections tr.correction-operation-row,
:root[data-theme="light"] #view-corrections tr.correction-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92)),
      #ffffff !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important;
  }
}

@media (max-width: 380px) {
  #view-receivables tr.receivable-row,
  #view-benefits tr.benefit-client-row,
  #view-benefits tr.benefit-ledger-row {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
  }

  #view-receivables tr.receivable-row td,
  #view-benefits tr.benefit-client-row td,
  #view-benefits tr.benefit-ledger-row td {
    grid-area: auto !important;
    justify-self: stretch !important;
    text-align: left !important;
  }

  #view-receivables tr.receivable-row td:nth-child(6),
  #view-receivables tr.receivable-row td:nth-child(7),
  #view-benefits tr.benefit-ledger-row td:nth-child(3) {
    justify-self: stretch !important;
  }

  #view-receivables .table-actions,
  #view-receivables .inline-button {
    width: 100% !important;
  }
}

/* Operations suite v19: transferencias internas, tesoreria, gastos, presupuestos y ejecucion. */
:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-stage {
  gap: 14px;
}

:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-queue-head {
  min-height: 0;
  margin-bottom: 0;
  padding: 0;
}

:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis {
  gap: 10px;
}

#view-internal-transfers .operator-kpis,
#view-treasury .operator-kpis,
#view-execution .operator-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#view-expenses .operator-kpis,
#view-budget .operator-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis .metric-card {
  min-height: 82px !important;
  padding: 13px 15px !important;
  border-radius: 14px;
}

:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis .metric-card strong {
  font-size: clamp(1.24rem, 1.5vw, 1.6rem) !important;
  line-height: 1;
}

:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis .metric-card p {
  display: none !important;
}

:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-toolbar {
  display: grid !important;
  gap: 10px !important;
  padding: 10px 12px !important;
}

#view-treasury .operator-toolbar {
  grid-template-columns: minmax(280px, 1fr) minmax(180px, 280px);
}

#view-expenses .operator-toolbar,
#view-execution .operator-toolbar {
  grid-template-columns: minmax(280px, 1fr) repeat(2, minmax(160px, 240px));
}

#view-budget .operator-toolbar {
  grid-template-columns: minmax(280px, 1fr) repeat(3, minmax(150px, 220px));
}

:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-toolbar input,
:is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-toolbar select {
  min-height: 42px;
}

#view-expenses .expenses-queue-head .toolbar-actions,
#view-budget .budget-queue-head .toolbar-actions,
#view-internal-transfers .expenses-queue-head .toolbar-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

#view-execution .execution-queue-head,
#view-treasury .treasury-queue-head {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

#view-execution .operator-queue-desktop .execution-copy-strip {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  margin-top: 6px;
  overflow: hidden;
  max-width: 100%;
}

#view-execution .operator-queue-desktop .execution-copy-pill {
  min-height: 28px;
  padding: 3px 6px;
  gap: 4px;
  max-width: 112px;
}

#view-execution .operator-queue-desktop .execution-copy-pill > span {
  max-width: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-execution .operator-queue-desktop .execution-copy-pill .copy-inline-button {
  width: 24px;
  height: 24px;
  min-width: 24px;
}

#view-execution .operator-queue-desktop tr.execution-row td,
#view-expenses .table-shell tr.expense-row td,
#view-treasury .operator-queue-desktop tr.treasury-row td,
#view-internal-transfers .table-shell tr.internal-transfer-row td,
#view-budget .table-shell tr.budget-row td {
  vertical-align: top;
}

#view-execution .operator-queue-desktop tr.execution-row {
  min-height: 0;
}

#view-execution .operator-queue-desktop tr.execution-row td {
  padding-top: 10px;
  padding-bottom: 10px;
}

#view-internal-transfers .table-shell table,
#view-treasury .operator-queue-desktop table,
#view-expenses .table-shell table,
#view-budget .table-shell table,
#view-execution .operator-queue-desktop table {
  table-layout: fixed;
}

#view-internal-transfers .table-shell table { min-width: 980px; }
#view-treasury .operator-queue-desktop table { min-width: 980px; }
#view-expenses .table-shell table { min-width: 1180px; }
#view-budget .table-shell table { min-width: 1220px; }
#view-execution .operator-queue-desktop table { min-width: 1120px; }

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-expenses .operator-kpis,
  #view-budget .operator-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis .metric-card {
    min-height: 76px !important;
  }
}

@media (max-width: 1180px) {
  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis > * {
    min-width: 0 !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis .metric-card {
    min-height: 62px !important;
    padding: 10px 11px !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-internal-transfers .operator-toolbar {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis .metric-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis .metric-card strong {
    font-size: 1.12rem !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-kpis .metric-label {
    font-size: 0.54rem !important;
    letter-spacing: 0.09em !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .operator-toolbar,
  #view-budget .operator-toolbar,
  #view-expenses .operator-toolbar,
  #view-execution .operator-toolbar,
  #view-treasury .operator-toolbar {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 10px !important;
  }

  #view-expenses .expenses-queue-head .toolbar-actions,
#view-internal-transfers .expenses-queue-head .toolbar-actions,
#view-execution .execution-queue-head,
#view-treasury .treasury-queue-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  #view-expenses .expenses-queue-head .toolbar-actions > *,
  #view-budget .budget-queue-head .toolbar-actions > *,
  #view-internal-transfers .expenses-queue-head .toolbar-actions > *,
  #view-execution .execution-queue-head button,
  #view-treasury .treasury-queue-head button {
    width: 100%;
  }

  #view-internal-transfers .table-shell,
  #view-expenses .table-shell,
  #view-budget .table-shell {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-internal-transfers .table-shell table,
  #view-expenses .table-shell table,
  #view-budget .table-shell table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-internal-transfers .table-shell thead,
  #view-expenses .table-shell thead,
  #view-budget .table-shell thead {
    display: none !important;
  }

  #view-internal-transfers .table-shell tbody,
  #view-expenses .table-shell tbody,
  #view-budget .table-shell tbody {
    display: grid !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  #view-internal-transfers tr.internal-transfer-row,
  #view-expenses tr.expense-row,
  #view-budget tr.budget-row {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px 10px !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
  }

  #view-expenses tr.expense-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      "description state"
      "date date"
      "type resolution"
      "account account"
      "local usd"
      "support action" !important;
  }

  #view-internal-transfers tr.internal-transfer-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-internal-transfers tr.internal-transfer-row td::before,
  #view-expenses tr.expense-row td::before,
  #view-budget tr.budget-row td::before {
    content: none !important;
    display: none !important;
  }
  #view-internal-transfers tr.internal-transfer-row td:nth-child(7) { grid-area: action !important; justify-self: end !important; padding-top: 8px !important; border-top: 1px solid var(--line) !important; }
  #view-expenses tr.expense-row td:nth-child(9) { grid-area: support !important; }
  #view-budget tr.budget-row td:nth-child(4) { grid-area: destination !important; }

  #view-internal-transfers .table-actions,
  #view-expenses .table-actions,
  #view-budget .table-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }

  #view-internal-transfers .inline-button,
  #view-expenses .inline-button,
  #view-budget .inline-button,
  #view-budget .secondary-button {
    min-height: 36px !important;
    padding: 0 12px !important;
  }

  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .row-main,
  :is(#view-internal-transfers, #view-treasury, #view-expenses, #view-budget, #view-execution) .row-sub {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  :root[data-theme="light"] #view-internal-transfers tr.internal-transfer-row,
  :root[data-theme="light"] #view-expenses tr.expense-row,
  :root[data-theme="light"] #view-budget tr.budget-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92)),
      #ffffff !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important;
  }
}

@media (max-width: 380px) {
  #view-internal-transfers tr.internal-transfer-row,
  #view-expenses tr.expense-row,
  #view-budget tr.budget-row {
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
  }

  #view-internal-transfers tr.internal-transfer-row td,
  #view-expenses tr.expense-row td,
  #view-budget tr.budget-row td {
    grid-area: auto !important;
    justify-self: stretch !important;
    text-align: left !important;
  }
}

/* Operations suite v19b: override legacy treasury mobile KPI widths. */
@media (max-width: 700px) {
  #view-treasury section.operator-kpis {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  #view-treasury section.operator-kpis > .metric-card,
  #view-treasury section.operator-kpis > button.metric-card,
  #view-treasury section.operator-kpis > * {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: initial !important;
  }
}

/* Finance suite v17 final mobile override: must win after legacy table-card rules. */
@media (max-width: 900px) {

  #view-investments .table-shell tr.investment-row,
  #view-liquidity .table-shell tr.liquidity-row,
  #view-profitability .table-shell tr.profitability-row {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px 10px !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 17px !important;
  }
}

/* Finance suite v17: compact Inversiones, Liquidez y Ganancia as a single financial workspace family. */
#view-investments .operator-stage,
#view-liquidity .operator-stage,
#view-profitability .operator-stage {
  gap: 12px;
  padding: 14px 16px;
}

#view-investments .operator-kpis,
#view-liquidity .operator-kpis,
#view-profitability .operator-kpis {
  gap: 10px !important;
  margin: 4px 0 8px;
}

#view-investments .operator-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#view-liquidity .operator-kpis,
#view-profitability .operator-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Operator detail v24: prevent desktop modal horizontal drift without touching mobile card density. */
#operator-detail-modal .operator-detail-modal {
  min-width: 0;
  overflow: hidden;
}

#operator-detail-modal #operator-detail,
#operator-detail-modal .operator-detail-form,
#operator-detail-modal .operator-detail-scroll,
#operator-detail-modal .operator-detail-scroll > *,
#operator-detail-modal .detail-card,
#operator-detail-modal .receipt-composer,
#operator-detail-modal .receipt-composer-grid,
#operator-detail-modal .receipt-composer-drop,
#operator-detail-modal .receipt-composer-link-card {
  min-width: 0;
  max-width: 100%;
}

#operator-detail-modal #operator-detail {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

#operator-detail-modal .operator-detail-form {
  width: 100%;
}

#operator-detail-modal .operator-action-dock {
  width: 100%;
  max-width: 100%;
}

#operator-detail-modal .operator-data-value,
#operator-detail-modal .operator-hero-code,
#operator-detail-modal .operator-hero-beneficiary,
#operator-detail-modal .receipt-composer-filehint,
#operator-detail-modal .receipt-composer-link input {
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  #operator-detail-modal #operator-detail {
    padding-right: 0;
  }

  #operator-detail-modal .receipt-composer-grid {
    grid-template-columns: 1fr;
  }
}

#view-investments .operator-kpis .metric-card,
#view-liquidity .operator-kpis .metric-card,
#view-profitability .operator-kpis .metric-card {
  min-height: 68px !important;
  padding: 11px 13px !important;
  border-radius: 15px !important;
  align-content: center;
}

#view-investments .operator-kpis .metric-label,
#view-liquidity .operator-kpis .metric-label,
#view-profitability .operator-kpis .metric-label {
  font-size: 0.56rem !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1;
}

#view-investments .operator-kpis .metric-card strong,
#view-liquidity .operator-kpis .metric-card strong,
#view-profitability .operator-kpis .metric-card strong {
  margin-top: 2px !important;
  font-size: clamp(1.22rem, 1.5vw, 1.74rem) !important;
  line-height: 1 !important;
}

#view-investments .operator-kpis .metric-card p,
#view-liquidity .operator-kpis .metric-card p,
#view-profitability .operator-kpis .metric-card p {
  display: none !important;
}

#view-investments .operator-toolbar,
#view-liquidity .operator-toolbar,
#view-profitability .operator-toolbar {
  margin: 8px 0 10px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
}

#view-investments .operator-toolbar,
#view-liquidity .operator-toolbar {
  grid-template-columns: minmax(320px, 1fr) minmax(190px, 0.35fr) minmax(190px, 0.35fr) !important;
}

#view-profitability .profitability-toolbar {
  grid-template-columns: minmax(300px, 1fr) minmax(170px, 0.42fr) minmax(150px, 0.34fr) minmax(150px, 0.34fr) minmax(150px, 0.32fr) !important;
}

#view-investments .operator-toolbar input,
#view-investments .operator-toolbar select,
#view-liquidity .operator-toolbar input,
#view-liquidity .operator-toolbar select,
#view-profitability .operator-toolbar input,
#view-profitability .operator-toolbar select,
#view-profitability .operator-toolbar button {
  min-height: 42px !important;
  border-radius: 14px !important;
}

#view-investments .table-shell,
#view-liquidity .table-shell,
#view-profitability .table-shell {
  border-radius: 16px !important;
}

#view-investments .table-shell table,
#view-liquidity .table-shell table,
#view-profitability .table-shell table {
  width: 100% !important;
  table-layout: fixed;
}

#view-investments .table-shell table {
  min-width: 1120px !important;
}

#view-liquidity .table-shell table,
#view-profitability .table-shell table {
  min-width: 1040px !important;
}

#view-investments .table-shell th,
#view-investments .table-shell td,
#view-liquidity .table-shell th,
#view-liquidity .table-shell td,
#view-profitability .table-shell th,
#view-profitability .table-shell td {
  padding: 9px 10px !important;
  vertical-align: top;
}

#view-investments .table-shell .row-main,
#view-liquidity .table-shell .row-main,
#view-profitability .table-shell .row-main {
  font-size: 0.86rem !important;
  line-height: 1.18;
}

#view-investments .table-shell .row-sub,
#view-liquidity .table-shell .row-sub,
#view-profitability .table-shell .row-sub {
  margin-top: 4px;
  font-size: 0.72rem !important;
  line-height: 1.22;
}

#view-investments .table-shell .inline-button-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}

#view-investments .table-shell .inline-button,
#view-liquidity .table-shell .inline-button,
#view-profitability .table-shell .inline-button {
  min-height: 32px;
  padding: 5px 9px;
}

@media (min-width: 1181px) and (max-width: 1679px) {
  #view-investments .operator-stage,
  #view-liquidity .operator-stage,
  #view-profitability .operator-stage {
    padding: 12px 14px;
  }

  #view-investments .operator-kpis .metric-card,
  #view-liquidity .operator-kpis .metric-card,
  #view-profitability .operator-kpis .metric-card {
    min-height: 60px !important;
    padding: 9px 11px !important;
  }

  #view-investments .operator-kpis .metric-card strong,
  #view-liquidity .operator-kpis .metric-card strong,
  #view-profitability .operator-kpis .metric-card strong {
    font-size: 1.2rem !important;
  }

  #view-investments .table-shell table {
    min-width: 1080px !important;
  }

  #view-liquidity .table-shell table,
  #view-profitability .table-shell table {
    min-width: 980px !important;
  }
}

@media (max-width: 900px) {
  #view-investments .operator-stage,
  #view-liquidity .operator-stage,
  #view-profitability .operator-stage {
    padding: 12px !important;
    border-radius: 18px;
  }

  #view-investments .operator-kpis,
  #view-liquidity .operator-kpis,
  #view-profitability .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #view-investments .operator-kpis .metric-card,
  #view-liquidity .operator-kpis .metric-card,
  #view-profitability .operator-kpis .metric-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    justify-items: start !important;
    min-height: 58px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
  }

  #view-investments .operator-kpis .metric-label,
  #view-liquidity .operator-kpis .metric-label,
  #view-profitability .operator-kpis .metric-label {
    font-size: 0.52rem !important;
    letter-spacing: 0.08em !important;
  }

  #view-investments .operator-kpis .metric-card strong,
  #view-liquidity .operator-kpis .metric-card strong,
  #view-profitability .operator-kpis .metric-card strong {
    display: block !important;
    max-width: 100% !important;
    font-size: 1.05rem !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  #view-investments .operator-toolbar,
  #view-liquidity .operator-toolbar,
  #view-profitability .operator-toolbar {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 9px !important;
  }

  #view-investments .table-shell,
  #view-liquidity .table-shell,
  #view-profitability .table-shell {
    overflow: hidden !important;
    max-height: none !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-investments .table-shell table,
  #view-liquidity .table-shell table,
  #view-profitability .table-shell table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-investments .table-shell thead,
  #view-liquidity .table-shell thead,
  #view-profitability .table-shell thead {
    display: none !important;
  }

  #view-investments .table-shell tbody,
  #view-liquidity .table-shell tbody,
  #view-profitability .table-shell tbody {
    display: grid !important;
    gap: 10px !important;
  }

  #view-investments .table-shell tr.investment-row,
  #view-liquidity .table-shell tr.liquidity-row,
  #view-profitability .table-shell tr.profitability-row {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px 10px !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 17px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important;
  }

  #view-investments .table-shell tr.investment-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "provider date"
      "account account"
      "amount rate"
      "usd available"
      "capital capital"
      "support actions" !important;
  }

  #view-liquidity .table-shell tr.liquidity-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "account date"
      "source source"
      "provider provider"
      "available available"
      "reserved cost"
      "state state" !important;
  }

  #view-profitability .table-shell tr.profitability-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "remittance status"
      "route route"
      "income income"
      "fifo commission"
      "profit margin" !important;
  }

  #view-investments .table-shell tr.investment-row td,
  #view-liquidity .table-shell tr.liquidity-row td,
  #view-profitability .table-shell tr.profitability-row td {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  #view-investments .investment-row td:nth-child(1) { grid-area: date !important; justify-self: end !important; text-align: right !important; }
  #view-investments .investment-row td:nth-child(2) { grid-area: provider !important; }
  #view-investments .investment-row td:nth-child(3) { grid-area: account !important; padding: 8px 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; }
  #view-investments .investment-row td:nth-child(4) { grid-area: amount !important; }
  #view-investments .investment-row td:nth-child(5) { grid-area: rate !important; justify-self: end !important; text-align: right !important; }
  #view-investments .investment-row td:nth-child(6) { grid-area: usd !important; }
  #view-investments .investment-row td:nth-child(7) { grid-area: available !important; justify-self: end !important; text-align: right !important; }
  #view-investments .investment-row td:nth-child(8) { grid-area: capital !important; }
  #view-investments .investment-row td:nth-child(9) { grid-area: support !important; }
  #view-investments .investment-row td:nth-child(10) { grid-area: actions !important; justify-self: end !important; }

  #view-liquidity .liquidity-row td:nth-child(1) { grid-area: date !important; justify-self: end !important; text-align: right !important; }
  #view-liquidity .liquidity-row td:nth-child(2) { grid-area: source !important; }
  #view-liquidity .liquidity-row td:nth-child(3) { grid-area: account !important; }
  #view-liquidity .liquidity-row td:nth-child(4) { grid-area: provider !important; padding: 8px 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; }
  #view-liquidity .liquidity-row td:nth-child(5) { grid-area: available !important; }
  #view-liquidity .liquidity-row td:nth-child(6) { grid-area: reserved !important; }
  #view-liquidity .liquidity-row td:nth-child(7) { grid-area: cost !important; justify-self: end !important; text-align: right !important; }
  #view-liquidity .liquidity-row td:nth-child(8) { grid-area: state !important; }

  #view-profitability .profitability-row td:nth-child(1) { grid-area: remittance !important; }
  #view-profitability .profitability-row td:nth-child(2) { grid-area: route !important; padding: 8px 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; }
  #view-profitability .profitability-row td:nth-child(3) { grid-area: income !important; }
  #view-profitability .profitability-row td:nth-child(4) { grid-area: fifo !important; }
  #view-profitability .profitability-row td:nth-child(5) { grid-area: commission !important; justify-self: end !important; text-align: right !important; }
  #view-profitability .profitability-row td:nth-child(6) { grid-area: profit !important; }
  #view-profitability .profitability-row td:nth-child(7) { grid-area: margin !important; justify-self: end !important; text-align: right !important; }
  #view-profitability .profitability-row td:nth-child(8) { grid-area: status !important; justify-self: end !important; text-align: right !important; }

  #view-investments .table-shell .row-main,
  #view-investments .table-shell .row-sub,
  #view-liquidity .table-shell .row-main,
  #view-liquidity .table-shell .row-sub,
  #view-profitability .table-shell .row-main,
  #view-profitability .table-shell .row-sub {
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
  }

  #view-investments .table-shell tr.investment-row td:nth-child(2) .row-main,
  #view-liquidity .table-shell tr.liquidity-row td:nth-child(3) .row-main,
  #view-profitability .table-shell tr.profitability-row td:nth-child(1) .row-main {
    font-size: 0.98rem !important;
    font-weight: 900;
  }

  #view-profitability .table-shell tr.profitability-row td:nth-child(2) .row-main {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
    white-space: normal !important;
  }

  #view-investments .table-shell .inline-button-group {
    grid-template-columns: 1fr;
    min-width: 118px;
  }

  #view-investments .table-shell .status-chip,
  #view-liquidity .table-shell .status-chip,
  #view-profitability .table-shell .status-chip {
    max-width: none;
    white-space: nowrap;
  }

  :root[data-theme="light"] #view-investments .table-shell tr.investment-row,
  :root[data-theme="light"] #view-liquidity .table-shell tr.liquidity-row,
  :root[data-theme="light"] #view-profitability .table-shell tr.profitability-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
      #ffffff !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08) !important;
  }
}

@media (max-width: 430px) {
  #view-investments .table-shell tr.investment-row,
  #view-liquidity .table-shell tr.liquidity-row,
  #view-profitability .table-shell tr.profitability-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #view-investments .table-shell tr.investment-row {
    grid-template-areas:
      "provider"
      "date"
      "account"
      "amount"
      "rate"
      "usd"
      "available"
      "capital"
      "support"
      "actions" !important;
  }

  #view-liquidity .table-shell tr.liquidity-row {
    grid-template-areas:
      "account"
      "date"
      "source"
      "provider"
      "available"
      "reserved"
      "cost"
      "state" !important;
  }

  #view-profitability .table-shell tr.profitability-row {
    grid-template-areas:
      "remittance"
      "status"
      "route"
      "income"
      "fifo"
      "commission"
      "profit"
      "margin" !important;
  }

  #view-investments .investment-row td,
  #view-liquidity .liquidity-row td,
  #view-profitability .profitability-row td {
    justify-self: stretch !important;
    text-align: left !important;
  }

  #view-investments .table-shell .inline-button-group {
    width: 100%;
  }
}

/* Client service v15: compact attention cockpit and mobile tracking cards. */
#view-clients .client-service-module {
  gap: 12px;
}

#view-clients .client-head {
  align-items: center;
  gap: 14px;
  margin-bottom: 2px;
}

#view-clients .client-head-copy {
  max-width: 760px;
  font-size: 0.86rem;
  line-height: 1.25;
}

#view-clients .client-service-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px;
  margin: 6px 0 8px;
}

#view-clients .client-service-kpis .metric-card {
  min-height: 72px !important;
  padding: 12px 14px;
  border-radius: 16px;
  align-content: center;
}

#view-clients .client-service-kpis .metric-label {
  font-size: 0.58rem;
  letter-spacing: 0.13em;
}

#view-clients .client-service-kpis .metric-card strong {
  margin: 2px 0 0;
  font-size: clamp(1.48rem, 1.7vw, 2rem) !important;
  line-height: 1;
}

#view-clients .client-service-kpis .metric-card p {
  display: none !important;
}

#view-clients .client-toolbar {
  margin: 8px 0 10px;
  padding: 10px 12px;
  border-radius: 16px;
}

#view-clients .client-toolbar input,
#view-clients .client-toolbar select {
  min-height: 42px;
  border-radius: 14px;
}

#view-clients .client-service-board {
  margin-top: 6px;
}

#view-clients .client-service-board .nested-panel {
  padding: 12px;
  border-radius: 18px;
}

#view-clients .client-service-board .panel-head {
  margin-bottom: 8px;
}

#view-clients .client-service-board .panel-head h3 {
  font-size: 1.12rem;
  line-height: 1.12;
}

#view-clients #client-service-remittances.table-shell {
  overflow-x: auto;
  border-radius: 16px;
}

#view-clients #client-service-remittances table {
  width: 100%;
  min-width: 1080px;
  table-layout: fixed;
}

#view-clients #client-service-remittances th,
#view-clients #client-service-remittances td {
  padding: 10px 12px;
  vertical-align: top;
}

#view-clients #client-service-remittances th:nth-child(1),
#view-clients #client-service-remittances td:nth-child(1) { width: 52px; }
#view-clients #client-service-remittances th:nth-child(2),
#view-clients #client-service-remittances td:nth-child(2) { width: 150px; }
#view-clients #client-service-remittances th:nth-child(3),
#view-clients #client-service-remittances td:nth-child(3) { width: 190px; }
#view-clients #client-service-remittances th:nth-child(4),
#view-clients #client-service-remittances td:nth-child(4) { width: 300px; }
#view-clients #client-service-remittances th:nth-child(5),
#view-clients #client-service-remittances td:nth-child(5) { width: 140px; }
#view-clients #client-service-remittances th:nth-child(6),
#view-clients #client-service-remittances td:nth-child(6) { width: 140px; }
#view-clients #client-service-remittances th:nth-child(7),
#view-clients #client-service-remittances td:nth-child(7) { width: 178px; }
#view-clients #client-service-remittances th:nth-child(8),
#view-clients #client-service-remittances td:nth-child(8) { width: 186px; }

#view-clients #client-service-remittances .row-main {
  font-size: 0.88rem;
  line-height: 1.18;
}

#view-clients #client-service-remittances .row-sub {
  margin-top: 4px;
  font-size: 0.74rem;
  line-height: 1.22;
}

#view-clients #client-service-remittances td:nth-child(4) .row-main,
#view-clients #client-service-remittances td:nth-child(4) .row-sub {
  overflow: hidden;
  text-overflow: ellipsis;
}

#view-clients #client-service-remittances td:nth-child(4) .row-main {
  display: block;
  white-space: nowrap;
}

#view-clients #client-service-remittances .table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#view-clients #client-service-remittances .inline-button {
  min-height: 32px;
  padding: 5px 10px;
}

#view-clients #client-service-remittances .client-service-sla {
  min-width: 96px;
  padding: 7px 10px;
  border-radius: 14px;
}

#view-clients #client-service-remittances .client-service-sla strong {
  font-size: 0.92rem;
}

#view-clients #client-service-remittances .client-service-sla span {
  font-size: 0.7rem;
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-draft {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.13), rgba(201, 166, 107, 0.052) 42%, rgba(201, 166, 107, 0.016) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-draft:hover {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.17), rgba(201, 166, 107, 0.068) 42%, rgba(201, 166, 107, 0.024) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-validating {
  background: linear-gradient(90deg, rgba(56, 132, 255, 0.115), rgba(56, 132, 255, 0.045) 42%, rgba(56, 132, 255, 0.012) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-validating:hover {
  background: linear-gradient(90deg, rgba(56, 132, 255, 0.15), rgba(56, 132, 255, 0.06) 42%, rgba(56, 132, 255, 0.018) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-client-approval {
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.13), rgba(168, 85, 247, 0.052) 42%, rgba(168, 85, 247, 0.016) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-client-approval:hover {
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.17), rgba(168, 85, 247, 0.068) 42%, rgba(168, 85, 247, 0.024) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-distributing {
  background: linear-gradient(90deg, rgba(214, 177, 107, 0.115), rgba(214, 177, 107, 0.045) 42%, rgba(214, 177, 107, 0.012) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-distributing:hover {
  background: linear-gradient(90deg, rgba(214, 177, 107, 0.15), rgba(214, 177, 107, 0.06) 42%, rgba(214, 177, 107, 0.018) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-operator {
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.105), rgba(249, 115, 22, 0.044) 42%, rgba(249, 115, 22, 0.014) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-operator:hover {
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.15), rgba(249, 115, 22, 0.06) 42%, rgba(249, 115, 22, 0.02) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-completed {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.13), rgba(20, 184, 166, 0.052) 42%, rgba(20, 184, 166, 0.016) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-completed:hover {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.17), rgba(20, 184, 166, 0.068) 42%, rgba(20, 184, 166, 0.022) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-error {
  background: linear-gradient(90deg, rgba(217, 99, 99, 0.13), rgba(217, 99, 99, 0.055) 42%, rgba(217, 99, 99, 0.018) 88%);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-error:hover {
  background: linear-gradient(90deg, rgba(217, 99, 99, 0.17), rgba(217, 99, 99, 0.07) 42%, rgba(217, 99, 99, 0.024) 88%);
}

#view-clients #client-service-remittances tr.client-service-row td {
  background: transparent;
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-draft td:first-child {
  box-shadow: inset 3px 0 0 rgba(201, 166, 107, 0.78);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-validating td:first-child {
  box-shadow: inset 3px 0 0 rgba(86, 154, 255, 0.72);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-client-approval td:first-child {
  box-shadow: inset 3px 0 0 rgba(192, 132, 252, 0.76);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-distributing td:first-child {
  box-shadow: inset 3px 0 0 rgba(214, 177, 107, 0.72);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-operator td:first-child {
  box-shadow: inset 3px 0 0 rgba(251, 146, 60, 0.72);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-completed td:first-child {
  box-shadow: inset 3px 0 0 rgba(20, 184, 166, 0.72);
}

#view-clients #client-service-remittances tr.client-service-row.client-service-stage-error td:first-child {
  box-shadow: inset 3px 0 0 rgba(217, 99, 99, 0.72);
}

:root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-draft {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.14), rgba(201, 166, 107, 0.06) 42%, rgba(201, 166, 107, 0.018) 88%);
}

:root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-validating {
  background: linear-gradient(90deg, rgba(37, 99, 235, 0.14), rgba(37, 99, 235, 0.06) 42%, rgba(37, 99, 235, 0.018) 88%);
}

:root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-client-approval {
  background: linear-gradient(90deg, rgba(147, 51, 234, 0.13), rgba(147, 51, 234, 0.055) 42%, rgba(147, 51, 234, 0.018) 88%);
}

:root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-distributing {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.13), rgba(201, 166, 107, 0.055) 42%, rgba(201, 166, 107, 0.018) 88%);
}

:root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-operator {
  background: linear-gradient(90deg, rgba(249, 115, 22, 0.12), rgba(249, 115, 22, 0.05) 42%, rgba(249, 115, 22, 0.016) 88%);
}

:root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-completed {
  background: linear-gradient(90deg, rgba(13, 148, 136, 0.13), rgba(13, 148, 136, 0.055) 42%, rgba(13, 148, 136, 0.018) 88%);
}

:root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-error {
  background: linear-gradient(90deg, rgba(212, 91, 91, 0.13), rgba(212, 91, 91, 0.055) 42%, rgba(212, 91, 91, 0.018) 88%);
}

@media (min-width: 1680px) {
  #view-clients .client-service-module {
    padding: 18px 20px;
  }

  #view-clients .client-service-kpis .metric-card {
    min-height: 78px !important;
  }

  #view-clients #client-service-remittances table {
    min-width: 1240px;
  }
}

@media (min-width: 1181px) and (max-width: 1679px) {
  #view-clients .client-service-module {
    padding: 14px 16px;
  }

  #view-clients .client-head-copy {
    display: none;
  }

  #view-clients .client-service-kpis {
    gap: 8px;
  }

  #view-clients .client-service-kpis .metric-card {
    min-height: 64px !important;
    padding: 10px 12px;
  }

  #view-clients .client-service-kpis .metric-card strong {
    font-size: 1.38rem !important;
  }

  #view-clients #client-service-remittances table {
    min-width: 0;
  }

  #view-clients #client-service-remittances th:nth-child(1),
  #view-clients #client-service-remittances td:nth-child(1) { width: 46px; }
  #view-clients #client-service-remittances th:nth-child(2),
  #view-clients #client-service-remittances td:nth-child(2) { width: 132px; }
  #view-clients #client-service-remittances th:nth-child(3),
  #view-clients #client-service-remittances td:nth-child(3) { width: 164px; }
  #view-clients #client-service-remittances th:nth-child(4),
  #view-clients #client-service-remittances td:nth-child(4) { width: 248px; }
  #view-clients #client-service-remittances th:nth-child(5),
  #view-clients #client-service-remittances td:nth-child(5) { width: 118px; }
  #view-clients #client-service-remittances th:nth-child(6),
  #view-clients #client-service-remittances td:nth-child(6) { width: 120px; }
  #view-clients #client-service-remittances th:nth-child(7),
  #view-clients #client-service-remittances td:nth-child(7) { width: 154px; }
  #view-clients #client-service-remittances th:nth-child(8),
  #view-clients #client-service-remittances td:nth-child(8) { width: 150px; }

  #view-clients #client-service-remittances th,
  #view-clients #client-service-remittances td {
    padding: 8px 9px;
  }
}

@media (max-width: 900px) {
  #view-clients .client-service-module {
    padding: 12px;
    border-radius: 18px;
  }

  #view-clients .client-head {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  #view-clients .client-head-copy {
    display: none;
  }

  #view-clients .toolbar-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  #view-clients .toolbar-actions .status-chip {
    grid-column: 1 / -1;
    justify-content: center;
  }

  #view-clients .toolbar-actions button,
  #view-clients .toolbar-actions .status-chip {
    min-height: 38px;
    padding: 8px 10px;
    font-size: 0.8rem;
  }

  #view-clients .client-service-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  #view-clients .client-service-kpis .metric-card {
    min-height: 58px !important;
    padding: 9px 10px;
    border-radius: 14px;
  }

  #view-clients .client-service-kpis .metric-label {
    font-size: 0.54rem;
    letter-spacing: 0.09em;
  }

  #view-clients .client-service-kpis .metric-card strong {
    font-size: 1.28rem !important;
  }

  #view-clients .client-toolbar {
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 8px 0 10px;
    padding: 9px;
  }

  #view-clients .client-service-board .panel-head {
    display: none;
  }

  #view-clients #client-service-remittances table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-clients #client-service-remittances thead {
    display: none !important;
  }

  #view-clients #client-service-remittances tbody {
    display: grid !important;
    gap: 10px !important;
  }

  #view-clients #client-service-remittances tr.client-service-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client number"
      "register register"
      "deposit deposit"
      "amount time"
      "stage actions" !important;
    gap: 8px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 17px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row.client-service-stage-draft {
    border-left: 3px solid rgba(201, 166, 107, 0.78) !important;
    background:
      linear-gradient(90deg, rgba(201, 166, 107, 0.12), rgba(201, 166, 107, 0.035) 54%, rgba(255, 255, 255, 0.012)),
      var(--panel) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row.client-service-stage-validating {
    border-left: 3px solid rgba(86, 154, 255, 0.72) !important;
    background:
      linear-gradient(90deg, rgba(56, 132, 255, 0.12), rgba(56, 132, 255, 0.035) 54%, rgba(255, 255, 255, 0.012)),
      var(--panel) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row.client-service-stage-client-approval {
    border-left: 3px solid rgba(192, 132, 252, 0.76) !important;
    background:
      linear-gradient(90deg, rgba(168, 85, 247, 0.12), rgba(168, 85, 247, 0.035) 54%, rgba(255, 255, 255, 0.012)),
      var(--panel) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row.client-service-stage-distributing {
    border-left: 3px solid rgba(214, 177, 107, 0.72) !important;
    background:
      linear-gradient(90deg, rgba(214, 177, 107, 0.12), rgba(214, 177, 107, 0.035) 54%, rgba(255, 255, 255, 0.012)),
      var(--panel) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row.client-service-stage-operator {
    border-left: 3px solid rgba(251, 146, 60, 0.72) !important;
    background:
      linear-gradient(90deg, rgba(249, 115, 22, 0.11), rgba(249, 115, 22, 0.034) 54%, rgba(255, 255, 255, 0.012)),
      var(--panel) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row.client-service-stage-completed {
    border-left: 3px solid rgba(20, 184, 166, 0.72) !important;
    background:
      linear-gradient(90deg, rgba(20, 184, 166, 0.12), rgba(20, 184, 166, 0.035) 54%, rgba(255, 255, 255, 0.012)),
      var(--panel) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row.client-service-stage-error {
    border-left: 3px solid rgba(217, 99, 99, 0.78) !important;
    background:
      linear-gradient(90deg, rgba(217, 99, 99, 0.13), rgba(217, 99, 99, 0.04) 54%, rgba(255, 255, 255, 0.012)),
      var(--panel) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row.table-row-returned {
    border-left: 3px solid rgba(212, 91, 91, 0.86) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row td {
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-clients #client-service-remittances tr.client-service-row td::before {
    content: none !important;
    display: none !important;
  }

  #view-clients #client-service-remittances tr.client-service-row td:nth-child(1) { grid-area: number !important; justify-self: end !important; }
  #view-clients #client-service-remittances tr.client-service-row td:nth-child(2) { grid-area: client !important; }
  #view-clients #client-service-remittances tr.client-service-row td:nth-child(3) { grid-area: register !important; color: var(--text-soft) !important; }
  #view-clients #client-service-remittances tr.client-service-row td:nth-child(4) {
    grid-area: deposit !important;
    padding: 9px 0 !important;
    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
  }
  #view-clients #client-service-remittances tr.client-service-row td:nth-child(5) { grid-area: amount !important; }
  #view-clients #client-service-remittances tr.client-service-row td:nth-child(6) { grid-area: time !important; justify-self: end !important; text-align: right !important; }
  #view-clients #client-service-remittances tr.client-service-row td:nth-child(7) { grid-area: stage !important; }
  #view-clients #client-service-remittances tr.client-service-row td:nth-child(8) { grid-area: actions !important; justify-self: end !important; }

  #view-clients #client-service-remittances tr.client-service-row td:nth-child(1) .row-main {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--soft);
    font-size: 0.78rem;
  }

  #view-clients #client-service-remittances td:nth-child(2) .row-main {
    display: block;
    font-size: 0.98rem;
    font-weight: 900;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #view-clients #client-service-remittances .row-main,
  #view-clients #client-service-remittances .row-sub {
    overflow-wrap: normal !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  #view-clients #client-service-remittances .status-chip {
    max-width: none;
    white-space: nowrap;
  }

  #view-clients #client-service-remittances .table-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    width: 104px;
  }

  #view-clients #client-service-remittances .inline-button {
    width: 100%;
    min-height: 34px;
    justify-content: center;
    padding: 5px 9px;
    font-size: 0.74rem;
  }

  #view-clients #client-service-remittances .validator-note-inline {
    display: block;
    margin-top: 6px;
    color: #fca5a5;
    font-weight: 800;
  }

  :root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
      #ffffff !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08) !important;
  }

  :root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-draft,
  :root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-distributing {
    background:
      linear-gradient(90deg, rgba(201, 166, 107, 0.14), rgba(201, 166, 107, 0.045) 58%, rgba(255, 255, 255, 0.9)),
      #ffffff !important;
  }

  :root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-validating {
    background:
      linear-gradient(90deg, rgba(37, 99, 235, 0.14), rgba(37, 99, 235, 0.045) 58%, rgba(255, 255, 255, 0.9)),
      #ffffff !important;
  }

  :root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-client-approval {
    background:
      linear-gradient(90deg, rgba(147, 51, 234, 0.13), rgba(147, 51, 234, 0.042) 58%, rgba(255, 255, 255, 0.9)),
      #ffffff !important;
  }

  :root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-operator {
    background:
      linear-gradient(90deg, rgba(249, 115, 22, 0.12), rgba(249, 115, 22, 0.04) 58%, rgba(255, 255, 255, 0.9)),
      #ffffff !important;
  }

  :root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-completed {
    background:
      linear-gradient(90deg, rgba(13, 148, 136, 0.13), rgba(13, 148, 136, 0.042) 58%, rgba(255, 255, 255, 0.9)),
      #ffffff !important;
  }

  :root[data-theme="light"] #view-clients #client-service-remittances tr.client-service-row.client-service-stage-error {
    background:
      linear-gradient(90deg, rgba(212, 91, 91, 0.13), rgba(212, 91, 91, 0.042) 58%, rgba(255, 255, 255, 0.9)),
      #ffffff !important;
  }

  :root[data-theme="light"] #view-clients #client-service-remittances .validator-note-inline {
    color: #b91c1c;
  }
}

@media (max-width: 430px) {
  #view-clients .toolbar-actions {
    grid-template-columns: 1fr;
  }

  #view-clients #client-service-remittances tr.client-service-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client number"
      "register register"
      "deposit deposit"
      "amount amount"
      "time time"
      "stage stage"
      "actions actions" !important;
  }

  #view-clients #client-service-remittances tr.client-service-row td:nth-child(6) {
    justify-self: stretch !important;
    text-align: left !important;
  }

  #view-clients #client-service-remittances tr.client-service-row td:nth-child(8) {
    justify-self: stretch !important;
  }
}

/* Dashboard summary visibility v15b: this control belongs only to Centro de carga. */
.dashboard-summary-disclosure {
  display: none !important;
}

body[data-active-view="dashboard"] .dashboard-summary-disclosure {
  display: flex !important;
}

/* Dashboard summary header placement v15c. */
.workspace-title-row .dashboard-summary-disclosure {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
}

.workspace-title-row .dashboard-summary-disclosure span {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .workspace-title-row .dashboard-summary-disclosure {
    width: 100%;
    justify-content: space-between;
    margin: 6px 0 0;
  }
}

/* Validation v16: compact compliance cockpit and mobile review cards. */
#view-validation .validation-module {
  gap: 12px;
}

#view-validation .client-head {
  align-items: center;
  gap: 12px;
  margin-bottom: 2px;
}

#view-validation .client-head-copy {
  max-width: 820px;
  font-size: 0.86rem;
  line-height: 1.25;
}

#view-validation .validation-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px;
  margin: 6px 0 8px;
}

#view-validation .validation-kpis .metric-card {
  min-height: 70px !important;
  padding: 12px 14px;
  border-radius: 16px;
  align-content: center;
}

#view-validation .validation-kpis .metric-label {
  font-size: 0.58rem;
  letter-spacing: 0.13em;
}

#view-validation .validation-kpis .metric-card strong {
  margin: 2px 0 0;
  font-size: clamp(1.42rem, 1.65vw, 1.92rem) !important;
  line-height: 1;
}

#view-validation .validation-kpis .metric-card p {
  display: none !important;
}

#view-validation .validation-toolbar {
  margin: 8px 0 10px;
  padding: 10px 12px;
  border-radius: 16px;
}

#view-validation .validation-toolbar input,
#view-validation .validation-toolbar select {
  min-height: 42px;
  border-radius: 14px;
}

#view-validation .validation-table-shell {
  border-radius: 16px;
  overflow-x: auto;
}

#view-validation .validation-table-shell table {
  width: 100%;
  min-width: 1160px;
  table-layout: fixed;
}

#view-validation .validation-table-shell th,
#view-validation .validation-table-shell td {
  padding: 10px 11px;
  vertical-align: top;
}

#view-validation .validation-table-shell th:nth-child(1),
#view-validation .validation-table-shell td:nth-child(1) { width: 104px; }
#view-validation .validation-table-shell th:nth-child(2),
#view-validation .validation-table-shell td:nth-child(2) { width: 54px; }
#view-validation .validation-table-shell th:nth-child(3),
#view-validation .validation-table-shell td:nth-child(3) { width: 178px; }
#view-validation .validation-table-shell th:nth-child(4),
#view-validation .validation-table-shell td:nth-child(4) { width: 210px; }
#view-validation .validation-table-shell th:nth-child(5),
#view-validation .validation-table-shell td:nth-child(5) { width: 132px; }
#view-validation .validation-table-shell th:nth-child(6),
#view-validation .validation-table-shell td:nth-child(6) { width: 130px; }
#view-validation .validation-table-shell th:nth-child(7),
#view-validation .validation-table-shell td:nth-child(7) { width: 250px; }
#view-validation .validation-table-shell th:nth-child(8),
#view-validation .validation-table-shell td:nth-child(8) { width: 142px; }
#view-validation .validation-table-shell th:nth-child(9),
#view-validation .validation-table-shell td:nth-child(9) { width: 128px; }
#view-validation .validation-table-shell th:nth-child(10),
#view-validation .validation-table-shell td:nth-child(10) { width: 108px; }

#view-validation .validation-table-shell .row-main {
  font-size: 0.88rem !important;
  line-height: 1.18;
}

#view-validation .validation-table-shell .row-sub {
  margin-top: 4px;
  font-size: 0.74rem;
  line-height: 1.22;
}

#view-validation .validation-table-shell td:nth-child(7) .row-main {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#view-validation .validation-table-shell .validation-sla {
  min-width: 0;
  width: 100%;
  padding: 6px 8px;
  border-radius: 12px;
}

#view-validation .validation-table-shell .validation-sla strong {
  font-size: 0.82rem;
}

#view-validation .validation-table-shell .validation-sla span {
  font-size: 0.64rem;
}

#view-validation .validation-table-shell .inline-button {
  min-height: 34px;
  padding: 6px 11px;
}

@media (min-width: 1680px) {
  #view-validation .validation-module {
    padding: 18px 20px;
  }

  #view-validation .validation-table-shell table {
    min-width: 1280px;
  }
}

@media (min-width: 1181px) and (max-width: 1679px) {
  #view-validation .validation-module {
    padding: 14px 16px;
  }

  #view-validation .client-head-copy {
    display: none;
  }

  #view-validation .validation-kpis {
    gap: 8px;
  }

  #view-validation .validation-kpis .metric-card {
    min-height: 62px !important;
    padding: 10px 12px;
  }

  #view-validation .validation-kpis .metric-card strong {
    font-size: 1.34rem !important;
  }

  #view-validation .validation-table-shell table {
    min-width: 0;
  }

  #view-validation .validation-table-shell th,
  #view-validation .validation-table-shell td {
    padding: 8px 7px;
  }

  #view-validation .validation-table-shell th:nth-child(1),
  #view-validation .validation-table-shell td:nth-child(1) { width: 82px; }
  #view-validation .validation-table-shell th:nth-child(2),
  #view-validation .validation-table-shell td:nth-child(2) { width: 44px; }
  #view-validation .validation-table-shell th:nth-child(3),
  #view-validation .validation-table-shell td:nth-child(3) { width: 142px; }
  #view-validation .validation-table-shell th:nth-child(4),
  #view-validation .validation-table-shell td:nth-child(4) { width: 174px; }
  #view-validation .validation-table-shell th:nth-child(5),
  #view-validation .validation-table-shell td:nth-child(5) { width: 104px; }
  #view-validation .validation-table-shell th:nth-child(6),
  #view-validation .validation-table-shell td:nth-child(6) { width: 102px; }
  #view-validation .validation-table-shell th:nth-child(7),
  #view-validation .validation-table-shell td:nth-child(7) { width: 196px; }
  #view-validation .validation-table-shell th:nth-child(8),
  #view-validation .validation-table-shell td:nth-child(8) { width: 118px; }
  #view-validation .validation-table-shell th:nth-child(9),
  #view-validation .validation-table-shell td:nth-child(9) { width: 104px; }
  #view-validation .validation-table-shell th:nth-child(10),
  #view-validation .validation-table-shell td:nth-child(10) { width: 92px; }

  #view-validation .validation-table-shell .inline-button {
    padding-inline: 10px;
  }
}

@media (max-width: 900px) {
  #view-validation .validation-module {
    padding: 12px;
    border-radius: 18px;
  }

  #view-validation .client-head {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  #view-validation .client-head-copy {
    display: none;
  }

  #view-validation .toolbar-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  #view-validation .toolbar-actions .status-chip {
    justify-content: center;
    min-height: 38px;
  }

  #view-validation .validation-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  #view-validation .validation-kpis .metric-card {
    min-height: 58px !important;
    padding: 9px 10px;
    border-radius: 14px;
  }

  #view-validation .validation-kpis .metric-label {
    font-size: 0.54rem;
    letter-spacing: 0.09em;
  }

  #view-validation .validation-kpis .metric-card strong {
    font-size: 1.24rem !important;
  }

  #view-validation .validation-toolbar {
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 8px 0 10px;
    padding: 9px;
  }

  #view-validation .validation-table-shell {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-validation .validation-table-shell table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-validation .validation-table-shell thead {
    display: none !important;
  }

  #view-validation .validation-table-shell tbody {
    display: grid !important;
    gap: 10px !important;
  }

  #view-validation .validation-table-shell tr.validation-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client number"
      "sla sla"
      "bank bank"
      "amount code"
      "observation observation"
      "evidence compliance"
      "action action" !important;
    gap: 8px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 17px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important;
  }

  #view-validation .validation-table-shell tr.validation-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  #view-validation .validation-table-shell tr.validation-row td::before {
    content: none !important;
    display: none !important;
  }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(6) { grid-area: code !important; justify-self: end !important; text-align: right !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(7) { grid-area: observation !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(8) { grid-area: evidence !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(9) { grid-area: compliance !important; justify-self: end !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(10) { grid-area: action !important; }

  #view-validation .validation-table-shell tr.validation-row td:nth-child(2) .row-main {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--soft);
    font-size: 0.78rem !important;
  }

  #view-validation .validation-table-shell td:nth-child(3) .row-main {
    display: block;
    font-size: 0.98rem !important;
    font-weight: 900;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #view-validation .validation-table-shell .row-main,
  #view-validation .validation-table-shell .row-sub {
    overflow-wrap: normal !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  #view-validation .validation-table-shell td:nth-child(7) .row-main {
    -webkit-line-clamp: 4;
  }

  #view-validation .validation-table-shell .validation-sla {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding: 8px 10px;
  }

  #view-validation .validation-table-shell .validation-sla span {
    text-align: right;
  }

  #view-validation .validation-table-shell .status-chip {
    max-width: none;
    white-space: nowrap;
  }

  #view-validation .validation-table-shell .inline-button {
    width: 100%;
    min-height: 38px;
    justify-content: center;
  }

  :root[data-theme="light"] #view-validation .validation-table-shell tr.validation-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
      #ffffff !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08) !important;
  }
}

@media (max-width: 430px) {
  #view-validation .validation-table-shell tr.validation-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client number"
      "sla sla"
      "bank bank"
      "amount amount"
      "code code"
      "observation observation"
      "evidence evidence"
      "compliance compliance"
      "action action" !important;
  }

  #view-validation .validation-table-shell tr.validation-row td:nth-child(6),
  #view-validation .validation-table-shell tr.validation-row td:nth-child(9) {
    justify-self: stretch !important;
    text-align: left !important;
  }
}

/* Dashboard mobile v14: convert the operations ledger into actionable cards. */
@media (max-width: 700px) {
  body[data-active-view="dashboard"] .workspace {
    padding: 68px 10px 14px;
  }

  #view-dashboard .workspace-head {
    gap: 8px;
    padding-bottom: 10px;
  }

  #view-dashboard .workspace-title-row {
    align-items: flex-start;
    gap: 8px;
  }

  #view-dashboard .workspace-title-row h2 {
    font-size: 1.58rem;
    line-height: 1.06;
  }

  #view-dashboard .workspace-copy {
    font-size: 0.78rem;
    line-height: 1.35;
  }

  #view-dashboard .dashboard-average-time-chip {
    max-width: 100%;
    padding: 6px 9px;
    font-size: 0.68rem;
    line-height: 1;
    white-space: normal;
  }

  #view-dashboard .dashboard-summary-disclosure {
    justify-content: space-between;
    gap: 10px;
    margin: 2px 0 10px;
  }

  #view-dashboard .dashboard-summary-disclosure span {
    font-size: 0.66rem;
    letter-spacing: 0.08em;
  }

  #view-dashboard .dashboard-summary-disclosure .ghost-button {
    min-height: 36px;
    padding: 0 13px;
  }

  #view-dashboard #metrics-strip.metrics-grid {
    gap: 10px;
    margin-bottom: 12px;
  }

  #view-dashboard .dashboard-control-room {
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
  }

  #view-dashboard .dashboard-control-room > .panel-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #view-dashboard .dashboard-control-room > .panel-head h2 {
    font-size: 1.06rem;
    line-height: 1.12;
  }

  #view-dashboard .dashboard-control-room > .panel-head .metric-label {
    font-size: 0.58rem;
  }

  #view-dashboard .dashboard-cycle-actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: stretch;
    gap: 8px;
  }

  #view-dashboard .dashboard-cycle-actions .pill {
    justify-self: start;
  }

  #view-dashboard .dashboard-cycle-picker {
    width: 100%;
    min-height: 42px;
  }

  #view-dashboard .dashboard-control-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card {
    min-height: 62px !important;
    padding: 9px 8px;
    border-radius: 13px;
  }

  #view-dashboard .dashboard-control-kpis .metric-label {
    font-size: 0.5rem;
    letter-spacing: 0.1em;
  }

  #view-dashboard .dashboard-control-kpis .metric-card strong {
    font-size: 1.36rem !important;
    line-height: 0.95;
  }

  #view-dashboard .dashboard-control-kpis .metric-card p {
    display: none;
  }

  #view-dashboard .dashboard-control-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 8px 0 10px;
    padding: 9px;
    border-radius: 15px;
  }

  #view-dashboard .dashboard-control-toolbar input,
  #view-dashboard .dashboard-control-toolbar select {
    min-height: 42px;
    font-size: 0.86rem;
  }

  #view-dashboard .dashboard-operations-table table,
  #view-dashboard .dashboard-operations-table thead,
  #view-dashboard .dashboard-operations-table tbody {
    display: block;
    width: 100%;
    min-width: 0 !important;
  }

  #view-dashboard .dashboard-operations-table thead {
    display: none;
  }

  #view-dashboard .dashboard-operations-table tbody {
    display: grid;
    gap: 10px;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "client number"
      "time time"
      "route route"
      "money money"
      "operator operator"
      "state action";
    gap: 9px 12px;
    width: 100%;
    min-width: 0;
    padding: 13px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td {
    display: block !important;
    width: auto !important;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    font-size: 0.9rem;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(1) {
    grid-area: number;
    justify-self: end;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(1) .row-main {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--soft);
    font-size: 0.78rem !important;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(2) {
    grid-area: time;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: var(--text-soft);
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(3) {
    grid-area: client;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(4) {
    grid-area: route;
    padding: 8px 0 2px !important;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(5) {
    grid-area: money;
    padding: 9px 0 !important;
    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(6) {
    grid-area: operator;
    color: var(--text-soft);
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(6)::after {
    content: "Responsable";
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-family: var(--font-ui);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(7) {
    grid-area: state;
    min-width: 0;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(8) {
    grid-area: action;
    align-self: end;
    justify-self: end;
  }

  #view-dashboard .dashboard-operations-table .row-main {
    font-size: 0.92rem !important;
    line-height: 1.18;
    white-space: normal !important;
  }

  #view-dashboard .dashboard-operations-table td:nth-child(3) .row-main {
    display: block;
    font-size: 0.98rem !important;
    font-weight: 900;
  }

  #view-dashboard .dashboard-operations-table .row-sub {
    margin-top: 3px;
    font-size: 0.76rem;
    line-height: 1.22;
    white-space: normal !important;
  }

  #view-dashboard .dashboard-route-compact {
    display: flex;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--soft);
  }

  #view-dashboard .dashboard-route-compact strong {
    font-size: 0.84rem;
  }

  #view-dashboard .dashboard-money-stack {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6px 10px;
  }

  #view-dashboard .dashboard-money-stack strong,
  #view-dashboard .dashboard-money-stack span {
    white-space: normal;
  }

  #view-dashboard .dashboard-money-stack strong {
    font-size: 1rem;
  }

  #view-dashboard .dashboard-money-stack span {
    justify-self: end;
    text-align: right;
  }

  #view-dashboard .dashboard-state-stack {
    align-items: center;
    gap: 6px;
  }

  #view-dashboard .dashboard-state-stack .dashboard-status-chip {
    max-width: 122px;
  }

  #view-dashboard .dashboard-state-stack .dashboard-sla {
    min-width: 62px;
    padding: 5px 7px;
  }

  #view-dashboard .dashboard-state-stack .dashboard-sla strong {
    font-size: 0.76rem;
  }

  #view-dashboard .dashboard-state-stack .dashboard-sla span {
    display: none;
  }

  #view-dashboard .dashboard-operations-table .table-actions {
    display: flex;
    justify-content: flex-end;
  }

  #view-dashboard .dashboard-operations-table .inline-button {
    width: auto;
    min-height: 38px;
    padding: 0 14px;
    font-size: 0.78rem;
  }

  :root[data-theme="light"] #view-dashboard .dashboard-operations-table tr.dashboard-operation-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
      #ffffff;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
  }

  :root[data-theme="light"] #view-dashboard .dashboard-route-compact,
  :root[data-theme="light"] #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(1) .row-main {
    background: rgba(248, 250, 252, 0.92);
  }
}

@media (max-width: 390px) {
  #view-dashboard .dashboard-control-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row {
    grid-template-columns: 1fr;
    grid-template-areas:
      "number"
      "client"
      "time"
      "route"
      "money"
      "operator"
      "state"
      "action";
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(1),
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(8) {
    justify-self: stretch;
  }

  #view-dashboard .dashboard-operations-table .table-actions,
  #view-dashboard .dashboard-operations-table .inline-button {
    width: 100%;
  }
}

/* Dashboard control grid v13: collapsible financial summary and compact operations ledger. */
.dashboard-summary-disclosure {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin: -2px 0 12px;
}

.dashboard-summary-disclosure span {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#metrics-strip.metrics-grid.is-collapsed {
  display: none;
}

#metrics-strip.metrics-grid.is-collapsed .metric-card {
  min-height: 70px;
  padding: 12px 16px;
  border-radius: 16px;
}

#metrics-strip.metrics-grid.is-collapsed .metric-card > strong {
  font-size: clamp(1.25rem, 1.35vw, 1.75rem);
}

#metrics-strip.metrics-grid.is-collapsed .metric-card p,
#metrics-strip.metrics-grid.is-collapsed .metric-rate-ranges {
  margin-top: 4px;
  font-size: 0.78rem;
  line-height: 1.25;
}

#metrics-strip.metrics-grid.is-collapsed .metric-mini-table,
#metrics-strip.metrics-grid.is-collapsed .metric-dollar-reference-list,
#metrics-strip.metrics-grid.is-collapsed .metric-rate-ranges {
  max-height: 36px;
  overflow: hidden;
}

#metrics-strip.metrics-grid.is-collapsed .metric-mini-row,
#metrics-strip.metrics-grid.is-collapsed .metric-rate-row {
  min-height: 18px;
  padding: 1px 0;
}

#metrics-strip.metrics-grid.is-expanded {
  margin-bottom: 24px;
}

#view-dashboard .dashboard-operations-table table {
  min-width: 1080px;
  table-layout: fixed;
}

#view-dashboard .dashboard-operations-table th,
#view-dashboard .dashboard-operations-table td {
  padding: 10px 12px;
}

#view-dashboard .dashboard-operations-table th:nth-child(1),
#view-dashboard .dashboard-operations-table td:nth-child(1) { width: 52px; }
#view-dashboard .dashboard-operations-table th:nth-child(3),
#view-dashboard .dashboard-operations-table td:nth-child(3) { width: 220px; }
#view-dashboard .dashboard-operations-table th:nth-child(5),
#view-dashboard .dashboard-operations-table td:nth-child(5) { width: 210px; }
#view-dashboard .dashboard-operations-table th:nth-child(6),
#view-dashboard .dashboard-operations-table td:nth-child(6) { width: 122px; }
#view-dashboard .dashboard-operations-table th:nth-child(7),
#view-dashboard .dashboard-operations-table td:nth-child(7) { width: 236px; }
#view-dashboard .dashboard-operations-table th:nth-child(8),
#view-dashboard .dashboard-operations-table td:nth-child(8) {
  width: 126px;
  text-align: right;
}

#view-dashboard .dashboard-operations-table td:nth-child(3) .row-main,
#view-dashboard .dashboard-operations-table td:nth-child(6) .row-main,
#view-dashboard .dashboard-operations-table td:nth-child(7) .row-sub {
  overflow: hidden;
  text-overflow: ellipsis;
}

#view-dashboard .dashboard-operations-table td:nth-child(3) .row-main,
#view-dashboard .dashboard-operations-table td:nth-child(6) .row-main,
#view-dashboard .dashboard-operations-table td:nth-child(7) .row-sub {
  display: block;
  white-space: nowrap;
}

#view-dashboard .dashboard-operations-table .row-sub.subtle {
  opacity: 0.72;
}

#view-dashboard .dashboard-route-compact {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  white-space: nowrap;
}

#view-dashboard .dashboard-route-compact strong {
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0.02em;
}

#view-dashboard .dashboard-route-flag.country-flag-wrap {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 999px;
}

#view-dashboard .dashboard-route-flag .country-flag-image,
#view-dashboard .dashboard-route-flag .country-flag-fallback {
  width: 24px;
  height: 24px;
}

#view-dashboard .dashboard-money-stack {
  display: grid;
  gap: 3px;
}

#view-dashboard .dashboard-money-stack strong,
#view-dashboard .dashboard-money-stack span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dashboard-money-stack strong {
  color: var(--text);
  font-size: 0.94rem;
  font-weight: 900;
}

#view-dashboard .dashboard-money-stack span {
  color: var(--text-soft);
  font-size: 0.82rem;
  font-weight: 800;
}

#view-dashboard .dashboard-state-stack {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

#view-dashboard .dashboard-state-stack .dashboard-status-chip {
  flex: 0 1 auto;
  max-width: 128px;
}

#view-dashboard .dashboard-state-stack .dashboard-sla {
  flex: 0 0 auto;
  min-width: 66px;
  padding: 5px 7px;
}

#view-dashboard .dashboard-state-stack .dashboard-sla strong {
  font-size: 0.82rem;
}

#view-dashboard .dashboard-state-stack .dashboard-sla span {
  font-size: 0.68rem;
}

@media (max-width: 1700px) {
  #metrics-strip.metrics-grid.is-collapsed {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-dashboard .dashboard-operations-table table {
    min-width: 980px;
  }

  #view-dashboard .dashboard-operations-table th,
  #view-dashboard .dashboard-operations-table td {
    padding: 9px 10px;
  }

  #view-dashboard .dashboard-operations-table th:nth-child(2),
  #view-dashboard .dashboard-operations-table td:nth-child(2) { width: 124px; }
  #view-dashboard .dashboard-operations-table th:nth-child(3),
  #view-dashboard .dashboard-operations-table td:nth-child(3) { width: 176px; }
  #view-dashboard .dashboard-operations-table th:nth-child(4),
  #view-dashboard .dashboard-operations-table td:nth-child(4) { width: 136px; }
  #view-dashboard .dashboard-operations-table th:nth-child(5),
  #view-dashboard .dashboard-operations-table td:nth-child(5) { width: 178px; }
  #view-dashboard .dashboard-operations-table th:nth-child(6),
  #view-dashboard .dashboard-operations-table td:nth-child(6) { width: 104px; }
  #view-dashboard .dashboard-operations-table th:nth-child(7),
  #view-dashboard .dashboard-operations-table td:nth-child(7) { width: 196px; }
  #view-dashboard .dashboard-operations-table th:nth-child(8),
  #view-dashboard .dashboard-operations-table td:nth-child(8) { width: 106px; }
}

@media (max-width: 1180px) {
  #metrics-strip.metrics-grid.is-collapsed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .dashboard-summary-disclosure {
    justify-content: space-between;
  }

  #metrics-strip.metrics-grid.is-collapsed {
    grid-template-columns: 1fr;
  }

  #metrics-strip.metrics-grid.is-collapsed .metric-card {
    min-height: auto;
  }
}

/* Dashboard control premium v12: compact KPIs and operational table density. */
#view-dashboard .dashboard-control-room {
  gap: 12px;
}

#view-dashboard .dashboard-control-room > .panel-head {
  align-items: center;
}

#view-dashboard .dashboard-control-room .workspace-copy {
  max-width: 980px;
}

#view-dashboard .dashboard-control-kpis {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

#view-dashboard .dashboard-control-kpis .metric-card {
  min-height: 82px !important;
  padding: 13px 15px;
  border-radius: 16px;
  align-content: center;
}

#view-dashboard .dashboard-control-kpis .metric-label {
  font-size: 0.62rem;
  letter-spacing: 0.14em;
}

#view-dashboard .dashboard-control-kpis .metric-card strong {
  margin: 3px 0 0;
  font-size: clamp(1.72rem, 2vw, 2.18rem) !important;
  line-height: 0.95;
}

#view-dashboard .dashboard-control-kpis .metric-card p {
  margin-top: 6px;
  font-size: 0.72rem;
  line-height: 1.16;
}

#view-dashboard .dashboard-control-kpis .metric-card:not(:has(p)) {
  justify-items: start;
}

#view-dashboard .dashboard-control-toolbar {
  margin: 8px 0 10px;
  padding: 10px 12px;
  border-radius: 16px;
}

#view-dashboard .dashboard-control-toolbar input,
#view-dashboard .dashboard-control-toolbar select {
  min-height: 42px;
  border-radius: 14px;
}

#view-dashboard .dashboard-operations-table {
  max-height: none;
  overflow: auto;
  border-radius: 16px;
}

#view-dashboard .dashboard-operations-table table {
  width: 100%;
  min-width: 1220px;
  table-layout: fixed;
}

#view-dashboard .dashboard-operations-table th,
#view-dashboard .dashboard-operations-table td {
  padding: 11px 12px;
  vertical-align: top;
}

#view-dashboard .dashboard-operations-table .row-main {
  font-size: 0.9rem !important;
  line-height: 1.18;
}

#view-dashboard .dashboard-operations-table .row-sub {
  margin-top: 3px;
  font-size: 0.76rem;
  line-height: 1.22;
}

#view-dashboard .dashboard-operations-table th:nth-child(1),
#view-dashboard .dashboard-operations-table td:nth-child(1) { width: 48px; }
#view-dashboard .dashboard-operations-table th:nth-child(2),
#view-dashboard .dashboard-operations-table td:nth-child(2) { width: 150px; }
#view-dashboard .dashboard-operations-table th:nth-child(3),
#view-dashboard .dashboard-operations-table td:nth-child(3) { width: 142px; }
#view-dashboard .dashboard-operations-table th:nth-child(4),
#view-dashboard .dashboard-operations-table td:nth-child(4) { width: 150px; }
#view-dashboard .dashboard-operations-table th:nth-child(5),
#view-dashboard .dashboard-operations-table td:nth-child(5) { width: 220px; }
#view-dashboard .dashboard-operations-table th:nth-child(6),
#view-dashboard .dashboard-operations-table td:nth-child(6) { width: 142px; }
#view-dashboard .dashboard-operations-table th:nth-child(7),
#view-dashboard .dashboard-operations-table td:nth-child(7) { width: 142px; }
#view-dashboard .dashboard-operations-table th:nth-child(8),
#view-dashboard .dashboard-operations-table td:nth-child(8) { width: 120px; }
#view-dashboard .dashboard-operations-table th:nth-child(9),
#view-dashboard .dashboard-operations-table td:nth-child(9) { width: 92px; }
#view-dashboard .dashboard-operations-table th:nth-child(10),
#view-dashboard .dashboard-operations-table td:nth-child(10) { width: 150px; }
#view-dashboard .dashboard-operations-table th:nth-child(11),
#view-dashboard .dashboard-operations-table td:nth-child(11) {
  width: 116px;
  text-align: right;
}

#view-dashboard .dashboard-operations-table td:nth-child(5) .row-main,
#view-dashboard .dashboard-operations-table td:nth-child(5) .row-sub,
#view-dashboard .dashboard-operations-table td:nth-child(10) .row-sub {
  overflow: hidden;
  text-overflow: ellipsis;
}

#view-dashboard .dashboard-operations-table td:nth-child(5) .row-main {
  white-space: nowrap;
}

#view-dashboard .dashboard-operations-table td:nth-child(10) .row-sub {
  display: block;
  max-width: 148px;
  white-space: nowrap;
}

#view-dashboard .dashboard-operations-table .dashboard-sla {
  min-width: 74px;
  padding: 6px 8px;
}

#view-dashboard .dashboard-operations-table .inline-button {
  min-height: 34px;
  border-radius: 999px;
}

@media (min-width: 1680px) {
  #metrics-strip.metrics-grid {
    grid-template-columns: minmax(300px, 1.08fr) minmax(240px, 0.92fr) minmax(260px, 0.96fr) minmax(300px, 1.04fr);
    gap: 14px;
  }

  #metrics-strip .metric-card {
    min-height: 168px !important;
    padding: 22px 24px;
  }

  #view-dashboard .dashboard-control-room {
    padding: 18px 20px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card {
    min-height: 88px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1679px) {
  #metrics-strip.metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  #metrics-strip .metric-card {
    min-height: 154px !important;
    padding: 18px 20px;
    border-radius: 18px;
  }

  #metrics-strip .metric-card > strong {
    font-size: clamp(1.75rem, 2.7vw, 2.45rem) !important;
  }

  #view-dashboard .dashboard-control-room {
    padding: 14px 16px;
    gap: 10px;
  }

  #view-dashboard .dashboard-control-room > .panel-head h2 {
    font-size: 1.22rem;
  }

  #view-dashboard .dashboard-control-room .workspace-copy {
    display: none;
  }

  #view-dashboard .dashboard-control-kpis {
    gap: 8px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card {
    min-height: 72px !important;
    padding: 10px 11px;
  }

  #view-dashboard .dashboard-control-kpis .metric-card strong {
    font-size: 1.45rem !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-card p {
    display: none;
  }

  #view-dashboard .dashboard-control-toolbar {
    padding: 9px 10px;
  }

  #view-dashboard .dashboard-operations-table {
    overflow-x: auto;
  }

  #view-dashboard .dashboard-operations-table table {
    min-width: 1180px;
  }
}

:root[data-theme="light"] #view-dashboard .dashboard-control-kpis .metric-card,
:root[data-theme="light"] #view-dashboard .dashboard-control-toolbar,
:root[data-theme="light"] #view-dashboard .dashboard-operations-table {
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
}

:root[data-theme="light"] #view-dashboard .dashboard-control-kpis .metric-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
    #ffffff;
}

/* Dashboard control premium v12b: keep top financial cards restrained on laptop. */
@media (min-width: 1181px) and (max-width: 1679px) {
  #metrics-strip .metric-card {
    min-height: 138px !important;
  }

  #metrics-strip .metric-card > strong {
    font-size: clamp(1.58rem, 2.15vw, 2rem) !important;
    line-height: 1.02;
  }

  #metrics-strip .dashboard-country-totals-card .metric-mini-row {
    grid-template-columns: minmax(150px, 1fr) max-content;
    align-items: baseline;
  }

  #metrics-strip .metric-mini-row span,
  #metrics-strip .metric-mini-row em {
    font-size: 0.84rem;
  }

  #metrics-strip .metric-card .metric-mini-row strong,
  #metrics-strip .metric-card .metric-rate-row strong {
    font-size: 0.9rem !important;
    line-height: 1.12;
  }

  #metrics-strip .metric-rate-row {
    grid-template-columns: minmax(0, 1fr) max-content;
  }
}

/* Distribution PC table balance v11: use wide desktop space like an operations ledger. */
@media (min-width: 1680px) {
  #view-distribution .distribution-table-shell {
    min-height: clamp(330px, 38dvh, 520px);
  }

  #view-distribution .distribution-table-shell table {
    min-width: 1180px;
    table-layout: fixed;
  }

  #view-distribution .distribution-table thead th {
    padding-top: 14px;
    padding-bottom: 14px;
    letter-spacing: 0.12em;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 14px 18px;
    vertical-align: top;
  }

  #view-distribution .distribution-table tbody tr {
    min-height: 82px;
  }

  #view-distribution .distribution-table th:nth-child(1),
  #view-distribution .distribution-table td:nth-child(1) {
    width: 58px;
  }

  #view-distribution .distribution-table th:nth-child(2),
  #view-distribution .distribution-table td:nth-child(2) {
    width: 142px;
  }

  #view-distribution .distribution-table th:nth-child(3),
  #view-distribution .distribution-table td:nth-child(3) {
    width: 140px;
  }

  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) {
    width: 160px;
  }

  #view-distribution .distribution-table th:nth-child(5),
  #view-distribution .distribution-table td:nth-child(5) {
    width: 178px;
  }

  #view-distribution .distribution-table th:nth-child(6),
  #view-distribution .distribution-table td:nth-child(6) {
    width: auto;
  }

  #view-distribution .distribution-table th:nth-child(7),
  #view-distribution .distribution-table td:nth-child(7) {
    width: 174px;
  }

  #view-distribution .distribution-table th:nth-child(8),
  #view-distribution .distribution-table td:nth-child(8) {
    width: 120px;
    text-align: right;
  }

  #view-distribution .distribution-table td:nth-child(7),
  #view-distribution .distribution-table td:nth-child(8) {
    padding-right: 22px;
  }

  #view-distribution .distribution-table td:nth-child(8) .ghost-button {
    min-width: 104px;
  }

  #view-distribution .distribution-table .row-main {
    font-size: 1rem;
    line-height: 1.22;
  }

  #view-distribution .distribution-table .row-sub {
    margin-top: 3px;
    font-size: 0.9rem;
    line-height: 1.28;
  }

  #view-distribution .distribution-table td:nth-child(5) .row-main,
  #view-distribution .distribution-table td:nth-child(7) .row-main {
    font-weight: 900;
    font-variant-numeric: tabular-nums;
  }

  #view-distribution .distribution-table td:nth-child(6) .row-sub {
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (min-width: 1680px) and (max-width: 1840px) {
  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding-left: 15px;
    padding-right: 15px;
  }

  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) {
    width: 164px;
  }

  #view-distribution .distribution-table th:nth-child(5),
  #view-distribution .distribution-table td:nth-child(5) {
    width: 176px;
  }

  #view-distribution .distribution-table th:nth-child(7),
  #view-distribution .distribution-table td:nth-child(7) {
    width: 194px;
  }
}

/* Distribution benefits v10: keep full benefit audit visible on laptop and clean up light-mode color. */
@media (min-width: 1181px) {
  #distribution-detail-modal {
    padding: clamp(10px, 1.45vw, 26px);
  }

  #distribution-detail-modal .distribution-detail-modal {
    width: min(1540px, calc(100vw - clamp(20px, 2.8vw, 44px)));
    max-height: calc(100dvh - clamp(20px, 2.8vw, 44px));
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(292px, 324px);
  }

  #distribution-detail-modal .distribution-result-panel {
    gap: 9px;
    padding: 8px;
  }

  #distribution-detail-modal .distribution-benefit-panel {
    gap: 10px;
    padding: 13px 14px;
    border-color: rgba(56, 189, 248, 0.24);
    background:
      linear-gradient(145deg, rgba(20, 83, 105, 0.24), rgba(9, 20, 34, 0.82)),
      rgba(8, 13, 21, 0.58);
  }

  #distribution-detail-modal .distribution-benefit-breakdown {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 10px;
    margin-top: 2px;
    font-size: 0.9rem;
  }
}

@media (min-width: 1181px) and (max-width: 1600px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 78px;
  }

  #distribution-detail-modal .distribution-detail-body {
    padding-top: 2px;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(270px, 300px);
    gap: 10px;
  }

  #distribution-detail-modal .distribution-line-card {
    border-radius: 16px;
  }

  #distribution-detail-modal .distribution-line-beneficiary {
    padding: 9px 12px;
  }

  #distribution-detail-modal .distribution-line-form {
    padding: 10px 12px 12px;
    gap: 8px 10px;
  }

  #distribution-detail-modal .distribution-line-form textarea {
    min-height: 50px;
  }

  #distribution-detail-modal .distribution-add-beneficiary {
    padding: 10px 12px;
  }

  #distribution-detail-modal .distribution-total-strip {
    gap: 8px;
  }

  #distribution-detail-modal .distribution-total-strip > div {
    min-height: 70px;
    padding: 10px 12px;
  }

  #distribution-detail-modal .distribution-benefit-panel .metric-label {
    margin-bottom: 1px;
  }

  #distribution-detail-modal .distribution-benefit-panel > strong {
    font-size: 1.28rem;
  }

  #distribution-detail-modal .distribution-benefit-breakdown {
    display: grid;
    gap: 5px 9px;
    font-size: 0.86rem;
    line-height: 1.18;
  }
}

@media (min-width: 1181px) and (max-width: 1600px) {
}

@media (min-width: 1181px) and (max-width: 1600px) {
  #distribution-detail-modal .distribution-benefit-panel {
    padding: 10px 12px;
  }

  #distribution-detail-modal .distribution-benefit-panel .metric-label {
    margin-bottom: 4px;
  }

  #distribution-detail-modal .distribution-benefit-panel > strong {
    font-size: 1.18rem;
  }

  #distribution-detail-modal .distribution-benefit-breakdown {
    display: none;
  }
}

/* Distribution scale and picker v8: PC reads closer to 110% zoom; selects escape narrow rails. */
@media (min-width: 1680px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) clamp(350px, 19vw, 410px);
    gap: 22px;
  }

  #view-distribution .distribution-module,
  #view-distribution .distribution-side-panel {
    padding: 18px;
  }

  #view-distribution .distribution-module {
    min-height: min(720px, calc(100dvh - 128px));
  }

  #view-distribution .distribution-module > .panel-head .client-head-copy {
    font-size: 0.92rem;
  }

  #view-distribution .distribution-operator-card {
    min-height: 56px;
    padding: 10px 14px;
  }

  #view-distribution .distribution-kpis .metric-card {
    min-height: 98px;
    padding: 15px 16px;
  }

  #view-distribution .distribution-kpis .metric-card strong {
    font-size: clamp(1.9rem, 1.95vw, 2.35rem);
  }

  #view-distribution .client-toolbar {
    padding: 12px 14px;
  }

  #view-distribution .client-toolbar input {
    min-height: 48px;
    font-size: 0.92rem;
  }

  #view-distribution .distribution-table-shell {
    min-height: clamp(330px, 39dvh, 500px);
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 13px 14px;
    font-size: 0.95rem;
  }

  #view-distribution .distribution-table .row-main {
    font-size: 1rem;
  }

  #view-distribution .distribution-table .row-sub {
    font-size: 0.9rem;
  }

  #view-distribution .distribution-table .ghost-button {
    min-height: 38px;
    padding-inline: 14px;
    font-size: 0.86rem;
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: 1.62rem;
  }

  #view-distribution .distribution-account-summary strong {
    font-size: 1.35rem;
  }

  #view-distribution .distribution-account-ledger .distribution-account-row {
    font-size: 0.92rem;
  }
}

#view-distribution .distribution-side-panel,
#view-distribution .distribution-side-panel #distribution-accounts,
#view-distribution .distribution-account-ledger,
#view-distribution .distribution-country-filter,
#distribution-detail-modal .distribution-detail-modal:has(.search-select.open),
#distribution-detail-modal .distribution-detail-body:has(.search-select.open),
#distribution-detail-modal .distribution-workspace:has(.search-select.open),
#distribution-detail-modal .distribution-lines:has(.search-select.open),
#distribution-detail-modal .distribution-line-card:has(.search-select.open),
#distribution-detail-modal .distribution-line-form label:has(.search-select.open) {
  overflow: visible;
}

.distribution-country-picker-modal,
.distribution-account-picker-modal {
  z-index: 6000;
}

.distribution-country-picker-modal .search-select-picker-card,
.distribution-account-picker-modal .search-select-picker-card {
  width: min(920px, calc(100vw - 40px));
  max-height: min(760px, calc(100dvh - 40px));
  border-radius: 20px;
}

.distribution-account-picker-modal .search-select-picker-list {
  display: grid;
  gap: 8px;
  padding: 8px;
}

.distribution-account-picker-modal .search-select-option {
  min-height: 62px;
  align-items: center;
  border-radius: 14px;
  white-space: normal;
}

.distribution-account-picker-modal .search-select-option-label {
  font-weight: 850;
  line-height: 1.25;
}

.distribution-account-picker-modal .search-select-option-meta {
  margin-top: 4px;
  line-height: 1.28;
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-distribution .distribution-side-panel {
    grid-template-columns: minmax(230px, 0.35fr) minmax(0, 1fr);
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: 1.34rem;
  }

  #view-distribution .distribution-account-ledger .distribution-account-list {
    max-height: 220px;
  }

  .distribution-country-picker-modal .search-select-picker-card,
  .distribution-account-picker-modal .search-select-picker-card {
    width: min(860px, calc(100vw - 32px));
  }
}

/* Distribution header benefits v9 final override: header becomes the summary bar. */
@media (min-width: 1181px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    grid-template-columns: minmax(160px, 0.28fr) minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    min-height: 88px;
  }

  #distribution-detail-modal .distribution-detail-summary {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 8px;
    align-items: stretch;
  }

  #distribution-detail-modal .distribution-detail-summary:empty {
    display: none;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-width: 0;
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 13px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
      rgba(15, 23, 42, 0.34);
  }

  #distribution-detail-modal .distribution-detail-summary small {
    color: var(--gold-strong);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: clamp(0.96rem, 1.02vw, 1.16rem);
    font-weight: 900;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    min-width: 0;
    overflow: hidden;
    color: var(--text-soft);
    font-size: 0.72rem;
    font-style: normal;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #distribution-detail-modal .distribution-detail-summary .is-benefit {
    border-color: rgba(45, 159, 119, 0.28);
    background:
      linear-gradient(135deg, rgba(45, 159, 119, 0.18), rgba(14, 165, 233, 0.08)),
      rgba(12, 36, 44, 0.42);
  }

  #distribution-detail-modal .distribution-detail-grid {
    display: none;
  }

  #distribution-detail-modal .distribution-result-panel {
    gap: 8px;
  }

  #distribution-detail-modal .distribution-benefit-panel {
    padding: 12px 14px;
    border-radius: 16px;
  }

  #distribution-detail-modal .distribution-benefit-panel > strong {
    font-size: clamp(1.15rem, 1.3vw, 1.45rem);
  }

  #distribution-detail-modal .distribution-benefit-breakdown {
    gap: 6px 10px;
    margin-top: 8px;
  }
}

@media (min-width: 1181px) and (max-width: 1600px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    grid-template-columns: minmax(132px, 0.22fr) minmax(0, 1fr) auto;
    gap: 10px;
    min-height: 82px;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(4, minmax(108px, 1fr));
    gap: 6px;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    padding: 7px 8px;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: 0.96rem;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    font-size: 0.68rem;
  }

  #distribution-detail-modal .distribution-benefit-panel {
    padding: 12px 13px;
  }

  #distribution-detail-modal .distribution-benefit-breakdown {
    grid-template-columns: minmax(0, 1fr) auto;
    display: grid;
    gap: 5px 9px;
    font-size: 0.86rem;
    line-height: 1.18;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

:root[data-theme="light"] #distribution-detail-modal .distribution-detail-summary span {
  border-color: rgba(148, 163, 184, 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
    #ffffff;
}

:root[data-theme="light"] #distribution-detail-modal .distribution-detail-summary .is-benefit {
  border-color: rgba(13, 148, 136, 0.28);
  background:
    linear-gradient(180deg, rgba(240, 253, 250, 0.92), rgba(255, 255, 255, 0.94)),
    #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

:root[data-theme="light"] #distribution-detail-modal .distribution-detail-summary .is-benefit small,
:root[data-theme="light"] #distribution-detail-modal .distribution-benefit-panel .metric-label {
  color: #9a6a1f;
}

:root[data-theme="light"] #distribution-detail-modal .distribution-benefit-panel {
  border-color: rgba(13, 148, 136, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92)),
    #ffffff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] #distribution-detail-modal .distribution-benefit-panel > strong,
:root[data-theme="light"] #distribution-detail-modal .distribution-benefit-breakdown b {
  color: #101827;
}

:root[data-theme="light"] #distribution-detail-modal .distribution-benefit-breakdown {
  color: #4b5563;
}

/* Distribution Tier-1 refinement: compact header and beneficiary picker. */
@media (min-width: 1181px) {
  #distribution-detail-modal .distribution-detail-modal {
    width: min(1548px, calc(100vw - 10px));
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    grid-template-columns: minmax(190px, 0.24fr) minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(5, minmax(96px, 1fr)) !important;
    gap: 6px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 66px;
    padding: 7px 9px !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(0.88rem, 0.92vw, 1.08rem) !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    font-size: 0.66rem !important;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(180px, 0.68fr) minmax(0, 1.18fr) minmax(150px, 0.56fr) !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

#distribution-detail-modal .distribution-beneficiary-pick-button {
  border: 1px solid rgba(226, 181, 111, 0.36);
  color: var(--text);
  cursor: pointer;
  transition: border-color 160ms ease, transform 160ms ease, background 160ms ease;
}

#distribution-detail-modal .distribution-beneficiary-pick-button:hover,
#distribution-detail-modal .distribution-beneficiary-pick-button:focus-visible {
  border-color: rgba(226, 181, 111, 0.78);
  background: rgba(226, 181, 111, 0.14);
  transform: translateY(-1px);
  outline: none;
}

#distribution-detail-modal .distribution-add-beneficiary {
  align-items: center;
}

#distribution-detail-modal .distribution-add-beneficiary > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#distribution-detail-modal .distribution-add-beneficiary strong {
  color: var(--text);
  font-size: 0.88rem;
}

#distribution-detail-modal .distribution-add-beneficiary span {
  color: var(--text-soft);
  font-size: 0.76rem;
}

.distribution-beneficiary-picker-backdrop {
  z-index: 3600;
}

.distribution-beneficiary-picker-card {
  width: min(1040px, calc(100vw - 32px));
  max-height: min(760px, calc(100dvh - 32px));
  overflow: hidden;
}

.distribution-beneficiary-picker-search {
  padding: 0 4px 10px;
}

.distribution-beneficiary-picker-search input {
  width: 100%;
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid rgba(226, 181, 111, 0.38);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.52);
  color: var(--text);
  font: inherit;
}

.distribution-beneficiary-picker-list {
  display: grid;
  gap: 8px;
  max-height: min(470px, 52dvh);
  overflow: auto;
  padding: 2px 4px 10px;
}

.distribution-beneficiary-picker-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  width: 100%;
  min-height: 66px;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.42);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.distribution-beneficiary-picker-row:hover,
.distribution-beneficiary-picker-row:focus-visible {
  border-color: rgba(226, 181, 111, 0.58);
  background: rgba(226, 181, 111, 0.1);
  outline: none;
}

.distribution-beneficiary-picker-row span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.distribution-beneficiary-picker-row strong,
.distribution-beneficiary-picker-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.distribution-beneficiary-picker-row strong {
  font-size: 0.96rem;
  font-weight: 900;
}

.distribution-beneficiary-picker-row small {
  color: var(--text-soft);
  font-size: 0.78rem;
}

.distribution-beneficiary-picker-row b {
  color: var(--gold-strong);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

:root[data-theme="light"] .distribution-beneficiary-picker-search input,
:root[data-theme="light"] .distribution-beneficiary-picker-row {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(148, 163, 184, 0.24);
}

/* Distribution Tier-1 v3: premium beneficiary picker, benefit header and wider payout ledger. */
@media (min-width: 1181px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) clamp(580px, 37vw, 760px) !important;
    gap: 30px !important;
    align-items: start;
  }

  #view-distribution .distribution-side-panel {
    min-width: 0;
    padding: 20px !important;
  }

  #view-distribution .distribution-side-panel .panel-head {
    margin-bottom: 10px;
    min-height: 0;
    padding: 0;
  }

  #view-distribution .distribution-side-panel .panel-head > div {
    display: flex;
    align-items: baseline;
    gap: 12px;
    min-width: 0;
  }

  #view-distribution .distribution-side-panel .panel-head .eyebrow,
  #view-distribution .distribution-side-panel .panel-head h2 {
    margin: 0 !important;
  }

  #view-distribution .distribution-side-panel .panel-head .eyebrow {
    flex: 0 0 auto;
    font-size: 0.68rem;
    letter-spacing: 0.2em;
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: clamp(1.55rem, 1.45vw, 2rem) !important;
    line-height: 1;
  }

  #view-distribution .distribution-head-spacer {
    display: none !important;
  }

  #distribution-detail-modal .distribution-detail-summary.has-benefit-summary {
    grid-template-columns: repeat(6, minmax(82px, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-detail-summary.has-benefit-summary span {
    min-height: 64px;
  }

  #distribution-detail-modal .distribution-detail-summary.has-benefit-summary strong {
    font-size: clamp(0.78rem, 0.82vw, 1rem) !important;
  }
}

#view-distribution .distribution-account-ledger {
  gap: 10px;
}

#view-distribution .distribution-country-filter {
  gap: 6px !important;
  margin-top: 0 !important;
}

#view-distribution .distribution-country-filter > span {
  font-size: 0.72rem;
  line-height: 1;
}

#view-distribution .distribution-country-filter .search-select-trigger,
#view-distribution .distribution-country-filter select {
  min-height: 46px !important;
}

#view-distribution .distribution-account-table-head,
#view-distribution .distribution-account-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(105px, 0.62fr) minmax(130px, 0.7fr);
  gap: 18px;
  align-items: start;
}

#view-distribution .distribution-account-table-head {
  position: relative;
  top: auto;
  z-index: 2;
  min-height: 44px;
  margin: 6px 0 8px;
  padding: 8px 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 10px;
  background: rgba(6, 12, 22, 0.72);
  color: var(--gold-strong);
}

#view-distribution .distribution-account-sort {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  width: 100%;
  min-height: 28px;
  padding: 2px 0;
  border: 0;
  background: transparent;
  color: var(--gold-strong);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  line-height: 1.1;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

#view-distribution .distribution-account-sort[data-sort-key="balance"] {
  justify-content: flex-end;
  text-align: right;
}

#view-distribution .distribution-account-sort b {
  flex: 0 0 auto;
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(226, 181, 111, 0.24);
  border-radius: 999px;
  color: var(--text-soft);
  font-size: 0.72rem;
  line-height: 1;
}

#view-distribution .distribution-account-sort:hover,
#view-distribution .distribution-account-sort:focus-visible,
#view-distribution .distribution-account-sort.is-active {
  color: var(--text);
  outline: none;
}

#view-distribution .distribution-account-sort.is-active b {
  border-color: rgba(226, 181, 111, 0.56);
  background: rgba(226, 181, 111, 0.14);
  color: var(--gold-strong);
}

#view-distribution .distribution-account-ledger .distribution-account-row {
  min-height: 54px;
  padding: 12px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#view-distribution .distribution-account-row b,
#view-distribution .distribution-account-row small,
#view-distribution .distribution-account-operator {
  min-width: 0;
  overflow-wrap: anywhere;
}

#view-distribution .distribution-account-name,
#view-distribution .distribution-account-balance {
  display: grid;
  gap: 3px;
}

#view-distribution .distribution-account-name b {
  font-size: 0.9rem;
  line-height: 1.18;
}

#view-distribution .distribution-account-name small,
#view-distribution .distribution-account-balance small {
  color: var(--text-soft);
  font-size: 0.68rem;
  line-height: 1.22;
}

#view-distribution .distribution-account-balance {
  text-align: right;
}

#view-distribution .distribution-account-balance b {
  font-size: 0.88rem;
  line-height: 1.16;
}

#view-distribution .distribution-account-operator {
  color: var(--text-soft);
  font-size: 0.8rem;
  line-height: 1.32;
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) clamp(540px, 37vw, 660px) !important;
    gap: 22px !important;
  }

  #view-distribution .distribution-account-table-head,
  #view-distribution .distribution-account-row {
    grid-template-columns: minmax(0, 1.42fr) minmax(92px, 0.58fr) minmax(118px, 0.72fr);
    gap: 12px;
  }
}

.distribution-beneficiary-picker-backdrop {
  z-index: 6200;
}

.distribution-beneficiary-picker-card {
  width: min(1120px, calc(100vw - 44px)) !important;
  max-height: min(780px, calc(100dvh - 44px)) !important;
  padding: 26px 28px !important;
  border-radius: 20px !important;
}

.distribution-beneficiary-picker-card .panel-head {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.distribution-beneficiary-picker-search {
  padding: 14px 0 8px !important;
  margin-bottom: 8px;
}

.distribution-beneficiary-picker-search input {
  min-height: 58px;
  border-radius: 16px;
  box-shadow: 0 0 0 3px rgba(226, 181, 111, 0.08);
}

.distribution-beneficiary-picker-head {
  display: grid;
  grid-template-columns: minmax(145px, 0.95fr) minmax(190px, 1.25fr) minmax(130px, 0.85fr) minmax(170px, 1fr) minmax(78px, 0.35fr);
  gap: 16px;
  margin-top: 24px;
  padding: 10px 16px 9px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(8, 15, 25, 0.72);
  color: var(--gold-strong);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.distribution-beneficiary-picker-list {
  gap: 0 !important;
  max-height: min(500px, 54dvh) !important;
  padding: 0 4px 10px !important;
}

.distribution-beneficiary-picker-row {
  grid-template-columns: minmax(145px, 0.95fr) minmax(190px, 1.25fr) minmax(130px, 0.85fr) minmax(170px, 1fr) minmax(78px, 0.35fr) !important;
  min-height: 72px;
  padding: 13px 16px !important;
  border-width: 0 0 1px !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.distribution-beneficiary-picker-row:hover,
.distribution-beneficiary-picker-row:focus-visible {
  background: rgba(226, 181, 111, 0.08) !important;
}

.distribution-beneficiary-picker-row span {
  align-content: center;
}

.distribution-beneficiary-picker-row b {
  align-self: center;
  justify-self: end;
}

@media (max-width: 760px) {
  .distribution-beneficiary-picker-card {
    width: calc(100vw - 20px) !important;
    padding: 18px !important;
  }

  .distribution-beneficiary-picker-head {
    display: none;
  }

  .distribution-beneficiary-picker-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 14px !important;
    margin-bottom: 8px;
  }

  .distribution-beneficiary-picker-row span:nth-child(n+3) {
    display: none;
  }
}

/* Distribution beneficiary picker a94: align with approved Atención beneficiary picker. */
.distribution-beneficiary-picker-backdrop {
  z-index: 4200 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

.distribution-beneficiary-picker-card {
  width: min(1280px, calc(100vw - 48px)) !important;
  height: min(86dvh, 800px) !important;
  max-height: min(86dvh, 800px) !important;
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.distribution-beneficiary-picker-card .search-select-picker-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: start !important;
  padding: 22px 24px 18px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
}

.distribution-beneficiary-picker-card .search-select-picker-head h3 {
  margin: 6px 0 0 !important;
  font-size: clamp(1.7rem, 2.2vw, 2.35rem) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.distribution-beneficiary-picker-card .search-select-picker-head p:not(.eyebrow) {
  margin: 6px 0 0 !important;
  color: var(--text-soft) !important;
  font-size: 0.86rem !important;
  line-height: 1.35 !important;
}

.distribution-beneficiary-picker-card .search-select-picker-close {
  min-width: 92px !important;
  min-height: 46px !important;
  border-radius: 999px !important;
}

.distribution-beneficiary-picker-search {
  margin: 0 !important;
  padding: 16px 24px 12px !important;
}

.distribution-beneficiary-picker-search .search-select-input {
  width: 100% !important;
  min-height: 54px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  font-size: 0.96rem !important;
  box-shadow: 0 0 0 3px rgba(226, 181, 111, 0.08) !important;
}

.distribution-beneficiary-picker-head,
.distribution-beneficiary-picker-row {
  grid-template-columns:
    minmax(126px, 0.72fr)
    minmax(178px, 1fr)
    minmax(132px, 0.68fr)
    minmax(104px, 0.5fr)
    minmax(168px, 0.82fr)
    minmax(104px, 0.5fr) !important;
}

.distribution-beneficiary-picker-head {
  display: grid !important;
  gap: 12px !important;
  margin: 0 24px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
  background: transparent !important;
  color: var(--gold-strong) !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.distribution-beneficiary-picker-head span {
  min-width: 0 !important;
}

.distribution-beneficiary-picker-list {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 12px 24px 16px !important;
}

.distribution-beneficiary-picker-row {
  display: grid !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 84px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 12px !important;
  background: rgba(15, 23, 42, 0.44) !important;
  color: var(--text) !important;
  text-align: left !important;
  box-shadow: none !important;
}

.distribution-beneficiary-picker-row:hover,
.distribution-beneficiary-picker-row:focus-visible {
  border-color: rgba(226, 181, 111, 0.6) !important;
  background: rgba(226, 181, 111, 0.1) !important;
  outline: none !important;
}

.distribution-beneficiary-picker-row > span {
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.distribution-beneficiary-picker-id {
  grid-template-columns: 30px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: center !important;
}

.distribution-beneficiary-picker-id em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  font-size: 1.05rem !important;
  font-style: normal !important;
}

.distribution-beneficiary-picker-row small {
  display: block !important;
  color: var(--gold-strong) !important;
  font-size: 0.62rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.12 !important;
  text-transform: uppercase !important;
}

.distribution-beneficiary-picker-row small + strong,
.distribution-beneficiary-picker-row strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--text) !important;
  font-size: 0.95rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.distribution-beneficiary-picker-row strong + small {
  color: var(--text-soft) !important;
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.distribution-beneficiary-picker-row b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: stretch !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 12px !important;
  color: var(--text) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.distribution-beneficiary-picker-footer {
  margin: 0 !important;
  padding: 14px 24px 20px !important;
  border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
}

:root[data-theme="light"] .distribution-beneficiary-picker-card {
  background: rgba(255, 255, 255, 0.98) !important;
}

:root[data-theme="light"] .distribution-beneficiary-picker-row {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(17, 24, 39, 0.1) !important;
}

:root[data-theme="light"] .distribution-beneficiary-picker-row:hover,
:root[data-theme="light"] .distribution-beneficiary-picker-row:focus-visible {
  background: rgba(248, 250, 252, 0.98) !important;
}

:root[data-theme="light"] .distribution-beneficiary-picker-id em {
  background: rgba(15, 23, 42, 0.04) !important;
}

@media (max-width: 1120px) and (min-width: 761px) {
  .distribution-beneficiary-picker-card {
    width: min(1040px, calc(100vw - 32px)) !important;
  }

  .distribution-beneficiary-picker-head,
  .distribution-beneficiary-picker-row {
    grid-template-columns:
      minmax(112px, 0.68fr)
      minmax(154px, 0.94fr)
      minmax(118px, 0.62fr)
      minmax(90px, 0.46fr)
      minmax(142px, 0.78fr)
      minmax(92px, 0.5fr) !important;
    gap: 10px !important;
  }

  .distribution-beneficiary-picker-row strong {
    font-size: 0.88rem !important;
  }
}

@media (max-width: 760px) {
  .distribution-beneficiary-picker-backdrop {
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
  }

  .distribution-beneficiary-picker-card {
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border: 0 !important;
    border-radius: 0 !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  }

  .distribution-beneficiary-picker-card .search-select-picker-head {
    padding: max(16px, env(safe-area-inset-top)) 14px 12px !important;
  }

  .distribution-beneficiary-picker-card .search-select-picker-head h3 {
    font-size: clamp(1.2rem, 6.2vw, 1.52rem) !important;
  }

  .distribution-beneficiary-picker-search {
    padding: 10px 12px 12px !important;
  }

  .distribution-beneficiary-picker-head {
    display: none !important;
  }

  .distribution-beneficiary-picker-list {
    gap: 10px !important;
    padding: 12px 12px 16px !important;
  }

  .distribution-beneficiary-picker-row,
  .distribution-beneficiary-picker-row.has-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    align-content: start !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 312px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }

  .distribution-beneficiary-picker-row > span,
  .distribution-beneficiary-picker-row span:nth-child(n+3) {
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
    min-height: 34px !important;
    position: static !important;
  }

  .distribution-beneficiary-picker-id {
    grid-template-columns: 30px minmax(0, 1fr) !important;
  }

  .distribution-beneficiary-picker-row b {
    justify-self: stretch !important;
  }

  .distribution-beneficiary-picker-footer {
    padding: 12px 12px max(16px, env(safe-area-inset-bottom)) !important;
  }
}

:root[data-theme="light"] #view-distribution .distribution-account-table-head {
  background: rgba(255, 255, 255, 0.96);
}

/* Distribution account ledger v9: force header and rows into separate vertical tracks. */
#view-distribution .distribution-account-ledger {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
}

#view-distribution .distribution-account-ledger > strong,
#view-distribution .distribution-account-summary,
#view-distribution .distribution-account-table-head,
#view-distribution .distribution-account-list {
  flex: 0 0 auto;
  width: 100%;
}

#view-distribution .distribution-account-table-head {
  margin: 10px 0 10px !important;
  min-height: 46px !important;
  align-items: center !important;
}

#view-distribution .distribution-account-ledger .distribution-account-list {
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 0 !important;
  padding-top: 2px !important;
}

#view-distribution .distribution-account-ledger .distribution-account-row:first-child {
  margin-top: 0 !important;
}

/* Dashboard mobile v14c: absolute final override after legacy duplicated blocks. */
/* Finance suite v17 absolute final mobile override. */
@media (max-width: 900px) {
  #view-investments .table-shell,
  #view-liquidity .table-shell,
  #view-profitability .table-shell {
    overflow: hidden !important;
  }

  #view-investments .table-shell tr.investment-row td,
  #view-liquidity .table-shell tr.liquidity-row td,
  #view-profitability .table-shell tr.profitability-row td {
    display: block !important;
    grid-template-columns: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-investments .table-shell tr.investment-row td::before,
  #view-liquidity .table-shell tr.liquidity-row td::before,
  #view-profitability .table-shell tr.profitability-row td::before {
    content: none !important;
    display: none !important;
  }

  #view-liquidity .table-shell tr.liquidity-row td:nth-child(2) .row-main,
  #view-liquidity .table-shell tr.liquidity-row td:nth-child(3) .row-sub,
  #view-investments .table-shell tr.investment-row td:nth-child(2) .row-sub {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
    white-space: normal !important;
  }

  #view-investments .table-shell table:not(.reference-matrix-table) tbody tr.investment-row td,
  #view-liquidity .table-shell table:not(.reference-matrix-table) tbody tr.liquidity-row td,
  #view-profitability .table-shell table:not(.reference-matrix-table) tbody tr.profitability-row td {
    display: block !important;
    grid-template-columns: none !important;
  }

  #view-investments .table-shell table:not(.reference-matrix-table) tbody tr.investment-row td::before,
  #view-liquidity .table-shell table:not(.reference-matrix-table) tbody tr.liquidity-row td::before,
  #view-profitability .table-shell table:not(.reference-matrix-table) tbody tr.profitability-row td::before {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 700px) {
  #view-dashboard .dashboard-control-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
    border-radius: 14px !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-label {
    font-size: 0.54rem !important;
    letter-spacing: 0.09em !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-card strong {
    font-size: 1.28rem !important;
  }

  #view-dashboard .dashboard-operations-table {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-dashboard .dashboard-operations-table table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-dashboard .dashboard-operations-table thead {
    display: none !important;
  }

  #view-dashboard .dashboard-operations-table tbody {
    display: grid !important;
    gap: 10px !important;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client number"
      "time time"
      "route route"
      "money money"
      "operator operator"
      "state action" !important;
    gap: 7px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 17px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td::before {
    content: none !important;
    display: none !important;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(1) { grid-area: number !important; justify-self: end !important; }
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(2) { grid-area: time !important; }
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(3) { grid-area: client !important; }
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(4) { grid-area: route !important; }
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(5) {
    grid-area: money !important;
    padding: 8px 0 !important;
    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
  }
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(6) { grid-area: operator !important; color: var(--text-soft) !important; }
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(7) { grid-area: state !important; }
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(8) {
    grid-area: action !important;
    align-self: end !important;
    justify-self: end !important;
  }

  #view-dashboard .dashboard-operations-table .row-main,
  #view-dashboard .dashboard-operations-table .row-sub {
    white-space: normal !important;
  }

  #view-dashboard .dashboard-route-compact {
    width: 100% !important;
    padding: 8px 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    background: var(--soft) !important;
  }

  #view-dashboard .dashboard-money-stack {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 5px 10px !important;
  }

  #view-dashboard .dashboard-money-stack strong,
  #view-dashboard .dashboard-money-stack span {
    white-space: normal !important;
  }

  #view-dashboard .dashboard-money-stack span {
    justify-self: end !important;
    text-align: right !important;
  }

  #view-dashboard .dashboard-state-stack .dashboard-sla span {
    display: none !important;
  }

  #view-dashboard .dashboard-state-stack .dashboard-status-chip {
    max-width: none !important;
    white-space: nowrap !important;
  }

  #view-dashboard .dashboard-operations-table .table-actions {
    display: flex !important;
    justify-content: flex-end !important;
  }

  #view-dashboard .dashboard-operations-table .inline-button {
    width: auto !important;
    min-height: 38px !important;
    padding: 0 14px !important;
  }

  :root[data-theme="light"] #view-dashboard .dashboard-operations-table tr.dashboard-operation-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
      #ffffff !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08) !important;
  }

  :root[data-theme="light"] #view-dashboard .dashboard-state-stack .dashboard-sla {
    border-color: rgba(180, 130, 45, 0.38) !important;
    background: rgba(255, 247, 230, 0.96) !important;
    color: #8a5a10 !important;
  }

  :root[data-theme="light"] #view-dashboard .dashboard-state-stack .dashboard-sla strong {
    color: #8a5a10 !important;
  }
}

@media (max-width: 380px) {
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "number"
      "client"
      "time"
      "route"
      "money"
      "operator"
      "state"
      "action" !important;
  }

  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(1),
  #view-dashboard .dashboard-operations-table tr.dashboard-operation-row td:nth-child(8) {
    justify-self: stretch !important;
  }

  #view-dashboard .dashboard-operations-table .table-actions,
  #view-dashboard .dashboard-operations-table .inline-button {
    width: 100% !important;
  }
}

/* Operations suite v19d: absolute EOF guard for treasury mobile KPI grid. */
@media (max-width: 700px) {
  html body #view-treasury.view-section section.operator-kpis {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-columns: auto !important;
    grid-auto-flow: row !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html body #view-treasury.view-section section.operator-kpis > *,
  html body #view-treasury.view-section section.operator-kpis > button.metric-card,
  html body #view-treasury.view-section section.operator-kpis > .metric-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: initial !important;
    grid-column: auto !important;
  }
}

/* Operations suite v19e: execution desktop column balance. */
@media (min-width: 701px) {
  #view-execution .operator-queue-desktop table {
    table-layout: auto !important;
    min-width: 1180px !important;
  }

  #view-execution .operator-queue-desktop th:nth-child(1),
  #view-execution .operator-queue-desktop td:nth-child(1) {
    width: 170px !important;
    min-width: 170px !important;
  }

  #view-execution .operator-queue-desktop th:nth-child(2),
  #view-execution .operator-queue-desktop td:nth-child(2) {
    width: 170px !important;
    min-width: 170px !important;
  }

  #view-execution .operator-queue-desktop td:nth-child(1) {
    white-space: normal !important;
  }

  #view-execution .operator-queue-desktop td:nth-child(1) .execution-type-chip,
  #view-execution .operator-queue-desktop td:nth-child(1) .execution-priority-dot {
    margin: 0 4px 5px 0 !important;
    max-width: 100% !important;
  }
}

/* Daily balance v1: compact control-first layout without touching financial logic. */
#view-daily-balances .daily-balance-stage {
  gap: 16px !important;
}

#view-daily-balances .operator-queue-head {
  margin-bottom: 14px !important;
}

#view-daily-balances .daily-balance-cycle-card {
  min-height: 0 !important;
  margin-bottom: 14px !important;
  padding: 16px 18px !important;
  gap: 10px !important;
  border-radius: 18px !important;
}

#view-daily-balances .daily-balance-cycle-card .row-sub,
#view-daily-balances .daily-balance-cycle-card span {
  line-height: 1.35 !important;
}

#view-daily-balances .daily-balance-kpi-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 2px 0 10px;
}

#view-daily-balances .daily-balance-kpi-head strong {
  display: block;
  color: var(--text);
  font-size: 0.98rem;
}

#view-daily-balances .daily-balance-kpi-head .ghost-button {
  min-height: 42px;
  padding: 0 16px;
  white-space: nowrap;
}

#view-daily-balances .daily-balance-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

#view-daily-balances .daily-balance-kpis .metric-card {
  min-height: 104px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
}

#view-daily-balances .daily-balance-kpis .metric-card strong {
  font-size: clamp(1.5rem, 2.15vw, 2.18rem) !important;
  line-height: 1 !important;
}

#view-daily-balances .daily-balance-kpis .metric-card p {
  margin-top: 8px !important;
  font-size: 0.84rem !important;
  line-height: 1.35 !important;
}

#view-daily-balances .daily-balance-kpis > article:nth-child(n+5) {
  min-height: 82px !important;
}

#view-daily-balances .daily-balance-toolbar {
  margin-bottom: 16px !important;
}

#view-daily-balances .nested-panel {
  padding: 18px !important;
  border-radius: 20px !important;
}

#view-daily-balances .nested-panel > .panel-head {
  margin-bottom: 12px !important;
}

#view-daily-balances .daily-balance-country-group {
  margin-bottom: 12px !important;
  border-radius: 20px !important;
}

#view-daily-balances .daily-balance-country-head {
  grid-template-columns: auto minmax(180px, 1fr) minmax(500px, 1.4fr) auto !important;
  padding: 14px 16px !important;
  gap: 12px !important;
}

#view-daily-balances .daily-balance-country-flag {
  width: 40px !important;
  height: 40px !important;
  border-radius: 15px !important;
  font-size: 1.22rem !important;
}

#view-daily-balances .daily-balance-country-metrics span {
  padding: 8px 10px !important;
  border-radius: 14px !important;
}

#view-daily-balances .daily-balance-section-toggle {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

#view-daily-balances .daily-balance-collapsible-section.is-collapsed {
  gap: 0 !important;
  padding: 14px 18px !important;
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-daily-balances .daily-balance-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card {
    min-height: 96px !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card strong {
    font-size: clamp(1.35rem, 1.85vw, 1.78rem) !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card p {
    font-size: 0.78rem !important;
  }
}

@media (max-width: 1180px) {
  #view-daily-balances .daily-balance-kpi-head {
    margin-top: 0;
  }

  #view-daily-balances .daily-balance-kpis .metric-card {
    min-height: 92px !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card p {
    display: none !important;
  }
}

@media (max-width: 700px) {
  #view-daily-balances .operator-queue-head {
    gap: 12px !important;
  }

  #view-daily-balances .operator-queue-head .toolbar-actions {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #view-daily-balances .operator-queue-head .toolbar-actions button {
    width: 100% !important;
    min-height: 48px !important;
  }

  #view-daily-balances .daily-balance-cycle-card {
    padding: 14px 15px !important;
    margin-bottom: 12px !important;
  }

  #view-daily-balances .daily-balance-cycle-card strong {
    font-size: 0.98rem !important;
  }

  #view-daily-balances .daily-balance-cycle-card span {
    font-size: 0.9rem !important;
  }

  #view-daily-balances .daily-balance-kpi-head {
    align-items: end;
    margin-bottom: 8px;
  }

  #view-daily-balances .daily-balance-kpi-head .eyebrow {
    font-size: 0.58rem;
  }

  #view-daily-balances .daily-balance-kpi-head strong {
    font-size: 0.9rem;
  }

  #view-daily-balances .daily-balance-kpi-head .ghost-button {
    min-height: 38px;
    padding: 0 12px;
    font-size: 0.86rem;
  }

  #view-daily-balances .daily-balance-kpis .metric-card {
    min-height: 70px !important;
    padding: 11px 13px !important;
    border-radius: 16px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) auto !important;
    grid-template-areas:
      "label value"
      "copy copy" !important;
    align-items: center !important;
    gap: 4px 10px !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-label {
    grid-area: label;
    max-width: 112px;
    line-height: 1.25;
  }

  #view-daily-balances .daily-balance-kpis .metric-card strong {
    grid-area: value;
    justify-self: end;
    max-width: 210px;
    font-size: clamp(1.34rem, 7vw, 1.86rem) !important;
    text-align: right;
    overflow-wrap: anywhere;
  }

  #view-daily-balances .daily-balance-kpis .metric-card p {
    grid-area: copy;
    margin: 2px 0 0 !important;
    font-size: 0.76rem !important;
  }

  #view-daily-balances .daily-balance-kpis.is-secondary-collapsed .metric-card p {
    display: none !important;
  }

  #view-daily-balances .daily-balance-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
  }

  #view-daily-balances .daily-balance-toolbar .search-field {
    grid-column: 1 / -1 !important;
  }

  #view-daily-balances .daily-balance-toolbar label {
    gap: 5px !important;
  }

  #view-daily-balances .daily-balance-toolbar input,
  #view-daily-balances .daily-balance-toolbar select {
    min-height: 42px !important;
    border-radius: 14px !important;
    padding: 0 12px !important;
    font-size: 0.88rem !important;
  }

  #view-daily-balances .table-shell,
  #view-daily-balances #daily-balances-banks-table {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  #view-daily-balances .nested-panel > .panel-head h3 {
    font-size: 1.05rem !important;
  }

  #view-daily-balances .daily-balance-country-group {
    border-radius: 18px !important;
    margin-bottom: 10px !important;
  }

  #view-daily-balances .daily-balance-country-flag {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    font-size: 1rem !important;
  }

  #view-daily-balances .daily-balance-country-title strong {
    gap: 6px !important;
    font-size: 0.96rem !important;
  }

  #view-daily-balances .daily-balance-country-title small {
    font-size: 0.76rem !important;
  }

  #view-daily-balances .daily-balance-country-chevron {
    padding: 7px 9px !important;
    font-size: 0.78rem !important;
  }

  #view-daily-balances .daily-balance-country-metrics {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #view-daily-balances .daily-balance-country-metrics span {
    min-height: 40px !important;
    padding: 6px 8px !important;
    border-radius: 12px !important;
    font-size: 0.66rem !important;
  }

  #view-daily-balances .daily-balance-country-metrics strong {
    font-size: 0.82rem !important;
    overflow-wrap: anywhere !important;
  }

  #view-daily-balances .daily-balance-country-body {
    padding: 0 8px 8px !important;
    overflow: visible !important;
  }

  #view-daily-balances .daily-balance-country-body table,
  #view-daily-balances .daily-balance-country-body tbody,
  #view-daily-balances .daily-balance-country-body td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-daily-balances .daily-balance-country-body thead {
    display: none !important;
  }

  #view-daily-balances .daily-balance-country-body tbody {
    padding: 0 !important;
  }

  #view-daily-balances .daily-balance-country-body tr {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      "account account"
      "open close"
      "diff bank"
      "state action" !important;
    gap: 8px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border-radius: 16px !important;
    border: 1px solid var(--line) !important;
    background: rgba(255,255,255,0.025) !important;
  }

  #view-daily-balances .daily-balance-country-body td {
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-daily-balances .daily-balance-country-body td::before {
    content: none !important;
    display: none !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Cuenta"] {
    grid-area: account !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid var(--line) !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Saldo inicial"],
  #view-daily-balances .daily-balance-country-body td[data-label="Saldo final esperado"],
  #view-daily-balances .daily-balance-country-body td[data-label="Diferencia"],
  #view-daily-balances .daily-balance-country-body td[data-label="Banco / gap"] {
    display: grid !important;
    grid-template-columns: minmax(92px, 0.48fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Saldo inicial"]::before,
  #view-daily-balances .daily-balance-country-body td[data-label="Saldo final esperado"]::before,
  #view-daily-balances .daily-balance-country-body td[data-label="Diferencia"]::before,
  #view-daily-balances .daily-balance-country-body td[data-label="Banco / gap"]::before {
    content: attr(data-label) !important;
    display: block !important;
    color: rgba(201,166,107,0.82) !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Saldo inicial"] {
    grid-area: open !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Saldo final esperado"] {
    grid-area: close !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Diferencia"] {
    grid-area: diff !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Banco / gap"] {
    grid-area: bank !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Saldo inicial"],
  #view-daily-balances .daily-balance-country-body td[data-label="Saldo final esperado"],
  #view-daily-balances .daily-balance-country-body td[data-label="Diferencia"],
  #view-daily-balances .daily-balance-country-body td[data-label="Banco / gap"] {
    grid-template-columns: 1fr !important;
    gap: 3px !important;
    padding: 8px !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.022) !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Saldo inicial"] .row-sub,
  #view-daily-balances .daily-balance-country-body td[data-label="Saldo final esperado"] .row-sub,
  #view-daily-balances .daily-balance-country-body td[data-label="Diferencia"] .row-sub,
  #view-daily-balances .daily-balance-country-body td[data-label="Banco / gap"] .row-sub {
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Estado"] {
    grid-area: state !important;
    align-self: center !important;
    margin-top: 0 !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Estado"] .row-sub {
    display: none !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Acción"] {
    grid-area: action !important;
    align-self: center !important;
    margin-top: 0 !important;
  }

  #view-daily-balances .daily-balance-country-body td[data-label="Acción"] .inline-button {
    width: 100% !important;
    min-height: 40px !important;
  }

  #view-daily-balances .daily-balance-total-cardset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #view-daily-balances .daily-balance-total-card {
    min-height: 58px !important;
    padding: 10px 11px !important;
    border-radius: 14px !important;
  }

  #view-daily-balances .daily-balance-collapsible-section.is-collapsed {
    padding: 12px 14px !important;
  }
}

@media (max-width: 380px) {
  #view-daily-balances .daily-balance-kpis .metric-card {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "label"
      "value" !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card strong {
    justify-self: start;
    text-align: left;
  }
}

/* Referencia dolar v2: normal mode as default, advanced matrix preserved. */
:root[data-theme="light"] #view-rates .rates-mode-switch {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(148, 163, 184, 0.24);
}

:root[data-theme="light"] #view-rates .rates-mode-button.is-active {
  color: #4f3a1a;
  background: rgba(201, 166, 107, 0.16);
  border-color: rgba(201, 166, 107, 0.28);
}

:root[data-theme="light"] #view-rates .rates-simple-head {
  background: linear-gradient(180deg, rgba(239, 246, 250, 0.92), rgba(226, 236, 244, 0.86));
  border-bottom-color: rgba(201, 166, 107, 0.24);
}

:root[data-theme="light"] #view-rates .rates-simple-row {
  background: rgba(255, 255, 255, 0.7);
  border-bottom-color: rgba(148, 163, 184, 0.18);
}

:root[data-theme="light"] #view-rates .rates-simple-row:hover,
:root[data-theme="light"] #view-rates .rates-simple-row.is-fresh:first-child {
  background: rgba(255, 255, 255, 0.96);
  box-shadow: inset 3px 0 0 rgba(201, 166, 107, 0.42);
}

:root[data-theme="light"] #view-rates .rates-simple-country strong,
:root[data-theme="light"] #view-rates .rates-simple-date strong {
  color: #0f172a;
}

@media (min-width: 1181px) {
  #view-rates .rates-toolbar-shell {
    grid-template-columns: minmax(340px, 1fr) minmax(220px, 0.42fr) auto;
    align-items: end;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  #view-rates .rates-toolbar-shell {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.42fr);
  }

  #view-rates .rates-mode-switch {
    grid-column: 1 / -1;
    justify-self: end;
    min-width: 260px;
  }

  #view-rates .rates-simple-head {
    display: none;
  }

  #view-rates .rates-simple-rows {
    display: grid;
    gap: 10px;
    padding: 12px;
  }

  #view-rates .rates-simple-row {
    grid-template-columns: minmax(220px, 1.3fr) repeat(2, minmax(150px, 0.75fr)) minmax(190px, 0.9fr) auto;
    grid-template-areas:
      "country sell buy date action"
      "country status status date action";
    gap: 10px 14px;
    min-height: 112px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 18px;
  }

  #view-rates .rates-simple-country { grid-area: country; }
  #view-rates .rates-simple-sell { grid-area: sell; }
  #view-rates .rates-simple-buy { grid-area: buy; }
  #view-rates .rates-simple-date { grid-area: date; }
  #view-rates .rates-simple-status { grid-area: status; }
  #view-rates .rates-simple-action-cell { grid-area: action; align-self: center; }
}

@media (max-width: 767px) {

  #view-rates .rates-live-indicator {
    justify-self: start;
  }

  #view-rates .rate-primary-button {
    width: 100%;
    justify-content: center;
  }

  #view-rates .rates-toolbar-shell {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
    margin-bottom: 12px;
  }

  #view-rates .rates-toolbar-shell input,
  #view-rates .rates-toolbar-shell select {
    min-height: 42px;
    border-radius: 14px;
  }

  #view-rates .rates-mode-switch {
    width: 100%;
    min-height: 44px;
  }

  #view-rates .catalog-table-shell {
    border-radius: 18px;
  }

  #view-rates .rates-simple-head {
    display: none;
  }

  #view-rates .rates-simple-rows {
    display: grid;
    gap: 10px;
    padding: 10px;
  }

  #view-rates .rates-simple-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "country country"
      "sell buy"
      "date date"
      "status action";
    gap: 10px;
    min-height: 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 17px;
  }

  #view-rates .rates-simple-country {
    grid-area: country;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--line);
  }

  #view-rates .rates-simple-sell {
    grid-area: sell;
  }

  #view-rates .rates-simple-buy {
    grid-area: buy;
  }

  #view-rates .rates-simple-date {
    grid-area: date;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(255,255,255,0.02);
  }

  #view-rates .rates-simple-status {
    grid-area: status;
    align-self: center;
  }

  #view-rates .rates-simple-action-cell {
    grid-area: action;
    justify-self: stretch;
  }

  #view-rates .rates-simple-value {
    padding: 9px 10px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: rgba(255,255,255,0.02);
  }

  #view-rates .rates-simple-value strong {
    font-size: clamp(1.2rem, 6vw, 1.5rem);
    overflow-wrap: anywhere;
  }

  #view-rates .rates-simple-date strong {
    white-space: normal;
    font-size: 0.82rem;
  }

  #view-rates .rates-simple-actions,
  #view-rates .rates-simple-actions .reference-action-menu-trigger {
    width: 100%;
  }

  #view-rates .reference-action-menu-panel {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    top: auto;
    z-index: 120;
    width: auto;
    min-width: 0;
    max-width: none;
    padding: 10px;
    border-radius: 18px;
  }

  #view-rates .reference-action-menu-panel .inline-button {
    min-height: 44px;
    border-radius: 12px;
  }
}

/* Referencia dolar v2: compact advanced layout for laptop and mobile. */
@media (min-width: 901px) and (max-width: 1500px) {
  #view-rates .rates-table-advanced .reference-matrix-rows {
    gap: 10px;
  }

  #view-rates .rates-table-advanced .reference-matrix-row {
    grid-template-columns: minmax(190px, 0.72fr) repeat(3, minmax(0, 1fr)) minmax(118px, 0.34fr);
    gap: 10px;
    align-items: stretch;
    padding: 12px;
    min-height: 0;
    border-radius: 18px;
  }

  #view-rates .rates-table-advanced .reference-matrix-country {
    min-width: 0;
    gap: 5px;
    align-self: center;
  }

  #view-rates .rates-table-advanced .reference-matrix-country .row-main.country-identity {
    font-size: 1rem;
    line-height: 1.15;
  }

  #view-rates .rates-table-advanced .reference-matrix-country .row-sub {
    font-size: 0.78rem;
    line-height: 1.25;
  }

  #view-rates .rates-table-advanced .reference-source-card {
    min-height: 78px;
    gap: 5px;
    padding: 28px 10px 9px;
    border-radius: 14px;
  }

  #view-rates .rates-table-advanced .reference-source-card.is-empty {
    min-height: 78px;
  }

  #view-rates .rates-table-advanced .reference-source-card::before {
    top: 9px;
    left: 10px;
    font-size: 0.58rem;
    letter-spacing: 0.12em;
  }

  #view-rates .rates-table-advanced .reference-source-card-head {
    gap: 6px;
  }

  #view-rates .rates-table-advanced .reference-source-card-body {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  #view-rates .rates-table-advanced .reference-matrix-value-block {
    gap: 4px;
  }

  #view-rates .rates-table-advanced .reference-matrix-metric-line {
    justify-content: space-between;
    gap: 6px;
  }

  #view-rates .rates-table-advanced .reference-matrix-metric {
    font-size: 1rem;
    letter-spacing: 0;
  }

  #view-rates .rates-table-advanced .reference-matrix-label {
    font-size: 0.54rem;
    letter-spacing: 0.08em;
  }

  #view-rates .rates-table-advanced .reference-source-footer {
    min-width: 0;
  }

  #view-rates .rates-table-advanced .reference-source-footer .reference-matrix-meta {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.6rem;
  }

  #view-rates .rates-table-advanced .reference-source-side {
    justify-content: flex-start;
    min-width: 0;
  }

  #view-rates .rates-table-advanced .reference-diff-badge {
    min-height: 22px;
    max-width: 100%;
    padding: 4px 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.58rem;
  }

  #view-rates .rates-table-advanced .reference-info-hint {
    width: 19px;
    height: 19px;
    font-size: 0.66rem;
  }

  #view-rates .rates-table-advanced .reference-action-menu-trigger {
    height: 36px;
    max-width: 118px;
    padding: 0 10px;
  }
}

@media (max-width: 900px) {
  #view-rates .rates-table-advanced .reference-matrix-rows {
    gap: 10px;
    padding: 0;
  }

  #view-rates .rates-table-advanced .reference-matrix-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 11px;
    min-height: 0;
    border-radius: 17px;
  }

  #view-rates .rates-table-advanced .reference-matrix-cell-country {
    padding-bottom: 6px;
    border-bottom: 1px solid var(--line);
  }

  #view-rates .rates-table-advanced .reference-matrix-country {
    min-width: 0;
    gap: 4px;
  }

  #view-rates .rates-table-advanced .reference-matrix-country .row-main.country-identity {
    font-size: 1rem;
    line-height: 1.12;
  }

  #view-rates .rates-table-advanced .reference-matrix-country .row-sub {
    font-size: 0.78rem;
    line-height: 1.25;
  }

  #view-rates .rates-table-advanced .reference-source-card {
    min-height: 0;
    gap: 5px;
    padding: 27px 10px 9px;
    border-radius: 14px;
  }

  #view-rates .rates-table-advanced .reference-source-card.is-empty {
    min-height: 58px;
    padding: 25px 10px 9px;
    place-items: start stretch;
  }

  #view-rates .rates-table-advanced .reference-source-card::before {
    top: 8px;
    left: 10px;
    font-size: 0.58rem;
    letter-spacing: 0.12em;
  }

  #view-rates .rates-table-advanced .reference-source-card-head,
  #view-rates .rates-table-advanced .reference-source-card-body {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 7px;
  }

  #view-rates .rates-table-advanced .reference-matrix-value-block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  #view-rates .rates-table-advanced .reference-matrix-metric-line {
    display: grid;
    gap: 2px;
  }

  #view-rates .rates-table-advanced .reference-matrix-metric {
    font-size: 1.06rem;
    letter-spacing: 0;
  }

  #view-rates .rates-table-advanced .reference-matrix-label {
    font-size: 0.54rem;
    letter-spacing: 0.08em;
  }

  #view-rates .rates-table-advanced .reference-source-footer {
    display: none;
  }

  #view-rates .rates-table-advanced .reference-source-side {
    justify-content: flex-end;
    min-width: 0;
  }

  #view-rates .rates-table-advanced .reference-diff-badge {
    min-height: 22px;
    max-width: 112px;
    padding: 4px 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.56rem;
  }

  #view-rates .rates-table-advanced .reference-info-hint {
    width: 20px;
    height: 20px;
    font-size: 0.68rem;
  }

  #view-rates .rates-table-advanced .reference-matrix-cell-actions,
  #view-rates .rates-table-advanced .reference-action-menu,
  #view-rates .rates-table-advanced .reference-action-menu-trigger {
    width: 100%;
    max-width: none;
  }
}

/* Saldos pendientes */
.pending-balances-module {
  gap: 18px;
}

.pending-balances-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pending-balances-kpis .metric-card {
  min-height: 112px;
}

.pending-balances-toolbar {
  align-items: end;
}

.pending-balances-table-shell td[data-label="Evidencia"] {
  min-width: 150px;
}

.pending-balances-table-shell td[data-label="Acciones"] {
  min-width: 190px;
}

.pending-balances-table-shell .inline-button-group {
  justify-content: flex-start;
}

.pending-balances-table-shell .danger-soft {
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.28);
  background: rgba(127, 29, 29, 0.14);
}

.pending-balances-table-shell .danger-soft:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.pending-balance-account-select-panel {
  max-height: min(460px, 58vh);
}

.pending-balance-account-select-panel .search-select-list {
  max-height: min(350px, 44vh);
}

.pending-balance-modal-card #account-pending-account-wrap .search-select-trigger {
  min-height: 58px;
}

.pending-balance-modal-card #account-pending-account-wrap .search-select-panel {
  z-index: 90;
}

.pending-balance-modal-card .receipt-composer,
.pending-balance-action-modal-card .receipt-composer {
  margin-top: 4px;
}

.pending-balance-modal-card .receipt-composer-grid,
.pending-balance-action-modal-card .receipt-composer-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
}

.pending-balance-action-summary {
  display: grid;
  gap: 5px;
  border-color: rgba(201, 166, 107, 0.2);
  background: linear-gradient(135deg, rgba(201, 166, 107, 0.12), transparent 60%), var(--neutral-02);
}

.pending-balance-action-summary strong {
  color: var(--text);
  font-size: 1.35rem;
  line-height: 1.1;
}

.input-with-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.input-with-action .ghost-button {
  min-height: 44px;
  white-space: nowrap;
}

.pending-remittance-selection {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid rgba(45, 212, 191, 0.24);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(45, 212, 191, 0.14), transparent 58%), var(--neutral-02);
}

.pending-remittance-selection strong,
.pending-remittance-selection span {
  min-width: 0;
}

.pending-remittance-selection span {
  color: var(--text-soft);
}

.remittance-pending-picker-card .pending-balances-toolbar {
  margin-bottom: 12px;
}

:root[data-theme="light"] .pending-balance-action-summary {
  border-color: rgba(172, 130, 68, 0.22);
  background: linear-gradient(135deg, rgba(196, 150, 72, 0.14), transparent 62%), #fffdf8;
}

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

  .pending-balances-toolbar {
    grid-template-columns: 1fr 220px 220px;
  }
}

@media (max-width: 760px) {
  .pending-balances-kpis,
  .pending-balances-toolbar,
  .pending-balance-modal-card .receipt-composer-grid,
  .pending-balance-action-modal-card .receipt-composer-grid {
    grid-template-columns: 1fr;
  }

  .pending-balances-kpis .metric-card {
    min-height: 0;
  }

  .pending-balance-modal-card,
  .pending-balance-action-modal-card {
    width: min(100vw - 20px, 720px);
    max-height: calc(100vh - 20px);
  }

  .pending-balances-table-shell td[data-label="Acciones"] .inline-button-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .pending-balances-table-shell td[data-label="Acciones"] .inline-button {
    justify-content: center;
    width: 100%;
  }

  .input-with-action,
  .pending-remittance-selection {
    grid-template-columns: 1fr;
  }

  .input-with-action .ghost-button,
  .pending-remittance-selection .inline-button {
    justify-content: center;
    width: 100%;
  }
}

/* Centro de carga: lectura por sub-operacion dentro de Operador / Beneficiario. */
#view-dashboard #dashboard-remittances.dashboard-operations-table table {
  min-width: 1640px !important;
  table-layout: fixed !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(1),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(1) {
  width: 96px !important;
  min-width: 96px !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(2),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(2) {
  width: 200px !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(3),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(3) {
  width: 260px !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(4),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(4) {
  width: 180px !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(5),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(5) {
  width: 220px !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(6),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(6) {
  width: 430px !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(7),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(7) {
  width: 230px !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(8),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(8) {
  width: 140px !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(1) .row-main {
  display: inline-block !important;
  min-width: 72px !important;
  white-space: nowrap !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(6) .row-main,
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(6) .row-sub {
  max-width: 100% !important;
  white-space: normal !important;
}
#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-sub-operation {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

/* Distribucion: reserva estable para numeros de remesa actuales y futuros. */
#view-distribution .distribution-table th:nth-child(1),
#view-distribution .distribution-table td:nth-child(1) {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
}
#view-distribution .distribution-table td:nth-child(1) .row-main,
#view-distribution .distribution-table th:nth-child(1) {
  white-space: nowrap !important;
}

/* Atención: acciones del encabezado en un grupo simétrico y estable. */
#view-clients .client-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 16px !important;
}

#view-clients .client-head > div:first-child {
  min-width: 0 !important;
}

#view-clients .client-head .client-service-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  margin-left: auto !important;
}

#view-clients .client-head .client-service-actions > .status-chip {
  flex: 0 0 auto !important;
  min-height: 38px !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
}

#view-clients .client-head .client-service-button-row {
  display: grid !important;
  grid-template-columns: 150px 96px 174px 138px !important;
  align-items: center !important;
  gap: 8px !important;
}

#view-clients .client-head .client-service-button-row > button {
  width: 100% !important;
  min-height: 40px !important;
  justify-content: center !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
}

#view-clients .client-head .client-service-button-row > .secondary-button {
  min-width: 0 !important;
}

@media (min-width: 901px) and (max-width: 1320px) {
  #view-clients .client-head {
    grid-template-columns: minmax(0, 1fr) max-content !important;
  }

  #view-clients .client-head .client-service-actions {
    flex-wrap: wrap !important;
    max-width: 610px !important;
  }

  #view-clients .client-head .client-service-actions > .status-chip {
    margin-left: auto !important;
  }

  #view-clients .client-head .client-service-button-row {
    grid-template-columns: 140px 86px 160px 128px !important;
  }

  #view-clients .client-head .client-service-button-row > button {
    min-height: 38px !important;
    padding: 7px 10px !important;
    font-size: 0.78rem !important;
  }
}

@media (max-width: 900px) {
  #view-clients .client-head {
    grid-template-columns: 1fr !important;
  }

  #view-clients .client-head .client-service-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }

  #view-clients .client-head .client-service-actions > .status-chip {
    width: 100% !important;
  }

  #view-clients .client-head .client-service-button-row {
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
  }

  #view-clients .client-head .client-service-button-row > button,
  #view-clients .client-head .client-service-actions > .status-chip {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 0.8rem !important;
  }
}

/* Beneficiarios: modo entrega de efectivo dentro del mismo contrato visual. */
.beneficiary-payout-mode-field {
  max-width: 520px;
}

.beneficiary-cash-field.detail-card {
  border-style: dashed;
  border-color: rgba(222, 181, 111, 0.38);
  background: linear-gradient(135deg, rgba(222, 181, 111, 0.12), rgba(20, 126, 143, 0.08));
}

.beneficiary-cash-field.detail-card strong {
  color: var(--text-strong);
}

.beneficiary-cash-field.detail-card span {
  color: var(--text-muted);
}

.beneficiary-identity-card {
  align-self: stretch;
}

.beneficiary-identity-card .receipt-composer-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
}

.beneficiary-identity-card .receipt-preview {
  margin-top: 12px;
}

.beneficiary-identity-card .receipt-preview img {
  max-height: 180px;
  object-fit: contain;
}

.remittance-beneficiary-row small {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .beneficiary-identity-card .receipt-composer-grid {
    grid-template-columns: 1fr;
  }
}

#distribution-detail-modal .distribution-line-form.provider-direct-line {
  grid-template-columns: minmax(170px, 0.54fr) minmax(0, 1.08fr) minmax(150px, 0.46fr) minmax(250px, 0.82fr);
}

#distribution-detail-modal .provider-mode-active {
  border-color: rgba(34, 197, 94, 0.42);
  color: #c8f7df;
  background:
    linear-gradient(180deg, rgba(34, 197, 94, 0.14), rgba(34, 197, 94, 0.045)),
    rgba(7, 24, 21, 0.68);
}

#distribution-detail-modal .distribution-provider-preview,
#distribution-detail-modal .distribution-provider-summary {
  border: 1px solid rgba(34, 197, 94, 0.22);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(34, 197, 94, 0.13), rgba(14, 165, 233, 0.045)),
    rgba(6, 18, 24, 0.78);
}

#distribution-detail-modal .distribution-provider-preview {
  min-height: 64px;
  display: grid;
  gap: 4px;
  align-content: center;
  padding: 12px 16px;
}

#distribution-detail-modal .distribution-provider-preview strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
}

#distribution-detail-modal .distribution-provider-preview small,
#distribution-detail-modal .distribution-provider-summary span,
#distribution-detail-modal .distribution-provider-summary small {
  color: var(--text-soft);
  line-height: 1.35;
}

#distribution-detail-modal .distribution-provider-summary {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
}

#distribution-detail-modal .distribution-provider-summary strong {
  color: var(--text);
}

:root[data-theme="light"] #distribution-detail-modal .provider-mode-active {
  color: #075f40;
  background: linear-gradient(180deg, rgba(16, 185, 129, 0.16), rgba(16, 185, 129, 0.06));
}

:root[data-theme="light"] #distribution-detail-modal .distribution-provider-preview,
:root[data-theme="light"] #distribution-detail-modal .distribution-provider-summary {
  background: linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(239, 246, 255, 0.82));
  border-color: rgba(16, 185, 129, 0.28);
}

@media (max-width: 980px) {
  #distribution-detail-modal .distribution-line-form.provider-direct-line {
    grid-template-columns: 1fr;
  }
}

/* Desktop beneficiary picker: keep the customer-service selector as an
   operational table without row compression or stacked action collisions. */
@media (min-width: 761px) {
  body .remittance-beneficiary-picker-modal .search-select-picker-card {
    width: min(1280px, calc(100vw - 48px)) !important;
    height: min(86dvh, 800px) !important;
    max-height: min(86dvh, 800px) !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-picker-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: start !important;
    gap: 12px !important;
    padding: 22px 24px 16px !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-picker-head h3 {
    font-size: clamp(1.58rem, 2vw, 2.05rem) !important;
    line-height: 1.08 !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-picker-head p {
    max-width: 560px !important;
    font-size: 0.84rem !important;
    line-height: 1.3 !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-picker-search {
    padding: 14px 24px 12px !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-picker-search .search-select-input {
    min-height: 52px !important;
    font-size: 0.98rem !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-picker-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-content: start !important;
    padding: 0 24px 22px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-head,
  body .remittance-beneficiary-picker-modal .search-select-table-row,
  body .remittance-beneficiary-picker-modal .search-select-table-row.has-actions,
  body .remittance-beneficiary-picker-modal .search-select-table-head.has-actions {
    display: grid !important;
    grid-template-columns:
      minmax(126px, 0.72fr)
      minmax(178px, 1fr)
      minmax(132px, 0.68fr)
      minmax(104px, 0.5fr)
      minmax(168px, 0.82fr)
      minmax(104px, 0.5fr) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-head {
    align-items: end !important;
    padding: 8px 14px 7px !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    min-height: 86px !important;
    height: auto !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-row,
  body .remittance-beneficiary-picker-modal .search-select-table-row.has-actions {
    align-items: center !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-cell {
    position: static !important;
    display: grid !important;
    gap: 3px !important;
    align-content: center !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-cell small,
  body .remittance-beneficiary-picker-modal .search-select-table-cell strong,
  body .remittance-beneficiary-picker-modal .search-select-table-cell em {
    position: static !important;
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-cell small {
    color: rgba(201,166,107,0.88) !important;
    font-size: 0.62rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0.075em !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-cell strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    color: var(--text) !important;
    font-size: 0.94rem !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-cell em {
    color: var(--text-soft) !important;
    font-size: 0.76rem !important;
    line-height: 1.22 !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    justify-content: stretch !important;
    align-items: center !important;
    align-self: center !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-option-action {
    width: 100% !important;
    min-height: 34px !important;
    justify-content: center !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    font-size: 0.82rem !important;
    line-height: 1.1 !important;
  }

  :root[data-theme="light"] body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    background: rgba(255,255,255,0.94) !important;
    border-color: rgba(15,23,42,0.09) !important;
  }
}

@media (min-width: 761px) and (max-width: 1120px) {
  body .remittance-beneficiary-picker-modal .search-select-picker-card {
    width: calc(100vw - 32px) !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-head,
  body .remittance-beneficiary-picker-modal .search-select-table-row,
  body .remittance-beneficiary-picker-modal .search-select-table-row.has-actions,
  body .remittance-beneficiary-picker-modal .search-select-table-head.has-actions {
    grid-template-columns:
      minmax(112px, 0.68fr)
      minmax(154px, 0.94fr)
      minmax(118px, 0.62fr)
      minmax(90px, 0.46fr)
      minmax(142px, 0.78fr)
      minmax(92px, 0.5fr) !important;
    gap: 10px !important;
  }
}

/* Mobile selector hardening: customer/beneficiary pickers must render as cards,
   not compressed data tables. Keep this late so shared table rules cannot win. */
@media (max-width: 760px) {
  body .remittance-client-picker-modal .search-select-picker-card,
  body .remittance-beneficiary-picker-modal .search-select-picker-card {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
  }

  body .remittance-client-picker-modal .search-select-picker-head,
  body .remittance-beneficiary-picker-modal .search-select-picker-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 18px 16px 14px;
  }

  body .remittance-client-picker-modal .search-select-picker-head h3,
  body .remittance-beneficiary-picker-modal .search-select-picker-head h3 {
    max-width: 100%;
    font-size: clamp(1.36rem, 7.4vw, 1.82rem);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  body .remittance-client-picker-modal .search-select-picker-search,
  body .remittance-beneficiary-picker-modal .search-select-picker-search {
    padding: 12px 12px 10px;
  }

  body .remittance-client-picker-modal .search-select-picker-list,
  body .remittance-beneficiary-picker-modal .search-select-picker-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 0 12px max(20px, env(safe-area-inset-bottom)) !important;
  }

  body .remittance-client-picker-modal .search-select-picker-list .search-select-option,
  body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 14px !important;
    border-radius: 16px;
    background: rgba(15,23,42,0.42);
  }

  body .remittance-client-picker-modal .search-select-table-row,
  body .remittance-beneficiary-picker-modal .search-select-table-row,
  body .remittance-client-picker-modal .search-select-table-row.has-actions,
  body .remittance-beneficiary-picker-modal .search-select-table-row.has-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell,
  body .remittance-beneficiary-picker-modal .search-select-table-cell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    align-content: start !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell small,
  body .remittance-beneficiary-picker-modal .search-select-table-cell small {
    position: static !important;
    display: block !important;
    transform: none !important;
    margin: 0 !important;
    color: rgba(201,166,107,0.86);
    font-size: 0.64rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0.075em;
    white-space: normal !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell strong,
  body .remittance-beneficiary-picker-modal .search-select-table-cell strong {
    display: block !important;
    max-width: 100% !important;
    color: var(--text);
    font-size: 0.93rem !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell em,
  body .remittance-beneficiary-picker-modal .search-select-table-cell em {
    display: block !important;
    margin: 0 !important;
    color: var(--text-soft);
    font-size: 0.8rem !important;
    line-height: 1.24 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    padding-top: 4px !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-option-action {
    width: 100% !important;
    min-height: 38px !important;
    justify-content: center !important;
    padding-inline: 10px !important;
  }

:root[data-theme="light"] body .remittance-client-picker-modal .search-select-picker-list .search-select-option,
  :root[data-theme="light"] body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    background: rgba(255,255,255,0.92);
  }
}

/* Mobile selector renderer: client/beneficiary options are cards on phones.
   This is intentionally after the legacy hardening block to win over table rules. */
@media (max-width: 760px) {
  body .remittance-client-picker-modal,
  body .remittance-beneficiary-picker-modal {
    overflow-x: hidden !important;
  }

  body .remittance-client-picker-modal .search-select-picker-card,
  body .remittance-beneficiary-picker-modal .search-select-picker-card {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body .remittance-client-picker-modal .search-select-picker-head,
  body .remittance-beneficiary-picker-modal .search-select-picker-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 14px !important;
  }

  body .remittance-client-picker-modal .search-select-picker-head h3,
  body .remittance-beneficiary-picker-modal .search-select-picker-head h3 {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  body .remittance-client-picker-modal .search-select-picker-search,
  body .remittance-beneficiary-picker-modal .search-select-picker-search {
    min-width: 0 !important;
  }

  body .remittance-client-picker-modal .search-select-picker-list,
  body .remittance-beneficiary-picker-modal .search-select-picker-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-content: start !important;
    padding: 0 12px max(24px, env(safe-area-inset-bottom)) !important;
  }

  body .remittance-client-picker-modal .search-select-picker-list .search-select-option,
  body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 18px !important;
    background: rgba(15,23,42,0.58) !important;
    border: 1px solid rgba(148,163,184,0.16) !important;
  }

  body .remittance-client-picker-modal .search-select-table-head,
  body .remittance-beneficiary-picker-modal .search-select-table-head {
    display: none !important;
  }

  body .remittance-client-picker-modal .search-select-table-row,
  body .remittance-beneficiary-picker-modal .search-select-table-row,
  body .remittance-client-picker-modal .search-select-table-row.has-actions,
  body .remittance-beneficiary-picker-modal .search-select-table-row.has-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell,
  body .remittance-beneficiary-picker-modal .search-select-table-cell {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    transform: none !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell small,
  body .remittance-beneficiary-picker-modal .search-select-table-cell small,
  body .remittance-client-picker-modal .search-select-table-cell strong,
  body .remittance-beneficiary-picker-modal .search-select-table-cell strong,
  body .remittance-client-picker-modal .search-select-table-cell em,
  body .remittance-beneficiary-picker-modal .search-select-table-cell em {
    position: static !important;
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell small,
  body .remittance-beneficiary-picker-modal .search-select-table-cell small {
    font-size: 0.62rem !important;
    line-height: 1 !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell strong,
  body .remittance-beneficiary-picker-modal .search-select-table-cell strong {
    font-size: 0.92rem !important;
    line-height: 1.2 !important;
  }

  body .remittance-beneficiary-picker-modal .search-select-table-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    justify-content: stretch !important;
  }

  body .remittance-client-picker-modal .search-select-picker-list .search-select-option.is-selected,
  body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option.is-selected {
    border-color: rgba(201,166,107,0.48) !important;
    background: linear-gradient(135deg, rgba(201,166,107,0.16), rgba(15,23,42,0.72)) !important;
  }

  body .search-select-mobile-card {
    display: grid !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    color: var(--text) !important;
  }

  body .search-select-mobile-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  body .search-select-mobile-card-head.has-flag {
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
    column-gap: 10px !important;
  }

  body .search-select-mobile-card-head .search-select-flag {
    width: 30px !important;
    height: 22px !important;
    margin-top: 2px !important;
  }

  body .search-select-mobile-card-head strong {
    display: block !important;
    max-width: 100% !important;
    font-size: 1rem !important;
    line-height: 1.22 !important;
    color: var(--text) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    letter-spacing: 0 !important;
  }

  body .search-select-mobile-card-head em {
    display: block !important;
    margin-top: 3px !important;
    font-size: 0.79rem !important;
    line-height: 1.25 !important;
    color: var(--text-soft) !important;
    font-style: normal !important;
    overflow-wrap: anywhere !important;
  }

  body .search-select-mobile-card-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body .search-select-mobile-field {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
    background: rgba(15,23,42,0.38) !important;
    border: 1px solid rgba(148,163,184,0.12) !important;
  }

  body .search-select-mobile-field small {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    transform: none !important;
    color: rgba(201,166,107,0.88) !important;
    font-size: 0.62rem !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  body .search-select-mobile-field strong,
  body .search-select-mobile-field em {
    display: block !important;
    max-width: 100% !important;
    font-style: normal !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body .search-select-mobile-field strong {
    color: var(--text) !important;
    font-size: 0.9rem !important;
    line-height: 1.18 !important;
  }

  body .search-select-mobile-field em {
    color: var(--text-soft) !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
  }

  body .search-select-mobile-actions .search-select-option-action {
    width: 100% !important;
    min-height: 38px !important;
    justify-content: center !important;
    padding-inline: 8px !important;
    font-size: 0.82rem !important;
  }

  :root[data-theme="light"] body .remittance-client-picker-modal .search-select-picker-list .search-select-option,
  :root[data-theme="light"] body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    background: rgba(255,255,255,0.94) !important;
    border-color: rgba(15,23,42,0.1) !important;
  }

  :root[data-theme="light"] body .remittance-client-picker-modal .search-select-picker-list .search-select-option.is-selected,
  :root[data-theme="light"] body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option.is-selected {
    background: linear-gradient(135deg, rgba(201,166,107,0.18), rgba(255,255,255,0.96)) !important;
    border-color: rgba(201,166,107,0.52) !important;
  }

  :root[data-theme="light"] body .search-select-mobile-field {
    background: rgba(248,250,252,0.92) !important;
    border-color: rgba(15,23,42,0.08) !important;
  }
}

/* Mobile selector v5: operational full-screen picker for remittance client/beneficiary.
   Keep this final so older table/list rules cannot compress rows on phones. */
@media (max-width: 760px) {
  body .remittance-client-picker-modal,
  body .remittance-beneficiary-picker-modal {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
    overflow: visible !important;
    background: rgba(2, 6, 12, 0.84) !important;
  }

  body .remittance-client-picker-modal.hidden,
  body .remittance-beneficiary-picker-modal.hidden {
    display: none !important;
  }

  body .remittance-client-picker-modal .search-select-picker-card,
  body .remittance-beneficiary-picker-modal .search-select-picker-card {
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  body .remittance-client-picker-modal .search-select-picker-head,
  body .remittance-beneficiary-picker-modal .search-select-picker-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: max(16px, env(safe-area-inset-top)) 14px 12px !important;
  }

  body .remittance-client-picker-modal .search-select-picker-head > div,
  body .remittance-beneficiary-picker-modal .search-select-picker-head > div {
    min-width: 0 !important;
  }

  body .remittance-client-picker-modal .search-select-picker-head .eyebrow,
  body .remittance-beneficiary-picker-modal .search-select-picker-head .eyebrow {
    font-size: 0.64rem !important;
    line-height: 1 !important;
  }

  body .remittance-client-picker-modal .search-select-picker-head h3,
  body .remittance-beneficiary-picker-modal .search-select-picker-head h3 {
    margin-top: 5px !important;
    font-size: clamp(1.2rem, 6.5vw, 1.52rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body .remittance-client-picker-modal .search-select-picker-close,
  body .remittance-beneficiary-picker-modal .search-select-picker-close {
    min-width: 76px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
  }

  body .remittance-client-picker-modal .search-select-picker-search,
  body .remittance-beneficiary-picker-modal .search-select-picker-search {
    min-width: 0 !important;
    padding: 10px 12px 12px !important;
    border-bottom: 1px solid rgba(148,163,184,0.12) !important;
    background: rgba(8,13,21,0.98) !important;
  }

  body .remittance-client-picker-modal .search-select-picker-search .search-select-input,
  body .remittance-beneficiary-picker-modal .search-select-picker-search .search-select-input {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    font-size: 0.96rem !important;
    line-height: 1.2 !important;
  }

  body .remittance-client-picker-modal .search-select-picker-list,
  body .remittance-beneficiary-picker-modal .search-select-picker-list {
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 12px 12px max(24px, env(safe-area-inset-bottom)) !important;
  }

  body .remittance-client-picker-modal .search-select-picker-list .search-select-option,
  body .remittance-beneficiary-picker-modal .search-select-picker-list .search-select-option {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 214px !important;
    height: auto !important;
    padding: 0 !important;
    text-align: left !important;
    overflow: visible !important;
    border-radius: 14px !important;
    touch-action: manipulation !important;
  }

  body .search-select-mobile-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 13px !important;
  }

  body .search-select-mobile-card,
  body .search-select-mobile-card *,
  body .remittance-client-picker-modal .search-select-table-row,
  body .remittance-beneficiary-picker-modal .search-select-table-row,
  body .remittance-client-picker-modal .search-select-table-cell,
  body .remittance-beneficiary-picker-modal .search-select-table-cell {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .search-select-mobile-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    align-items: start !important;
  }

  body .search-select-mobile-card-head.has-flag {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }

  body .search-select-mobile-card-head strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    color: var(--text) !important;
    font-size: 0.98rem !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  body .search-select-mobile-card-head em {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    color: var(--text-soft) !important;
    font-size: 0.78rem !important;
    line-height: 1.24 !important;
    font-style: normal !important;
    overflow-wrap: anywhere !important;
  }

  body .search-select-mobile-card-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body .search-select-mobile-field {
    display: grid !important;
    align-content: start !important;
    gap: 3px !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  body .search-select-mobile-field small {
    display: block !important;
    color: rgba(201,166,107,0.88) !important;
    font-size: 0.58rem !important;
    line-height: 1 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body .search-select-mobile-field strong,
  body .search-select-mobile-field em {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-style: normal !important;
    overflow-wrap: anywhere !important;
  }

  body .search-select-mobile-field strong {
    -webkit-line-clamp: 2 !important;
    color: var(--text) !important;
    font-size: 0.84rem !important;
    line-height: 1.16 !important;
    font-weight: 800 !important;
  }

  body .search-select-mobile-field em {
    -webkit-line-clamp: 1 !important;
    color: var(--text-soft) !important;
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
  }

  body .search-select-mobile-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  body .search-select-mobile-actions .search-select-option-action {
    width: 100% !important;
    min-height: 40px !important;
    justify-content: center !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .remittance-client-picker-modal .search-select-table-row,
  body .remittance-beneficiary-picker-modal .search-select-table-row,
  body .remittance-client-picker-modal .search-select-table-row.has-actions,
  body .remittance-beneficiary-picker-modal .search-select-table-row.has-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    padding: 13px !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell,
  body .remittance-beneficiary-picker-modal .search-select-table-cell {
    position: static !important;
    display: grid !important;
    gap: 3px !important;
    width: 100% !important;
    padding: 0 !important;
    transform: none !important;
  }

  body .remittance-client-picker-modal .search-select-table-cell small,
  body .remittance-beneficiary-picker-modal .search-select-table-cell small,
  body .remittance-client-picker-modal .search-select-table-cell strong,
  body .remittance-beneficiary-picker-modal .search-select-table-cell strong,
  body .remittance-client-picker-modal .search-select-table-cell em,
  body .remittance-beneficiary-picker-modal .search-select-table-cell em {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    transform: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  :root[data-theme="light"] body .remittance-client-picker-modal .search-select-picker-search,
  :root[data-theme="light"] body .remittance-beneficiary-picker-modal .search-select-picker-search {
    background: rgba(255,255,255,0.98) !important;
    border-bottom-color: rgba(15,23,42,0.08) !important;
  }
}

@media (max-width: 380px) {
  body .search-select-mobile-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .search-select-mobile-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body .remittance-client-picker-modal .search-select-picker-close,
  body .remittance-beneficiary-picker-modal .search-select-picker-close {
    min-width: 68px !important;
    padding-inline: 10px !important;
  }
}

/* Dashboard compact v2: laptop-first density pass, reversible. */
#view-dashboard .dashboard-control-kpis {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#view-dashboard .dashboard-control-kpis .metric-card {
  min-height: 108px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
}

#view-dashboard .dashboard-control-kpis .metric-label {
  font-size: 0.58rem !important;
  letter-spacing: 0.13em !important;
}

#view-dashboard .dashboard-control-kpis .metric-card strong {
  margin: 2px 0 4px !important;
  font-size: clamp(1.55rem, 1.9vw, 2.05rem) !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table {
  overflow-x: auto;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table table {
  width: 100% !important;
  min-width: 1318px !important;
  table-layout: fixed !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th,
#view-dashboard #dashboard-remittances.dashboard-operations-table td {
  padding: 9px 10px !important;
  vertical-align: top !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(1),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(1) {
  width: 56px !important;
  min-width: 56px !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(2),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(2) {
  width: 166px !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(3),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(3) {
  width: 235px !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(4),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(4) {
  width: 148px !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(5),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(5) {
  width: 170px !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(6),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(6) {
  width: 235px !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(7),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(7) {
  width: 255px !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table th:nth-child(8),
#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(8) {
  width: 52px !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(1) .row-main {
  min-width: 0 !important;
  font-size: 0.92rem !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(2) .row-main {
  display: inline-flex !important;
  max-width: 100% !important;
  font-size: 0.82rem !important;
  white-space: normal !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(2) .row-sub {
  display: inline-flex !important;
  max-width: 100% !important;
  margin: 5px 0 0 !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .carried-remittance-chip {
  min-height: 24px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .row-main {
  font-size: 0.88rem !important;
  line-height: 1.18 !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .row-sub {
  font-size: 0.74rem !important;
  line-height: 1.18 !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-route-compact {
  gap: 4px !important;
  white-space: nowrap !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-state-stack {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-status-chip,
#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-sla-chip {
  min-height: 28px !important;
  padding: 5px 8px !important;
  font-size: 0.72rem !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table td:nth-child(7) > .row-sub {
  display: block !important;
  max-width: 245px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .table-actions {
  justify-content: center !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-open-remittance {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-dashboard .dashboard-control-kpis {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-card {
    min-height: 88px !important;
    padding: 11px 12px !important;
  }

  #view-dashboard #dashboard-remittances.dashboard-operations-table table {
    min-width: 1268px !important;
  }

  #view-dashboard #dashboard-remittances.dashboard-operations-table th,
  #view-dashboard #dashboard-remittances.dashboard-operations-table td {
    padding-inline: 8px !important;
  }
}

@media (max-width: 860px) {
  #view-dashboard .dashboard-control-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Dashboard sort v1: sortable headers without increasing the compact operations table height. */
#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-sort-button {
  min-height: 24px !important;
  gap: 4px !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-sort-button:hover,
#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-sort-button.is-active {
  color: var(--accent) !important;
}

#view-dashboard #dashboard-remittances.dashboard-operations-table .dashboard-sort-button .table-sort-indicator {
  min-width: 8px !important;
  font-size: 0.72rem !important;
}

/* Dashboard KPI filters v1: turn control KPIs into direct table filters. */
#view-dashboard .dashboard-control-kpis .dashboard-kpi-filter {
  appearance: none !important;
  width: 100% !important;
  border: 1px solid var(--line) !important;
  color: inherit !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
}

#view-dashboard .dashboard-control-kpis .dashboard-kpi-filter:hover,
#view-dashboard .dashboard-control-kpis .dashboard-kpi-filter.is-active {
  border-color: rgba(201, 166, 107, 0.62) !important;
  box-shadow: 0 0 0 1px rgba(201, 166, 107, 0.16), 0 16px 34px rgba(0, 0, 0, 0.18) !important;
  transform: translateY(-1px) !important;
}

#view-dashboard .dashboard-control-kpis .dashboard-kpi-filter.is-active .metric-label::after {
  content: " · filtro" !important;
  color: var(--accent) !important;
}

#view-dashboard .dashboard-control-kpis .dashboard-kpi-filter .dashboard-kpi-detail {
  display: block !important;
  color: var(--text-soft) !important;
  font-size: 0.74rem !important;
  line-height: 1.18 !important;
}

/* Validation table premium v18: remove repetitive evidence/compliance columns. */
#view-validation .validation-table-shell table {
  min-width: 884px !important;
}

#view-validation .validation-table-shell th,
#view-validation .validation-table-shell td {
  padding-block: 9px !important;
}

#view-validation .validation-table-shell th:nth-child(1),
#view-validation .validation-table-shell td:nth-child(1) { width: 96px !important; }
#view-validation .validation-table-shell th:nth-child(2),
#view-validation .validation-table-shell td:nth-child(2) { width: 52px !important; }
#view-validation .validation-table-shell th:nth-child(3),
#view-validation .validation-table-shell td:nth-child(3) { width: 188px !important; }
#view-validation .validation-table-shell th:nth-child(4),
#view-validation .validation-table-shell td:nth-child(4) { width: 210px !important; }
#view-validation .validation-table-shell th:nth-child(5),
#view-validation .validation-table-shell td:nth-child(5) { width: 160px !important; }
#view-validation .validation-table-shell th:nth-child(6),
#view-validation .validation-table-shell td:nth-child(6) { width: 292px !important; }
#view-validation .validation-table-shell th:nth-child(7),
#view-validation .validation-table-shell td:nth-child(7) { width: 54px !important; }

#view-validation .validation-table-shell tr.validation-row {
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

#view-validation .validation-table-shell tr.validation-row:hover {
  background: rgba(201, 166, 107, 0.065) !important;
}

#view-validation .validation-table-shell tr.validation-row.validation-row-pending {
  box-shadow: inset 3px 0 0 rgba(96, 165, 250, 0.72) !important;
}

#view-validation .validation-table-shell tr.validation-row.validation-row-observed,
#view-validation .validation-table-shell tr.validation-row.validation-row-rejected,
#view-validation .validation-table-shell tr.validation-row.validation-evidence-error {
  box-shadow: inset 3px 0 0 rgba(248, 113, 113, 0.72) !important;
}

#view-validation .validation-table-shell .validation-amount {
  color: var(--text) !important;
  font-weight: 900 !important;
}

#view-validation .validation-table-shell td:nth-child(6) .row-main {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

#view-validation .validation-table-shell .table-actions {
  justify-content: center !important;
}

#view-validation .validation-table-shell .validation-open-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #view-validation .validation-table-shell table {
    min-width: 0 !important;
  }

  #view-validation .validation-table-shell th,
  #view-validation .validation-table-shell td {
    padding-inline: 7px !important;
  }

  #view-validation .validation-table-shell th:nth-child(1),
  #view-validation .validation-table-shell td:nth-child(1) { width: 82px !important; }
  #view-validation .validation-table-shell th:nth-child(2),
  #view-validation .validation-table-shell td:nth-child(2) { width: 42px !important; }
  #view-validation .validation-table-shell th:nth-child(3),
  #view-validation .validation-table-shell td:nth-child(3) { width: 158px !important; }
  #view-validation .validation-table-shell th:nth-child(4),
  #view-validation .validation-table-shell td:nth-child(4) { width: 176px !important; }
  #view-validation .validation-table-shell th:nth-child(5),
  #view-validation .validation-table-shell td:nth-child(5) { width: 140px !important; }
  #view-validation .validation-table-shell th:nth-child(6),
  #view-validation .validation-table-shell td:nth-child(6) { width: 266px !important; }
  #view-validation .validation-table-shell th:nth-child(7),
  #view-validation .validation-table-shell td:nth-child(7) { width: 46px !important; }
}

@media (max-width: 900px) {
  #view-validation .validation-table-shell tr.validation-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client number"
      "sla sla"
      "bank bank"
      "amount amount"
      "observation observation"
      "action action" !important;
  }

  #view-validation .validation-table-shell tr.validation-row td:nth-child(1) { grid-area: sla !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(2) { grid-area: number !important; justify-self: end !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(3) { grid-area: client !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(4) {
    grid-area: bank !important;
    padding: 8px 0 !important;
    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
  }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(5) { grid-area: amount !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(6) { grid-area: observation !important; }
  #view-validation .validation-table-shell tr.validation-row td:nth-child(7) { grid-area: action !important; }

  #view-validation .validation-table-shell .validation-open-button {
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 430px) {
  #view-validation .validation-table-shell tr.validation-row {
    grid-template-areas:
      "client number"
      "sla sla"
      "bank bank"
      "amount amount"
      "observation observation"
      "action action" !important;
  }

  #view-validation .validation-table-shell tr.validation-row td:nth-child(7) {
    justify-self: stretch !important;
    text-align: left !important;
  }
}

/* Distribution queue table v12: rebalance the current six-column ledger. */
@media (min-width: 901px) {
  #view-distribution .distribution-table-shell {
    min-height: clamp(360px, 42dvh, 620px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  #view-distribution .distribution-table-shell table.distribution-table {
    width: 100% !important;
    min-width: 860px !important;
    table-layout: fixed !important;
  }

  #view-distribution .distribution-table thead th {
    padding: 14px 14px !important;
    letter-spacing: 0.16em !important;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 14px 14px !important;
    vertical-align: top !important;
  }

  #view-distribution .distribution-table th:nth-child(1),
  #view-distribution .distribution-table td:nth-child(1) {
    width: 72px !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  #view-distribution .distribution-table th:nth-child(2),
  #view-distribution .distribution-table td:nth-child(2) {
    width: 142px !important;
  }

  #view-distribution .distribution-table th:nth-child(3),
  #view-distribution .distribution-table td:nth-child(3) {
    width: 150px !important;
  }

  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) {
    width: 160px !important;
  }

  #view-distribution .distribution-table th:nth-child(5),
  #view-distribution .distribution-table td:nth-child(5) {
    width: auto !important;
  }

  #view-distribution .distribution-table th:nth-child(6),
  #view-distribution .distribution-table td:nth-child(6) {
    width: 132px !important;
    text-align: left !important;
  }

  #view-distribution .distribution-table .row-main {
    line-height: 1.18 !important;
  }

  #view-distribution .distribution-table .row-sub {
    margin-top: 5px !important;
    line-height: 1.28 !important;
  }

  #view-distribution .distribution-table td:nth-child(5) .row-main {
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums !important;
  }

  #view-distribution .distribution-table td:nth-child(5) .row-sub {
    max-width: 56ch !important;
    white-space: normal !important;
  }

  #view-distribution .distribution-table td:nth-child(6) .ghost-button {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    min-height: 38px !important;
    justify-content: center !important;
    padding-inline: 12px !important;
  }
}

/* Distribution laptop rail v15: keep the work table dominant when the sidebar is open. */
@media (min-width: 1181px) and (max-width: 1480px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  #view-distribution .distribution-module {
    min-width: 0;
  }

  #view-distribution .distribution-side-panel {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(172px, 0.26fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #view-distribution .distribution-side-panel .panel-head {
    margin: 0 !important;
    align-self: start;
  }

  #view-distribution .distribution-side-panel .panel-head > div {
    gap: 8px;
  }

  #view-distribution .distribution-side-panel .panel-head .eyebrow {
    font-size: 0.62rem !important;
    letter-spacing: 0.17em !important;
  }

  #view-distribution .distribution-side-panel .panel-head h2,
  #view-distribution .distribution-side-panel .panel-head h3 {
    font-size: clamp(1.05rem, 1.12vw, 1.28rem) !important;
    line-height: 1.02 !important;
  }

  #view-distribution .distribution-country-filter .search-select-trigger,
  #view-distribution .distribution-country-filter select {
    min-height: 40px !important;
  }

  #view-distribution .distribution-account-summary {
    margin: 8px 0 10px !important;
    padding: 9px 11px !important;
    border-radius: 13px !important;
  }

  #view-distribution .distribution-account-summary strong {
    font-size: 1.05rem !important;
  }

  #view-distribution .distribution-account-table-head,
  #view-distribution .distribution-account-row {
    grid-template-columns: minmax(0, 1.34fr) minmax(86px, 0.54fr) minmax(110px, 0.7fr) !important;
    gap: 10px !important;
  }

  #view-distribution .distribution-account-ledger .distribution-account-list {
    max-height: 178px !important;
  }

  #view-distribution .distribution-account-ledger .distribution-account-row {
    padding: 7px 0 !important;
    font-size: 0.8rem !important;
  }
}

@media (min-width: 1181px) and (max-width: 1280px) {
  #view-distribution .distribution-side-panel {
    grid-template-columns: 1fr !important;
  }

  #view-distribution .distribution-side-panel .panel-head > div {
    justify-content: space-between;
  }
}

/* Font readability v2: reversible operational legibility layer. */
html,
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-weight: 500;
}

button,
input,
select,
textarea,
.search-select-trigger,
.nav-link,
.status-chip,
.ghost-button,
.primary-button,
.secondary-button {
  font-family: var(--font-ui);
  font-weight: 650;
}

input,
select,
textarea,
.search-select-trigger {
  font-size: 1rem;
  line-height: 1.35;
}

.nav-link {
  font-size: 0.96rem;
  line-height: 1.25;
}

.sidebar .nav-panel .panel-head h2,
.sidebar-footer .panel-head h2,
.eyebrow,
.metric-label,
.field-label {
  font-weight: 800;
}

.table-shell,
.distribution-table-shell,
.catalog-table-shell {
  font-size: 0.96rem;
  font-weight: 560;
}

.table-shell table,
.distribution-table,
.catalog-table-shell table {
  font-variant-numeric: tabular-nums;
}

.table-shell thead th,
.distribution-table thead th,
.catalog-table-shell thead th {
  font-size: 0.8rem;
  font-weight: 850;
  letter-spacing: 0.03em;
}

.table-shell tbody td,
.distribution-table tbody td,
.catalog-table-shell tbody td {
  font-weight: 580;
  line-height: 1.42;
}

.row-main,
.table-shell .row-main,
.distribution-table .row-main,
.search-select-option strong,
.detail-card strong {
  font-weight: 800;
}

.row-sub,
.table-shell .row-sub,
.distribution-table .row-sub,
.detail-card span,
.detail-stack,
.muted {
  font-weight: 600;
}

.metric-card strong,
.dashboard-control-kpis .metric-card strong,
#view-distribution .distribution-kpis .metric-card strong,
.profitability-kpis .metric-card strong {
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

.workspace-head h2,
.panel h2,
.panel h3,
.hero-card h3,
.users-command-bar h2 {
  font-weight: 850;
}

@media (max-width: 760px) {
  .nav-link {
    font-size: 1rem;
  }

  .table-shell,
  .distribution-table-shell,
  .catalog-table-shell {
    font-size: 0.98rem;
  }

  input,
  select,
  textarea,
  .search-select-trigger {
    font-size: 1rem;
  }
}

/* Distribution readability v2: beneficiary identity, account number and larger summary tiles. */
@media (min-width: 1181px) {
  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 10px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 64px !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.04rem, 1.12vw, 1.24rem) !important;
    line-height: 1.14 !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    font-size: 0.76rem !important;
    line-height: 1.24 !important;
  }
}

/* Client service intake drafts: private work-in-progress lane. */
.client-service-drafts {
  margin: 14px 0 16px;
}

.client-service-draft-panel {
  border-color: rgba(201, 166, 107, 0.28);
  background:
    linear-gradient(180deg, rgba(201, 166, 107, 0.06), rgba(255, 255, 255, 0.012)),
    var(--panel-strong);
}

.client-service-draft-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}

.client-service-draft-card {
  display: grid;
  gap: 10px;
  min-height: 142px;
  padding: 14px;
  border: 1px solid rgba(201, 166, 107, 0.24);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  cursor: pointer;
}

.client-service-draft-card strong {
  display: block;
  margin-top: 8px;
  color: var(--text);
  font-size: 1rem;
  line-height: 1.25;
}

.client-service-draft-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.4;
}

.client-service-draft-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 0.84rem;
}

.client-service-draft-card .table-actions {
  justify-content: flex-start;
}

:root[data-theme="light"] .client-service-draft-panel {
  background:
    linear-gradient(180deg, rgba(201, 166, 107, 0.12), rgba(255, 255, 255, 0.7)),
    var(--panel);
}

:root[data-theme="light"] .client-service-draft-card {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(148, 116, 58, 0.28);
}

#view-clients tr.client-service-draft-row {
  box-shadow: inset 3px 0 0 rgba(201, 166, 107, 0.78);
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.085), transparent 46%);
}

#view-clients tr.client-service-draft-row:hover {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.13), rgba(255, 255, 255, 0.018) 58%);
}

:root[data-theme="light"] #view-clients tr.client-service-draft-row {
  background: linear-gradient(90deg, rgba(201, 166, 107, 0.13), rgba(255, 255, 255, 0.62) 54%);
}

#view-clients .client-service-preferred-name {
  display: block;
  margin-top: 7px;
  color: var(--text);
}

.search-select-picker-head-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .search-select-picker-head-actions {
    justify-content: stretch;
  }

  .search-select-picker-head-actions > button {
    flex: 1 1 auto;
  }
}

#distribution-detail-modal .distribution-line-beneficiary {
  min-height: 58px;
  padding-block: 15px;
}

#distribution-detail-modal .distribution-beneficiary-inline {
  align-items: center;
  gap: 11px;
}

#distribution-detail-modal .distribution-beneficiary-inline strong {
  font-size: clamp(1.08rem, 1.14vw, 1.22rem) !important;
  line-height: 1.22;
}

#distribution-detail-modal .distribution-beneficiary-inline span {
  color: #d7e3f4;
  font-size: clamp(0.98rem, 1.03vw, 1.11rem) !important;
  line-height: 1.3;
}

#distribution-detail-modal .distribution-line-form .search-select-trigger-text,
.distribution-account-picker-modal .search-select-option-label {
  font-size: 0.98rem;
  line-height: 1.32;
}

@media (max-width: 760px) {
  #distribution-detail-modal .distribution-beneficiary-inline {
    display: grid;
    gap: 4px;
    white-space: normal;
  }

  #distribution-detail-modal .distribution-beneficiary-inline strong,
  #distribution-detail-modal .distribution-beneficiary-inline span {
    white-space: normal;
  }
}

/* Distribution workspace v3: use wide screens fully and prevent beneficiary identity overlap. */
@media (min-width: 1181px) {
  #distribution-detail-modal {
    padding: clamp(10px, 1.25vw, 24px) !important;
    place-items: center !important;
  }

  #distribution-detail-modal .distribution-detail-modal {
    width: min(1880px, calc(100vw - clamp(28px, 2.8vw, 56px))) !important;
    max-height: calc(100dvh - clamp(20px, 2.4vw, 44px)) !important;
    padding: 18px 22px 20px !important;
    border-radius: 24px !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 96px !important;
    padding: 14px 18px !important;
    margin-bottom: 14px !important;
    grid-template-columns: minmax(180px, 0.22fr) minmax(0, 1fr) auto !important;
  }

  #distribution-detail-modal .distribution-detail-body {
    padding: 0 !important;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) clamp(320px, 20vw, 390px) !important;
    gap: 20px !important;
  }

  #distribution-detail-modal .distribution-line-card {
    border-radius: 22px !important;
  }

  #distribution-detail-modal .distribution-line-beneficiary {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    min-height: 74px !important;
    padding: 16px 18px !important;
    overflow: visible !important;
  }

  #distribution-detail-modal .distribution-beneficiary-inline {
    display: grid !important;
    grid-template-columns: minmax(220px, max-content) minmax(360px, 1fr) !important;
    gap: 10px !important;
    align-items: baseline !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  #distribution-detail-modal .distribution-beneficiary-inline strong,
  #distribution-detail-modal .distribution-beneficiary-inline span {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  #distribution-detail-modal .distribution-beneficiary-inline span {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  #distribution-detail-modal .distribution-line-actions {
    justify-content: flex-end;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(220px, 0.58fr) minmax(460px, 1.38fr) minmax(230px, 0.68fr) !important;
    gap: 16px !important;
    padding: 16px 18px !important;
  }

  #distribution-detail-modal .distribution-amount-control,
  #distribution-detail-modal .distribution-line-form .search-select-trigger {
    min-height: 54px !important;
  }

  #distribution-detail-modal .distribution-line-form textarea {
    min-height: 66px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #distribution-detail-modal .distribution-detail-modal {
    width: calc(100vw - 20px) !important;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 320px) !important;
    gap: 14px !important;
  }

  #distribution-detail-modal .distribution-beneficiary-inline {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(150px, 0.5fr) minmax(0, 1.2fr) minmax(180px, 0.6fr) !important;
    gap: 10px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: 1fr !important;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(150px, 0.5fr) minmax(0, 1.2fr) minmax(170px, 0.6fr) !important;
  }
}

/* Distribution summary v4: larger operational header cards. */
@media (min-width: 1181px) {
  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 12px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 78px !important;
    padding: 13px 15px !important;
    border-radius: 17px !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.68rem !important;
    letter-spacing: 0.14em !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.16rem, 1.28vw, 1.42rem) !important;
    line-height: 1.12 !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    margin-top: 2px !important;
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 116px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(auto-fit, minmax(166px, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 72px !important;
    padding: 11px 13px !important;
  }
}

/* Distribution summary v5: stronger, easier-to-scan header cards. */
@media (min-width: 1181px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 136px !important;
    padding: 18px 22px !important;
    gap: 18px !important;
    grid-template-columns: minmax(220px, 0.24fr) minmax(0, 1fr) auto !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(5, minmax(205px, 1fr)) !important;
    gap: 14px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 96px !important;
    padding: 17px 18px !important;
    border-radius: 19px !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.72rem !important;
    letter-spacing: 0.15em !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.32rem, 1.45vw, 1.62rem) !important;
    line-height: 1.08 !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    margin-top: 4px !important;
    font-size: 0.9rem !important;
    line-height: 1.28 !important;
  }
}

@media (min-width: 1181px) and (max-width: 1560px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 128px !important;
    grid-template-columns: minmax(180px, 0.2fr) minmax(0, 1fr) auto !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
    gap: 10px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 88px !important;
    padding: 15px 14px !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.16rem, 1.26vw, 1.42rem) !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    font-size: 0.8rem !important;
  }
}

:root[data-theme="light"] #distribution-detail-modal .distribution-beneficiary-inline span {
  color: var(--text) !important;
}

/* Legibility v3: reversible operational reading layer. */
:root {
  --font-ui: "Inter", "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Inter", "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html {
  font-size: 18px;
}

body {
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

.table-shell th,
.table-shell td,
.dashboard-operations-table th,
.dashboard-operations-table td,
.distribution-table th,
.distribution-table td,
.validation-table-shell th,
.validation-table-shell td {
  font-size: 1.08rem;
  line-height: 1.42;
}

.table-shell td,
.dashboard-operations-table td,
.distribution-table td,
.validation-table-shell td {
  padding-top: 14px;
  padding-bottom: 14px;
}

.row-main,
.table-shell .row-main,
.dashboard-operations-table .row-main,
.distribution-table .row-main,
#view-clients #client-service-remittances .row-main {
  font-size: 1.13rem;
  line-height: 1.34;
  font-weight: 880;
}

.row-sub,
.table-shell .row-sub,
.dashboard-operations-table .row-sub,
.distribution-table .row-sub,
#view-clients #client-service-remittances .row-sub {
  font-size: 0.98rem;
  line-height: 1.42;
  color: color-mix(in srgb, var(--text-soft) 66%, var(--text) 34%);
}

.status-chip,
.pill,
.inline-button,
.ghost-button,
.secondary-button,
.primary-button {
  font-size: 1rem;
}

.inline-button {
  min-height: 42px;
  padding: 9px 14px;
}

.primary-button,
.secondary-button,
.ghost-button,
.search-select-trigger,
input,
select,
textarea {
  min-height: 50px;
}

input,
select,
textarea,
.search-select-input,
.search-select-trigger {
  font-size: 1.1rem;
  line-height: 1.4;
}

label span,
.search-select-option-meta,
.search-select-table-cell small,
.detail-card span,
.metric-card p {
  font-size: 0.96rem;
  line-height: 1.42;
}

.search-select-option-label,
.search-select-table-cell strong,
.search-select-option-copy strong {
  font-size: 1.1rem;
  line-height: 1.34;
}

.search-select-table-head span {
  font-size: 0.82rem;
}

.validation-sla,
.dashboard-operations-table .dashboard-sla,
#view-clients #client-service-remittances .client-service-sla,
.op-queue-sla {
  min-width: 122px;
  padding: 10px 13px;
}

.validation-sla strong,
.dashboard-operations-table .dashboard-sla strong,
#view-clients #client-service-remittances .client-service-sla strong {
  font-size: 1.16rem;
}

.validation-sla span,
.dashboard-operations-table .dashboard-sla span,
#view-clients #client-service-remittances .client-service-sla span {
  font-size: 0.9rem;
}

.metric-card strong,
.distribution-detail-summary strong {
  letter-spacing: 0;
}

.nav-link {
  min-height: 52px;
  font-size: 1.06rem;
  font-weight: 850;
}

.nav-link small,
.menu-group-title,
.section-eyebrow,
.metric-card span,
.panel-kicker {
  font-size: 0.88rem;
}

.metric-card {
  min-height: 90px;
}

.metric-card strong {
  font-size: clamp(1.66rem, 1.6vw, 2.12rem);
}

.toolbar,
.client-toolbar {
  font-size: 1.02rem;
}

.dashboard-operations-table .dashboard-sla {
  min-width: 126px;
}

.dashboard-operations-table tbody tr,
.distribution-table tbody tr,
#view-clients #client-service-remittances tbody tr {
  min-height: 70px;
}

.workspace-head h2 {
  font-size: clamp(2.15rem, 3.1vw, 3.25rem);
}

@media (max-width: 720px) {
  html {
    font-size: 18px;
  }

  .table-shell th,
  .table-shell td,
  .dashboard-operations-table th,
  .dashboard-operations-table td,
  .distribution-table th,
  .distribution-table td,
  .validation-table-shell th,
  .validation-table-shell td {
    font-size: 1.08rem;
  }

  .row-main,
  .table-shell .row-main,
  .dashboard-operations-table .row-main,
  .distribution-table .row-main,
  #view-clients #client-service-remittances .row-main {
    font-size: 1.13rem;
  }

  .row-sub,
  .table-shell .row-sub,
  .dashboard-operations-table .row-sub,
  .distribution-table .row-sub,
  #view-clients #client-service-remittances .row-sub {
    font-size: 1rem;
  }
}

/* Light theme corridors v1: fix contrast in corridor board and rate workspace. */
:root[data-theme="light"] #view-corridors .corridors-panel,
:root[data-theme="light"] #view-corridors .catalog-module,
:root[data-theme="light"] #view-corridors .catalog-table-shell {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,247,242,0.98));
  border-color: rgba(119, 101, 76, 0.22);
  box-shadow: 0 20px 48px rgba(64, 50, 32, 0.12);
}

:root[data-theme="light"] #view-corridors .corridor-board-row {
  background: rgba(255, 255, 255, 0.82);
  border-top-color: rgba(126, 109, 86, 0.18);
}

:root[data-theme="light"] #view-corridors .corridor-board-row:hover {
  background: rgba(232, 239, 247, 0.56);
  box-shadow: inset 3px 0 0 rgba(201, 166, 107, 0.48);
}

:root[data-theme="light"] #view-corridors .corridor-route-premium,
:root[data-theme="light"] #view-corridors .corridor-code-line,
:root[data-theme="light"] #view-corridors .corridor-board-cell,
:root[data-theme="light"] #view-corridors .corridor-board-cell strong {
  color: #101827;
}

:root[data-theme="light"] #view-corridors .corridor-active-rate {
  color: #142033;
}

:root[data-theme="light"] #view-corridors .corridor-active-rate.is-empty,
:root[data-theme="light"] #view-corridors .row-sub,
:root[data-theme="light"] #view-corridors .corridor-mode-note {
  color: #556273;
}

:root[data-theme="light"] #view-corridors .corridor-mode-badge {
  background: rgba(226, 237, 249, 0.86);
  border-color: rgba(71, 125, 180, 0.2);
  color: #172033;
}

:root[data-theme="light"] #view-corridors .corridor-rate-button {
  background: rgba(201, 166, 107, 0.14);
  border-color: rgba(201, 166, 107, 0.32);
  color: #7a5319;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-modal,
:root[data-theme="light"] .corridor-rate-workspace {
  color: #172033;
  background:
    radial-gradient(circle at top right, rgba(201,166,107,0.10), transparent 28%),
    linear-gradient(180deg, #fbfcfd 0%, #f5f1e9 100%) !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-head,
:root[data-theme="light"] .corridor-rate-workspace .panel-head {
  background:
    radial-gradient(circle at 92% 0%, rgba(201,166,107,0.16), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f3f6fa 100%) !important;
  border-color: rgba(143,126,99,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 16px 38px rgba(51,65,85,0.12) !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-head h2,
:root[data-theme="light"] #corridor-windows-modal .corridor-switcher-current strong,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-hero-card strong,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-reference-card strong,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-decision-card strong,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-key-value,
:root[data-theme="light"] #corridor-windows-modal .row-main,
:root[data-theme="light"] .corridor-rate-workspace .row-main,
:root[data-theme="light"] .corridor-rate-workspace strong {
  color: #101827 !important;
}

:root[data-theme="light"] #corridor-windows-modal .row-sub,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-head-subtitle,
:root[data-theme="light"] #corridor-windows-modal .corridor-switcher-current small,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-stage-copy,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-pulse-summary,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-pulse-meta,
:root[data-theme="light"] .corridor-rate-workspace .row-sub,
:root[data-theme="light"] .corridor-rate-workspace span,
:root[data-theme="light"] .corridor-rate-workspace small,
:root[data-theme="light"] .corridor-rate-workspace em {
  color: #536171 !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-hero-card,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-reference-card,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-pulse-card,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-decision-card,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-impact-card,
:root[data-theme="light"] #corridor-windows-summary .detail-card:not(.corridor-rate-guidance),
:root[data-theme="light"] .corridor-rate-workspace .detail-card,
:root[data-theme="light"] .corridor-rate-stage-card,
:root[data-theme="light"] .corridor-rate-suggested-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,248,251,0.94)) !important;
  border-color: rgba(126, 109, 86, 0.22) !important;
  box-shadow: 0 14px 34px rgba(64, 50, 32, 0.10), inset 0 1px 0 rgba(255,255,255,0.82) !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-hero-card-accent,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-hero-card-suggested {
  background:
    linear-gradient(180deg, rgba(255, 248, 235, 0.98), rgba(255,255,255,0.94)) !important;
  border-color: rgba(201, 166, 107, 0.34) !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-pulse-card:hover {
  background:
    linear-gradient(180deg, rgba(255, 248, 235, 0.98), rgba(246,248,251,0.96)) !important;
  border-color: rgba(201, 166, 107, 0.38) !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-kicker,
:root[data-theme="light"] #corridor-windows-modal .eyebrow,
:root[data-theme="light"] .corridor-rate-workspace .corridor-rate-kicker,
:root[data-theme="light"] .corridor-rate-workspace .eyebrow {
  color: #9a6a22 !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-guidance,
:root[data-theme="light"] .corridor-rate-workspace .corridor-rate-guidance {
  background:
    linear-gradient(180deg, rgba(255, 248, 235, 0.95), rgba(255,255,255,0.92)) !important;
  border-color: rgba(201, 166, 107, 0.30) !important;
  color: #172033 !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-base-panel {
  background: transparent;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-base-field input,
:root[data-theme="light"] .corridor-rate-workspace .corridor-rate-base-field input {
  background: linear-gradient(180deg, #ffffff, #f4f6f8) !important;
  border-color: rgba(108, 122, 137, 0.30) !important;
  color: #101827 !important;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-inline-badge,
:root[data-theme="light"] .corridor-rate-workspace .corridor-rate-inline-badge {
  background: rgba(255, 248, 235, 0.92);
  border-color: rgba(201, 166, 107, 0.28);
  color: #8a5b15;
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-inline-badge.is-positive {
  color: #0f6b47;
  background: rgba(22, 132, 88, 0.12);
  border-color: rgba(22, 132, 88, 0.28);
}

:root[data-theme="light"] #corridor-windows-modal .corridor-rate-inline-badge.is-negative {
  color: #8a2f25;
  background: rgba(176, 66, 53, 0.12);
  border-color: rgba(176, 66, 53, 0.28);
}

:root[data-theme="light"] #corridor-windows-table {
  background: rgba(255,255,255,0.94) !important;
  border-color: rgba(126, 109, 86, 0.22) !important;
  box-shadow: 0 16px 34px rgba(64, 50, 32, 0.10);
}

:root[data-theme="light"] #corridor-windows-table th {
  background: linear-gradient(180deg, #e6edf4, #dbe4ed) !important;
  color: #7a5319 !important;
}

:root[data-theme="light"] #corridor-windows-table td {
  background: rgba(255,255,255,0.72);
  color: #172033;
  border-top-color: rgba(126, 109, 86, 0.18) !important;
}

:root[data-theme="light"] #corridor-windows-table tbody tr:hover td {
  background: rgba(232, 239, 247, 0.62);
}

:root[data-theme="light"] .corridor-rate-switcher-button,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-switcher-button {
  background: linear-gradient(180deg, #ffffff, #f4f6f8) !important;
  border-color: rgba(201,166,107,0.42) !important;
  color: #172033 !important;
}

:root[data-theme="light"] .corridor-rate-switcher-menu,
:root[data-theme="light"] #corridor-windows-modal .corridor-rate-switcher-menu {
  background: #ffffff !important;
  border-color: rgba(126, 109, 86, 0.22) !important;
  box-shadow: 0 26px 70px rgba(51,65,85,0.22) !important;
}

:root[data-theme="light"] .corridor-rate-switcher-option {
  color: #172033 !important;
}

:root[data-theme="light"] .corridor-rate-switcher-option:hover,
:root[data-theme="light"] .corridor-rate-switcher-option.is-selected {
  background: rgba(255, 248, 235, 0.92) !important;
  border-color: rgba(201,166,107,0.34) !important;
}

/* Distribution workspace summary v7: single-line KPI cards, readable but contained. */
@media (min-width: 1181px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 142px !important;
    padding: 20px 24px !important;
    gap: 18px !important;
    grid-template-columns: minmax(220px, 0.24fr) minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(4, minmax(190px, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 104px !important;
    padding: 18px 20px !important;
    border-radius: 20px !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.78rem !important;
    letter-spacing: 0.16em !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.48rem, 1.7vw, 1.92rem) !important;
    line-height: 1.06 !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    margin-top: 5px !important;
    font-size: 0.92rem !important;
    line-height: 1.32 !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head h2 {
    font-size: clamp(1.18rem, 1.38vw, 1.58rem) !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head .eyebrow {
    font-size: 0.72rem !important;
  }
}

@media (min-width: 1181px) and (max-width: 1560px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 148px !important;
    padding: 20px 22px !important;
    gap: 15px !important;
    grid-template-columns: minmax(190px, 0.22fr) minmax(0, 1fr) auto !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
    gap: 13px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 112px !important;
    padding: 18px 19px !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.48rem, 1.62vw, 1.86rem) !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    font-size: 0.92rem !important;
  }
}

/* Distribution workspace summary v9: laptop-first header presence without breaking the single row. */
@media (min-width: 1181px) and (max-height: 1020px) {
  #distribution-detail-modal {
    align-items: start !important;
    place-items: start stretch !important;
    padding-top: clamp(12px, 1.4vh, 18px) !important;
  }

  #distribution-detail-modal .distribution-detail-modal {
    max-height: calc(100dvh - clamp(24px, 3vh, 36px)) !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 158px !important;
    padding: 22px 26px !important;
    gap: 18px !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    gap: 16px !important;
    grid-template-columns: repeat(4, minmax(188px, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 118px !important;
    padding: 20px 22px !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.82rem !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.66rem, 1.9vw, 2.08rem) !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    font-size: 1rem !important;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) and (max-height: 1020px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 160px !important;
    padding: 20px 18px !important;
    gap: 14px !important;
    grid-template-columns: minmax(150px, 0.16fr) minmax(0, 1fr) auto !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    gap: 14px !important;
    grid-template-columns: repeat(4, minmax(172px, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 126px !important;
    padding: 20px 18px !important;
    border-width: 2px !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12) !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.62rem, 2.05vw, 2.14rem) !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    font-size: 1rem !important;
  }
}

/* Distribution workspace summary v10: stronger KPI prominence on laptops. */
@media (min-width: 1181px) and (max-width: 1480px) and (max-height: 920px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 164px !important;
    grid-template-columns: minmax(140px, 0.14fr) minmax(0, 1fr) minmax(104px, auto) !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head h2 {
    font-size: clamp(1.18rem, 1.7vw, 1.55rem) !important;
    line-height: 1.05 !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(4, minmax(178px, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 132px !important;
    padding: 22px 20px !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.84rem !important;
    letter-spacing: 0.17em !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.72rem, 2.25vw, 2.28rem) !important;
  }
}

:root[data-theme="light"] #distribution-detail-modal .distribution-detail-summary span {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,253,0.96)) !important;
  border-color: rgba(148, 163, 184, 0.44) !important;
}

:root[data-theme="light"] #distribution-detail-modal .distribution-detail-summary span:first-child {
  border-color: rgba(201,166,107,0.52) !important;
  box-shadow: 0 18px 48px rgba(201,166,107,0.16) !important;
}

/* Distribution workspace summary v11: visibly larger KPI cards and compact execution note. */
@media (min-width: 1181px) and (max-width: 1480px) and (max-height: 1020px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 188px !important;
    padding: 24px 22px !important;
    gap: 18px !important;
    grid-template-columns: minmax(138px, 0.13fr) minmax(0, 1fr) minmax(104px, auto) !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    gap: 18px !important;
    grid-template-columns: repeat(4, minmax(186px, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 156px !important;
    padding: 25px 22px !important;
    border-radius: 24px !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.92rem !important;
    letter-spacing: 0.18em !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(2rem, 2.55vw, 2.68rem) !important;
    line-height: 1.02 !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    margin-top: 8px !important;
    font-size: 1.08rem !important;
    line-height: 1.22 !important;
  }

  #distribution-detail-modal .distribution-line-form textarea {
    min-height: 48px !important;
    height: 48px !important;
    padding-top: 13px !important;
    padding-bottom: 10px !important;
    resize: vertical;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) and (max-height: 1020px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 178px !important;
    padding: 22px 18px !important;
    grid-template-columns: minmax(126px, 0.12fr) minmax(0, 1fr) minmax(96px, auto) !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    gap: 12px !important;
    grid-template-columns: repeat(4, minmax(158px, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 148px !important;
    padding: 23px 18px !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(1.78rem, 2.42vw, 2.34rem) !important;
  }
}

/* Distribution workspace summary v12: fix wide-laptop viewport path missed by v11. */
@media (min-width: 1481px) and (max-width: 2200px) and (max-height: 1020px) {
  #distribution-detail-modal {
    align-items: start !important;
    place-items: start stretch !important;
    padding-top: 14px !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 196px !important;
    padding: 26px 24px !important;
    gap: 20px !important;
    grid-template-columns: minmax(150px, 0.12fr) minmax(0, 1fr) minmax(108px, auto) !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    gap: 20px !important;
    grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 164px !important;
    padding: 28px 26px !important;
    border-width: 2px !important;
    border-radius: 26px !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.95rem !important;
    letter-spacing: 0.18em !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(2.12rem, 2.45vw, 2.72rem) !important;
    line-height: 1.02 !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    margin-top: 8px !important;
    font-size: 1.12rem !important;
    line-height: 1.22 !important;
  }

  #distribution-detail-modal .distribution-line-form textarea {
    min-height: 48px !important;
    height: 48px !important;
    padding-top: 13px !important;
    padding-bottom: 10px !important;
    resize: vertical;
  }
}

/* Distribution workspace v13: responsive financial desk.
   Keeps the reusable distribution dialog compact on laptop without changing flow logic. */
@media (min-width: 1181px) {
  #distribution-detail-modal {
    align-items: center !important;
    place-items: center !important;
    padding: clamp(10px, 1.4vw, 22px) !important;
  }

  #distribution-detail-modal .distribution-detail-modal {
    width: min(1460px, calc(100vw - clamp(20px, 2.8vw, 46px))) !important;
    height: auto !important;
    max-height: calc(100dvh - clamp(20px, 2.8vw, 46px)) !important;
    padding: clamp(10px, 1vw, 16px) !important;
    border-radius: 18px !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22) !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: clamp(10px, 1.1vw, 16px) !important;
    align-items: center !important;
    min-height: 96px !important;
    padding: 14px 16px !important;
    margin: 0 0 10px !important;
    border-radius: 14px !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head > div:first-child {
    display: none !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head h2 {
    font-size: clamp(1.08rem, 1.12vw, 1.32rem) !important;
    line-height: 1.08 !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head .eyebrow {
    font-size: 0.64rem !important;
    letter-spacing: 0.18em !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head .ghost-button {
    min-height: 40px !important;
    padding: 8px 15px !important;
    border-radius: 999px !important;
    font-size: 0.84rem !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(118px, 1fr)) !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    gap: 8px !important;
    align-items: stretch !important;
    min-width: 0 !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 66px !important;
    padding: 10px 12px !important;
    border-width: 1px !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.62rem !important;
    letter-spacing: 0.13em !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    margin: 0 !important;
    font-size: clamp(1rem, 1.08vw, 1.28rem) !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    margin-top: 1px !important;
    font-size: 0.72rem !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
  }

  #distribution-detail-modal .distribution-detail-body {
    gap: 10px !important;
    padding: 0 4px 8px 0 !important;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(246px, 278px) !important;
    gap: 10px !important;
  }

  #distribution-detail-modal .distribution-lines {
    gap: 10px !important;
  }

  #distribution-detail-modal .distribution-line-card {
    border-radius: 14px !important;
  }

  #distribution-detail-modal .distribution-line-beneficiary {
    min-height: 44px !important;
    gap: 10px !important;
    padding: 8px 11px !important;
  }

  #distribution-detail-modal .distribution-line-index {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    font-size: 0.86rem !important;
  }

  #distribution-detail-modal .distribution-beneficiary-inline strong {
    font-size: 0.94rem !important;
  }

  #distribution-detail-modal .distribution-beneficiary-inline span {
    font-size: 0.84rem !important;
  }

  #distribution-detail-modal .distribution-line-beneficiary .compact-button {
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 0.76rem !important;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(124px, 0.44fr) minmax(0, 1fr) minmax(144px, 0.52fr) !important;
    gap: 9px !important;
    padding: 10px 12px !important;
  }

  #distribution-detail-modal .distribution-line-form label {
    gap: 5px !important;
  }

  #distribution-detail-modal .distribution-line-form label > span {
    font-size: 0.72rem !important;
  }

  #distribution-detail-modal .distribution-amount-control,
  #distribution-detail-modal .distribution-line-form .search-select-trigger,
  #distribution-detail-modal .distribution-percent-control {
    min-height: 44px !important;
    border-radius: 12px !important;
    padding-inline: 12px !important;
  }

  #distribution-detail-modal .distribution-amount-control input,
  #distribution-detail-modal .distribution-percent-control input {
    min-height: 42px !important;
    font-size: 0.98rem !important;
  }

  #distribution-detail-modal .distribution-line-form .search-select-trigger {
    font-size: 0.82rem !important;
  }

  #distribution-detail-modal .distribution-line-form textarea {
    min-height: 40px !important;
    height: 40px !important;
    max-height: 40px !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    font-size: 0.82rem !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    resize: none !important;
  }

  #distribution-detail-modal .distribution-add-beneficiary {
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
  }

  #distribution-detail-modal .distribution-result-panel {
    position: sticky !important;
    top: 0 !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #distribution-detail-modal .distribution-total-strip {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #distribution-detail-modal .distribution-total-strip > div {
    min-height: 62px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
  }

  #distribution-detail-modal .distribution-total-strip span {
    font-size: 0.62rem !important;
    letter-spacing: 0.12em !important;
  }

  #distribution-detail-modal .distribution-total-strip strong {
    margin-top: 5px !important;
    font-size: clamp(1.08rem, 1.18vw, 1.3rem) !important;
    line-height: 1.08 !important;
  }

  #distribution-detail-modal .distribution-action-dock {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #distribution-detail-modal .distribution-action-dock .primary-button,
  #distribution-detail-modal .distribution-action-dock .ghost-button {
    min-height: 40px !important;
    border-radius: 999px !important;
    font-size: 0.83rem !important;
  }
}

@media (min-width: 1481px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 104px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 72px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  #distribution-detail-modal {
    padding: 8px !important;
  }

  #distribution-detail-modal .distribution-detail-modal {
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    grid-template-columns: minmax(126px, 0.18fr) minmax(0, 1fr) auto !important;
    min-height: 84px !important;
    padding: 10px 12px !important;
    gap: 8px !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(4, minmax(104px, 1fr)) !important;
    gap: 6px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 58px !important;
    padding: 8px 9px !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: clamp(0.94rem, 1.1vw, 1.12rem) !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    font-size: 0.66rem !important;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(224px, 252px) !important;
    gap: 8px !important;
  }

  #distribution-detail-modal .distribution-line-form {
    grid-template-columns: minmax(116px, 0.42fr) minmax(0, 1fr) minmax(132px, 0.5fr) !important;
    gap: 8px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 72px !important;
  }

  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(238px, 262px) !important;
  }

  #distribution-detail-modal .distribution-result-panel {
    position: sticky !important;
    top: 0 !important;
  }

  #distribution-detail-modal .distribution-total-strip {
    grid-template-columns: 1fr !important;
  }

  #distribution-detail-modal .distribution-action-dock {
    grid-template-columns: 1fr !important;
    align-items: center !important;
  }
}

@media (min-width: 1181px) and (max-height: 760px) {
  #distribution-detail-modal {
    align-items: start !important;
    place-items: start stretch !important;
    padding-top: 6px !important;
  }

  #distribution-detail-modal .distribution-detail-modal {
    max-height: calc(100dvh - 12px) !important;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head {
    min-height: 0 !important;
    padding: 8px 10px !important;
    margin-bottom: 8px !important;
  }

  #distribution-detail-modal .distribution-detail-summary span {
    min-height: 52px !important;
    padding: 7px 8px !important;
  }

  #distribution-detail-modal .distribution-detail-summary small {
    font-size: 0.58rem !important;
  }

  #distribution-detail-modal .distribution-detail-summary strong {
    font-size: 0.92rem !important;
  }

  #distribution-detail-modal .distribution-detail-summary em {
    display: none !important;
  }

  #distribution-detail-modal .distribution-line-beneficiary {
    padding-block: 7px !important;
  }

  #distribution-detail-modal .distribution-total-strip > div {
    min-height: 54px !important;
  }
}

/* Distribution dual amount v16: editable payout/source currency pair. */
#distribution-detail-modal .distribution-amount-control.distribution-money-pair.has-source-amount {
  min-height: 70px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2px !important;
  align-content: center !important;
  padding: 6px 10px !important;
}

#distribution-detail-modal .distribution-money-row {
  min-width: 0;
  min-height: 27px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

#distribution-detail-modal .distribution-money-row-secondary {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  padding-top: 3px;
}

#distribution-detail-modal .distribution-money-row input {
  width: 100%;
  min-height: 25px !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: transparent !important;
  font-variant-numeric: tabular-nums;
}

#distribution-detail-modal .distribution-money-row input:focus {
  box-shadow: none !important;
}

#distribution-detail-modal .distribution-money-row-primary input {
  font-size: 0.98rem !important;
  font-weight: 850 !important;
}

#distribution-detail-modal .distribution-money-row-secondary input {
  color: var(--text-soft);
  font-size: 0.84rem !important;
  font-weight: 760 !important;
}

#distribution-detail-modal .distribution-money-row-secondary small {
  color: var(--muted) !important;
}

/* Distribution initial view v21 canonical: balanced queue table and readable payment rail. */
.distribution-quick-filters {
  flex: 1 1 560px;
  min-width: min(560px, 100%);
  display: grid;
  grid-template-columns: repeat(4, minmax(112px, 1fr));
  gap: 7px;
  align-items: stretch;
}

.distribution-filter-chip {
  min-width: 0;
  min-height: 38px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  padding: 7px 9px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015)), rgba(15,23,42,0.42);
  color: var(--text);
  cursor: pointer;
}

.distribution-filter-chip span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-soft);
  font-size: 0.68rem;
  font-weight: 850;
}

.distribution-filter-chip strong {
  min-width: 27px;
  min-height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(255,255,255,0.06);
  font-size: 0.84rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.distribution-filter-chip.is-active {
  border-color: rgba(201,166,107,0.68);
  background: linear-gradient(180deg, rgba(201,166,107,0.18), rgba(201,166,107,0.055)), rgba(15,23,42,0.54);
}

.distribution-filter-chip.is-danger.is-active,
.distribution-filter-chip.is-danger:hover { border-color: rgba(239,68,68,0.52); }
.distribution-filter-chip.is-success.is-active,
.distribution-filter-chip.is-success:hover { border-color: rgba(45,159,119,0.58); }

body[data-active-view="distribution"] .workspace-title-row {
  align-items: center;
  gap: 14px;
}

body[data-active-view="distribution"] .workspace-title-row h2 { flex: 0 0 auto; }

@media (min-width: 1181px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) clamp(390px, 26vw, 470px);
    gap: 16px;
    align-items: start;
  }

  #view-distribution .distribution-module,
  #view-distribution .distribution-side-panel {
    padding: 12px;
    border-radius: 16px;
    box-shadow: 0 16px 44px rgba(15,23,42,0.13);
  }

  #view-distribution .distribution-operators-panel {
    gap: 5px;
    margin: 0 0 6px;
    padding: 0 0 6px;
  }

  #view-distribution .distribution-section-label { min-height: 18px; }
  #view-distribution .distribution-section-label .eyebrow { font-size: 0.62rem; }
  #view-distribution .distribution-section-label strong { font-size: 0.8rem; }

  #view-distribution .distribution-operator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }

  #view-distribution .distribution-operator-card {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 10px;
  }

  #view-distribution .distribution-operator-card strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
  }

  #view-distribution .distribution-operator-pills { gap: 5px; }
  #view-distribution .distribution-operator-pill {
    min-width: 24px;
    min-height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 0.68rem;
  }

  #view-distribution .distribution-kpis {
    grid-template-columns: minmax(116px, 0.34fr) minmax(220px, 0.82fr);
    align-items: start;
    gap: 7px;
    margin: 6px 0 8px;
  }

  #view-distribution .distribution-kpis .metric-card {
    min-height: 0;
    height: 64px;
    padding: 8px 11px;
    border-radius: 12px;
    overflow: hidden;
  }

  #view-distribution .distribution-kpis .metric-label { font-size: 0.64rem; }
  #view-distribution .distribution-kpis .metric-card strong {
    margin-top: 3px;
    font-size: clamp(1.08rem, 1.18vw, 1.42rem);
    line-height: 1;
  }
  #view-distribution .distribution-kpis .metric-card p {
    margin-top: 3px;
    font-size: 0.68rem;
    line-height: 1.1;
  }

  #view-distribution .distribution-table-shell {
    min-height: clamp(250px, 34dvh, 390px);
    max-height: calc(100dvh - 292px);
    border-radius: 14px;
    overflow: auto;
  }

  #view-distribution .distribution-table-shell > table.data-table.distribution-table,
  #view-distribution table.data-table.distribution-table {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    table-layout: fixed;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 8px 9px;
    overflow: hidden;
    vertical-align: middle;
  }

  #view-distribution .distribution-table th:nth-child(1),
  #view-distribution .distribution-table td:nth-child(1) { width: 48px; }
  #view-distribution .distribution-table th:nth-child(2),
  #view-distribution .distribution-table td:nth-child(2) { width: 128px; }
  #view-distribution .distribution-table th:nth-child(3),
  #view-distribution .distribution-table td:nth-child(3) { width: 118px; }
  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) { width: 104px; }
  #view-distribution .distribution-table th:nth-child(5),
  #view-distribution .distribution-table td:nth-child(5) { width: auto; }
  #view-distribution .distribution-table th:nth-child(6),
  #view-distribution .distribution-table td:nth-child(6) {
    width: 106px;
    text-align: right;
  }

  #view-distribution .distribution-table .row-main {
    font-size: 0.84rem;
    line-height: 1.16;
  }

  #view-distribution .distribution-table .row-sub {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.72rem;
    line-height: 1.18;
  }

  #view-distribution .distribution-route-compact {
    max-width: 100%;
    overflow: hidden;
  }

  #view-distribution .distribution-table .ghost-button {
    min-height: 31px;
    padding: 0 12px;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 850;
  }

  #view-distribution .distribution-side-panel {
    position: sticky;
    top: 12px;
    max-height: calc(100dvh - 28px);
    overflow: auto;
  }

  #view-distribution .distribution-side-panel .panel-head {
    align-items: center;
    margin-bottom: 10px;
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: 1.22rem;
    line-height: 1.02;
  }

  #view-distribution .distribution-country-filter .search-select-trigger,
  #view-distribution .distribution-country-filter select { min-height: 42px; }

  #view-distribution .distribution-account-summary {
    margin: 8px 0 10px;
    padding: 11px 12px;
    border-radius: 13px;
  }

  #view-distribution .distribution-account-summary strong { font-size: 1.16rem; }
  #view-distribution .distribution-account-ledger { padding: 10px; }
  #view-distribution .distribution-account-ledger .distribution-account-list { max-height: calc(100dvh - 330px); }

  #view-distribution .distribution-account-table-head,
  #view-distribution .distribution-account-row,
  #view-distribution .distribution-account-ledger .distribution-account-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 68px minmax(118px, 132px);
    align-items: start;
    gap: 10px;
  }

  #view-distribution .distribution-account-table-head {
    min-height: 34px;
    margin: 4px 0 6px;
    padding: 6px 9px;
  }

  #view-distribution .distribution-account-sort {
    gap: 5px;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
  }

  #view-distribution .distribution-account-sort b {
    min-width: 18px;
    height: 18px;
  }

  #view-distribution .distribution-account-ledger .distribution-account-row {
    min-height: 48px;
    padding: 9px 2px;
  }

  #view-distribution .distribution-account-name,
  #view-distribution .distribution-account-balance {
    display: grid;
    min-width: 0;
    gap: 3px;
  }

  #view-distribution .distribution-account-name b {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: normal;
    overflow-wrap: normal;
    font-size: 0.82rem;
    line-height: 1.12;
  }

  #view-distribution .distribution-account-name small,
  #view-distribution .distribution-account-balance small,
  #view-distribution .distribution-account-operator,
  #view-distribution .distribution-account-balance b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }

  #view-distribution .distribution-account-name small,
  #view-distribution .distribution-account-balance small {
    color: var(--text-soft);
    font-size: 0.64rem;
    line-height: 1.1;
  }

  #view-distribution .distribution-account-operator {
    color: var(--text-soft);
    font-size: 0.68rem;
    line-height: 1.15;
  }

  #view-distribution .distribution-account-balance {
    text-align: right;
  }

  #view-distribution .distribution-account-balance b {
    font-size: 0.78rem;
    line-height: 1.12;
  }
}

@media (min-width: 1181px) and (max-width: 1480px) {
  body[data-active-view="distribution"] .workspace-title-row { flex-wrap: wrap; }
  .distribution-quick-filters {
    flex-basis: 100%;
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 400px);
    gap: 12px;
  }

  #view-distribution .distribution-account-table-head,
  #view-distribution .distribution-account-row,
  #view-distribution .distribution-account-ledger .distribution-account-row {
    grid-template-columns: minmax(0, 1fr) 62px minmax(112px, 124px);
    gap: 8px;
  }
}

@media (min-width: 1600px) {
  #view-distribution .distribution-layout {
    grid-template-columns: minmax(0, 1fr) clamp(430px, 24vw, 480px);
    gap: 20px;
  }

  #view-distribution .distribution-module,
  #view-distribution .distribution-side-panel {
    padding: 18px;
  }

  #view-distribution .distribution-filter-chip {
    min-height: 46px;
    padding: 9px 13px;
    border-radius: 14px;
  }

  #view-distribution .distribution-filter-chip span {
    font-size: 0.78rem;
  }

  #view-distribution .distribution-filter-chip strong {
    min-width: 34px;
    min-height: 30px;
    font-size: 1rem;
  }

  #view-distribution .distribution-operator-card {
    min-height: 50px;
    padding: 10px 14px;
    border-radius: 13px;
  }

  #view-distribution .distribution-operator-card strong {
    font-size: 0.96rem;
  }

  #view-distribution .distribution-operator-pill {
    min-width: 31px;
    min-height: 27px;
    font-size: 0.8rem;
  }

  #view-distribution .distribution-kpis .metric-card {
    height: 86px;
    padding: 14px 17px;
    border-radius: 15px;
  }

  #view-distribution .distribution-kpis .metric-label {
    font-size: 0.74rem;
  }

  #view-distribution .distribution-kpis .metric-card strong {
    font-size: clamp(1.55rem, 1.5vw, 2rem);
  }

  #view-distribution .distribution-kpis .metric-card p {
    font-size: 0.82rem;
  }

  #view-distribution .distribution-table th,
  #view-distribution .distribution-table td {
    padding: 13px 14px;
  }

  #view-distribution .distribution-table th:nth-child(1),
  #view-distribution .distribution-table td:nth-child(1) { width: 64px; }
  #view-distribution .distribution-table th:nth-child(2),
  #view-distribution .distribution-table td:nth-child(2) { width: 190px; }
  #view-distribution .distribution-table th:nth-child(3),
  #view-distribution .distribution-table td:nth-child(3) { width: 170px; }
  #view-distribution .distribution-table th:nth-child(4),
  #view-distribution .distribution-table td:nth-child(4) { width: 140px; }
  #view-distribution .distribution-table th:nth-child(6),
  #view-distribution .distribution-table td:nth-child(6) { width: 132px; }
  
  #view-distribution .distribution-table thead th {
    font-size: 0.82rem;
    letter-spacing: 0.14em;
  }

  #view-distribution .distribution-table .row-main {
    font-size: 1.02rem;
    line-height: 1.2;
  }

  #view-distribution .distribution-table .row-sub {
    font-size: 0.88rem;
    line-height: 1.24;
  }

  #view-distribution .distribution-table .ghost-button {
    min-height: 40px;
    padding: 0 18px;
    font-size: 0.9rem;
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: 1.5rem;
  }

  #view-distribution .distribution-account-summary strong {
    font-size: 1.45rem;
  }

  #view-distribution .distribution-account-table-head,
  #view-distribution .distribution-account-row,
  #view-distribution .distribution-account-ledger .distribution-account-row {
    grid-template-columns: minmax(0, 1fr) 76px minmax(132px, 148px);
    gap: 12px;
  }

  #view-distribution .distribution-account-name b {
    font-size: 0.98rem;
  }

  #view-distribution .distribution-account-operator {
    font-size: 0.82rem;
  }

  #view-distribution .distribution-account-balance b {
    font-size: 0.96rem;
  }
}

:root[data-theme="light"] .distribution-filter-chip {
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.88)), var(--panel);
}

:root[data-theme="light"] .distribution-filter-chip.is-active {
  background: linear-gradient(180deg, rgba(201,166,107,0.2), rgba(255,255,255,0.92)), var(--panel);
}

/* Receivables and investments v1: scoped financial desktop/laptop correction.
   Keep global table/KPI styles intact; these ledgers need their own density. */
#view-receivables .receivables-stage,
#view-investments .investments-stage {
  gap: 14px;
}

#view-receivables .receivables-kpis,
#view-investments .investments-kpis {
  gap: 12px !important;
  margin: 2px 0 4px;
}

#view-receivables .receivables-kpis {
  grid-template-columns: minmax(230px, 1.15fr) repeat(3, minmax(180px, 0.75fr)) !important;
}

#view-investments .investments-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#view-receivables .receivables-kpis .metric-card,
#view-investments .investments-kpis .metric-card {
  min-height: 86px !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  align-content: center;
}

#view-receivables .receivables-kpis .metric-label,
#view-investments .investments-kpis .metric-label {
  font-size: 0.68rem !important;
  letter-spacing: 0.14em !important;
  line-height: 1.1;
}

#view-receivables .receivables-kpis .metric-card strong,
#view-investments .investments-kpis .metric-card strong {
  margin-top: 4px !important;
  font-size: clamp(1.42rem, 1.65vw, 1.9rem) !important;
  line-height: 1 !important;
}

#view-receivables .receivables-toolbar,
#view-investments .investments-toolbar {
  margin: 4px 0 2px !important;
  padding: 12px 14px !important;
  border-radius: 17px !important;
}

#view-receivables .receivables-toolbar {
  grid-template-columns: minmax(360px, 1fr) minmax(220px, 0.35fr) auto !important;
}

#view-investments .investments-toolbar {
  grid-template-columns: minmax(360px, 1fr) minmax(220px, 0.36fr) minmax(220px, 0.36fr) !important;
}

#view-receivables .receivables-toolbar input,
#view-receivables .receivables-toolbar select,
#view-investments .investments-toolbar input,
#view-investments .investments-toolbar select {
  min-height: 44px !important;
  border-radius: 14px !important;
}

#view-receivables #receivables-table.table-shell,
#view-investments #investments-table.table-shell {
  border-radius: 17px !important;
}

#view-receivables #receivables-table.table-shell {
  max-height: calc(100vh - 330px);
  min-height: min(520px, calc(100vh - 330px));
  overflow: auto;
}

#view-receivables #receivables-table.table-shell table {
  min-width: 1080px !important;
  table-layout: fixed;
}

#view-receivables #receivables-table.table-shell th,
#view-receivables #receivables-table.table-shell td {
  padding: 13px 14px !important;
  vertical-align: top;
}

#view-receivables #receivables-table.table-shell th:nth-child(1),
#view-receivables #receivables-table.table-shell td:nth-child(1) { width: 178px; }
#view-receivables #receivables-table.table-shell th:nth-child(2),
#view-receivables #receivables-table.table-shell td:nth-child(2) { width: 220px; }
#view-receivables #receivables-table.table-shell th:nth-child(3),
#view-receivables #receivables-table.table-shell td:nth-child(3),
#view-receivables #receivables-table.table-shell th:nth-child(4),
#view-receivables #receivables-table.table-shell td:nth-child(4),
#view-receivables #receivables-table.table-shell th:nth-child(5),
#view-receivables #receivables-table.table-shell td:nth-child(5) { width: 145px; }
#view-receivables #receivables-table.table-shell th:nth-child(6),
#view-receivables #receivables-table.table-shell td:nth-child(6) { width: 160px; }
#view-receivables #receivables-table.table-shell th:nth-child(7),
#view-receivables #receivables-table.table-shell td:nth-child(7) { width: 142px; }

#view-receivables #receivables-table.table-shell .row-main {
  font-size: clamp(0.98rem, 0.96vw, 1.08rem) !important;
  line-height: 1.24;
  overflow-wrap: normal;
  word-break: normal;
}

#view-receivables #receivables-table.table-shell .row-sub {
  margin-top: 5px;
  font-size: clamp(0.82rem, 0.82vw, 0.92rem) !important;
  line-height: 1.28;
  overflow-wrap: normal;
  word-break: normal;
}

.receivable-payment-modal-card {
  width: min(1180px, calc(100vw - 42px));
}

.receivable-payment-modal-card #receivable-payment-summary.detail-card {
  padding: 16px;
}

.receivable-history-shell {
  display: grid;
  gap: 14px;
}

.receivable-history-identity {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 2px 2px 4px;
}

.receivable-history-identity strong {
  display: block;
  margin-top: 4px;
  font-size: clamp(1.25rem, 1.45vw, 1.65rem);
  line-height: 1.1;
}

.receivable-history-identity small,
.receivable-history-section-head small,
.receivable-account-ledger-row small,
.receivable-open-doc-row small {
  color: var(--muted);
}

.receivable-history-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.receivable-history-metrics article,
.receivable-account-ledger,
.receivable-account-open-list {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
}

.receivable-history-metrics article {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  min-height: 82px;
}

.receivable-history-metrics strong {
  font-size: clamp(1.18rem, 1.18vw, 1.42rem);
  line-height: 1.05;
}

.receivable-account-ledger,
.receivable-account-open-list {
  margin-top: 12px;
  overflow: hidden;
}

.receivable-history-section-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: baseline;
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
}

.receivable-account-ledger-table {
  overflow-x: auto;
}

.receivable-account-ledger-head,
.receivable-account-ledger-row {
  display: grid;
  grid-template-columns: minmax(138px, 0.8fr) minmax(190px, 1.2fr) minmax(180px, 1fr) minmax(122px, 0.7fr) minmax(122px, 0.7fr);
  gap: 12px;
  align-items: center;
  min-width: 860px;
}

.receivable-account-ledger-head {
  padding: 10px 14px;
  background: rgba(218, 229, 240, 0.72);
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.receivable-account-ledger-list {
  display: grid;
  max-height: min(360px, 42vh);
  overflow: auto;
}

.receivable-account-ledger-row {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.receivable-account-ledger-row:last-child {
  border-bottom: 0;
}

.receivable-account-ledger-row span:nth-child(2) {
  display: grid;
  gap: 2px;
}

.receivable-account-ledger-row span:nth-child(4),
.receivable-account-ledger-row span:nth-child(5) {
  justify-self: end;
  font-weight: 800;
  white-space: nowrap;
}

.receivable-account-ledger-row-credit span:nth-child(4) {
  color: var(--success);
}

.receivable-account-ledger-row-debit span:nth-child(4) {
  color: var(--text);
}

.receivable-open-doc-list {
  display: grid;
}

.receivable-open-doc-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.receivable-open-doc-row:last-child {
  border-bottom: 0;
}

.receivable-open-doc-row > span:first-child {
  display: grid;
  gap: 2px;
}

.receivable-open-doc-row > span:last-child {
  font-weight: 800;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .receivable-payment-modal-card {
    width: min(100vw - 18px, 760px);
  }

  .receivable-history-identity {
    display: grid;
  }

  .receivable-history-metrics {
    grid-template-columns: 1fr;
  }

  .receivable-history-section-head {
    display: grid;
  }
}

/* CxC modal workspace v12: larger operational surface for long ledgers and payment entry. */
.receivable-payment-modal-card {
  width: min(1480px, calc(100vw - 28px)) !important;
  max-height: calc(100dvh - 28px) !important;
  min-height: min(900px, calc(100dvh - 28px)) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: hidden !important;
}

.receivable-payment-modal-card > .panel-head {
  padding: clamp(18px, 2.2vw, 28px) clamp(22px, 2.8vw, 38px) !important;
}

.receivable-payment-modal-card > .panel-head h2 {
  font-size: clamp(1.55rem, 2vw, 2.35rem) !important;
  line-height: 1.1 !important;
}

.receivable-payment-modal-card #receivable-payment-summary.detail-card {
  min-height: 0 !important;
  overflow: auto !important;
  box-shadow: none !important;
}

.receivable-history-mode #receivable-payment-summary.detail-card {
  max-height: none !important;
  padding: clamp(18px, 2vw, 28px) !important;
}

.receivable-history-mode .receivable-history-shell {
  min-height: 0;
}

.receivable-history-mode .receivable-account-ledger-list {
  max-height: clamp(300px, 42dvh, 620px) !important;
}

.receivable-history-mode .receivable-open-doc-list {
  max-height: clamp(150px, 22dvh, 320px);
  overflow: auto;
}

.receivable-payment-mode {
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr) !important;
  column-gap: 18px !important;
  padding: 0 clamp(18px, 2vw, 28px) clamp(18px, 2vw, 28px) !important;
}

.receivable-payment-mode > .panel-head {
  grid-column: 1 / -1;
  margin: 0 calc(clamp(18px, 2vw, 28px) * -1) !important;
}

.receivable-payment-mode #receivable-payment-summary.detail-card {
  grid-column: 1;
  align-self: stretch;
  max-height: none !important;
  padding: 16px !important;
}

.receivable-payment-mode .receivable-history-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.receivable-payment-mode .receivable-history-identity strong {
  font-size: clamp(1.18rem, 1.3vw, 1.55rem);
}

.receivable-payment-mode .receivable-history-metrics article {
  min-height: 72px;
  padding: 11px 12px;
}

.receivable-payment-mode .receivable-account-ledger-list {
  max-height: clamp(210px, 28dvh, 390px) !important;
}

.receivable-payment-mode .receivable-account-open-list {
  display: none;
}

.receivable-payment-mode #receivable-payment-form {
  grid-column: 2;
  align-self: stretch;
  min-height: 0;
  overflow: auto;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: 13px !important;
  padding: 18px !important;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);
}

.receivable-payment-mode #receivable-payment-form.hidden {
  display: none !important;
}

.receivable-payment-mode #receivable-payment-form label,
.receivable-payment-mode #receivable-payment-form .full-span {
  grid-column: 1 !important;
}

.receivable-payment-mode #receivable-payment-form input,
.receivable-payment-mode #receivable-payment-form select,
.receivable-payment-mode #receivable-payment-form textarea {
  min-height: 48px;
}

.receivable-payment-mode #receivable-payment-receipt-card {
  min-height: 130px;
}

.receivable-payment-mode #receivable-payment-form .form-actions {
  position: sticky;
  bottom: -18px;
  margin: 4px -18px -18px;
  padding: 14px 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.96));
  border-top: 1px solid var(--line);
}

@media (max-width: 1180px) {
  .receivable-payment-mode {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(320px, 0.95fr) minmax(360px, 1fr) !important;
  }

  .receivable-payment-mode #receivable-payment-summary.detail-card,
  .receivable-payment-mode #receivable-payment-form {
    grid-column: 1;
  }

  .receivable-payment-mode #receivable-payment-form {
    max-height: none;
  }
}

@media (max-width: 760px) {
  .receivable-payment-modal-card {
    width: calc(100vw - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    min-height: calc(100dvh - 12px) !important;
  }

  .receivable-payment-mode {
    padding: 0 10px 12px !important;
  }

  .receivable-payment-mode > .panel-head {
    margin: 0 -10px !important;
  }
}

/* CxC modal viewport v13: compact header and unlock operational width. */
#receivable-payment-modal.modal-backdrop {
  padding: clamp(6px, 1vw, 12px) !important;
}

#receivable-payment-modal .receivable-payment-modal-card {
  width: min(1760px, calc(100vw - 14px)) !important;
  max-width: none !important;
  min-height: calc(100dvh - 14px) !important;
  max-height: calc(100dvh - 14px) !important;
  border-radius: 12px !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head {
  min-height: 0 !important;
  padding: 18px 30px !important;
  align-items: center !important;
  background: linear-gradient(180deg, rgba(234, 242, 250, 0.96), rgba(226, 237, 248, 0.92)) !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head .eyebrow {
  margin-bottom: 8px !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head h2 {
  font-size: clamp(1.35rem, 1.55vw, 2rem) !important;
  line-height: 1.05 !important;
  max-width: min(1040px, 78vw);
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head .ghost-button {
  min-height: 44px !important;
  padding: 0 20px !important;
}

#receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

#receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card {
  padding: 20px 34px 28px !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-history-shell {
  max-width: none !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-history-identity {
  padding-bottom: 10px !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-history-metrics {
  grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-head,
#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-row {
  grid-template-columns: minmax(170px, 0.72fr) minmax(280px, 1.12fr) minmax(340px, 1.25fr) minmax(150px, 0.55fr) minmax(150px, 0.55fr) !important;
  min-width: 1180px !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-list {
  max-height: clamp(360px, 48dvh, 720px) !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-open-doc-list {
  max-height: clamp(130px, 18dvh, 260px) !important;
}

#receivable-payment-modal .receivable-payment-mode {
  grid-template-columns: minmax(760px, 1.35fr) minmax(430px, 0.65fr) !important;
  gap: 20px !important;
  padding: 0 22px 22px !important;
}

#receivable-payment-modal .receivable-payment-mode > .panel-head {
  margin: 0 -22px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-head,
#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row {
  grid-template-columns: minmax(150px, 0.68fr) minmax(210px, 0.95fr) minmax(260px, 1.08fr) minmax(126px, 0.5fr) minmax(126px, 0.5fr) !important;
  min-width: 960px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-list {
  max-height: clamp(250px, 35dvh, 520px) !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  border-radius: 12px !important;
  padding: 18px !important;
}

/* CxC payment v25: wider payment rail, editable FX, and non-overlapping receipt proof. */
#receivable-payment-modal .receivable-payment-mode {
  grid-template-columns: minmax(680px, 1fr) minmax(560px, 0.78fr) !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  gap: 12px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-rate-field.hidden {
  display: none !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
  min-height: 0 !important;
}

#receivable-payment-modal #receivable-payment-receipt-preview.receipt-paste-preview {
  max-height: min(430px, 38dvh) !important;
  overflow: auto !important;
}

#receivable-payment-modal #receivable-payment-receipt-preview.receipt-paste-preview img {
  display: block !important;
  width: min(100%, 390px) !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

@media (max-width: 1320px) {
  #receivable-payment-modal .receivable-payment-mode {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(300px, 0.9fr) minmax(380px, 1fr) !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-head,
  #receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row {
    min-width: 980px !important;
  }
}

@media (max-width: 760px) {
  #receivable-payment-modal.modal-backdrop {
    padding: 4px !important;
  }

  #receivable-payment-modal .receivable-payment-modal-card {
    width: calc(100vw - 8px) !important;
    min-height: calc(100dvh - 8px) !important;
    max-height: calc(100dvh - 8px) !important;
  }

  #receivable-payment-modal .receivable-payment-modal-card > .panel-head {
    padding: 14px 16px !important;
  }

  #receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card {
    padding: 14px !important;
  }

  #receivable-payment-modal .receivable-history-mode .receivable-history-metrics {
    grid-template-columns: 1fr !important;
  }
}

#view-receivables #receivables-table.table-shell .table-actions {
  display: grid;
  gap: 7px;
  justify-items: stretch;
}

#view-receivables #receivables-table.table-shell .inline-button {
  min-height: 38px;
  padding: 7px 11px;
  border-radius: 13px;
  white-space: normal;
}

#view-investments #investments-table.table-shell {
  max-height: calc(100vh - 345px);
  min-height: min(500px, calc(100vh - 345px));
  overflow: auto;
}

#view-investments #investments-table.table-shell table {
  min-width: 1640px !important;
  table-layout: fixed;
}

#view-investments #investments-table.table-shell th,
#view-investments #investments-table.table-shell td {
  padding: 11px 12px !important;
  vertical-align: top;
}

#view-investments #investments-table.table-shell th:nth-child(1),
#view-investments #investments-table.table-shell td:nth-child(1) { width: 190px; }
#view-investments #investments-table.table-shell th:nth-child(2),
#view-investments #investments-table.table-shell td:nth-child(2) { width: 220px; }
#view-investments #investments-table.table-shell th:nth-child(3),
#view-investments #investments-table.table-shell td:nth-child(3) { width: 230px; }
#view-investments #investments-table.table-shell th:nth-child(4),
#view-investments #investments-table.table-shell td:nth-child(4) { width: 140px; }
#view-investments #investments-table.table-shell th:nth-child(5),
#view-investments #investments-table.table-shell td:nth-child(5) { width: 92px; }
#view-investments #investments-table.table-shell th:nth-child(6),
#view-investments #investments-table.table-shell td:nth-child(6),
#view-investments #investments-table.table-shell th:nth-child(7),
#view-investments #investments-table.table-shell td:nth-child(7) { width: 140px; }
#view-investments #investments-table.table-shell th:nth-child(8),
#view-investments #investments-table.table-shell td:nth-child(8) { width: 172px; }
#view-investments #investments-table.table-shell th:nth-child(9),
#view-investments #investments-table.table-shell td:nth-child(9) { width: 132px; }
#view-investments #investments-table.table-shell th:nth-child(10),
#view-investments #investments-table.table-shell td:nth-child(10) { width: 140px; }

#view-investments #investments-table.table-shell td:nth-child(1) .row-main {
  white-space: normal !important;
}

#view-investments #investments-table.table-shell .row-main {
  font-size: clamp(0.94rem, 0.9vw, 1.04rem) !important;
  line-height: 1.2;
  overflow-wrap: normal;
  word-break: normal;
}

#view-investments #investments-table.table-shell .row-sub {
  margin-top: 4px;
  font-size: clamp(0.78rem, 0.74vw, 0.88rem) !important;
  line-height: 1.25;
  overflow-wrap: normal;
  word-break: normal;
}

#view-investments #investments-table.table-shell .inline-button-group {
  display: grid;
  gap: 7px;
}

#view-investments #investments-table.table-shell .inline-button {
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 13px;
  white-space: normal;
}

@media (min-width: 1181px) and (max-width: 1540px) {
  #view-receivables .receivables-stage,
  #view-investments .investments-stage {
    padding: 14px !important;
  }

  #view-receivables .receivables-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #view-receivables .receivables-kpis .metric-card,
  #view-investments .investments-kpis .metric-card {
    min-height: 74px !important;
    padding: 12px 13px !important;
  }

  #view-receivables .receivables-kpis .metric-card strong,
  #view-investments .investments-kpis .metric-card strong {
    font-size: clamp(1.24rem, 1.65vw, 1.55rem) !important;
  }

  #view-receivables .receivables-toolbar,
  #view-investments .investments-toolbar {
    padding: 10px 12px !important;
  }

  #view-receivables .receivables-toolbar {
    grid-template-columns: minmax(300px, 1fr) minmax(170px, 0.38fr) auto !important;
  }

  #view-investments .investments-toolbar {
    grid-template-columns: minmax(300px, 1fr) minmax(180px, 0.38fr) minmax(180px, 0.38fr) !important;
  }

  #view-receivables #receivables-table.table-shell {
    max-height: calc(100vh - 305px);
    min-height: min(440px, calc(100vh - 305px));
  }

  #view-receivables #receivables-table.table-shell .row-main {
    font-size: 0.98rem !important;
  }

  #view-receivables #receivables-table.table-shell .row-sub {
    font-size: 0.82rem !important;
  }

  #view-investments #investments-table.table-shell {
    max-height: calc(100vh - 305px) !important;
    min-height: min(440px, calc(100vh - 305px)) !important;
    overflow: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-investments #investments-table.table-shell table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-investments #investments-table.table-shell thead {
    display: none !important;
  }

  #view-investments #investments-table.table-shell tbody {
    display: grid !important;
    gap: 10px !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row {
    display: grid !important;
    grid-template-columns: minmax(180px, 0.92fr) minmax(220px, 1.08fr) repeat(3, minmax(118px, 0.52fr)) minmax(150px, 0.7fr) minmax(118px, 0.48fr);
    grid-template-areas:
      "provider account amount usd available capital actions"
      "date account rate support support capital actions";
    gap: 8px 12px !important;
    align-items: start;
    padding: 13px 14px !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.01)),
      var(--panel) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,0.12) !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell tr.investment-row {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.07) !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 3px;
    color: var(--gold);
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(1) { grid-area: date !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(2) { grid-area: provider !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(3) { grid-area: account !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(4) { grid-area: amount !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(5) { grid-area: rate !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(6) { grid-area: usd !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(7) { grid-area: available !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(8) { grid-area: capital !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(9) { grid-area: support !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(10) { grid-area: actions !important; }

  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(6),
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(7) {
    text-align: right !important;
  }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.96rem !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    font-size: 0.8rem !important;
  }
}

@media (max-width: 1180px) {
  #view-receivables .receivables-kpis,
  #view-investments .investments-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-investments .investments-toolbar {
    grid-template-columns: 1fr !important;
  }
}

/* Investments v38: laptop density pass.
   Keep wide desktop table intact, but stop laptop from needing browser zoom. */
@media (min-width: 1181px) and (max-width: 1760px) {
  #view-investments .investments-stage {
    gap: 9px !important;
    padding: 10px 12px !important;
  }

  #view-investments .investments-kpis {
    gap: 8px !important;
    margin: 0 0 2px !important;
  }

  #view-investments .investments-kpis .metric-card {
    min-height: 62px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
  }

  #view-investments .investments-kpis .metric-label {
    font-size: 0.56rem !important;
    letter-spacing: 0.1em !important;
  }

  #view-investments .investments-kpis .metric-card strong {
    margin-top: 2px !important;
    font-size: clamp(1.04rem, 1.35vw, 1.34rem) !important;
  }

  #view-investments .investments-toolbar {
    grid-template-columns: minmax(280px, 1fr) minmax(160px, 0.34fr) minmax(160px, 0.34fr) !important;
    gap: 8px !important;
    margin: 2px 0 0 !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
  }

  #view-investments .investments-toolbar input,
  #view-investments .investments-toolbar select,
  #view-investments .investments-toolbar .search-select-trigger {
    min-height: 38px !important;
    border-radius: 12px !important;
    font-size: 0.82rem !important;
  }

  #view-investments #investments-table.table-shell {
    max-height: calc(100vh - 265px) !important;
    min-height: min(430px, calc(100vh - 265px)) !important;
    overflow: auto !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0)),
      var(--table-shell-bg) !important;
    box-shadow: none !important;
  }

  #view-investments #investments-table.table-shell table {
    display: table !important;
    width: 100% !important;
    min-width: 1240px !important;
    table-layout: fixed !important;
  }

  #view-investments #investments-table.table-shell thead {
    display: table-header-group !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row {
    display: table-row !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-investments #investments-table.table-shell th,
  #view-investments #investments-table.table-shell td {
    display: table-cell !important;
    padding: 8px 8px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.13) !important;
    vertical-align: top !important;
  }

  #view-investments #investments-table.table-shell th:nth-child(1),
  #view-investments #investments-table.table-shell td:nth-child(1) { width: 138px !important; }
  #view-investments #investments-table.table-shell th:nth-child(2),
  #view-investments #investments-table.table-shell td:nth-child(2) { width: 170px !important; }
  #view-investments #investments-table.table-shell th:nth-child(3),
  #view-investments #investments-table.table-shell td:nth-child(3) { width: 190px !important; }
  #view-investments #investments-table.table-shell th:nth-child(5),
  #view-investments #investments-table.table-shell td:nth-child(5) { width: 76px !important; }
  #view-investments #investments-table.table-shell th:nth-child(6),
  #view-investments #investments-table.table-shell td:nth-child(6),
  #view-investments #investments-table.table-shell th:nth-child(7),
  #view-investments #investments-table.table-shell td:nth-child(7) { width: 112px !important; }
  #view-investments #investments-table.table-shell th:nth-child(8),
  #view-investments #investments-table.table-shell td:nth-child(8) { width: 138px !important; }
  #view-investments #investments-table.table-shell th:nth-child(9),
  #view-investments #investments-table.table-shell td:nth-child(9) { width: 112px !important; }
  #view-investments #investments-table.table-shell th:nth-child(10),
  #view-investments #investments-table.table-shell td:nth-child(10) { width: 108px !important; }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.78rem !important;
    line-height: 1.16 !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    margin-top: 3px !important;
    font-size: 0.67rem !important;
    line-height: 1.16 !important;
  }

  #view-investments #investments-table.table-shell .status-chip {
    max-width: 100%;
    padding: 4px 8px;
    font-size: 0.68rem;
    white-space: nowrap;
  }

  #view-investments #investments-table.table-shell .inline-button-group {
    gap: 5px !important;
  }

  #view-investments #investments-table.table-shell .inline-button {
    min-height: 28px !important;
    padding: 4px 7px !important;
    border-radius: 10px !important;
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.9)),
      #ffffff !important;
  }
}

@media (min-width: 1181px) and (max-width: 1368px) {
  #view-investments .investments-kpis .metric-card {
    min-height: 56px !important;
    padding: 8px 9px !important;
  }

  #view-investments .investments-kpis .metric-card strong {
    font-size: 1rem !important;
  }

  #view-investments #investments-table.table-shell table {
    min-width: 1180px !important;
  }

  #view-investments #investments-table.table-shell th,
  #view-investments #investments-table.table-shell td {
    padding: 7px 7px !important;
  }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.74rem !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    font-size: 0.64rem !important;
  }
}

/* Modal shell phase 1: compact financial pattern for audited operational windows only */
:is(
  #execution-history-modal,
  #operator-history-modal,
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #investment-create-modal,
  #expense-editor-modal
) .modal-card {
  width: min(1280px, calc(100vw - 40px));
  max-height: min(92dvh, calc(100dvh - 28px));
  min-height: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  border-radius: 22px;
}

:is(
  #execution-history-modal,
  #operator-history-modal,
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #investment-create-modal,
  #expense-editor-modal
) .modal-card > .panel-head {
  position: sticky;
  top: 0;
  z-index: 12;
  min-height: 82px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  margin: 0;
  padding: 18px 22px 16px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 10% 0%, rgba(201, 166, 107, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(16, 24, 35, 0.98), rgba(16, 24, 35, 0.92));
}

:is(
  #execution-history-modal,
  #operator-history-modal,
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #investment-create-modal,
  #expense-editor-modal
) .modal-card > .panel-head h2 {
  margin: 0;
  font-size: clamp(1.38rem, 1.25vw, 1.74rem);
  line-height: 1.08;
  letter-spacing: 0;
}

:is(
  #execution-history-modal,
  #operator-history-modal,
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #investment-create-modal,
  #expense-editor-modal
) .modal-card > .panel-head .eyebrow {
  margin: 0 0 7px;
  font-size: 0.68rem;
  letter-spacing: 0.23em;
}

:is(
  #execution-history-modal,
  #operator-history-modal,
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #investment-create-modal,
  #expense-editor-modal
) .modal-card > .panel-head .ghost-button {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  white-space: nowrap;
}

:is(
  #execution-history-modal,
  #operator-history-modal,
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card > .form-grid {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px 22px 0;
  scrollbar-width: thin;
}

:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card .form-grid {
  gap: 12px 16px;
}

:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card label {
  gap: 6px;
}

:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card input,
:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card select,
:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card textarea,
:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card .search-select-trigger {
  min-height: 46px;
  border-radius: 14px;
  font-size: 0.94rem;
}

:is(
  #account-editor-modal,
  #provider-editor-modal
) .modal-card label.premium-toggle,
:is(
  #expense-editor-modal
) .modal-card .expense-resolution-option {
  min-height: 58px;
  padding: 12px 14px;
  border-radius: 14px;
}

:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card .detail-card {
  border-radius: 14px;
}

:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card .receipt-composer {
  padding: 16px;
}

:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal
) .modal-card .form-grid > :nth-last-child(2) {
  margin-bottom: 76px;
}

:is(
  #account-editor-modal,
  #account-pending-modal,
  #provider-editor-modal,
  #expense-editor-modal,
  #investment-create-modal
) .modal-card .form-actions {
  position: sticky;
  bottom: 0;
  z-index: 10;
  margin: 14px -22px 0;
  padding: 14px 22px 16px;
  border-top: 1px solid var(--line);
  background: #101823;
  box-shadow: 0 -16px 34px rgba(0, 0, 0, 0.18);
}

#investment-create-modal .modal-card {
  width: min(980px, calc(100vw - 40px));
}

#investment-create-modal .investment-create-modal-card > .detail-card,
#investment-create-modal .investment-create-modal-card > label {
  margin: 18px 22px 0;
}

#investment-create-modal .investment-create-modal-card > label {
  display: grid;
  gap: 7px;
}

#investment-create-modal .investment-create-modal-card > .form-actions {
  margin: 18px 0 0;
}

:is(#execution-history-modal, #operator-history-modal) .operator-history-modal {
  height: min(76dvh, 720px);
}

:is(#execution-history-modal, #operator-history-modal) .operator-history-modal > .detail-card {
  flex: 0 0 auto;
  margin: 16px 22px 0;
  padding: 14px 16px;
}

:is(#execution-history-modal, #operator-history-modal) .operator-history-modal > .table-shell {
  flex: 1 1 auto;
  min-height: 220px;
  margin: 14px 22px 22px;
  overflow: auto;
}

:is(#execution-history-modal, #operator-history-modal) .operator-history-modal > .table-shell th {
  height: 38px;
}

:is(#execution-history-modal, #operator-history-modal) .operator-history-modal > .table-shell td {
  padding: 12px 14px;
}

#account-pending-modal .pending-balance-modal-card .receipt-composer-grid {
  grid-template-columns: minmax(0, 1fr);
}

#expense-editor-modal .expense-editor-modal-card {
  width: min(1360px, calc(100vw - 40px));
  max-height: min(94dvh, calc(100dvh - 24px));
}

:root[data-theme="light"]
  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card {
  background:
    linear-gradient(180deg, rgba(201, 166, 107, 0.05), transparent 22%),
    #ffffff;
}

:root[data-theme="light"]
  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card > .panel-head {
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 166, 107, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(239, 246, 253, 0.98), rgba(226, 237, 249, 0.9));
}

:root[data-theme="light"]
  :is(
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #expense-editor-modal,
    #investment-create-modal
  ) .modal-card .form-actions {
  background: #f8fcff;
  box-shadow: 0 -16px 30px rgba(15, 23, 42, 0.07);
}

@media (max-width: 1180px) {
  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card {
    width: min(100vw - 18px, 1120px);
    max-width: calc(100vw - 18px);
    max-height: min(95dvh, calc(100dvh - 12px));
  }

  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card > .panel-head {
    min-height: 72px;
    padding: 15px 18px 13px;
  }

  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #expense-editor-modal
  ) .modal-card > .form-grid {
    padding: 16px 18px 0;
  }

  :is(
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #expense-editor-modal
  ) .modal-card .form-actions {
    margin-left: -18px;
    margin-right: -18px;
    padding-left: 18px;
    padding-right: 18px;
  }
}

@media (max-width: 767px) {
  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ).modal-backdrop {
    padding: 0;
    place-items: end stretch;
  }

  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card {
    width: 100vw;
    max-width: 100vw;
    height: min(96dvh, calc(100dvh - 4px));
    max-height: min(96dvh, calc(100dvh - 4px));
    border-radius: 18px 18px 0 0;
  }

  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card > .panel-head {
    min-height: 64px;
    padding: 13px 14px 12px;
  }

  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card > .panel-head h2 {
    font-size: 1.18rem;
  }

  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card > .panel-head .eyebrow {
    margin-bottom: 4px;
    font-size: 0.58rem;
  }

  :is(
    #execution-history-modal,
    #operator-history-modal,
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #investment-create-modal,
    #expense-editor-modal
  ) .modal-card > .panel-head .ghost-button {
    min-height: 34px;
    padding: 0 12px;
  }

  :is(
    #account-editor-modal,
    #account-pending-modal,
    #provider-editor-modal,
    #expense-editor-modal
  ) .modal-card > .form-grid {
    grid-template-columns: 1fr;
    padding: 14px 14px 0;
  }

  :is(#execution-history-modal, #operator-history-modal) .operator-history-modal > .detail-card,
  :is(#execution-history-modal, #operator-history-modal) .operator-history-modal > .table-shell,
  #investment-create-modal .investment-create-modal-card > .detail-card,
  #investment-create-modal .investment-create-modal-card > label {
    margin-left: 14px;
    margin-right: 14px;
  }

  :is(#execution-history-modal, #operator-history-modal) .operator-history-modal > .table-shell table {
    min-width: 920px;
  }
}

/* Modal content phase 2: pending balances and expense editor internals */
#account-pending-modal .pending-balance-modal-card,
#expense-editor-modal .expense-editor-modal-card {
  --modal-content-pad-x: 22px;
}

#account-pending-modal .pending-balance-modal-card > .form-grid,
#expense-editor-modal .expense-editor-modal-card > .form-grid {
  padding-bottom: 18px;
}

#account-pending-modal .modal-card .form-grid > :nth-last-child(2),
#expense-editor-modal .modal-card .form-grid > :nth-last-child(2) {
  margin-bottom: 0;
}

#account-pending-modal .pending-balance-modal-card .form-actions {
  position: static;
  margin: 10px 0 0;
  padding: 12px 0 0;
  background: transparent;
  box-shadow: none;
}

#account-pending-modal .pending-balance-receipt-card {
  gap: 10px;
  padding: 14px 16px;
  border-style: solid;
  background:
    linear-gradient(135deg, rgba(201, 166, 107, 0.08), transparent 52%),
    var(--neutral-02);
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-head-row {
  align-items: center;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-head {
  gap: 2px;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-head strong {
  font-size: 0.98rem;
  line-height: 1.2;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-meta {
  gap: 7px;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-drop {
  min-height: 74px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-drop::after {
  inset: 8px;
  border-radius: 11px;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-drop-title {
  gap: 2px;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-filehint {
  font-size: 0.84rem;
  line-height: 1.25;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer-actions {
  justify-content: flex-end;
}

#account-pending-modal .pending-balance-receipt-card .receipt-composer .ghost-button,
#account-pending-modal .pending-balance-receipt-card .receipt-composer-actions .ghost-button,
#account-pending-modal .pending-balance-receipt-card .receipt-file-trigger {
  min-height: 36px;
  padding: 8px 12px;
}

#expense-editor-modal .expense-editor-modal-card {
  width: min(1320px, calc(100vw - 36px));
}

#expense-editor-modal #expense-editor-error {
  margin: 14px var(--modal-content-pad-x) 0;
}

#expense-editor-modal .expense-editor-form {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px 14px;
}

#expense-editor-modal .expense-editor-form > label {
  grid-column: span 4;
}

#expense-editor-modal .expense-editor-form > label.full-span,
#expense-editor-modal .expense-editor-form > .full-span {
  grid-column: 1 / -1;
}

#expense-editor-modal .expense-editor-form > .expense-type-picker {
  grid-column: span 4;
}

#expense-editor-modal .expense-type-picker-control {
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 8px;
}

#expense-editor-modal .icon-action-button {
  width: 44px;
  min-height: 44px;
  border-radius: 12px;
  font-size: 1.18rem;
}

#expense-editor-modal .expense-editor-intro,
#expense-editor-modal .expense-operational-summary,
#expense-editor-modal #expense-resolution-copy,
#expense-editor-modal #expense-destination-profile-note,
#expense-editor-modal #expense-next-run-card {
  min-height: auto;
  padding: 12px 14px;
  border-radius: 14px;
  gap: 3px;
}

#expense-editor-modal .expense-editor-intro strong,
#expense-editor-modal .expense-operational-summary strong {
  font-size: 0.98rem;
  line-height: 1.18;
}

#expense-editor-modal .expense-editor-intro span,
#expense-editor-modal .expense-operational-summary span {
  font-size: 0.84rem;
  line-height: 1.28;
}

#expense-editor-modal .expense-resolution-chooser {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

#expense-editor-modal .expense-resolution-option {
  min-height: 66px;
  align-content: center;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 14px;
}

#expense-editor-modal .expense-resolution-option strong {
  font-size: 0.88rem;
  line-height: 1.12;
}

#expense-editor-modal .expense-resolution-option span {
  font-size: 0.74rem;
  line-height: 1.2;
}

#expense-editor-modal textarea {
  min-height: 76px;
}

#expense-editor-modal #expense-destination-instructions {
  min-height: 68px;
}

#expense-editor-modal #expense-receipt-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 14px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(201, 166, 107, 0.08), transparent 54%),
    var(--neutral-02);
}

#expense-editor-modal #expense-receipt-card > strong,
#expense-editor-modal #expense-receipt-card > span {
  min-width: 0;
}

#expense-editor-modal #expense-receipt-card > span {
  font-size: 0.84rem;
  line-height: 1.3;
}

#expense-editor-modal #expense-receipt-card .receipt-actions {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-content: flex-end;
  margin-top: 0;
}

#expense-editor-modal #expense-receipt-card .ghost-button,
#expense-editor-modal #expense-receipt-card .receipt-file-trigger {
  min-height: 36px;
  padding: 8px 12px;
}

#expense-editor-modal #expense-receipt-card .receipt-paste-preview {
  grid-column: 1 / -1;
}

#expense-editor-modal .expense-editor-form > .form-actions {
  position: static;
  margin: 10px 0 0;
  padding: 12px 0 0;
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] #account-pending-modal .pending-balance-receipt-card,
:root[data-theme="light"] #expense-editor-modal #expense-receipt-card {
  background:
    linear-gradient(135deg, rgba(201, 166, 107, 0.11), transparent 58%),
    #ffffff;
}

@media (max-width: 1180px) {
  #account-pending-modal .pending-balance-modal-card,
  #expense-editor-modal .expense-editor-modal-card {
    --modal-content-pad-x: 18px;
  }

  #expense-editor-modal .expense-editor-form > label {
    grid-column: span 6;
  }

  #expense-editor-modal .expense-resolution-chooser {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #account-pending-modal .pending-balance-modal-card,
  #expense-editor-modal .expense-editor-modal-card {
    --modal-content-pad-x: 14px;
  }

  #account-pending-modal .pending-balance-receipt-card .receipt-composer-head-row,
  #account-pending-modal .pending-balance-receipt-card .receipt-composer-drop,
  #expense-editor-modal #expense-receipt-card {
    grid-template-columns: 1fr;
  }

  #account-pending-modal .pending-balance-receipt-card .receipt-composer-head-row {
    display: grid;
  }

  #account-pending-modal .pending-balance-receipt-card .receipt-composer-meta,
  #account-pending-modal .pending-balance-receipt-card .receipt-composer-actions {
    justify-content: flex-start;
  }

  #expense-editor-modal .expense-editor-form {
    grid-template-columns: 1fr;
  }

  #expense-editor-modal .expense-editor-form > label {
    grid-column: 1 / -1;
  }

  #expense-editor-modal .expense-editor-form > .expense-type-picker {
    grid-column: 1 / -1;
  }

  #expense-editor-modal .expense-resolution-chooser {
    grid-template-columns: 1fr;
  }

  #expense-editor-modal .expense-resolution-option {
    min-height: 58px;
  }

  #expense-editor-modal #expense-receipt-card .receipt-actions {
    grid-column: 1;
    grid-row: auto;
    justify-content: flex-start;
  }
}

/* Modal content phase 3: provider and investment decision windows */
#provider-editor-modal .modal-card {
  width: min(1040px, calc(100vw - 40px));
  max-height: min(88dvh, calc(100dvh - 28px));
}

#provider-editor-modal #provider-form {
  flex: 0 0 auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 11px 14px;
  padding-bottom: 18px;
  overflow: visible;
}

#provider-editor-modal #provider-form > label {
  grid-column: span 4;
}

#provider-editor-modal #provider-form > label:nth-of-type(1) {
  grid-column: span 5;
}

#provider-editor-modal #provider-form > label:nth-of-type(2) {
  grid-column: span 3;
}

#provider-editor-modal #provider-form > label:nth-of-type(3) {
  grid-column: span 4;
}

#provider-editor-modal #provider-form > label:nth-of-type(7) {
  grid-column: 1 / -1;
}

#provider-editor-modal #provider-form input,
#provider-editor-modal #provider-form select {
  min-height: 44px;
}

#provider-editor-modal #provider-form input[readonly] {
  color: var(--text-soft);
  background:
    linear-gradient(180deg, rgba(148, 163, 184, 0.08), transparent),
    var(--neutral-02);
}

#provider-editor-modal #provider-form .form-actions {
  position: static;
  margin: 10px 0 0;
  padding: 12px 0 0;
  background: transparent;
  box-shadow: none;
}

#investment-create-modal .investment-create-modal-card {
  width: min(740px, calc(100vw - 40px));
  max-height: min(82dvh, calc(100dvh - 28px));
  align-content: start;
  gap: 0;
}

#investment-create-modal .investment-create-modal-card > .detail-card {
  margin: 18px 22px 0;
  padding: 16px 18px;
  border-color: rgba(201, 166, 107, 0.24);
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 166, 107, 0.12), transparent 42%),
    var(--neutral-02);
}

#investment-create-modal .investment-create-modal-card > .detail-card strong {
  font-size: 1rem;
  line-height: 1.18;
}

#investment-create-modal .investment-create-modal-card > .detail-card span {
  font-size: 0.88rem;
  line-height: 1.34;
}

#investment-create-modal .investment-create-modal-card > label {
  margin: 16px 22px 0;
  gap: 7px;
}

#investment-create-modal .investment-create-modal-card select,
#investment-create-modal .investment-create-modal-card .search-select-trigger {
  min-height: 46px;
  border-radius: 14px;
}

#investment-create-modal .investment-create-modal-card > .form-actions {
  position: static;
  margin: 16px 22px 0;
  padding: 14px 0 0;
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] #provider-editor-modal #provider-form input[readonly] {
  background:
    linear-gradient(180deg, rgba(226, 232, 240, 0.44), transparent),
    #f8fafc;
}

:root[data-theme="light"] #investment-create-modal .investment-create-modal-card > .detail-card {
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 166, 107, 0.16), transparent 42%),
    #ffffff;
}

@media (max-width: 1180px) {
  #provider-editor-modal .modal-card,
  #investment-create-modal .investment-create-modal-card {
    width: min(100vw - 18px, 980px);
  }

  #provider-editor-modal #provider-form > label,
  #provider-editor-modal #provider-form > label:nth-of-type(1),
  #provider-editor-modal #provider-form > label:nth-of-type(2),
  #provider-editor-modal #provider-form > label:nth-of-type(3) {
    grid-column: span 6;
  }

  #provider-editor-modal #provider-form > label:nth-of-type(3),
  #provider-editor-modal #provider-form > label:nth-of-type(7) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  #provider-editor-modal #provider-form {
    grid-template-columns: 1fr;
  }

  #provider-editor-modal #provider-form > label,
  #provider-editor-modal #provider-form > label:nth-of-type(1),
  #provider-editor-modal #provider-form > label:nth-of-type(2),
  #provider-editor-modal #provider-form > label:nth-of-type(3),
  #provider-editor-modal #provider-form > label:nth-of-type(7) {
    grid-column: 1 / -1;
  }

  #investment-create-modal .investment-create-modal-card {
    width: 100vw;
    max-width: 100vw;
  }

  #investment-create-modal .investment-create-modal-card > .detail-card,
  #investment-create-modal .investment-create-modal-card > label,
  #investment-create-modal .investment-create-modal-card > .form-actions {
    margin-left: 14px;
    margin-right: 14px;
  }
}

/* Modal content phase 4: operator and execution history tables */
:is(#operator-history-modal, #execution-history-modal) .operator-history-modal {
  width: min(1320px, calc(100vw - 40px));
  height: min(78dvh, 740px);
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .detail-card {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 2fr);
  gap: 8px 14px;
  align-items: center;
  margin-top: 14px;
  padding: 12px 14px;
  border-color: rgba(201, 166, 107, 0.2);
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .detail-card strong {
  font-size: 0.98rem;
  line-height: 1.18;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .detail-card span {
  color: var(--text-soft);
  font-size: 0.86rem;
  line-height: 1.32;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .table-shell {
  border-radius: 16px;
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent),
    var(--neutral-02);
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .table-shell table {
  width: 100%;
  min-width: 1060px;
  table-layout: fixed;
}

#operator-history-modal .operator-history-modal > .table-shell table {
  min-width: 1080px;
}

#execution-history-modal .operator-history-modal > .table-shell table {
  min-width: 1180px;
}

#operator-history-modal .operator-history-modal > .table-shell th:nth-child(1),
#operator-history-modal .operator-history-modal > .table-shell td:nth-child(1) { width: 15%; }
#operator-history-modal .operator-history-modal > .table-shell th:nth-child(2),
#operator-history-modal .operator-history-modal > .table-shell td:nth-child(2) { width: 17%; }
#operator-history-modal .operator-history-modal > .table-shell th:nth-child(3),
#operator-history-modal .operator-history-modal > .table-shell td:nth-child(3) { width: 18%; }
#operator-history-modal .operator-history-modal > .table-shell th:nth-child(4),
#operator-history-modal .operator-history-modal > .table-shell td:nth-child(4) { width: 18%; }
#operator-history-modal .operator-history-modal > .table-shell th:nth-child(5),
#operator-history-modal .operator-history-modal > .table-shell td:nth-child(5) { width: 13%; }
#operator-history-modal .operator-history-modal > .table-shell th:nth-child(6),
#operator-history-modal .operator-history-modal > .table-shell td:nth-child(6) { width: 11%; }
#operator-history-modal .operator-history-modal > .table-shell th:nth-child(7),
#operator-history-modal .operator-history-modal > .table-shell td:nth-child(7) { width: 8%; }

#execution-history-modal .operator-history-modal > .table-shell th:nth-child(1),
#execution-history-modal .operator-history-modal > .table-shell td:nth-child(1) { width: 9%; }
#execution-history-modal .operator-history-modal > .table-shell th:nth-child(2),
#execution-history-modal .operator-history-modal > .table-shell td:nth-child(2) { width: 17%; }
#execution-history-modal .operator-history-modal > .table-shell th:nth-child(3),
#execution-history-modal .operator-history-modal > .table-shell td:nth-child(3) { width: 14%; }
#execution-history-modal .operator-history-modal > .table-shell th:nth-child(4),
#execution-history-modal .operator-history-modal > .table-shell td:nth-child(4) { width: 15%; }
#execution-history-modal .operator-history-modal > .table-shell th:nth-child(5),
#execution-history-modal .operator-history-modal > .table-shell td:nth-child(5) { width: 12%; }
#execution-history-modal .operator-history-modal > .table-shell th:nth-child(6),
#execution-history-modal .operator-history-modal > .table-shell td:nth-child(6) { width: 12%; }
#execution-history-modal .operator-history-modal > .table-shell th:nth-child(7),
#execution-history-modal .operator-history-modal > .table-shell td:nth-child(7) { width: 12%; }
#execution-history-modal .operator-history-modal > .table-shell th:nth-child(8),
#execution-history-modal .operator-history-modal > .table-shell td:nth-child(8) { width: 9%; }

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .table-shell thead th {
  position: sticky;
  top: 0;
  z-index: 4;
  height: 40px;
  padding: 11px 12px;
  background:
    linear-gradient(180deg, rgba(201, 166, 107, 0.12), rgba(201, 166, 107, 0.04)),
    var(--neutral-03);
  white-space: nowrap;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .table-shell tbody td {
  height: 62px;
  padding: 11px 12px;
  vertical-align: middle;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal .row-main {
  font-size: 0.96rem;
  line-height: 1.18;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal .row-sub {
  font-size: 0.8rem;
  line-height: 1.25;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal td:nth-last-child(1),
:is(#operator-history-modal, #execution-history-modal) .operator-history-modal th:nth-last-child(1) {
  text-align: right;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal td:nth-last-child(1) .inline-button {
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 999px;
  white-space: nowrap;
}

#operator-history-modal .operator-history-modal td:nth-child(5),
#execution-history-modal .operator-history-modal td:nth-child(5) {
  text-align: right;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal .status-chip {
  min-height: 30px;
  padding: 6px 10px;
  white-space: nowrap;
}

:is(#operator-history-modal, #execution-history-modal) .operator-history-modal .execution-type-chip {
  width: max-content;
  max-width: 100%;
}

:root[data-theme="light"] :is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .table-shell {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
    #ffffff;
}

:root[data-theme="light"] :is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .table-shell thead th {
  background:
    linear-gradient(180deg, rgba(218, 231, 243, 0.98), rgba(226, 236, 246, 0.92)),
    #e8f0f8;
}

@media (max-width: 1180px) {
  :is(#operator-history-modal, #execution-history-modal) .operator-history-modal {
    width: min(100vw - 18px, 1120px);
    height: min(82dvh, calc(100dvh - 12px));
  }

  :is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .detail-card {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  :is(#operator-history-modal, #execution-history-modal) .operator-history-modal {
    height: min(96dvh, calc(100dvh - 4px));
  }

  :is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .detail-card {
    margin-top: 12px;
    padding: 12px;
  }

  :is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .table-shell {
    margin-top: 12px;
    overflow: auto;
    border-radius: 14px;
  }

  #operator-history-modal .operator-history-modal > .table-shell table {
    min-width: 980px;
  }

  #execution-history-modal .operator-history-modal > .table-shell table {
    min-width: 1120px;
  }

  :is(#operator-history-modal, #execution-history-modal) .operator-history-modal > .table-shell tbody td {
    height: 58px;
    padding: 10px 11px;
  }
}

/* Modal content phase 5: account, client and beneficiary editors */
:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card {
  width: min(1120px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  height: auto;
  max-height: min(90dvh, calc(100dvh - 24px));
  align-content: start;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal, #client-beneficiaries-modal) .modal-card > .panel-head {
  min-height: 86px;
  margin: calc(clamp(16px, 1.2vw, 22px) * -1) calc(clamp(16px, 1.2vw, 22px) * -1) 14px;
  padding: 15px clamp(20px, 1.6vw, 30px);
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal, #client-beneficiaries-modal) .modal-card > .panel-head h2 {
  font-size: clamp(1.35rem, 1.15vw, 1.7rem);
  line-height: 1.12;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal, #client-beneficiaries-modal) .modal-card > .panel-head .eyebrow {
  margin-bottom: 8px;
}

#account-editor-modal .modal-card {
  width: min(1080px, calc(100vw - 40px));
}

#account-editor-modal .modal-card > .panel-head {
  margin: 0 0 14px;
  width: 100%;
}

#beneficiary-editor-modal .beneficiary-editor-modal-card {
  width: min(1180px, calc(100vw - 40px));
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid {
  flex: 1 1 auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-content: start;
  gap: 12px 14px;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2px 4px 16px;
  scrollbar-gutter: stable;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid > label,
#client-editor-modal #client-editor-form > .phone-field {
  grid-column: span 6;
  min-width: 0;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid > .full-span,
:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid > label.full-span {
  grid-column: 1 / -1;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid span:first-child {
  font-size: 0.82rem;
  line-height: 1.2;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card input,
:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card select,
:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card .search-select-trigger {
  min-height: 46px;
  border-radius: 14px;
  font-size: 0.94rem;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card input::placeholder {
  font-size: 0.94rem;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .field-validation-hint {
  margin-top: 6px;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .form-actions {
  position: static;
  bottom: auto;
  z-index: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin: 8px 0 0;
  padding: 13px 0 0;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  background: transparent;
  box-shadow: none;
}

#account-editor-modal .modal-card #account-form.form-grid > :nth-last-child(2) {
  margin-bottom: 0;
}

:is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card .form-actions {
  position: static;
  bottom: auto;
  z-index: auto;
  margin: 8px 0 0;
  padding: 13px 0 0;
  background: transparent;
  box-shadow: none;
}

#account-editor-modal #account-form > label:nth-of-type(1),
#account-editor-modal #account-form > label:nth-of-type(2),
#account-editor-modal #account-form > label:nth-of-type(3),
#account-editor-modal #account-form > label:nth-of-type(4),
#account-editor-modal #account-form > label:nth-of-type(5),
#account-editor-modal #account-form > label:nth-of-type(6) {
  grid-column: span 6;
}

#account-editor-modal #account-form > label.premium-toggle {
  grid-column: span 4;
  min-height: 62px;
  padding: 12px 14px;
  border-radius: 14px;
}

#account-editor-modal .premium-toggle-track {
  width: 44px;
  height: 26px;
}

#account-editor-modal .premium-toggle-thumb {
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
}

#account-editor-modal label.premium-toggle input[type="checkbox"]:checked + .premium-toggle-track .premium-toggle-thumb {
  transform: translateX(18px);
}

#account-editor-modal .premium-toggle-copy {
  gap: 3px;
}

#account-editor-modal .premium-toggle-copy strong {
  font-size: 0.93rem;
}

#account-editor-modal .premium-toggle-copy small {
  font-size: 0.78rem;
  line-height: 1.2;
}

#client-editor-modal .modal-card {
  width: min(1040px, calc(100vw - 40px));
}

#client-editor-modal #client-editor-form .phone-field {
  grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1fr);
  gap: 12px;
}

#client-editor-modal #client-editor-form .client-optional-divider {
  grid-template-columns: minmax(34px, 1fr) auto minmax(0, auto);
  gap: 10px;
  margin: 0;
  padding: 2px 0;
}

#client-editor-modal #client-editor-form .client-optional-divider strong {
  font-size: 0.76rem;
}

#client-editor-modal #client-editor-form .client-optional-divider em {
  font-size: 0.78rem;
}

#beneficiary-editor-modal #beneficiary-editor-form > label.beneficiary-payout-mode-field {
  grid-column: span 4;
}

#beneficiary-editor-modal #beneficiary-editor-form > label:nth-of-type(2),
#beneficiary-editor-modal #beneficiary-editor-form > label:nth-of-type(3),
#beneficiary-editor-modal #beneficiary-editor-form > label:nth-of-type(4) {
  grid-column: span 4;
}

#beneficiary-editor-modal #beneficiary-editor-form > label:nth-of-type(5) {
  grid-column: span 6;
}

#beneficiary-editor-modal #beneficiary-editor-form > label.beneficiary-bank-field,
#beneficiary-editor-modal #beneficiary-editor-form > label.beneficiary-cash-field {
  grid-column: span 4;
}

#beneficiary-editor-modal #beneficiary-editor-form > .detail-card {
  padding: 14px 16px;
  border-radius: 16px;
}

#beneficiary-editor-modal #beneficiary-identity-card {
  padding: 14px;
}

#beneficiary-editor-modal #beneficiary-identity-card .receipt-composer-grid {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
  gap: 12px;
}

#beneficiary-editor-modal #beneficiary-identity-card .receipt-composer-drop {
  min-height: 124px;
}

/* Modal content phase 5: client beneficiaries relationship window */
#client-beneficiaries-modal .client-beneficiaries-modal-card {
  width: min(1240px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  height: min(86dvh, calc(100dvh - 24px));
  max-height: min(86dvh, calc(100dvh - 24px));
  padding: clamp(16px, 1.2vw, 22px);
}

#client-beneficiaries-modal .client-beneficiaries-modal-card > .panel-head {
  margin: calc(clamp(16px, 1.2vw, 22px) * -1) calc(clamp(16px, 1.2vw, 22px) * -1) 14px;
  padding: clamp(16px, 1.2vw, 22px) clamp(20px, 1.6vw, 30px);
  min-height: 86px;
}

#client-beneficiaries-modal #client-beneficiaries-summary {
  display: grid;
  gap: 10px;
}

#client-beneficiaries-modal[data-profile-mode="beneficiaries"] #client-beneficiaries-summary,
#client-beneficiaries-modal[data-profile-mode="history"] #client-beneficiaries-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-height: none;
}

#client-beneficiaries-modal #client-beneficiaries-summary .detail-card {
  min-height: 72px;
  padding: 12px 14px;
}

#client-beneficiaries-modal .client-toolbar.compact {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  margin: 12px 0;
}

#client-beneficiaries-modal .client-toolbar.compact .search-field input {
  min-height: 44px;
}

#client-beneficiaries-modal :is(#client-remittance-history-table, #client-beneficiaries-table) {
  border-radius: 16px;
}

#client-beneficiaries-modal #client-remittance-history-table {
  min-height: 220px;
}

#client-beneficiaries-modal #client-beneficiaries-table {
  flex: 1 1 360px;
  min-height: min(360px, 42dvh);
}

#client-beneficiaries-modal #client-remittance-history-table table {
  min-width: 1120px;
}

#client-beneficiaries-modal #client-beneficiaries-table table {
  min-width: 960px;
}

#client-beneficiaries-modal .table-shell th {
  height: 38px;
  padding: 10px 12px;
  white-space: nowrap;
}

#client-beneficiaries-modal .table-shell td {
  height: 58px;
  padding: 10px 12px;
  vertical-align: middle;
}

:root[data-theme="light"] :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal, #client-beneficiaries-modal) .form-actions {
  background: transparent;
}

@media (min-width: 1500px) {
  #account-editor-modal .modal-card {
    width: min(1120px, calc(100vw - 56px));
  }

  #client-editor-modal .modal-card {
    width: min(1080px, calc(100vw - 56px));
  }

  #beneficiary-editor-modal .beneficiary-editor-modal-card {
    width: min(1220px, calc(100vw - 56px));
  }

  #client-beneficiaries-modal .client-beneficiaries-modal-card {
    width: min(1320px, calc(100vw - 56px));
  }
}

@media (max-width: 1180px) {
  :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card,
  #client-beneficiaries-modal .client-beneficiaries-modal-card {
    width: min(100vw - 18px, 1080px);
    max-width: calc(100vw - 18px);
    max-height: min(92dvh, calc(100dvh - 12px));
  }

  #beneficiary-editor-modal #beneficiary-identity-card .receipt-composer-grid {
    grid-template-columns: 1fr;
  }

  #client-beneficiaries-modal[data-profile-mode="beneficiaries"] #client-beneficiaries-summary,
  #client-beneficiaries-modal[data-profile-mode="history"] #client-beneficiaries-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid,
  #client-editor-modal #client-editor-form .phone-field {
    grid-template-columns: 1fr;
  }

  :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid > *,
  :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid > label,
  #client-editor-modal #client-editor-form > .phone-field,
  #client-editor-modal #client-editor-form > label,
  #beneficiary-editor-modal #beneficiary-editor-form > label.beneficiary-payout-mode-field,
  #beneficiary-editor-modal #beneficiary-editor-form > label.beneficiary-bank-field,
  #beneficiary-editor-modal #beneficiary-editor-form > label.beneficiary-cash-field,
  #account-editor-modal #account-form > label.premium-toggle {
    grid-column: 1 / -1;
  }

  :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .form-actions > button {
    width: 100%;
  }

  #client-beneficiaries-modal .client-toolbar.compact,
  #client-beneficiaries-modal[data-profile-mode="beneficiaries"] #client-beneficiaries-summary,
  #client-beneficiaries-modal[data-profile-mode="history"] #client-beneficiaries-summary {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card,
  #client-beneficiaries-modal .client-beneficiaries-modal-card {
    width: 100vw;
    max-width: 100vw;
    max-height: 98dvh;
    border-radius: 18px 18px 0 0;
  }

  :is(#account-editor-modal, #client-editor-modal, #beneficiary-editor-modal) .modal-card > .form-grid {
    padding-bottom: 18px;
  }

  #client-editor-modal #client-editor-form .client-optional-divider {
    grid-template-columns: 1fr;
    align-items: start;
  }

  #client-editor-modal #client-editor-form .client-optional-divider span {
    display: none;
  }

  #client-beneficiaries-modal .client-toolbar.compact .toolbar-actions,
  #client-beneficiaries-modal .client-toolbar.compact .toolbar-actions > button {
    width: 100%;
  }
}

/* Modal content phase 6: account detail and manual movement */
#account-detail-modal .account-detail-modal-card {
  width: min(1360px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  height: min(86dvh, calc(100dvh - 24px));
  max-height: min(86dvh, calc(100dvh - 24px));
  padding: clamp(16px, 1.2vw, 22px);
}

#account-detail-modal .account-detail-modal-card > .panel-head,
#account-movement-modal .modal-card > .panel-head {
  min-height: 88px;
  margin: calc(clamp(16px, 1.2vw, 22px) * -1) calc(clamp(16px, 1.2vw, 22px) * -1) 14px;
  padding: 15px clamp(20px, 1.6vw, 30px);
}

#account-detail-modal .account-detail-modal-card > .panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
}

#account-detail-modal .account-detail-modal-card > .panel-head h2,
#account-movement-modal .modal-card > .panel-head h2 {
  font-size: clamp(1.35rem, 1.15vw, 1.72rem);
  line-height: 1.12;
}

#account-detail-modal .account-detail-modal-card > .panel-head .eyebrow,
#account-movement-modal .modal-card > .panel-head .eyebrow {
  margin-bottom: 8px;
}

#account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions {
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

#account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions > button {
  min-height: 40px;
  padding: 9px 14px;
  border-radius: 999px;
  white-space: nowrap;
}

#account-detail-modal .account-detail-modal-card .modal-subtitle {
  max-width: 760px;
  font-size: 0.84rem;
  line-height: 1.28;
}

#account-detail-modal #account-detail-summary {
  flex: 0 0 auto;
  max-height: none;
  overflow: visible;
  padding: 0;
}

#account-detail-modal .account-finance-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

#account-detail-modal .account-finance-card {
  min-height: 78px;
  padding: 12px 14px;
  border-radius: 15px;
}

#account-detail-modal .account-finance-card strong {
  font-size: 0.78rem;
  line-height: 1.15;
}

#account-detail-modal .account-finance-value {
  margin-top: 5px;
  font-size: clamp(1.05rem, 1.15vw, 1.38rem);
  line-height: 1.08;
}

#account-detail-modal .account-finance-card .row-sub {
  margin-top: 4px;
  font-size: 0.76rem;
  line-height: 1.22;
}

#account-detail-modal .account-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.72fr);
  gap: 14px;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 2px 0 0;
}

#account-detail-modal .account-detail-table-block {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 9px;
  min-width: 0;
  min-height: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 17px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), transparent),
    var(--neutral-02);
}

#account-detail-modal .account-detail-table-block > .panel-head.compact-head {
  min-height: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

#account-detail-modal .account-detail-table-block h3 {
  font-size: 1rem;
  line-height: 1.15;
}

#account-detail-modal .account-detail-table-block .muted {
  margin-top: 3px;
  font-size: 0.78rem;
  line-height: 1.25;
}

#account-detail-modal .account-detail-filter-bar {
  min-width: 0;
}

#account-detail-modal .account-detail-filter-field {
  width: 100%;
}

#account-detail-modal .account-detail-filter-field span {
  margin-bottom: 6px;
  font-size: 0.76rem;
}

#account-detail-modal .account-detail-filter-field input {
  min-height: 42px;
  border-radius: 13px;
  font-size: 0.9rem;
}

#account-detail-modal .account-detail-layout .table-shell {
  min-height: 0;
  max-height: none;
  height: 100%;
  border-radius: 14px;
  overflow: auto;
}

#account-detail-modal #account-detail-movements table {
  min-width: 980px;
  table-layout: fixed;
}

#account-detail-modal #account-detail-pending table {
  min-width: 760px;
  table-layout: fixed;
}

#account-detail-modal #account-detail-movements th:nth-child(1),
#account-detail-modal #account-detail-movements td:nth-child(1) { width: 13%; }
#account-detail-modal #account-detail-movements th:nth-child(2),
#account-detail-modal #account-detail-movements td:nth-child(2) { width: 15%; }
#account-detail-modal #account-detail-movements th:nth-child(3),
#account-detail-modal #account-detail-movements td:nth-child(3) { width: 13%; }
#account-detail-modal #account-detail-movements th:nth-child(4),
#account-detail-modal #account-detail-movements td:nth-child(4) { width: 10%; }
#account-detail-modal #account-detail-movements th:nth-child(5),
#account-detail-modal #account-detail-movements td:nth-child(5) { width: 11%; }
#account-detail-modal #account-detail-movements th:nth-child(6),
#account-detail-modal #account-detail-movements td:nth-child(6) { width: 11%; }
#account-detail-modal #account-detail-movements th:nth-child(7),
#account-detail-modal #account-detail-movements td:nth-child(7) { width: 17%; }
#account-detail-modal #account-detail-movements th:nth-child(8),
#account-detail-modal #account-detail-movements td:nth-child(8) { width: 10%; }

#account-detail-modal .account-detail-layout .table-shell th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 38px;
  padding: 10px 11px;
  white-space: nowrap;
}

#account-detail-modal .account-detail-layout .table-shell td {
  height: 58px;
  padding: 10px 11px;
  vertical-align: middle;
}

#account-detail-modal .account-detail-layout .row-main {
  font-size: 0.9rem;
  line-height: 1.18;
}

#account-detail-modal .account-detail-layout .row-sub {
  font-size: 0.76rem;
  line-height: 1.22;
}

#account-detail-modal .account-detail-layout .inline-button {
  min-height: 34px;
  padding: 7px 11px;
  white-space: nowrap;
}

#account-detail-modal .account-detail-layout .inline-button-group {
  flex-wrap: nowrap;
  gap: 6px;
}

#account-movement-modal .modal-card {
  width: min(760px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  height: auto;
  max-height: min(86dvh, calc(100dvh - 24px));
  align-content: start;
}

#account-movement-modal #account-movement-form {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px 14px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 2px 4px 16px;
}

#account-movement-modal #account-movement-form > label {
  grid-column: span 6;
  min-width: 0;
}

#account-movement-modal #account-movement-form > .full-span,
#account-movement-modal #account-movement-form > label.full-span {
  grid-column: 1 / -1;
}

#account-movement-modal #account-movement-context {
  min-height: 68px;
  padding: 13px 15px;
  border-radius: 15px;
}

#account-movement-modal #account-movement-context strong {
  font-size: 0.98rem;
}

#account-movement-modal #account-movement-context span {
  font-size: 0.82rem;
  line-height: 1.28;
}

#account-movement-modal #account-movement-form input,
#account-movement-modal #account-movement-form select,
#account-movement-modal #account-movement-form .search-select-trigger {
  min-height: 46px;
  border-radius: 14px;
  font-size: 0.94rem;
}

#account-movement-modal #account-movement-form span:first-child {
  font-size: 0.82rem;
  line-height: 1.2;
}

#account-movement-modal .account-movement-fx-preview {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 13px 15px;
  border-radius: 15px;
}

#account-movement-modal .account-movement-fx-preview strong {
  font-size: clamp(1.05rem, 1.3vw, 1.28rem);
}

#account-movement-modal .account-movement-fx-preview p {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.28;
}

#account-movement-modal .modal-card #account-movement-form .form-actions {
  position: static;
  bottom: auto;
  z-index: auto;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 8px 0 0;
  padding: 13px 0 0;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  background: transparent;
  box-shadow: none;
}

:root[data-theme="light"] #account-detail-modal .account-detail-table-block {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92)),
    #ffffff;
}

:root[data-theme="light"] #account-detail-modal .account-detail-layout .table-shell th {
  background:
    linear-gradient(180deg, rgba(218, 231, 243, 0.98), rgba(226, 236, 246, 0.92)),
    #e8f0f8;
}

:root[data-theme="light"] #account-movement-modal .modal-card #account-movement-form .form-actions {
  background: transparent;
}

@media (min-width: 1500px) {
  #account-detail-modal .account-detail-modal-card {
    width: min(1440px, calc(100vw - 56px));
  }

  #account-movement-modal .modal-card {
    width: min(800px, calc(100vw - 56px));
  }
}

@media (max-width: 1180px) {
  #account-detail-modal .account-detail-modal-card {
    width: min(100vw - 18px, 1080px);
    max-width: calc(100vw - 18px);
    height: min(92dvh, calc(100dvh - 12px));
    max-height: min(92dvh, calc(100dvh - 12px));
  }

  #account-detail-modal .account-finance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #account-detail-modal .account-detail-layout {
    grid-template-columns: 1fr;
    overflow-y: auto;
    overflow-x: hidden;
  }

  #account-detail-modal .account-detail-table-block {
    min-height: 300px;
  }
}

@media (max-width: 820px) {
  #account-detail-modal .account-detail-modal-card > .panel-head {
    grid-template-columns: 1fr;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions {
    justify-content: stretch;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions > button {
    flex: 1 1 0;
  }

  #account-movement-modal #account-movement-form {
    grid-template-columns: 1fr;
  }

  #account-movement-modal #account-movement-form > label,
  #account-movement-modal #account-movement-form > .full-span,
  #account-movement-modal #account-movement-form > label.full-span {
    grid-column: 1 / -1;
  }

  #account-movement-modal .modal-card #account-movement-form .form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  #account-movement-modal .modal-card #account-movement-form .form-actions > button {
    width: 100%;
  }
}

@media (max-width: 640px) {
  #account-detail-modal .account-detail-modal-card,
  #account-movement-modal .modal-card {
    width: 100vw;
    max-width: 100vw;
    max-height: 98dvh;
    border-radius: 18px 18px 0 0;
  }

  #account-detail-modal .account-finance-grid,
  #account-movement-modal .account-movement-fx-preview {
    grid-template-columns: 1fr;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions > button {
    width: 100%;
  }
}

/* Accounts detail ledger v20: premium responsive density for bank account operations. */
#view-accounts .table-shell {
  min-height: clamp(300px, 44vh, 520px);
}

#view-accounts.accounts-view .table-shell table,
#view-accounts .accounts-module > .table-shell table,
#view-accounts .table-shell table {
  width: 100% !important;
  min-width: 1120px !important;
}

#view-accounts .table-shell td {
  padding-top: 14px;
  padding-bottom: 14px;
}

#view-accounts .table-shell td:nth-child(7) {
  background: color-mix(in srgb, var(--neutral-01) 56%, transparent);
}

#account-detail-modal .account-detail-modal-card,
#account-detail-modal .modal-card.wide.account-detail-modal-card {
  width: min(1540px, calc(100vw - 36px));
  height: min(90dvh, calc(100dvh - 22px));
  max-height: min(90dvh, calc(100dvh - 22px));
}

#account-detail-modal .account-detail-modal-card > .panel-head {
  min-height: 108px;
}

#account-detail-modal .account-detail-layout {
  grid-template-columns: minmax(0, 1.72fr) minmax(300px, 0.58fr);
  gap: 12px;
}

#account-detail-modal .account-detail-table-block {
  border-radius: 14px;
  padding: 10px;
}

#account-detail-modal .account-detail-layout .table-shell {
  overflow-x: hidden;
}

#account-detail-modal #account-detail-movements {
  padding: 0;
  border: none;
  background: transparent;
}

#account-detail-modal .account-ledger-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

#account-detail-modal .account-ledger-row {
  display: grid;
  grid-template-columns: minmax(118px, 0.72fr) minmax(250px, 1.92fr) minmax(124px, 0.76fr) minmax(104px, 0.64fr) minmax(126px, 0.68fr) minmax(62px, 0.38fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    color-mix(in srgb, var(--panel) 72%, var(--neutral-02));
}

#account-detail-modal .account-ledger-row-commission {
  background:
    linear-gradient(180deg, rgba(148, 163, 184, 0.075), transparent),
    color-mix(in srgb, var(--neutral-02) 82%, var(--panel));
}

#account-detail-modal .account-ledger-row-reversed {
  opacity: 0.72;
}

#account-detail-modal .account-ledger-date,
#account-detail-modal .account-ledger-money,
#account-detail-modal .account-ledger-fx,
#account-detail-modal .account-ledger-state,
#account-detail-modal .account-ledger-actions,
#account-detail-modal .account-ledger-concept {
  min-width: 0;
}

#account-detail-modal .account-ledger-date span,
#account-detail-modal .account-ledger-money strong,
#account-detail-modal .account-ledger-fx strong {
  display: block;
  font-weight: 850;
  color: var(--text);
}

#account-detail-modal .account-ledger-date span {
  font-size: 0.78rem;
  line-height: 1.25;
}

#account-detail-modal .account-ledger-concept {
  display: grid;
  gap: 4px;
  overflow-wrap: anywhere;
}

#account-detail-modal .account-ledger-type-line {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

#account-detail-modal .account-ledger-concept strong {
  display: -webkit-box;
  overflow: hidden;
  color: var(--text);
  font-size: 0.88rem;
  line-height: 1.24;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#account-detail-modal .account-ledger-reference,
#account-detail-modal .account-ledger-note,
#account-detail-modal .account-ledger-money span,
#account-detail-modal .account-ledger-fx span {
  display: block;
  overflow: hidden;
  color: var(--text-soft);
  font-size: 0.74rem;
  line-height: 1.22;
  overflow-wrap: anywhere;
  text-overflow: ellipsis;
}

#account-detail-modal .account-ledger-note.subtle {
  color: var(--muted);
}

#account-detail-modal .account-ledger-money,
#account-detail-modal .account-ledger-fx {
  text-align: right;
}

#account-detail-modal .account-ledger-money strong {
  font-size: 0.9rem;
  line-height: 1.18;
}

#account-detail-modal .account-ledger-fx strong {
  margin-top: 2px;
  font-size: 0.82rem;
}

#account-detail-modal .account-ledger-state {
  display: flex;
  justify-content: flex-start;
}

#account-detail-modal .account-ledger-state .status-chip,
#account-detail-modal .account-ledger-type-line .status-chip {
  max-width: 100%;
  width: auto;
  min-width: 0;
  padding: 5px 8px;
  font-size: 0.68rem;
  line-height: 1.1;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

#account-detail-modal .account-ledger-actions {
  justify-self: end;
  text-align: right;
}

#account-detail-modal .account-ledger-empty {
  min-height: 112px;
  display: grid;
  place-content: center start;
  gap: 6px;
}

#account-detail-modal #account-detail-pending .detail-card {
  min-height: 92px;
  border-radius: 13px;
  box-shadow: none;
}

@media (min-width: 1181px) and (max-width: 1536px),
  (min-width: 1181px) and (max-height: 900px) {
  #account-detail-modal .account-detail-modal-card,
  #account-detail-modal .modal-card.wide.account-detail-modal-card {
    width: min(1480px, calc(100vw - 28px));
    height: min(92dvh, calc(100dvh - 18px));
    padding: 14px;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head {
    min-height: 94px;
    margin: -14px -14px 10px;
    padding: 12px 18px;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head h2 {
    font-size: 1.24rem;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions > button {
    min-height: 36px;
    padding: 8px 12px;
    font-size: 0.84rem;
  }

  #account-detail-modal .account-finance-card {
    min-height: 70px;
    padding: 10px 12px;
  }

  #account-detail-modal .account-finance-value {
    font-size: 1rem;
  }

  #account-detail-modal .account-detail-layout {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.33fr);
    gap: 10px;
  }

  #account-detail-modal .account-ledger-row {
    grid-template-columns: minmax(104px, 0.58fr) minmax(248px, 1.86fr) minmax(112px, 0.64fr) minmax(92px, 0.54fr) minmax(118px, 0.64fr) minmax(52px, 0.32fr);
    gap: 8px;
    padding: 9px 10px;
  }

  #account-detail-modal .account-ledger-concept strong {
    font-size: 0.84rem;
  }
}

@media (max-width: 1180px) {
  #account-detail-modal .account-detail-layout {
    grid-template-columns: 1fr;
  }

  #account-detail-modal .account-ledger-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "concept state"
      "date money"
      "fx actions";
  }
  #account-detail-modal .account-ledger-fx { grid-area: fx; text-align: left; }
  #account-detail-modal .account-ledger-state { grid-area: state; justify-content: flex-end; }
  #account-detail-modal .account-ledger-actions { grid-area: actions; }
}

@media (max-width: 640px) {
  #account-detail-modal .account-ledger-row {
    grid-template-columns: 1fr;
    grid-template-areas:
      "state"
      "concept"
      "date"
      "money"
      "fx"
      "actions";
    gap: 7px;
  }

  #account-detail-modal .account-ledger-state,
  #account-detail-modal .account-ledger-actions {
    justify-content: flex-start;
    justify-self: stretch;
    text-align: left;
  }

  #account-detail-modal .account-ledger-money,
  #account-detail-modal .account-ledger-fx {
    text-align: left;
  }

  #account-detail-modal .account-ledger-date span {
    white-space: normal;
  }
}

/* Accounts v1-a5: bank-ledger detail, pending as on-demand modal. */
#account-detail-modal .account-detail-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}

#account-detail-modal .account-detail-table-block:first-child {
  min-height: min(58dvh, 640px);
}

#account-detail-modal #account-detail-movements {
  min-height: 0;
  height: 100%;
}

#account-detail-modal .account-pending-kpi-button {
  appearance: none;
  text-align: left;
  cursor: default;
  font: inherit;
  color: inherit;
}

#account-detail-modal .account-pending-kpi-button:hover,
#account-detail-modal .account-pending-kpi-button:focus-visible {
  border-color: rgba(201, 166, 107, 0.52);
  box-shadow: 0 0 0 3px rgba(201, 166, 107, 0.12);
}

#account-detail-modal .account-ledger-list {
  gap: 7px;
}

#account-detail-modal .account-ledger-row {
  grid-template-columns:
    minmax(126px, 0.62fr)
    minmax(340px, 1.86fr)
    minmax(150px, 0.72fr)
    minmax(128px, 0.56fr)
    minmax(112px, 0.46fr)
    minmax(76px, 0.34fr) !important;
  min-height: 72px;
  padding: 10px 13px;
  border-radius: 14px;
}

#account-detail-modal .account-ledger-date span {
  font-size: 0.8rem;
}

#account-detail-modal .account-ledger-concept strong {
  font-size: 0.92rem;
  line-height: 1.22;
  -webkit-line-clamp: 2;
}

#account-detail-modal .account-ledger-reference,
#account-detail-modal .account-ledger-note,
#account-detail-modal .account-ledger-money span,
#account-detail-modal .account-ledger-fx span {
  font-size: 0.72rem;
}

#account-detail-modal .account-ledger-money strong {
  font-size: 1rem;
}

#account-detail-modal .account-ledger-money strong:first-letter {
  letter-spacing: 0;
}

#account-detail-modal .account-ledger-state .status-chip {
  min-height: 23px;
  padding: 4px 7px;
  font-size: 0.62rem;
  letter-spacing: 0.035em;
}

#account-detail-modal .account-ledger-type-line .status-chip {
  min-height: 24px;
  padding: 4px 8px;
  font-size: 0.62rem;
}

#account-detail-modal .account-ledger-actions .row-sub {
  font-size: 0.72rem;
}

#account-pending-ledger-modal:not(.hidden) {
  display: grid !important;
  place-items: center !important;
}

#account-pending-ledger-modal .account-pending-ledger-modal-card {
  width: min(1180px, calc(100vw - 36px)) !important;
  max-height: min(88dvh, calc(100dvh - 28px)) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#account-pending-ledger-modal .account-pending-ledger-summary-grid {
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
}

#account-pending-ledger-modal .account-finance-card {
  min-height: 74px;
}

#account-pending-ledger-modal #account-pending-ledger-table {
  min-height: 260px;
  overflow: auto;
}

#account-pending-ledger-modal #account-pending-ledger-table table {
  min-width: 980px;
}

@media (min-width: 1181px) and (max-width: 1536px),
  (min-width: 1181px) and (max-height: 900px) {
  #account-detail-modal .account-detail-table-block:first-child {
    min-height: min(60dvh, 560px);
  }

  #account-detail-modal .account-ledger-row {
    grid-template-columns:
      minmax(116px, 0.58fr)
      minmax(320px, 1.92fr)
      minmax(140px, 0.66fr)
      minmax(116px, 0.52fr)
      minmax(104px, 0.42fr)
      minmax(62px, 0.28fr) !important;
    min-height: 68px;
    gap: 8px;
    padding: 9px 11px;
  }

  #account-detail-modal .account-ledger-concept strong {
    font-size: 0.86rem;
  }
}

@media (max-width: 1180px) {
  #account-detail-modal .account-detail-table-block:first-child {
    min-height: 420px;
  }

  #account-detail-modal .account-ledger-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  #account-pending-ledger-modal .account-pending-ledger-summary-grid {
    grid-template-columns: 1fr;
  }
}

/* Accounts v1-a7/a9: statement-grade ledger, compact pending modal and date filters. */
#account-detail-modal .account-ledger-toolbar {
  display: grid;
  grid-template-columns: minmax(150px, max-content) minmax(620px, 1fr);
  align-items: center;
  gap: 14px;
  padding-bottom: 8px;
}

#account-detail-modal .account-ledger-toolbar h3 {
  margin: 0;
}

#account-detail-modal .account-ledger-toolbar .muted {
  margin: 2px 0 0;
}

#account-detail-modal .account-detail-filter-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(190px, 0.28fr) minmax(190px, 0.28fr);
  align-items: center;
  gap: 10px;
  width: 100%;
}

#account-detail-modal .account-detail-filter-field {
  display: grid;
  grid-template-columns: auto minmax(240px, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
}

#account-detail-modal .account-detail-filter-field span {
  margin: 0;
  white-space: nowrap;
}

#account-detail-modal .account-detail-filter-field input {
  min-height: 40px;
  height: 40px;
}

#account-detail-modal .account-detail-date-field {
  grid-template-columns: auto minmax(150px, 1fr);
}

#account-detail-modal .account-detail-date-field input {
  padding-inline: 12px;
}

#account-detail-modal .account-ledger-table {
  display: grid;
  gap: 8px;
}

#account-detail-modal .account-ledger-head,
#account-detail-modal .account-ledger-row {
  display: grid;
  grid-template-columns:
    minmax(104px, 0.52fr)
    minmax(282px, 1.5fr)
    minmax(146px, 0.72fr)
    minmax(112px, 0.52fr)
    minmax(150px, 0.72fr)
    minmax(88px, 0.42fr)
    minmax(154px, 0.72fr) !important;
  gap: 10px;
  align-items: center;
}

#account-detail-modal .account-ledger-head {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.92);
}

#account-detail-modal .account-ledger-sort {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--accent-soft, #d8b36a);
  font: inherit;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0;
}

#account-detail-modal .account-ledger-sort.is-active {
  color: var(--text-strong, #f8fafc);
}

#account-detail-modal .account-ledger-row {
  min-height: 66px;
  padding: 9px 12px;
}

#account-detail-modal .account-ledger-date {
  align-items: flex-start;
  text-align: left;
}

#account-detail-modal .account-ledger-date strong {
  display: block;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.2;
  white-space: normal;
}

#account-detail-modal .account-ledger-date span {
  display: block;
  margin-top: 2px;
  font-size: 0.72rem;
  color: var(--text-muted, #94a3b8);
}

#account-detail-modal .account-ledger-concept strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.86rem;
  line-height: 1.22;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#account-detail-modal .account-ledger-money strong {
  font-size: 0.92rem;
  white-space: nowrap;
}

#account-detail-modal .account-ledger-balance {
  display: grid;
  justify-items: end;
  text-align: right;
}

#account-detail-modal .account-ledger-balance strong {
  font-size: 0.92rem;
  font-weight: 850;
  white-space: nowrap;
}

#account-detail-modal .account-ledger-balance span {
  font-size: 0.68rem;
  color: var(--text-muted, #94a3b8);
}

#account-detail-modal .account-ledger-type {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

#account-detail-modal .account-ledger-type .status-chip {
  max-width: 100%;
  min-height: 22px;
  padding: 3px 7px;
  font-size: 0.58rem;
  letter-spacing: 0.04em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#account-detail-modal .account-ledger-state {
  display: grid;
  justify-items: end;
  gap: 4px;
}

#account-detail-modal .account-ledger-state .status-chip {
  min-height: 22px;
  padding: 3px 7px;
  font-size: 0.58rem;
}

:root[data-theme="light"] #account-detail-modal .account-ledger-head {
  background: #eaf2fb;
  border-color: rgba(167, 181, 196, 0.48);
}

:root[data-theme="light"] #account-detail-modal .account-ledger-sort {
  color: #8a6a2b;
}

:root[data-theme="light"] #account-detail-modal .account-ledger-sort.is-active {
  color: #121826;
}

#account-pending-ledger-modal .account-pending-ledger-modal-card {
  width: min(1040px, calc(100vw - 42px)) !important;
  min-height: auto !important;
}

#account-pending-ledger-modal .panel-head {
  min-height: 0;
  padding: 18px 20px 14px !important;
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

#account-pending-ledger-modal .panel-head h2 {
  margin: 0;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.1;
}

#account-pending-ledger-modal .modal-subtitle {
  margin-top: 5px;
  max-width: 760px;
  font-size: 0.9rem;
  line-height: 1.25;
}

#account-pending-ledger-modal #account-pending-ledger-summary {
  padding: 12px 20px 0;
}

#account-pending-ledger-modal .account-pending-ledger-strip {
  display: grid;
  grid-template-columns: minmax(150px, 0.5fr) minmax(110px, 0.32fr) minmax(260px, 1fr);
  gap: 10px;
}

#account-pending-ledger-modal .account-pending-ledger-strip span {
  display: grid;
  gap: 2px;
  min-height: 54px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.38);
}

#account-pending-ledger-modal .account-pending-ledger-strip strong {
  font-size: 0.98rem;
  line-height: 1.15;
}

#account-pending-ledger-modal .account-pending-ledger-strip small {
  color: var(--text-muted, #94a3b8);
  font-size: 0.72rem;
}

#account-pending-ledger-modal #account-pending-ledger-table {
  margin: 12px 20px 20px;
  min-height: 220px;
}

:root[data-theme="light"] #account-pending-ledger-modal .account-pending-ledger-strip span {
  background: rgba(255, 255, 255, 0.78);
  border-color: rgba(167, 181, 196, 0.38);
}

@media (min-width: 1181px) and (max-width: 1536px),
  (min-width: 1181px) and (max-height: 900px) {
  #account-detail-modal .account-ledger-head,
  #account-detail-modal .account-ledger-row {
    grid-template-columns:
      minmax(96px, 0.48fr)
      minmax(260px, 1.38fr)
      minmax(138px, 0.68fr)
      minmax(104px, 0.5fr)
      minmax(140px, 0.66fr)
      minmax(82px, 0.38fr)
      minmax(146px, 0.68fr) !important;
    gap: 8px;
  }

  #account-detail-modal .account-ledger-row {
    min-height: 62px;
  }

  #account-detail-modal .account-ledger-toolbar {
    grid-template-columns: minmax(130px, max-content) minmax(560px, 1fr);
    gap: 10px;
  }

  #account-detail-modal .account-detail-filter-row {
    grid-template-columns: minmax(240px, 1fr) minmax(176px, 0.28fr) minmax(176px, 0.28fr);
    gap: 8px;
  }

  #account-detail-modal .account-detail-filter-field {
    gap: 7px;
  }
}

@media (max-width: 1180px) {
  #account-detail-modal .account-ledger-toolbar,
  #account-detail-modal .account-detail-filter-row,
  #account-detail-modal .account-detail-filter-field {
    grid-template-columns: 1fr;
  }

  #account-detail-modal .account-ledger-head {
    display: none;
  }

  #account-detail-modal .account-ledger-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "date state"
      "concept concept"
      "money balance"
      "fx type";
  }

  #account-detail-modal .account-ledger-date { grid-area: date; }
  #account-detail-modal .account-ledger-concept { grid-area: concept; }
  #account-detail-modal .account-ledger-money { grid-area: money; }
  #account-detail-modal .account-ledger-fx { grid-area: fx; }
  #account-detail-modal .account-ledger-balance { grid-area: balance; }
  #account-detail-modal .account-ledger-state { grid-area: state; }
  #account-detail-modal .account-ledger-type { grid-area: type; }

  #account-pending-ledger-modal .account-pending-ledger-strip {
    grid-template-columns: 1fr;
  }
}

/* Modal content phase 7: internal transfers */
#internal-transfer-modal:not(.hidden) {
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(14px, 2vw, 24px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201, 166, 107, 0.11), transparent 34%),
    rgba(3, 7, 12, 0.74) !important;
  backdrop-filter: blur(8px) !important;
}

#internal-transfer-modal .internal-transfer-modal-card {
  width: min(1120px, calc(100vw - 40px)) !important;
  max-width: calc(100vw - 40px) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(90dvh, calc(100dvh - 24px)) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: clamp(16px, 1.2vw, 22px) !important;
  border-radius: 20px !important;
}

#internal-transfer-modal .internal-transfer-modal-card > .panel-head {
  position: relative !important;
  top: auto !important;
  z-index: 10 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 86px !important;
  margin: calc(clamp(16px, 1.2vw, 22px) * -1) calc(clamp(16px, 1.2vw, 22px) * -1) 14px !important;
  padding: 15px clamp(20px, 1.6vw, 30px) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 166, 107, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(16, 24, 35, 0.98), rgba(16, 24, 35, 0.92)) !important;
  box-shadow: none !important;
}

#internal-transfer-modal .internal-transfer-modal-card > .panel-head h2 {
  font-size: clamp(1.35rem, 1.15vw, 1.72rem) !important;
  line-height: 1.12 !important;
}

#internal-transfer-modal .internal-transfer-modal-card > .panel-head .eyebrow {
  margin-bottom: 8px !important;
}

#internal-transfer-modal #close-internal-transfer {
  min-height: 40px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
}

#internal-transfer-modal #internal-transfer-form {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  align-content: start !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 11px 13px !important;
  padding: 2px 4px 16px !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin !important;
}

#internal-transfer-modal #internal-transfer-form::-webkit-scrollbar {
  display: block !important;
  width: 8px !important;
}

#internal-transfer-modal #internal-transfer-form > label {
  grid-column: span 6 !important;
  min-width: 0 !important;
  gap: 7px !important;
}

#internal-transfer-modal #internal-transfer-form > label:nth-of-type(3),
#internal-transfer-modal #internal-transfer-form > label:nth-of-type(4),
#internal-transfer-modal #internal-transfer-destination-amount-wrap,
#internal-transfer-modal #internal-transfer-executed-rate-wrap,
#internal-transfer-modal #internal-transfer-destination-currency-wrap {
  grid-column: span 4 !important;
}

#internal-transfer-modal #internal-transfer-form > label.full-span,
#internal-transfer-modal #internal-transfer-form > .full-span {
  grid-column: 1 / -1 !important;
}

#internal-transfer-modal .internal-transfer-route-card {
  display: grid !important;
  grid-template-columns: minmax(140px, 0.28fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 12px 15px !important;
  border-radius: 15px !important;
}

#internal-transfer-modal .internal-transfer-route-card strong {
  white-space: nowrap !important;
  font-size: 0.96rem !important;
}

#internal-transfer-modal .internal-transfer-route-card span {
  max-width: none !important;
  font-size: 0.82rem !important;
  line-height: 1.28 !important;
}

#internal-transfer-modal label > span:first-child,
#internal-transfer-modal .receipt-composer-label {
  font-size: 0.82rem !important;
  line-height: 1.2 !important;
}

#internal-transfer-modal input,
#internal-transfer-modal select,
#internal-transfer-modal .search-select-trigger {
  min-height: 46px !important;
  border-radius: 14px !important;
  font-size: 0.94rem !important;
}

#internal-transfer-modal .search-select-trigger-text {
  font-size: 0.94rem !important;
  font-weight: 750 !important;
}

#internal-transfer-modal .search-select-flag {
  width: 30px !important;
  height: 22px !important;
  border-radius: 7px !important;
}

#internal-transfer-modal .search-select-option {
  min-height: 48px !important;
}

#internal-transfer-modal .search-select-panel {
  max-height: min(360px, 52dvh) !important;
  z-index: 90 !important;
}

#internal-transfer-modal .transfer-account-balance-card {
  min-height: 58px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  gap: 3px !important;
}

#internal-transfer-modal .transfer-account-balance-card strong {
  font-size: 0.9rem !important;
  line-height: 1.16 !important;
}

#internal-transfer-modal .transfer-account-balance-card span,
#internal-transfer-modal .transfer-account-balance-card small {
  font-size: 0.76rem !important;
  line-height: 1.2 !important;
}

#internal-transfer-modal #internal-transfer-preview {
  min-height: 74px !important;
  padding: 13px 15px !important;
  margin-top: 0 !important;
  border-radius: 15px !important;
}

#internal-transfer-modal #internal-transfer-preview .transfer-execution-grid {
  gap: 10px !important;
}

#internal-transfer-modal #internal-transfer-preview .transfer-execution-badge {
  margin-bottom: 8px !important;
}

#internal-transfer-modal .internal-transfer-receipt-card {
  padding: 13px 15px !important;
  gap: 10px !important;
  border-radius: 16px !important;
}

#internal-transfer-modal .receipt-composer-head-row {
  align-items: center !important;
  gap: 12px !important;
}

#internal-transfer-modal .receipt-composer-head strong {
  font-size: 0.96rem !important;
}

#internal-transfer-modal .receipt-composer-head .row-sub,
#internal-transfer-modal .receipt-composer-filehint,
#internal-transfer-modal .receipt-composer-link .row-sub {
  font-size: 0.78rem !important;
  line-height: 1.26 !important;
}

#internal-transfer-modal .receipt-composer-grid {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.62fr) !important;
  gap: 11px !important;
}

#internal-transfer-modal .receipt-composer-drop,
#internal-transfer-modal .receipt-composer-link-card {
  min-height: 104px !important;
  padding: 11px 12px !important;
  border-radius: 14px !important;
}

#internal-transfer-modal .receipt-composer-actions {
  gap: 8px !important;
}

#internal-transfer-modal .receipt-composer .ghost-button,
#internal-transfer-modal .receipt-file-trigger {
  min-height: 34px !important;
  padding: 7px 10px !important;
}

#internal-transfer-modal .modal-card #internal-transfer-form .form-actions {
  position: static !important;
  bottom: auto !important;
  z-index: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 8px 0 0 !important;
  padding: 13px 0 0 !important;
  border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
  background: transparent !important;
  box-shadow: none !important;
}

#internal-transfer-modal #internal-transfer-form .form-actions > button {
  min-height: 42px !important;
  padding: 10px 14px !important;
}

:root[data-theme="light"] #internal-transfer-modal:not(.hidden) {
  background:
    radial-gradient(circle at 50% 0%, rgba(201, 166, 107, 0.12), transparent 34%),
    rgba(15, 23, 42, 0.28) !important;
}

:root[data-theme="light"] #internal-transfer-modal .internal-transfer-modal-card > .panel-head {
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 166, 107, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(241, 247, 252, 0.98), rgba(232, 241, 249, 0.94)) !important;
}

:root[data-theme="light"] #internal-transfer-modal .modal-card #internal-transfer-form .form-actions {
  background: transparent !important;
}

@media (min-width: 1500px) {
  #internal-transfer-modal .internal-transfer-modal-card {
    width: min(1180px, calc(100vw - 56px)) !important;
  }
}

@media (max-width: 1180px) {
  #internal-transfer-modal .internal-transfer-modal-card {
    width: min(100vw - 18px, 1040px) !important;
    max-width: calc(100vw - 18px) !important;
    max-height: min(92dvh, calc(100dvh - 12px)) !important;
  }

  #internal-transfer-modal #internal-transfer-form > label:nth-of-type(3),
  #internal-transfer-modal #internal-transfer-form > label:nth-of-type(4),
  #internal-transfer-modal #internal-transfer-destination-amount-wrap,
  #internal-transfer-modal #internal-transfer-executed-rate-wrap,
  #internal-transfer-modal #internal-transfer-destination-currency-wrap {
    grid-column: span 6 !important;
  }
}

@media (max-width: 820px) {
  #internal-transfer-modal .internal-transfer-modal-card > .panel-head,
  #internal-transfer-modal .internal-transfer-route-card,
  #internal-transfer-modal .receipt-composer-grid {
    grid-template-columns: 1fr !important;
  }

  #internal-transfer-modal #internal-transfer-form {
    grid-template-columns: 1fr !important;
  }

  #internal-transfer-modal #internal-transfer-form > label,
  #internal-transfer-modal #internal-transfer-form > label:nth-of-type(3),
  #internal-transfer-modal #internal-transfer-form > label:nth-of-type(4),
  #internal-transfer-modal #internal-transfer-destination-amount-wrap,
  #internal-transfer-modal #internal-transfer-executed-rate-wrap,
  #internal-transfer-modal #internal-transfer-destination-currency-wrap,
  #internal-transfer-modal #internal-transfer-form > .full-span {
    grid-column: 1 / -1 !important;
  }

  #internal-transfer-modal .receipt-composer-head-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #internal-transfer-modal .modal-card #internal-transfer-form .form-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #internal-transfer-modal .modal-card #internal-transfer-form .form-actions > button {
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  #internal-transfer-modal:not(.hidden) {
    padding: 0 !important;
    place-items: end stretch !important;
  }

  #internal-transfer-modal .internal-transfer-modal-card {
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 98dvh !important;
    border-radius: 18px 18px 0 0 !important;
  }
}

/* Modal content phase 9: corrections and reversals preview */
#correction-preview-modal:not(.hidden) {
  padding: clamp(10px, 2vw, 18px);
  align-items: center;
  justify-items: center;
}

#correction-preview-modal .correction-preview-modal-card {
  width: min(860px, calc(100vw - 40px)) !important;
  max-width: calc(100vw - 40px);
  max-height: min(88dvh, calc(100dvh - 24px)) !important;
  min-height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: clamp(16px, 1.25vw, 22px);
  border-radius: 20px;
}

#correction-preview-modal .correction-preview-modal-card > .panel-head {
  position: sticky;
  top: 0;
  z-index: 4;
  min-height: 82px;
  margin: calc(clamp(16px, 1.25vw, 22px) * -1) calc(clamp(16px, 1.25vw, 22px) * -1) 14px;
  padding: 18px clamp(18px, 1.6vw, 24px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background:
    linear-gradient(135deg, rgba(23, 34, 50, 0.98), rgba(14, 22, 32, 0.94));
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

#correction-preview-modal .correction-preview-modal-card > .panel-head .eyebrow {
  margin-bottom: 6px;
  font-size: 0.68rem;
  letter-spacing: 0.22em;
}

#correction-preview-modal .correction-preview-modal-card > .panel-head h2 {
  margin: 0;
  font-size: clamp(1.55rem, 1.25rem + 0.6vw, 2rem);
  line-height: 1.05;
  letter-spacing: 0;
}

#correction-preview-modal .correction-preview-modal-card > .panel-head .ghost-button {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
}

#correction-preview-modal #correction-preview-body {
  flex: 0 1 auto;
  max-height: min(34dvh, 310px);
  min-height: 0;
  overflow: auto;
  gap: 10px;
  padding: 0 4px 8px 0;
}

#correction-preview-modal #correction-preview-body .detail-stack {
  gap: 10px;
}

#correction-preview-modal #correction-preview-body .detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#correction-preview-modal #correction-preview-body .detail-card {
  min-width: 0;
  min-height: 62px;
  padding: 12px 14px;
  border-radius: 14px;
  overflow-wrap: anywhere;
}

#correction-preview-modal #correction-preview-body .detail-card strong {
  font-size: 0.96rem;
  line-height: 1.2;
}

#correction-preview-modal #correction-preview-body .detail-card span {
  margin-top: 4px;
  font-size: 0.9rem;
  line-height: 1.35;
}

#correction-preview-modal #correction-preview-body .warning-card {
  border-color: rgba(220, 178, 107, 0.5);
  background:
    linear-gradient(135deg, rgba(220, 178, 107, 0.16), rgba(14, 22, 32, 0.9));
}

#correction-preview-modal #correction-preview-body .success-card {
  border-color: rgba(54, 211, 153, 0.42);
  background:
    linear-gradient(135deg, rgba(28, 120, 92, 0.18), rgba(14, 22, 32, 0.9));
}

#correction-preview-modal #correction-case-form {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px 14px;
  margin: 4px 0 0;
  padding: 14px 4px 0 0;
  border-top: 1px solid rgba(148, 163, 184, 0.16);
}

#correction-preview-modal #correction-case-form > label {
  grid-column: span 6;
  min-width: 0;
  gap: 7px;
}

#correction-preview-modal #correction-case-form > label.full-span,
#correction-preview-modal #correction-case-form > .full-span {
  grid-column: 1 / -1;
}

#correction-preview-modal #correction-case-form label > span {
  font-size: 0.78rem;
  letter-spacing: 0.02em;
}

#correction-preview-modal #correction-case-form input,
#correction-preview-modal #correction-case-form select,
#correction-preview-modal #correction-case-form textarea {
  min-height: 46px;
  border-radius: 14px;
  font-size: 0.94rem;
}

#correction-preview-modal #correction-case-form textarea {
  min-height: 86px;
  resize: vertical;
  line-height: 1.35;
}

#correction-preview-modal #correction-case-form .form-actions {
  position: static;
  justify-content: flex-end;
  gap: 10px;
  margin: 2px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  background: transparent;
  box-shadow: none;
}

#correction-preview-modal #correction-case-form .form-actions > button {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
}

:root[data-theme="light"] #correction-preview-modal .correction-preview-modal-card > .panel-head {
  background:
    linear-gradient(135deg, rgba(239, 246, 252, 0.98), rgba(232, 241, 249, 0.94));
  border-bottom-color: rgba(148, 163, 184, 0.22);
}

:root[data-theme="light"] #correction-preview-modal #correction-preview-body .warning-card {
  background:
    linear-gradient(135deg, rgba(220, 178, 107, 0.17), rgba(255, 255, 255, 0.96));
}

:root[data-theme="light"] #correction-preview-modal #correction-preview-body .success-card {
  background:
    linear-gradient(135deg, rgba(19, 134, 100, 0.12), rgba(255, 255, 255, 0.96));
}

@media (max-width: 820px) {
  #correction-preview-modal .correction-preview-modal-card {
    width: min(720px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px);
    max-height: min(92dvh, calc(100dvh - 16px)) !important;
  }

  #correction-preview-modal .correction-preview-modal-card > .panel-head {
    min-height: 76px;
    padding: 16px 18px;
  }

  #correction-preview-modal #correction-preview-body {
    max-height: min(30dvh, 260px);
  }

  #correction-preview-modal #correction-preview-body .detail-grid,
  #correction-preview-modal #correction-case-form {
    grid-template-columns: 1fr;
  }

  #correction-preview-modal #correction-case-form > label,
  #correction-preview-modal #correction-case-form > label.full-span,
  #correction-preview-modal #correction-case-form > .full-span {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  #correction-preview-modal:not(.hidden) {
    padding: 0;
    align-items: end;
  }

  #correction-preview-modal .correction-preview-modal-card {
    width: 100vw !important;
    max-width: 100vw;
    max-height: 96dvh !important;
    border-radius: 18px 18px 0 0;
  }

  #correction-preview-modal .correction-preview-modal-card > .panel-head {
    align-items: flex-start;
    gap: 12px;
  }

  #correction-preview-modal .correction-preview-modal-card > .panel-head h2 {
    font-size: 1.45rem;
  }

  #correction-preview-modal .correction-preview-modal-card > .panel-head .ghost-button {
    min-height: 38px;
    padding: 0 14px;
  }

  #correction-preview-modal #correction-case-form .form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  #correction-preview-modal #correction-case-form .form-actions > button {
    width: 100%;
  }
}

/* Module phase 10: corrections control room */
#view-corrections .corrections-layout {
  align-items: start;
}

#view-corrections .corrections-stage {
  gap: 16px;
  padding: clamp(16px, 1.45vw, 24px);
  border-radius: 22px;
}

#view-corrections .corrections-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

#view-corrections .corrections-kpis .metric-card {
  min-height: 94px;
  padding: 15px 17px;
  border-radius: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "label value"
    "copy value";
  align-items: center;
  gap: 6px 14px;
  overflow: hidden;
}

#view-corrections .corrections-kpis .metric-card::after {
  content: "";
  position: absolute;
  inset: auto 12px 10px 12px;
  height: 1px;
  background: linear-gradient(90deg, rgba(220, 178, 107, 0.46), rgba(148, 163, 184, 0));
  opacity: 0.62;
}

#view-corrections .corrections-kpis .metric-label {
  grid-area: label;
  font-size: 0.7rem;
  line-height: 1.1;
  letter-spacing: 0.14em;
  white-space: normal;
}

#view-corrections .corrections-kpis .metric-card strong {
  grid-area: value;
  font-size: clamp(2rem, 2.1vw, 2.55rem);
  line-height: 0.95;
  justify-self: end;
}

#view-corrections .corrections-kpis .metric-card p {
  grid-area: copy;
  display: block;
  margin: 0;
  max-width: 42ch;
  color: var(--text-muted);
  font-size: 0.79rem;
  line-height: 1.28;
}

#view-corrections .corrections-toolbar {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(170px, 220px) minmax(190px, 250px) auto;
  gap: 12px;
  align-items: end;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    var(--panel);
}

#view-corrections .corrections-toolbar label {
  min-width: 0;
  gap: 6px;
}

#view-corrections .corrections-toolbar input,
#view-corrections .corrections-toolbar select,
#view-corrections .corrections-toolbar .search-select-trigger {
  min-height: 44px;
  border-radius: 14px;
  font-size: 0.93rem;
}

#view-corrections .corrections-toolbar .operator-history-button {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  white-space: nowrap;
}

#view-corrections .corrections-preflight-card {
  padding: 16px;
  gap: 12px;
  border-radius: 20px;
  border: 1px solid rgba(220, 178, 107, 0.18);
  background:
    linear-gradient(135deg, rgba(220, 178, 107, 0.08), rgba(255, 255, 255, 0.018)),
    var(--panel);
}

#view-corrections .corrections-preflight-card > strong {
  font-size: 1.08rem;
  line-height: 1.2;
}

#view-corrections .corrections-preflight-card > span {
  display: block;
  max-width: 82ch;
  color: var(--text-muted);
  font-size: 0.9rem;
  line-height: 1.35;
}

#view-corrections .corrections-preview-form {
  display: grid;
  grid-template-columns: minmax(180px, 0.55fr) minmax(320px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.025);
}

#view-corrections .corrections-preview-form label {
  min-width: 0;
  gap: 6px;
}

#view-corrections .corrections-preview-form input,
#view-corrections .corrections-preview-form select,
#view-corrections .corrections-preview-form .search-select-trigger {
  min-height: 44px;
  border-radius: 14px;
  font-size: 0.93rem;
}

#view-corrections .corrections-preview-form button {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  white-space: nowrap;
}

#view-corrections .correction-operation-results,
#view-corrections .corrections-audit-store {
  margin-top: 2px;
  min-height: 230px;
  max-height: min(48dvh, 560px);
  overflow: auto;
  border-radius: 18px;
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--surface);
}

#view-corrections .correction-operation-results table,
#view-corrections .corrections-audit-store table {
  table-layout: fixed;
  width: 100%;
  min-width: 1060px;
}

#view-corrections .correction-operation-results th,
#view-corrections .corrections-audit-store th {
  height: 46px;
  padding: 0 14px;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  white-space: nowrap;
}

#view-corrections .correction-operation-results td,
#view-corrections .corrections-audit-store td {
  padding: 12px 14px;
  vertical-align: middle;
}

#view-corrections .correction-operation-results th:nth-child(1),
#view-corrections .correction-operation-results td:nth-child(1) {
  width: 13%;
}

#view-corrections .correction-operation-results th:nth-child(2),
#view-corrections .correction-operation-results td:nth-child(2) {
  width: 20%;
}

#view-corrections .correction-operation-results th:nth-child(3),
#view-corrections .correction-operation-results td:nth-child(3) {
  width: 22%;
}

#view-corrections .correction-operation-results th:nth-child(4),
#view-corrections .correction-operation-results td:nth-child(4) {
  width: 13%;
}

#view-corrections .correction-operation-results th:nth-child(5),
#view-corrections .correction-operation-results td:nth-child(5) {
  width: 22%;
}

#view-corrections .correction-operation-results th:nth-child(6),
#view-corrections .correction-operation-results td:nth-child(6) {
  width: 10%;
  text-align: right;
}

#view-corrections .corrections-audit-store th:nth-child(1),
#view-corrections .corrections-audit-store td:nth-child(1) {
  width: 12%;
}

#view-corrections .corrections-audit-store th:nth-child(2),
#view-corrections .corrections-audit-store td:nth-child(2) {
  width: 19%;
}

#view-corrections .corrections-audit-store th:nth-child(3),
#view-corrections .corrections-audit-store td:nth-child(3) {
  width: 13%;
}

#view-corrections .corrections-audit-store th:nth-child(4),
#view-corrections .corrections-audit-store td:nth-child(4) {
  width: 20%;
}

#view-corrections .corrections-audit-store th:nth-child(5),
#view-corrections .corrections-audit-store td:nth-child(5) {
  width: 19%;
}

#view-corrections .corrections-audit-store th:nth-child(6),
#view-corrections .corrections-audit-store td:nth-child(6) {
  width: 10%;
}

#view-corrections .corrections-audit-store th:nth-child(7),
#view-corrections .corrections-audit-store td:nth-child(7) {
  width: 7%;
  text-align: right;
}

#view-corrections tr.correction-operation-row,
#view-corrections tr.correction-row {
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

#view-corrections .row-main {
  font-size: 0.96rem;
  line-height: 1.2;
}

#view-corrections .row-sub {
  margin-top: 4px;
  font-size: 0.8rem;
  line-height: 1.28;
  color: var(--text-muted);
}

#view-corrections .correction-governance-label {
  font-weight: 800;
}

#view-corrections .inline-button {
  min-height: 36px;
  padding: 0 13px;
  border-radius: 999px;
  white-space: nowrap;
}

#view-corrections .empty-state.compact {
  min-height: 210px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 6px;
  text-align: center;
}

:root[data-theme="light"] #view-corrections .corrections-toolbar,
:root[data-theme="light"] #view-corrections .corrections-preflight-card,
:root[data-theme="light"] #view-corrections .correction-operation-results,
:root[data-theme="light"] #view-corrections .corrections-audit-store {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
    #ffffff;
}

:root[data-theme="light"] #view-corrections .corrections-preview-form {
  background: rgba(248, 250, 252, 0.72);
}

@media (max-width: 1500px) {
  #view-corrections .corrections-stage {
    padding: 16px;
    gap: 14px;
  }

  #view-corrections .corrections-kpis .metric-card {
    min-height: 86px;
    padding: 13px 15px;
  }

  #view-corrections .corrections-kpis .metric-card p {
    display: none;
  }

  #view-corrections .corrections-preview-form {
    grid-template-columns: minmax(165px, 230px) minmax(280px, 1fr) repeat(2, auto);
  }
}

@media (max-width: 1180px) {
  #view-corrections .corrections-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #view-corrections .corrections-kpis .metric-card {
    min-height: 76px !important;
    padding: 12px 13px !important;
  }

  #view-corrections .corrections-kpis .metric-label {
    font-size: 0.64rem !important;
    letter-spacing: 0.11em !important;
  }

  #view-corrections .corrections-kpis .metric-card strong {
    font-size: 1.72rem !important;
  }

  #view-corrections .corrections-toolbar {
    grid-template-columns: minmax(240px, 1fr) repeat(2, minmax(150px, 200px)) auto !important;
    gap: 10px !important;
  }

  #view-corrections .corrections-preview-form {
    grid-template-columns: minmax(160px, 220px) minmax(260px, 1fr) repeat(2, auto) !important;
  }
}

@media (max-width: 900px) {
  #view-corrections .corrections-kpis {
    grid-template-columns: 1fr !important;
  }

  #view-corrections .corrections-toolbar,
  #view-corrections .corrections-preview-form {
    grid-template-columns: 1fr 1fr !important;
  }

  #view-corrections .corrections-toolbar .search-field,
  #view-corrections .corrections-preview-form label:nth-child(2) {
    grid-column: 1 / -1;
  }

  #view-corrections .corrections-toolbar .operator-history-button,
  #view-corrections .corrections-preview-form button {
    width: 100%;
  }
}

@media (max-width: 700px) {
  #view-corrections .corrections-stage {
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 18px !important;
  }

  #view-corrections .corrections-kpis {
    grid-template-columns: 1fr !important;
  }

  #view-corrections .corrections-kpis .metric-card {
    min-height: 68px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 12px !important;
  }

  #view-corrections .corrections-toolbar,
  #view-corrections .corrections-preview-form {
    grid-template-columns: 1fr !important;
    padding: 11px !important;
    gap: 10px !important;
  }

  #view-corrections .corrections-preflight-card {
    padding: 12px !important;
    border-radius: 18px !important;
  }

  #view-corrections .correction-operation-results,
  #view-corrections .corrections-audit-store {
    min-height: 0 !important;
    max-height: none !important;
  }

  #view-corrections tr.correction-operation-row,
  #view-corrections tr.correction-row {
    gap: 9px !important;
    padding: 13px !important;
  }

  #view-corrections .inline-button {
    width: 100%;
    justify-content: center;
  }
}

/* Module phase 11: exchange variance control room */
#view-fx-variances .operator-stage {
  gap: 16px;
  padding: clamp(16px, 1.45vw, 24px);
  border-radius: 22px;
}

#view-fx-variances .operator-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

#view-fx-variances .operator-kpis .metric-card {
  position: relative;
  min-height: 98px;
  padding: 15px 16px;
  border-radius: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 7px;
  overflow: hidden;
}

#view-fx-variances .operator-kpis .metric-card::after {
  content: "";
  position: absolute;
  inset: auto 14px 10px 14px;
  height: 1px;
  background: linear-gradient(90deg, rgba(220, 178, 107, 0.5), rgba(148, 163, 184, 0));
  opacity: 0.62;
}

#view-fx-variances .operator-kpis .metric-label {
  margin: 0;
  font-size: 0.68rem;
  line-height: 1.1;
  letter-spacing: 0.14em;
}

#view-fx-variances .operator-kpis .metric-card strong {
  margin: 0;
  font-size: clamp(1.45rem, 1.55vw, 2.05rem);
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

#view-fx-variances .operator-kpis .metric-card p {
  display: block;
  margin: 0;
  color: var(--text-muted);
  font-size: 0.78rem;
  line-height: 1.28;
}

#view-fx-variances .operator-toolbar {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) repeat(3, minmax(150px, 210px));
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    var(--panel);
}

#view-fx-variances .operator-toolbar label {
  min-width: 0;
  gap: 6px;
}

#view-fx-variances .operator-toolbar input,
#view-fx-variances .operator-toolbar select,
#view-fx-variances .operator-toolbar .search-select-trigger {
  min-height: 44px;
  border-radius: 14px;
  font-size: 0.93rem;
}

#view-fx-variances #fx-variances-table {
  min-height: 360px;
  max-height: min(58dvh, 680px);
  overflow: auto;
  border-radius: 20px;
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--surface);
}

#view-fx-variances #fx-variances-table table {
  table-layout: fixed;
  width: 100%;
  min-width: 1280px;
}

#view-fx-variances #fx-variances-table th {
  height: 48px;
  padding: 0 13px;
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  white-space: nowrap;
}

#view-fx-variances #fx-variances-table td {
  padding: 12px 13px;
  vertical-align: middle;
}

#view-fx-variances #fx-variances-table th:nth-child(1),
#view-fx-variances #fx-variances-table td:nth-child(1) { width: 12%; }
#view-fx-variances #fx-variances-table th:nth-child(2),
#view-fx-variances #fx-variances-table td:nth-child(2) { width: 9%; }
#view-fx-variances #fx-variances-table th:nth-child(3),
#view-fx-variances #fx-variances-table td:nth-child(3) { width: 13%; }
#view-fx-variances #fx-variances-table th:nth-child(4),
#view-fx-variances #fx-variances-table td:nth-child(4) { width: 18%; }
#view-fx-variances #fx-variances-table th:nth-child(5),
#view-fx-variances #fx-variances-table td:nth-child(5) { width: 14%; }
#view-fx-variances #fx-variances-table th:nth-child(6),
#view-fx-variances #fx-variances-table td:nth-child(6) { width: 13%; }
#view-fx-variances #fx-variances-table th:nth-child(7),
#view-fx-variances #fx-variances-table td:nth-child(7) { width: 10%; text-align: right; }
#view-fx-variances #fx-variances-table th:nth-child(8),
#view-fx-variances #fx-variances-table td:nth-child(8) { width: 13%; text-align: right; }
#view-fx-variances #fx-variances-table th:nth-child(9),
#view-fx-variances #fx-variances-table td:nth-child(9) { width: 8%; text-align: right; }

#view-fx-variances tr.fx-variance-row {
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

#view-fx-variances tr.fx-variance-row-gain {
  background: linear-gradient(90deg, rgba(24, 118, 92, 0.13), rgba(14, 22, 32, 0.015));
}

#view-fx-variances tr.fx-variance-row-loss {
  background: linear-gradient(90deg, rgba(134, 54, 62, 0.15), rgba(14, 22, 32, 0.015));
}

#view-fx-variances tr.fx-variance-row-revaluation {
  box-shadow: inset 3px 0 0 rgba(220, 178, 107, 0.55);
}

#view-fx-variances .row-main {
  font-size: 0.94rem;
  line-height: 1.18;
}

#view-fx-variances .row-sub {
  margin-top: 4px;
  color: var(--text-muted);
  font-size: 0.78rem;
  line-height: 1.28;
}

#view-fx-variances #fx-variances-table td:nth-child(7) .row-main,
#view-fx-variances #fx-variances-table td:nth-child(8) .row-main {
  font-size: 0.98rem;
  font-weight: 800;
}

#view-fx-variances #fx-variances-table .status-chip {
  justify-content: center;
}

#view-fx-variances .empty-state {
  min-height: 320px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 6px;
  text-align: center;
}

:root[data-theme="light"] #view-fx-variances .operator-toolbar,
:root[data-theme="light"] #view-fx-variances #fx-variances-table {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
    #ffffff;
}

:root[data-theme="light"] #view-fx-variances tr.fx-variance-row-gain {
  background: linear-gradient(90deg, rgba(19, 134, 100, 0.1), rgba(255, 255, 255, 0));
}

:root[data-theme="light"] #view-fx-variances tr.fx-variance-row-loss {
  background: linear-gradient(90deg, rgba(190, 73, 82, 0.11), rgba(255, 255, 255, 0));
}

@media (max-width: 1500px) {
  #view-fx-variances .operator-stage {
    padding: 16px;
    gap: 14px;
  }

  #view-fx-variances .operator-kpis {
    gap: 10px;
  }

  #view-fx-variances .operator-kpis .metric-card {
    min-height: 84px;
    padding: 13px 14px;
  }

  #view-fx-variances .operator-kpis .metric-card p {
    display: none;
  }
}

@media (max-width: 1180px) {
  #view-fx-variances .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #view-fx-variances .operator-kpis .metric-card {
    min-height: 74px !important;
    padding: 12px 13px !important;
  }

  #view-fx-variances .operator-kpis .metric-card strong {
    font-size: 1.58rem !important;
  }

  #view-fx-variances .operator-toolbar {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(135px, 180px)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 900px) {
  #view-fx-variances .operator-toolbar {
    grid-template-columns: 1fr 1fr !important;
  }

  #view-fx-variances .operator-toolbar .search-field {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  #view-fx-variances .operator-stage {
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 18px !important;
  }

  #view-fx-variances .operator-kpis {
    grid-template-columns: 1fr !important;
  }

  #view-fx-variances .operator-kpis .metric-card {
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 6px 10px !important;
  }

  #view-fx-variances .operator-kpis .metric-card strong {
    justify-self: end;
  }

  #view-fx-variances .operator-toolbar {
    grid-template-columns: 1fr !important;
    padding: 11px !important;
  }

  #view-fx-variances #fx-variances-table {
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-fx-variances #fx-variances-table tbody {
    display: grid !important;
    gap: 10px !important;
  }

  #view-fx-variances tr.fx-variance-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px 10px !important;
    padding: 13px !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
  }

  #view-fx-variances tr.fx-variance-row td {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-fx-variances tr.fx-variance-row td:nth-child(1),
  #view-fx-variances tr.fx-variance-row td:nth-child(2),
  #view-fx-variances tr.fx-variance-row td:nth-child(3),
  #view-fx-variances tr.fx-variance-row td:nth-child(4),
  #view-fx-variances tr.fx-variance-row td:nth-child(5),
  #view-fx-variances tr.fx-variance-row td:nth-child(6),
  #view-fx-variances tr.fx-variance-row td:nth-child(7),
  #view-fx-variances tr.fx-variance-row td:nth-child(8),
  #view-fx-variances tr.fx-variance-row td:nth-child(9) {
    width: auto !important;
  }

  #view-fx-variances tr.fx-variance-row td:nth-child(1) {
    grid-column: 1 / -1;
  }

  #view-fx-variances tr.fx-variance-row td:nth-child(7),
  #view-fx-variances tr.fx-variance-row td:nth-child(8) {
    padding-top: 8px !important;
    border-top: 1px solid var(--line) !important;
  }

  #view-fx-variances tr.fx-variance-row td:nth-child(9) {
    justify-self: end;
  }

  :root[data-theme="light"] #view-fx-variances tr.fx-variance-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92)),
      #ffffff !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important;
  }
}

/* Module phase 12: benefits and points control room */
#view-benefits .benefits-stage {
  gap: 16px;
  padding: clamp(16px, 1.45vw, 24px);
  border-radius: 22px;
}

#view-benefits .benefits-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

#view-benefits .benefits-kpis .metric-card {
  position: relative;
  min-height: 96px;
  padding: 15px 16px;
  border-radius: 16px;
  display: grid;
  align-content: start;
  gap: 7px;
  overflow: hidden;
}

#view-benefits .benefits-kpis .metric-card::after {
  content: "";
  position: absolute;
  inset: auto 14px 10px 14px;
  height: 1px;
  background: linear-gradient(90deg, rgba(220, 178, 107, 0.5), rgba(148, 163, 184, 0));
  opacity: 0.62;
}

#view-benefits .benefits-kpis .metric-label {
  margin: 0;
  font-size: 0.68rem;
  line-height: 1.1;
  letter-spacing: 0.14em;
}

#view-benefits .benefits-kpis .metric-card strong {
  margin: 0;
  font-size: clamp(1.55rem, 1.6vw, 2.05rem);
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

#view-benefits .benefits-kpis .metric-card p {
  display: block;
  margin: 0;
  color: var(--text-muted);
  font-size: 0.78rem;
  line-height: 1.28;
}

#view-benefits .benefits-toolbar {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(180px, 240px) auto;
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    var(--panel);
}

#view-benefits .benefits-toolbar label {
  min-width: 0;
  gap: 6px;
}

#view-benefits .benefits-toolbar input,
#view-benefits .benefits-toolbar select,
#view-benefits .benefits-toolbar .search-select-trigger {
  min-height: 44px;
  border-radius: 14px;
  font-size: 0.93rem;
}

#view-benefits .benefits-toolbar .operator-history-button {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  white-space: nowrap;
}

#view-benefits .benefits-settings-form {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(210px, 0.95fr) repeat(3, minmax(150px, 1fr)) auto;
  gap: 11px;
  align-items: end;
  padding: 13px;
  border: 1px solid rgba(220, 178, 107, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(220, 178, 107, 0.08), rgba(255, 255, 255, 0.018)),
    var(--panel);
}

#view-benefits .benefits-settings-form .settings-intro {
  display: none;
}

#view-benefits .benefits-settings-form label {
  min-width: 0;
  gap: 6px;
}

#view-benefits .benefits-settings-form input,
#view-benefits .benefits-settings-form select,
#view-benefits .benefits-settings-form .search-select-trigger {
  min-height: 44px;
  border-radius: 14px;
  font-size: 0.93rem;
}

#view-benefits .benefits-settings-form .form-actions {
  grid-column: auto;
  align-self: end;
  margin: 0;
  padding: 0;
  border: 0;
}

#view-benefits .benefits-settings-form .primary-button {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  white-space: nowrap;
}

#view-benefits .benefits-settings-form.is-readonly {
  opacity: 0.82;
}

#view-benefits .benefits-split {
  display: grid;
  grid-template-columns: minmax(390px, 0.92fr) minmax(520px, 1.08fr);
  gap: 16px;
  align-items: start;
}

#view-benefits .benefits-split > div {
  min-width: 0;
  display: grid;
  gap: 10px;
}

#view-benefits .benefits-split .inline-head {
  margin: 0;
  min-height: 48px;
  padding: 0 2px;
  align-items: end;
}

#view-benefits .benefits-split .inline-head h3 {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.15;
}

#view-benefits #benefits-clients-table,
#view-benefits #benefits-ledger-table {
  min-height: 330px;
  max-height: min(52dvh, 620px);
  overflow: auto;
  border-radius: 20px;
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--surface);
}

#view-benefits #benefits-clients-table table,
#view-benefits #benefits-ledger-table table {
  table-layout: fixed;
  width: 100%;
}

#view-benefits #benefits-clients-table table {
  min-width: 620px;
}

#view-benefits #benefits-ledger-table table {
  min-width: 760px;
}

#view-benefits #benefits-clients-table th,
#view-benefits #benefits-ledger-table th {
  height: 46px;
  padding: 0 13px;
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  white-space: nowrap;
}

#view-benefits #benefits-clients-table td,
#view-benefits #benefits-ledger-table td {
  padding: 12px 13px;
  vertical-align: middle;
}

#view-benefits #benefits-clients-table th:nth-child(1),
#view-benefits #benefits-clients-table td:nth-child(1) { width: 38%; }
#view-benefits #benefits-clients-table th:nth-child(2),
#view-benefits #benefits-clients-table td:nth-child(2) { width: 18%; text-align: right; }
#view-benefits #benefits-clients-table th:nth-child(3),
#view-benefits #benefits-clients-table td:nth-child(3) { width: 18%; text-align: right; }
#view-benefits #benefits-clients-table th:nth-child(4),
#view-benefits #benefits-clients-table td:nth-child(4) { width: 26%; }

#view-benefits #benefits-ledger-table th:nth-child(1),
#view-benefits #benefits-ledger-table td:nth-child(1) { width: 16%; }
#view-benefits #benefits-ledger-table th:nth-child(2),
#view-benefits #benefits-ledger-table td:nth-child(2) { width: 22%; }
#view-benefits #benefits-ledger-table th:nth-child(3),
#view-benefits #benefits-ledger-table td:nth-child(3) { width: 15%; }
#view-benefits #benefits-ledger-table th:nth-child(4),
#view-benefits #benefits-ledger-table td:nth-child(4) { width: 12%; text-align: right; }
#view-benefits #benefits-ledger-table th:nth-child(5),
#view-benefits #benefits-ledger-table td:nth-child(5) { width: 15%; text-align: right; }
#view-benefits #benefits-ledger-table th:nth-child(6),
#view-benefits #benefits-ledger-table td:nth-child(6) { width: 20%; }

#view-benefits tr.benefit-client-row,
#view-benefits tr.benefit-ledger-row {
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

#view-benefits tr.benefit-ledger-row.table-row-reversed {
  background: linear-gradient(90deg, rgba(134, 54, 62, 0.16), rgba(14, 22, 32, 0.015));
}

#view-benefits .row-main {
  font-size: 0.94rem;
  line-height: 1.18;
}

#view-benefits .row-sub {
  margin-top: 4px;
  color: var(--text-muted);
  font-size: 0.78rem;
  line-height: 1.28;
}

#view-benefits #benefits-clients-table td:nth-child(2) .row-main,
#view-benefits #benefits-clients-table td:nth-child(3) .row-main,
#view-benefits #benefits-ledger-table td:nth-child(4) .row-main,
#view-benefits #benefits-ledger-table td:nth-child(5) .row-main {
  font-weight: 800;
  white-space: nowrap;
}

#view-benefits .empty-state {
  min-height: 300px;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 6px;
  text-align: center;
}

:root[data-theme="light"] #view-benefits .benefits-toolbar,
:root[data-theme="light"] #view-benefits .benefits-settings-form,
:root[data-theme="light"] #view-benefits #benefits-clients-table,
:root[data-theme="light"] #view-benefits #benefits-ledger-table {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
    #ffffff;
}

:root[data-theme="light"] #view-benefits tr.benefit-ledger-row.table-row-reversed {
  background: linear-gradient(90deg, rgba(190, 73, 82, 0.1), rgba(255, 255, 255, 0));
}

@media (max-width: 1500px) {
  #view-benefits .benefits-stage {
    padding: 16px;
    gap: 14px;
  }

  #view-benefits .benefits-kpis {
    gap: 10px;
  }

  #view-benefits .benefits-kpis .metric-card {
    min-height: 82px;
    padding: 13px 14px;
  }

  #view-benefits .benefits-kpis .metric-card p {
    display: none;
  }

  #view-benefits .benefits-split {
    grid-template-columns: 1fr;
  }

  #view-benefits #benefits-clients-table,
  #view-benefits #benefits-ledger-table {
    max-height: min(44dvh, 440px);
  }
}

@media (max-width: 1280px) {
  #view-benefits .benefits-split {
    grid-template-columns: 1fr;
  }

  #view-benefits #benefits-clients-table,
  #view-benefits #benefits-ledger-table {
    max-height: min(44dvh, 440px);
  }
}

@media (max-width: 1180px) {
  #view-benefits .benefits-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #view-benefits .benefits-kpis .metric-card {
    min-height: 72px !important;
    padding: 12px 13px !important;
  }

  #view-benefits .benefits-kpis .metric-card strong {
    font-size: 1.55rem !important;
  }

  #view-benefits .benefits-toolbar {
    grid-template-columns: minmax(240px, 1fr) minmax(150px, 210px) auto !important;
  }

  #view-benefits .benefits-settings-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-benefits .benefits-settings-form .form-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-end;
  }
}

@media (max-width: 760px) {
  #view-benefits .benefits-toolbar {
    grid-template-columns: 1fr !important;
  }

  #view-benefits .benefits-toolbar .operator-history-button {
    width: 100%;
  }
}

@media (max-width: 700px) {
  #view-benefits .benefits-stage {
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 18px !important;
  }

  #view-benefits .benefits-kpis {
    grid-template-columns: 1fr !important;
  }

  #view-benefits .benefits-kpis .metric-card {
    min-height: 66px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 6px 10px !important;
  }

  #view-benefits .benefits-kpis .metric-card strong {
    justify-self: end;
  }

  #view-benefits .benefits-settings-form {
    grid-template-columns: 1fr !important;
    padding: 11px !important;
  }

  #view-benefits .benefits-settings-form .form-actions,
  #view-benefits .benefits-settings-form .primary-button {
    width: 100%;
  }

  #view-benefits #benefits-clients-table,
  #view-benefits #benefits-ledger-table {
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-benefits #benefits-clients-table table,
  #view-benefits #benefits-ledger-table table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-benefits #benefits-clients-table thead,
  #view-benefits #benefits-ledger-table thead {
    display: none !important;
  }

  #view-benefits #benefits-clients-table tbody,
  #view-benefits #benefits-ledger-table tbody {
    display: grid !important;
    gap: 10px !important;
  }

  #view-benefits tr.benefit-client-row,
  #view-benefits tr.benefit-ledger-row {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px 10px !important;
    padding: 13px !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16) !important;
  }

  #view-benefits tr.benefit-client-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client points"
      "value value"
      "history history" !important;
  }

  #view-benefits tr.benefit-ledger-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "client event"
      "date date"
      "points value"
      "reference reference" !important;
  }

  #view-benefits tr.benefit-client-row td,
  #view-benefits tr.benefit-ledger-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-benefits tr.benefit-client-row td:nth-child(1) { grid-area: client !important; }
  #view-benefits tr.benefit-client-row td:nth-child(2) { grid-area: points !important; justify-self: end !important; text-align: right !important; }
  #view-benefits tr.benefit-client-row td:nth-child(3) { grid-area: value !important; padding-top: 8px !important; border-top: 1px solid var(--line) !important; }
  #view-benefits tr.benefit-client-row td:nth-child(4) { grid-area: history !important; }

  #view-benefits tr.benefit-ledger-row td:nth-child(1) { grid-area: date !important; }
  #view-benefits tr.benefit-ledger-row td:nth-child(2) { grid-area: client !important; }
  #view-benefits tr.benefit-ledger-row td:nth-child(3) { grid-area: event !important; justify-self: end !important; }
  #view-benefits tr.benefit-ledger-row td:nth-child(4) { grid-area: points !important; padding-top: 8px !important; border-top: 1px solid var(--line) !important; }
  #view-benefits tr.benefit-ledger-row td:nth-child(5) { grid-area: value !important; padding-top: 8px !important; border-top: 1px solid var(--line) !important; text-align: right !important; }
  #view-benefits tr.benefit-ledger-row td:nth-child(6) { grid-area: reference !important; }

  :root[data-theme="light"] #view-benefits tr.benefit-client-row,
  :root[data-theme="light"] #view-benefits tr.benefit-ledger-row {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92)),
      #ffffff !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important;
  }
}

/* Module phase 13: daily balance financial command view */
#view-daily-balances .daily-balance-stage {
  gap: 16px !important;
  padding: clamp(16px, 1.45vw, 24px);
  border-radius: 22px;
}

#view-daily-balances .operator-queue-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 !important;
  padding: 0 2px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

#view-daily-balances .operator-queue-head h2 {
  margin: 0;
  font-size: clamp(1.55rem, 1.35rem + 0.75vw, 2.2rem);
  line-height: 1.04;
}

#view-daily-balances .operator-queue-head .toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

#view-daily-balances .operator-queue-head .toolbar-actions button {
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  white-space: nowrap;
}

#view-daily-balances .daily-balance-cycle-card {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  gap: 8px !important;
}

#view-daily-balances .daily-balance-cycle-card strong {
  font-size: 1.02rem;
  line-height: 1.2;
}

#view-daily-balances .daily-balance-cycle-card span {
  color: var(--text-muted);
  font-size: 0.9rem;
}

#view-daily-balances .daily-balance-kpi-head {
  margin: 0 !important;
  padding: 0 2px;
}

#view-daily-balances .daily-balance-kpi-head strong {
  font-size: 1.04rem;
}

#view-daily-balances .daily-balance-kpi-head .ghost-button {
  min-height: 40px;
  padding: 0 15px;
  border-radius: 999px;
}

#view-daily-balances .daily-balance-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 11px !important;
  margin: 0 !important;
}

#view-daily-balances .daily-balance-kpis .metric-card {
  min-height: 96px !important;
  padding: 14px 15px !important;
  border-radius: 16px !important;
  display: grid;
  align-content: start;
  gap: 7px;
  overflow: hidden;
}

#view-daily-balances .daily-balance-kpis .metric-card strong {
  font-size: clamp(1.42rem, 1.5vw, 2rem) !important;
  line-height: 1 !important;
  letter-spacing: 0;
  white-space: normal;
}

#view-daily-balances .daily-balance-kpis .metric-label {
  font-size: 0.66rem;
  line-height: 1.1;
  letter-spacing: 0.13em;
}

#view-daily-balances .daily-balance-kpis .metric-card p {
  display: block;
  margin: 0 !important;
  color: var(--text-muted);
  font-size: 0.78rem !important;
  line-height: 1.28 !important;
}

#view-daily-balances .daily-balance-kpis.is-secondary-collapsed > article:nth-child(n+5) {
  display: none !important;
}

#view-daily-balances .daily-balance-kpis > article:nth-child(n+5) {
  min-height: 78px !important;
}

#view-daily-balances .daily-balance-kpis > article:nth-child(n+5) p {
  display: none !important;
}

#view-daily-balances .daily-balance-toolbar {
  display: grid;
  grid-template-columns: minmax(150px, 190px) minmax(170px, 240px) minmax(320px, 1fr) minmax(160px, 220px);
  gap: 12px;
  align-items: end;
  margin: 0 !important;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    var(--panel);
}

#view-daily-balances .daily-balance-toolbar label {
  min-width: 0;
  gap: 6px;
}

#view-daily-balances .daily-balance-toolbar input,
#view-daily-balances .daily-balance-toolbar select,
#view-daily-balances .daily-balance-toolbar .search-select-trigger {
  min-height: 44px;
  border-radius: 14px;
  font-size: 0.93rem;
}

#view-daily-balances .nested-panel {
  padding: 16px !important;
  border-radius: 20px !important;
  display: grid;
  gap: 12px;
}

#view-daily-balances .nested-panel > .panel-head,
#view-daily-balances .daily-balance-section-toggle {
  margin: 0 !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.13) !important;
}

#view-daily-balances .nested-panel > .panel-head h3,
#view-daily-balances .daily-balance-section-toggle h3 {
  margin: 0;
  font-size: 1.12rem;
  line-height: 1.15;
}

#view-daily-balances .daily-balance-section-chevron {
  border-radius: 999px;
  padding: 8px 12px;
  white-space: nowrap;
}

#view-daily-balances .table-shell,
#view-daily-balances #daily-balances-banks-table {
  border-radius: 18px;
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--surface);
}

#view-daily-balances .table-shell table {
  table-layout: fixed;
  width: 100%;
  min-width: 940px;
}

#view-daily-balances .daily-balance-country-body table {
  min-width: 1080px;
}

#view-daily-balances .table-shell thead th {
  height: 46px;
  padding: 0 13px;
  font-size: 0.7rem;
  letter-spacing: 0.13em;
  white-space: nowrap;
}

#view-daily-balances .table-shell tbody td {
  padding: 12px 13px;
  vertical-align: middle;
}

#view-daily-balances .row-main {
  font-size: 0.94rem;
  line-height: 1.18;
}

#view-daily-balances .row-sub {
  margin-top: 4px;
  color: var(--text-muted);
  font-size: 0.78rem;
  line-height: 1.28;
}

#view-daily-balances .daily-balance-section-total {
  margin-top: 0;
  border-radius: 18px;
}

#view-daily-balances .daily-balance-total-cardset-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

#view-daily-balances .daily-balance-total-card {
  min-height: 74px;
  padding: 12px 13px;
  border-radius: 15px;
}

#view-daily-balances .daily-balance-total-card strong {
  font-size: 1.05rem;
  line-height: 1.1;
}

#view-daily-balances .daily-balance-country-group {
  margin: 0 0 12px !important;
  border-radius: 20px !important;
}

#view-daily-balances .daily-balance-country-head {
  grid-template-columns: auto minmax(190px, 1fr) minmax(480px, 1.4fr) auto !important;
  gap: 12px !important;
  padding: 14px 16px !important;
}

#view-daily-balances .daily-balance-country-flag {
  width: 40px !important;
  height: 40px !important;
  border-radius: 14px !important;
  font-size: 1.18rem !important;
}

#view-daily-balances .daily-balance-country-metrics {
  gap: 8px !important;
}

#view-daily-balances .daily-balance-country-metrics span {
  padding: 8px 10px !important;
  border-radius: 13px !important;
}

#view-daily-balances .daily-balance-country-metrics strong {
  font-size: 0.92rem !important;
}

#view-daily-balances .daily-balance-country-body {
  padding: 0 12px 12px !important;
}

#view-daily-balances .daily-balance-collapsible-section.is-collapsed {
  padding: 14px 16px !important;
}

#view-daily-balances .daily-balance-collapsible-section.is-collapsed .daily-balance-section-toggle {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

#view-daily-balances .daily-balance-collapsible-section.is-collapsed .daily-balance-section-total {
  display: none !important;
}

#daily-balance-action-modal .modal-card {
  width: min(760px, calc(100vw - 36px));
  max-height: min(90dvh, calc(100dvh - 24px));
  overflow: auto;
  border-radius: 20px;
}

#daily-balance-action-modal .panel-head {
  min-height: 78px;
}

#daily-balance-action-modal #daily-balance-action-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#daily-balance-action-modal #daily-balance-action-form .full-span,
#daily-balance-action-modal #daily-balance-action-form .form-actions,
#daily-balance-action-modal #daily-balance-action-summary,
#daily-balance-action-modal #daily-balance-expected-card,
#daily-balance-action-modal #daily-balance-gap-card,
#daily-balance-action-modal #daily-balance-action-error {
  grid-column: 1 / -1;
}

#daily-balance-action-modal input,
#daily-balance-action-modal textarea {
  min-height: 44px;
  border-radius: 14px;
}

#daily-balance-action-modal textarea {
  min-height: 82px;
}

@media (max-width: 1500px) {
  #view-daily-balances .daily-balance-stage {
    padding: 16px;
  }

  #view-daily-balances .daily-balance-kpis .metric-card {
    min-height: 86px !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card p {
    display: none;
  }
}

@media (max-width: 1180px) {
  #view-daily-balances .operator-queue-head {
    align-items: flex-start;
  }

  #view-daily-balances .daily-balance-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card {
    min-height: 76px !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card strong {
    font-size: 1.45rem !important;
  }

  #view-daily-balances .daily-balance-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-daily-balances .daily-balance-toolbar .search-field {
    grid-column: 1 / -1;
  }

  #view-daily-balances .daily-balance-total-cardset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-daily-balances .daily-balance-country-head {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  #view-daily-balances .daily-balance-country-metrics {
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  #view-daily-balances .daily-balance-stage {
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 18px !important;
  }

  #view-daily-balances .operator-queue-head {
    display: grid;
    gap: 12px;
    padding-bottom: 12px;
  }

  #view-daily-balances .operator-queue-head .toolbar-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  #view-daily-balances .operator-queue-head .toolbar-actions button {
    width: 100% !important;
    min-height: 46px !important;
  }

  #view-daily-balances .daily-balance-cycle-card {
    padding: 13px !important;
  }

  #view-daily-balances .daily-balance-kpi-head {
    align-items: end;
    gap: 10px;
  }

  #view-daily-balances .daily-balance-kpi-head .ghost-button {
    min-height: 38px;
    padding: 0 12px;
  }

  #view-daily-balances .daily-balance-kpis {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card {
    min-height: 68px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 5px 10px !important;
    padding: 11px 12px !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card strong {
    justify-self: end;
    max-width: 190px;
    text-align: right;
    overflow-wrap: anywhere;
  }

  #view-daily-balances .daily-balance-kpis .metric-card p {
    display: none !important;
  }

  #view-daily-balances .daily-balance-toolbar {
    grid-template-columns: 1fr !important;
    padding: 11px !important;
  }

  #view-daily-balances .daily-balance-toolbar .search-field {
    grid-column: auto;
  }

  #view-daily-balances .nested-panel {
    padding: 12px !important;
    border-radius: 18px !important;
  }

  #view-daily-balances .daily-balance-section-toggle,
  #view-daily-balances .nested-panel > .panel-head {
    align-items: end;
    gap: 10px;
  }

  #view-daily-balances .daily-balance-section-chevron {
    padding: 7px 10px;
    font-size: 0.78rem;
  }

  #view-daily-balances .daily-balance-total-cardset-grid {
    grid-template-columns: 1fr !important;
  }

  #view-daily-balances .table-shell,
  #view-daily-balances #daily-balances-banks-table {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-daily-balances .daily-balance-country-head {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 11px 12px !important;
  }

  #view-daily-balances .daily-balance-country-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #view-daily-balances .daily-balance-country-body {
    overflow: visible !important;
    padding: 0 8px 8px !important;
  }

  #daily-balance-action-modal:not(.hidden) {
    padding: 0;
    place-items: end stretch;
  }

  #daily-balance-action-modal .modal-card {
    width: 100vw;
    max-width: 100vw;
    max-height: 96dvh;
    border-radius: 18px 18px 0 0;
  }

  #daily-balance-action-modal #daily-balance-action-form {
    grid-template-columns: 1fr;
  }
}

/* Daily balances a01: compact the command view so the bank ledger reaches the first viewport. */
#view-daily-balances .daily-balance-stage {
  gap: 10px !important;
  padding: 14px 16px !important;
}

#view-daily-balances .operator-queue-head {
  padding-bottom: 8px !important;
}

#view-daily-balances .operator-queue-head .eyebrow {
  display: none !important;
}

#view-daily-balances .operator-queue-head h2 {
  font-size: clamp(1.34rem, 1.15rem + 0.7vw, 1.82rem) !important;
  line-height: 1.06 !important;
}

#view-daily-balances .operator-queue-head .toolbar-actions button {
  min-height: 38px !important;
  padding-inline: 14px !important;
}

#view-daily-balances .daily-balance-cycle-card {
  padding: 10px 14px !important;
  gap: 4px !important;
  border-radius: 14px !important;
}

#view-daily-balances .daily-balance-cycle-card strong {
  font-size: 0.92rem !important;
  line-height: 1.15 !important;
}

#view-daily-balances .daily-balance-cycle-card span {
  font-size: 0.78rem !important;
  line-height: 1.18 !important;
}

#view-daily-balances .daily-balance-kpi-head {
  min-height: 0 !important;
}

#view-daily-balances .daily-balance-kpi-head strong {
  font-size: 0.92rem !important;
}

#view-daily-balances .daily-balance-kpi-head .ghost-button {
  min-height: 34px !important;
  padding-inline: 12px !important;
}

#view-daily-balances .daily-balance-kpis {
  gap: 9px !important;
}

#view-daily-balances .daily-balance-kpis .metric-card {
  min-height: 72px !important;
  padding: 10px 13px !important;
  border-radius: 13px !important;
  gap: 4px !important;
}

#view-daily-balances .daily-balance-kpis .metric-card strong {
  font-size: clamp(1.18rem, 1.05rem + 0.55vw, 1.62rem) !important;
}

#view-daily-balances .daily-balance-kpis .metric-label {
  font-size: 0.58rem !important;
  letter-spacing: 0.11em !important;
}

#view-daily-balances .daily-balance-kpis .metric-card p {
  display: none !important;
}

#view-daily-balances .daily-balance-toolbar {
  gap: 9px !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
}

#view-daily-balances .daily-balance-toolbar label {
  gap: 4px !important;
}

#view-daily-balances .daily-balance-toolbar label span {
  font-size: 0.66rem !important;
  line-height: 1.05 !important;
}

#view-daily-balances .daily-balance-toolbar input,
#view-daily-balances .daily-balance-toolbar select,
#view-daily-balances .daily-balance-toolbar .search-select-trigger {
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  font-size: 0.84rem !important;
}

#view-daily-balances .nested-panel {
  padding: 12px 14px !important;
  gap: 9px !important;
  border-radius: 16px !important;
}

#view-daily-balances .nested-panel > .panel-head,
#view-daily-balances .daily-balance-section-toggle {
  padding-bottom: 7px !important;
}

#view-daily-balances .nested-panel > .panel-head h3,
#view-daily-balances .daily-balance-section-toggle h3 {
  font-size: 1rem !important;
}

#view-daily-balances .daily-balance-country-head {
  padding: 10px 12px !important;
}

#view-daily-balances .daily-balance-country-flag {
  width: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  font-size: 1rem !important;
}

#view-daily-balances .daily-balance-country-metrics span {
  padding: 6px 9px !important;
}

/* Daily balances a02: give country flags room inside the bank group header. */
#view-daily-balances .daily-balance-country-title strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
}

#view-daily-balances .daily-balance-country-title .country-flag-wrap {
  width: 32px !important;
  height: 22px !important;
  padding: 2px !important;
  border-radius: 7px !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

#view-daily-balances .daily-balance-country-title .country-flag-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 4px !important;
  display: block !important;
}

#view-daily-balances .daily-balance-country-title .country-flag-fallback {
  inset: 2px !important;
  border-radius: 4px !important;
  font-size: 0.9rem !important;
}

:root[data-theme="light"] #view-daily-balances .daily-balance-country-title .country-flag-wrap {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(203, 213, 225, 0.9) !important;
}

@media (max-width: 1500px) {
  #view-daily-balances .daily-balance-stage {
    padding: 12px 16px !important;
  }

  #view-daily-balances .daily-balance-cycle-card span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card {
    min-height: 64px !important;
  }

  #view-daily-balances .daily-balance-toolbar {
    grid-template-columns: minmax(150px, 190px) minmax(170px, 230px) minmax(280px, 1fr) minmax(150px, 210px) !important;
  }
}

/* Module phase 14 final: internal transfers scoped visual override */

#view-internal-transfers .operator-queue-head {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#view-internal-transfers .operator-queue-head .toolbar-actions {
  display: flex !important;
  justify-content: flex-end !important;
  width: auto !important;
}

#view-internal-transfers #open-internal-transfer-create {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 850;
  white-space: nowrap;
}

#view-internal-transfers .operator-kpis {
  display: grid !important;
  grid-template-columns: minmax(160px, 0.82fr) minmax(170px, 0.9fr) minmax(240px, 1.24fr) !important;
  gap: clamp(10px, 0.9vw, 14px) !important;
  margin: 0 !important;
  overflow: visible !important;
}

#view-internal-transfers .operator-kpis .metric-card {
  min-height: 84px !important;
  padding: 15px 18px !important;
  border-radius: 16px !important;
  align-content: center !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

#view-internal-transfers .operator-kpis .metric-label {
  font-size: 0.64rem !important;
  letter-spacing: 0.13em !important;
}

#view-internal-transfers .operator-kpis .metric-card strong {
  margin-top: 4px !important;
  font-size: clamp(1.42rem, 1.55vw, 1.88rem) !important;
  line-height: 1 !important;
}

#view-internal-transfers .operator-kpis .metric-card p {
  display: block !important;
  margin-top: 6px !important;
  max-width: 44ch;
  color: var(--muted);
  font-size: 0.75rem !important;
  line-height: 1.25 !important;
}

#view-internal-transfers .operator-toolbar {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  border-radius: 14px !important;
}

#view-internal-transfers .operator-toolbar input,
#view-internal-transfers .operator-toolbar .search-select-trigger {
  min-height: 42px !important;
  border-radius: 12px !important;
  font-size: 0.9rem !important;
}

#view-internal-transfers #internal-transfers-table {
  border-radius: 16px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: var(--panel);
}

#view-internal-transfers #internal-transfers-table table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

#view-internal-transfers #internal-transfers-table th,
#view-internal-transfers #internal-transfers-table td {
  padding: 12px 13px !important;
  vertical-align: top !important;
}

#view-internal-transfers #internal-transfers-table th {
  font-size: 0.72rem !important;
  letter-spacing: 0.16em !important;
  white-space: nowrap;
}

#view-internal-transfers #internal-transfers-table th:nth-child(2),
#view-internal-transfers #internal-transfers-table td:nth-child(2) {
  width: 18%;
}

#view-internal-transfers #internal-transfers-table th:nth-child(3),
#view-internal-transfers #internal-transfers-table td:nth-child(3) {
  width: 18%;
}

#view-internal-transfers tr.internal-transfer-row {
  min-height: 0 !important;
}

#view-internal-transfers tr.internal-transfer-row .row-main,
#view-internal-transfers tr.internal-transfer-row .row-sub {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#view-internal-transfers tr.internal-transfer-row .row-main {
  font-size: clamp(0.9rem, 0.78vw, 0.98rem) !important;
  line-height: 1.2 !important;
  font-weight: 850;
}

#view-internal-transfers tr.internal-transfer-row .row-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: clamp(0.74rem, 0.66vw, 0.82rem) !important;
  line-height: 1.22 !important;
  white-space: nowrap;
}

#view-internal-transfers tr.internal-transfer-row td:nth-child(4) .row-main {
  white-space: nowrap;
}

#view-internal-transfers tr.internal-transfer-row .status-chip {
  max-width: 100%;
  min-height: 30px;
  padding: 0 9px;
  font-size: 0.72rem;
  white-space: nowrap;
}

#view-internal-transfers .table-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 7px !important;
  align-items: start;
}

#view-internal-transfers .table-actions .inline-button {
  width: 100%;
  min-height: 32px !important;
  padding: 0 9px !important;
  border-radius: 999px;
  font-size: 0.72rem !important;
  font-weight: 850;
  white-space: nowrap;
}

:root[data-theme="light"] #view-internal-transfers #internal-transfers-table {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}

@media (min-width: 1181px) and (max-width: 1500px) {

  #view-internal-transfers .operator-kpis {
    gap: 10px !important;
  }

  #view-internal-transfers .operator-kpis .metric-card p {
    display: none !important;
  }

  #view-internal-transfers .table-actions {
    grid-template-columns: 1fr;
    gap: 6px !important;
  }
}

@media (max-width: 1180px) {
  #view-internal-transfers .operator-stage {
    padding: 14px !important;
  }

  #view-internal-transfers .operator-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #view-internal-transfers .operator-kpis .metric-card {
    min-height: 64px !important;
    padding: 10px 11px !important;
  }

  #view-internal-transfers .operator-kpis .metric-card p {
    display: none !important;
  }

  #view-internal-transfers #internal-transfers-table {
    overflow-x: visible !important;
  }

  #view-internal-transfers #internal-transfers-table table {
    min-width: 0 !important;
  }
}

@media (max-width: 700px) {
  #view-internal-transfers .operator-stage {
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  #view-internal-transfers #open-internal-transfer-create {
    width: 100% !important;
  }

  #view-internal-transfers .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #view-internal-transfers .operator-kpis .metric-card {
    min-height: 60px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
  }

  #view-internal-transfers .operator-kpis .metric-label {
    font-size: 0.56rem !important;
  }

  #view-internal-transfers .operator-kpis .metric-card strong {
    font-size: 1.18rem !important;
  }

  #view-internal-transfers .operator-toolbar {
    grid-template-columns: 1fr !important;
    padding: 9px !important;
  }

  #view-internal-transfers #internal-transfers-table,
  #view-internal-transfers #internal-transfers-table table,
  #view-internal-transfers #internal-transfers-table tbody {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }

  #view-internal-transfers #internal-transfers-table thead {
    display: none !important;
  }

  #view-internal-transfers tr.internal-transfer-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "source state"
      "target target"
      "amount amount"
      "date date"
      "operator operator"
      "action action" !important;
    gap: 8px 10px !important;
    margin-bottom: 10px;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  #view-internal-transfers tr.internal-transfer-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  #view-internal-transfers tr.internal-transfer-row td:nth-child(1) { grid-area: date !important; }
  #view-internal-transfers tr.internal-transfer-row td:nth-child(2) { grid-area: source !important; }
  #view-internal-transfers tr.internal-transfer-row td:nth-child(3) { grid-area: target !important; }
  #view-internal-transfers tr.internal-transfer-row td:nth-child(4) {
    grid-area: amount !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--line) !important;
  }
  #view-internal-transfers tr.internal-transfer-row td:nth-child(5) { grid-area: operator !important; }
  #view-internal-transfers tr.internal-transfer-row td:nth-child(6) {
    grid-area: state !important;
    justify-self: end !important;
  }
  #view-internal-transfers tr.internal-transfer-row td:nth-child(7) {
    grid-area: action !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--line) !important;
  }

  #view-internal-transfers tr.internal-transfer-row .row-main {
    font-size: 0.92rem !important;
    line-height: 1.18 !important;
  }

  #view-internal-transfers tr.internal-transfer-row .row-sub {
    font-size: 0.76rem !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
  }

  #view-internal-transfers .table-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-internal-transfers .table-actions .inline-button {
    min-height: 38px !important;
    font-size: 0.76rem !important;
  }
}

@media (max-width: 430px) {
}
/* Module phase 14 final polish: compact header metrics and table fit */

#view-internal-transfers .operator-kpis .metric-card p {
  display: none !important;
}

#view-internal-transfers .operator-toolbar label {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

#view-internal-transfers .operator-toolbar label > span {
  margin: 0;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
}

#view-internal-transfers #internal-transfers-table table {
  box-sizing: border-box;
  min-width: 0 !important;
}

#view-internal-transfers #internal-transfers-table th,
#view-internal-transfers #internal-transfers-table td {
  box-sizing: border-box;
  padding: 11px 10px !important;
}

@media (min-width: 1181px) and (max-width: 1500px) {
  #view-internal-transfers .operator-kpis .metric-card {
    min-height: 66px !important;
    padding: 10px 12px !important;
  }
}

@media (max-width: 700px) {
  #view-internal-transfers .operator-toolbar label {
    grid-template-columns: 1fr !important;
    gap: 5px;
  }

  #view-internal-transfers tr.internal-transfer-row .row-main {
    font-size: 0.9rem !important;
  }

  #view-internal-transfers tr.internal-transfer-row .row-sub {
    font-size: 0.72rem !important;
  }
}
/* Module phase 14 final responsive guardrails */
@media (min-width: 701px) and (max-width: 1500px) {
  #view-internal-transfers tr.internal-transfer-row td:nth-child(4) .row-main {
    white-space: normal !important;
  }

  #view-internal-transfers .table-actions .inline-button {
    white-space: normal !important;
    line-height: 1.05;
  }
}

@media (max-width: 700px) {
  #view-internal-transfers .operator-kpis .metric-card {
    min-height: 60px !important;
    padding: 9px 10px !important;
  }
}

@media (max-width: 430px) {
  #view-internal-transfers .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-internal-transfers tr.internal-transfer-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "source state"
      "target target"
      "amount amount"
      "date date"
      "operator operator"
      "action action" !important;
  }

  #view-internal-transfers tr.internal-transfer-row td:nth-child(6) {
    justify-self: end !important;
  }

  #view-internal-transfers .table-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* Module phase 14 laptop width correction */
@media (min-width: 701px) and (max-width: 1600px) {
  #view-internal-transfers tr.internal-transfer-row td:nth-child(4) .row-main {
    white-space: normal !important;
  }

  #view-internal-transfers .table-actions {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  #view-internal-transfers .table-actions .inline-button {
    white-space: normal !important;
    line-height: 1.05;
  }
}

@media (min-width: 1601px) {
  #view-internal-transfers #internal-transfers-table table {
    width: calc(100% - 10px) !important;
  }
}

/* Module phase 15: expenses financial operations board */
#view-expenses .expenses-stage {
  gap: clamp(12px, 1vw, 18px) !important;
  padding: clamp(18px, 1.45vw, 24px) !important;
  border-radius: 20px !important;
}

#view-expenses .expenses-queue-head {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#view-expenses .expenses-queue-head .toolbar-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
  gap: 8px !important;
  flex-wrap: wrap;
}

#view-expenses .expenses-queue-head .toolbar-actions > * {
  min-height: 40px;
  padding: 0 15px;
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 850;
  white-space: nowrap;
}

#view-expenses .expenses-kpis {
  display: grid !important;
  grid-template-columns: minmax(128px, 0.75fr) minmax(138px, 0.85fr) minmax(140px, 0.85fr) minmax(210px, 1.25fr) !important;
  gap: clamp(8px, 0.75vw, 12px) !important;
  margin: 0 !important;
  overflow: visible !important;
}

#view-expenses .expenses-kpis .metric-card {
  min-height: 74px !important;
  padding: 12px 14px !important;
  border-radius: 15px !important;
  align-content: center !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

#view-expenses .expenses-kpis .metric-label {
  font-size: 0.6rem !important;
  letter-spacing: 0.13em !important;
}

#view-expenses .expenses-kpis .metric-card strong {
  margin-top: 4px !important;
  font-size: clamp(1.28rem, 1.38vw, 1.7rem) !important;
  line-height: 1 !important;
}

#view-expenses .expenses-kpis .metric-card p {
  display: none !important;
}

#view-expenses .expenses-toolbar {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(150px, 210px) minmax(150px, 210px) !important;
  gap: 9px !important;
  padding: 9px 10px !important;
  margin: 0 !important;
  border-radius: 14px !important;
}

#view-expenses .expenses-toolbar label {
  display: grid;
  gap: 5px;
}

#view-expenses .expenses-toolbar label > span {
  font-size: 0.66rem;
  letter-spacing: 0.12em;
  margin: 0;
}

#view-expenses .expenses-toolbar input,
#view-expenses .expenses-toolbar select,
#view-expenses .expenses-toolbar .search-select-trigger {
  min-height: 40px !important;
  border-radius: 12px !important;
  font-size: 0.86rem !important;
}

#view-expenses #expenses-table {
  border-radius: 16px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: var(--panel);
}

#view-expenses #expenses-table table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  box-sizing: border-box;
}

#view-expenses #expenses-table th,
#view-expenses #expenses-table td {
  box-sizing: border-box;
  padding: 10px 8px !important;
  vertical-align: top !important;
}

#view-expenses #expenses-table th {
  font-size: 0.66rem !important;
  letter-spacing: 0.15em !important;
  white-space: nowrap;
}

#view-expenses #expenses-table th:nth-child(2),
#view-expenses #expenses-table td:nth-child(2) {
  width: 10% !important;
}

#view-expenses #expenses-table th:nth-child(3),
#view-expenses #expenses-table td:nth-child(3) {
  width: 11% !important;
}

#view-expenses #expenses-table th:nth-child(4),
#view-expenses #expenses-table td:nth-child(4) {
  width: 19% !important;
}

#view-expenses #expenses-table th:nth-child(5),
#view-expenses #expenses-table td:nth-child(5) {
  width: 16% !important;
}

#view-expenses #expenses-table th:nth-child(6),
#view-expenses #expenses-table td:nth-child(6),
#view-expenses #expenses-table th:nth-child(7),
#view-expenses #expenses-table td:nth-child(7) {
  width: 9% !important;
}

#view-expenses #expenses-table th:nth-child(9),
#view-expenses #expenses-table td:nth-child(9) {
  width: 8% !important;
}

#view-expenses #expenses-table th:nth-child(10),
#view-expenses #expenses-table td:nth-child(10) {
  width: 9% !important;
}

#view-expenses tr.expense-row {
  min-height: 0 !important;
}

#view-expenses tr.expense-row .row-main,
#view-expenses tr.expense-row .row-sub,
#view-expenses tr.expense-row .expense-status-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#view-expenses tr.expense-row .row-main {
  font-size: clamp(0.84rem, 0.72vw, 0.94rem) !important;
  line-height: 1.18 !important;
  font-weight: 850;
}

#view-expenses tr.expense-row .row-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: clamp(0.68rem, 0.6vw, 0.76rem) !important;
  line-height: 1.18 !important;
  white-space: nowrap;
}

#view-expenses tr.expense-row td:nth-child(6) .row-main,
#view-expenses tr.expense-row td:nth-child(7) .row-main {
  white-space: nowrap;
}

#view-expenses tr.expense-row .status-chip,
#view-expenses tr.expense-row .expense-resolution-chip {
  max-width: 100%;
  min-height: 28px;
  padding: 0 8px;
  font-size: 0.66rem;
  white-space: nowrap;
}

#view-expenses tr.expense-row .inline-button {
  width: 100%;
  min-height: 32px !important;
  padding: 0 8px !important;
  border-radius: 999px;
  font-size: 0.68rem !important;
  font-weight: 850;
  white-space: normal;
  line-height: 1.05;
}

:root[data-theme="light"] #view-expenses #expenses-table {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}

@media (min-width: 1181px) and (max-width: 1600px) {
  #view-expenses .expenses-stage {
    padding: 16px 18px !important;
  }

  #view-expenses .expenses-queue-head .toolbar-actions > * {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.78rem;
  }

  #view-expenses .expenses-kpis .metric-card {
    min-height: 64px !important;
    padding: 10px 11px !important;
  }

  #view-expenses .expenses-kpis .metric-card strong {
    font-size: 1.14rem !important;
  }

  #view-expenses .expenses-toolbar {
    grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(130px, 190px)) !important;
    padding: 8px 9px !important;
  }

  #view-expenses #expenses-table th,
  #view-expenses #expenses-table td {
    padding: 9px 6px !important;
  }

  #view-expenses #expenses-table th:nth-child(9),
  #view-expenses #expenses-table td:nth-child(9) {
    display: none;
  }

  #view-expenses tr.expense-row .row-main {
    font-size: 0.82rem !important;
  }

  #view-expenses tr.expense-row .row-sub {
    font-size: 0.67rem !important;
  }
}

@media (max-width: 1180px) {
  #view-expenses .expenses-stage {
    padding: 14px !important;
  }

  #view-expenses .expenses-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #view-expenses .expenses-kpis .metric-card {
    min-height: 62px !important;
    padding: 9px 10px !important;
  }

  #view-expenses .expenses-toolbar {
    grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(120px, 170px)) !important;
  }

  #view-expenses #expenses-table th:nth-child(9),
  #view-expenses #expenses-table td:nth-child(9) {
    display: none;
  }
}

@media (max-width: 700px) {
  #view-expenses .expenses-stage {
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  #view-expenses .expenses-queue-head .toolbar-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
  }

  #view-expenses .expenses-queue-head .toolbar-actions > * {
    width: 100% !important;
    min-height: 38px;
    padding: 0 10px;
    font-size: 0.74rem;
  }

  #view-expenses .expenses-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #view-expenses .expenses-kpis .metric-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
  }

  #view-expenses .expenses-kpis .metric-label {
    font-size: 0.54rem !important;
  }

  #view-expenses .expenses-kpis .metric-card strong {
    font-size: 1.08rem !important;
  }

  #view-expenses .expenses-toolbar {
    grid-template-columns: 1fr !important;
    padding: 9px !important;
  }

  #view-expenses #expenses-table,
  #view-expenses #expenses-table table,
  #view-expenses #expenses-table tbody {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }

  #view-expenses #expenses-table {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-expenses #expenses-table thead {
    display: none !important;
  }

  #view-expenses tr.expense-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "description state"
      "type resolution"
      "account account"
      "local usd"
      "date date"
      "support action" !important;
    gap: 8px 10px !important;
    margin-bottom: 10px;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
  }

  #view-expenses tr.expense-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-expenses tr.expense-row td:nth-child(1) { grid-area: date !important; }
  #view-expenses tr.expense-row td:nth-child(2) { grid-area: type !important; }
  #view-expenses tr.expense-row td:nth-child(3) {
    grid-area: resolution !important;
    justify-self: end !important;
  }
  #view-expenses tr.expense-row td:nth-child(4) { grid-area: description !important; }
  #view-expenses tr.expense-row td:nth-child(5) { grid-area: account !important; }
  #view-expenses tr.expense-row td:nth-child(6) {
    grid-area: local !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--line) !important;
  }
  #view-expenses tr.expense-row td:nth-child(7) {
    grid-area: usd !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--line) !important;
    text-align: right !important;
  }
  #view-expenses tr.expense-row td:nth-child(8) {
    grid-area: state !important;
    justify-self: end !important;
  }
  #view-expenses tr.expense-row td:nth-child(9) {
    display: block !important;
    grid-area: support !important;
  }
  #view-expenses tr.expense-row td:nth-child(10) {
    grid-area: action !important;
    justify-self: end !important;
  }

  #view-expenses tr.expense-row .row-main {
    font-size: 0.9rem !important;
    line-height: 1.18 !important;
  }

  #view-expenses tr.expense-row .row-sub {
    font-size: 0.72rem !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
  }

  #view-expenses tr.expense-row .inline-button {
    min-height: 36px !important;
    font-size: 0.72rem !important;
  }
}

@media (max-width: 430px) {
  #view-expenses .expenses-queue-head .toolbar-actions,
  #view-expenses .expenses-kpis {
    grid-template-columns: 1fr !important;
  }

  #view-expenses tr.expense-row {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "description"
      "state"
      "type"
      "resolution"
      "account"
      "local"
      "usd"
      "date"
      "support"
      "action" !important;
  }

  #view-expenses tr.expense-row td:nth-child(3),
  #view-expenses tr.expense-row td:nth-child(8),
  #view-expenses tr.expense-row td:nth-child(10) {
    justify-self: start !important;
  }
}
/* Module phase 15 final: laptop and mobile fit */
@media (min-width: 701px) and (max-width: 1600px) {
  #view-expenses #expenses-table table {
    width: calc(100% - 8px) !important;
  }
}

@media (max-width: 430px) {
  #view-expenses .expenses-queue-head .toolbar-actions,
  #view-expenses .expenses-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-expenses .expenses-queue-head .toolbar-actions > * {
    min-width: 0;
    padding: 0 8px;
    white-space: normal;
    line-height: 1.05;
  }

  #view-expenses tr.expense-row {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    box-sizing: border-box !important;
  }

  #view-expenses #expenses-table tr.expense-row td {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }

  #view-expenses tr.expense-row td:nth-child(4) { order: 1; }
  #view-expenses tr.expense-row td:nth-child(8) { order: 2; }
  #view-expenses tr.expense-row td:nth-child(2) { order: 3; }
  #view-expenses tr.expense-row td:nth-child(3) { order: 4; }
  #view-expenses tr.expense-row td:nth-child(5) { order: 5; }
  #view-expenses tr.expense-row td:nth-child(6) { order: 6; }
  #view-expenses tr.expense-row td:nth-child(7) { order: 7; }
  #view-expenses tr.expense-row td:nth-child(1) { order: 8; }
  #view-expenses tr.expense-row td:nth-child(9) { order: 9; }
  #view-expenses tr.expense-row td:nth-child(10) { order: 10; }

  #view-expenses tr.expense-row td:nth-child(3),
  #view-expenses tr.expense-row td:nth-child(8),
  #view-expenses tr.expense-row td:nth-child(10) {
    justify-self: stretch !important;
    max-width: 100%;
    text-align: left !important;
  }

  #view-expenses tr.expense-row .row-main {
    font-size: 0.88rem !important;
  }

  #view-expenses tr.expense-row .row-sub {
    font-size: 0.7rem !important;
  }

  #view-expenses tr.expense-row .status-chip,
  #view-expenses tr.expense-row .expense-resolution-chip,
  #view-expenses tr.expense-row .inline-button {
    max-width: 100%;
    white-space: normal !important;
    line-height: 1.05;
  }
}

/* Module phase 16: budget commitments control board */
#view-budget .budget-stage {
  gap: clamp(12px, 1vw, 18px) !important;
  padding: clamp(18px, 1.45vw, 24px) !important;
  border-radius: 20px !important;
}

#view-budget .budget-queue-head {
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#view-budget .budget-queue-head .toolbar-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
  gap: 8px !important;
  flex-wrap: wrap;
}

#view-budget .budget-queue-head .toolbar-actions > * {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 850;
  white-space: nowrap;
}

#view-budget .budget-kpi-toggle {
  min-width: 92px;
}

#view-budget #budget-kpi-panel.is-collapsed {
  display: none !important;
}

#view-budget .budget-kpis {
  display: grid !important;
  grid-template-columns: minmax(126px, 0.72fr) minmax(150px, 0.9fr) minmax(210px, 1.2fr) minmax(210px, 1.2fr) !important;
  gap: clamp(8px, 0.75vw, 12px) !important;
  margin: 0 !important;
  overflow: visible !important;
}

#view-budget .budget-kpis .metric-card {
  min-height: 74px !important;
  padding: 12px 14px !important;
  border-radius: 15px !important;
  align-content: center !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

#view-budget .budget-kpis .metric-label {
  font-size: 0.6rem !important;
  letter-spacing: 0.13em !important;
}

#view-budget .budget-kpis .metric-card strong {
  margin-top: 4px !important;
  font-size: clamp(1.24rem, 1.32vw, 1.64rem) !important;
  line-height: 1 !important;
}

#view-budget .budget-kpis .metric-card p {
  display: none !important;
}

#view-budget .budget-toolbar {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(132px, 190px)) !important;
  gap: 9px !important;
  padding: 9px 10px !important;
  margin: 0 !important;
  border-radius: 14px !important;
}

#view-budget .budget-toolbar label {
  display: grid;
  gap: 5px;
}

#view-budget .budget-toolbar label > span {
  margin: 0;
  font-size: 0.66rem;
  letter-spacing: 0.12em;
}

#view-budget .budget-toolbar input,
#view-budget .budget-toolbar select,
#view-budget .budget-toolbar .search-select-trigger {
  min-height: 40px !important;
  border-radius: 12px !important;
  font-size: 0.86rem !important;
}

#view-budget #budgets-table {
  border-radius: 16px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  background: var(--panel);
}

#view-budget #budgets-table table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  box-sizing: border-box;
}

#view-budget #budgets-table th,
#view-budget #budgets-table td {
  box-sizing: border-box;
  padding: 10px 8px !important;
  vertical-align: top !important;
}

#view-budget #budgets-table th {
  font-size: 0.66rem !important;
  letter-spacing: 0.15em !important;
  white-space: nowrap;
}

#view-budget #budgets-table th:nth-child(1),
#view-budget #budgets-table td:nth-child(1) {
  width: 10% !important;
}

#view-budget #budgets-table th:nth-child(2),
#view-budget #budgets-table td:nth-child(2) {
  width: 18% !important;
}

#view-budget #budgets-table th:nth-child(3),
#view-budget #budgets-table td:nth-child(3) {
  width: 15% !important;
}

#view-budget #budgets-table th:nth-child(4),
#view-budget #budgets-table td:nth-child(4) {
  width: 15% !important;
}

#view-budget #budgets-table th:nth-child(5),
#view-budget #budgets-table td:nth-child(5) {
  width: 10% !important;
}

#view-budget #budgets-table th:nth-child(6),
#view-budget #budgets-table td:nth-child(6) {
  width: 12% !important;
}

#view-budget #budgets-table th:nth-child(7),
#view-budget #budgets-table td:nth-child(7),
#view-budget #budgets-table th:nth-child(8),
#view-budget #budgets-table td:nth-child(8) {
  width: 8% !important;
}

#view-budget #budgets-table th:nth-child(9),
#view-budget #budgets-table td:nth-child(9) {
  width: 8% !important;
}

#view-budget #budgets-table th:nth-child(10),
#view-budget #budgets-table td:nth-child(10) {
  width: 8% !important;
}

#view-budget tr.budget-row {
  min-height: 0 !important;
}

#view-budget tr.budget-row .row-main,
#view-budget tr.budget-row .row-sub {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#view-budget tr.budget-row .row-main {
  font-size: clamp(0.84rem, 0.72vw, 0.94rem) !important;
  line-height: 1.18 !important;
  font-weight: 850;
}

#view-budget tr.budget-row .row-sub {
  margin-top: 4px;
  color: var(--muted);
  font-size: clamp(0.68rem, 0.6vw, 0.76rem) !important;
  line-height: 1.18 !important;
  white-space: nowrap;
}

#view-budget tr.budget-row td:nth-child(7) .row-main,
#view-budget tr.budget-row td:nth-child(8) .row-main {
  white-space: nowrap;
}

#view-budget tr.budget-row .status-chip {
  max-width: 100%;
  min-height: 28px;
  padding: 0 8px;
  font-size: 0.66rem;
  white-space: normal;
  line-height: 1.05;
}

#view-budget tr.budget-row .secondary-button,
#view-budget tr.budget-row .inline-button {
  width: 100%;
  min-height: 32px !important;
  padding: 0 8px !important;
  border-radius: 999px;
  font-size: 0.68rem !important;
  font-weight: 850;
  white-space: normal;
  line-height: 1.05;
}

:root[data-theme="light"] #view-budget #budgets-table {
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
}

@media (min-width: 1181px) and (max-width: 1600px) {
  #view-budget .budget-stage {
    gap: 10px !important;
    padding: 14px 16px !important;
  }

  #view-budget .budget-queue-head .toolbar-actions > * {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.78rem;
  }

  #view-budget .budget-kpis .metric-card {
    min-height: 58px !important;
    padding: 8px 10px !important;
  }

  #view-budget .budget-kpis .metric-card strong {
    font-size: 1.12rem !important;
  }

  #view-budget .budget-toolbar {
    grid-template-columns: minmax(220px, 1fr) repeat(3, minmax(112px, 160px)) !important;
    gap: 7px !important;
    padding: 7px 8px !important;
  }

  #view-budget .budget-toolbar input,
  #view-budget .budget-toolbar select,
  #view-budget .budget-toolbar .search-select-trigger {
    min-height: 36px !important;
  }

  #view-budget #budgets-table table {
    width: calc(100% - 8px) !important;
  }

  #view-budget #budgets-table th,
  #view-budget #budgets-table td {
    padding: 9px 6px !important;
  }

  #view-budget #budgets-table th:nth-child(4),
  #view-budget #budgets-table td:nth-child(4) {
    display: none;
  }

  #view-budget tr.budget-row .row-main {
    font-size: 0.82rem !important;
  }

  #view-budget tr.budget-row .row-sub {
    font-size: 0.67rem !important;
  }
}

@media (max-width: 1180px) {
  #view-budget .budget-stage {
    padding: 14px !important;
  }

  #view-budget .budget-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #view-budget .budget-kpis .metric-card {
    min-height: 62px !important;
    padding: 9px 10px !important;
  }

  #view-budget .budget-toolbar {
    grid-template-columns: minmax(200px, 1fr) repeat(3, minmax(100px, 150px)) !important;
  }

  #view-budget #budgets-table table {
    width: calc(100% - 8px) !important;
  }

  #view-budget #budgets-table th:nth-child(4),
  #view-budget #budgets-table td:nth-child(4) {
    display: none;
  }
}

@media (max-width: 700px) {
  #view-budget .budget-stage {
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  #view-budget .budget-queue-head .toolbar-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  #view-budget .budget-queue-head .toolbar-actions > * {
    width: 100% !important;
    min-height: 38px;
    padding: 0 10px;
    font-size: 0.74rem;
  }

  #view-budget .budget-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #view-budget .budget-kpis .metric-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
  }

  #view-budget .budget-kpis .metric-label {
    font-size: 0.54rem !important;
  }

  #view-budget .budget-kpis .metric-card strong {
    font-size: 1.05rem !important;
  }

  #view-budget .budget-toolbar {
    grid-template-columns: 1fr !important;
    padding: 9px !important;
  }

  #view-budget #budgets-table,
  #view-budget #budgets-table table,
  #view-budget #budgets-table tbody {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }

  #view-budget #budgets-table {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-budget #budgets-table thead {
    display: none !important;
  }

  #view-budget tr.budget-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "description state"
      "type recurrence"
      "account account"
      "next next"
      "local usd"
      "action action" !important;
    gap: 8px 10px !important;
    margin-bottom: 10px;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
  }

  #view-budget tr.budget-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
  }

  #view-budget tr.budget-row td:nth-child(1) { grid-area: type !important; }
  #view-budget tr.budget-row td:nth-child(2) { grid-area: description !important; }
  #view-budget tr.budget-row td:nth-child(3) { grid-area: account !important; }
  #view-budget tr.budget-row td:nth-child(4) { display: none !important; }
  #view-budget tr.budget-row td:nth-child(5) {
    grid-area: recurrence !important;
    justify-self: end !important;
  }
  #view-budget tr.budget-row td:nth-child(6) { grid-area: next !important; }
  #view-budget tr.budget-row td:nth-child(7) {
    grid-area: local !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--line) !important;
  }
  #view-budget tr.budget-row td:nth-child(8) {
    grid-area: usd !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--line) !important;
    text-align: right !important;
  }
  #view-budget tr.budget-row td:nth-child(9) {
    grid-area: state !important;
    justify-self: end !important;
  }
  #view-budget tr.budget-row td:nth-child(10) { grid-area: action !important; }

  #view-budget tr.budget-row .row-main {
    font-size: 0.9rem !important;
    line-height: 1.18 !important;
  }

  #view-budget tr.budget-row .row-sub {
    font-size: 0.72rem !important;
    line-height: 1.18 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 430px) {
  #view-budget tr.budget-row {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    box-sizing: border-box !important;
  }

  #view-budget #budgets-table tr.budget-row td {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }

  #view-budget tr.budget-row td:nth-child(2) { order: 1; }
  #view-budget tr.budget-row td:nth-child(9) { order: 2; }
  #view-budget tr.budget-row td:nth-child(1) { order: 3; }
  #view-budget tr.budget-row td:nth-child(5) { order: 4; }
  #view-budget tr.budget-row td:nth-child(3) { order: 5; }
  #view-budget tr.budget-row td:nth-child(6) { order: 6; }
  #view-budget tr.budget-row td:nth-child(7) { order: 7; }
  #view-budget tr.budget-row td:nth-child(8) { order: 8; }
  #view-budget tr.budget-row td:nth-child(10) { order: 9; }

  #view-budget tr.budget-row td:nth-child(5),
  #view-budget tr.budget-row td:nth-child(9) {
    text-align: left !important;
  }

  #view-budget tr.budget-row .row-main {
    font-size: 0.88rem !important;
  }

  #view-budget tr.budget-row .row-sub {
    font-size: 0.7rem !important;
  }
}

/* Module phase 16 final: compact laptop table fit */
@media (min-width: 701px) and (max-width: 1600px) {
  #view-budget #budgets-table table {
    width: calc(100% - 12px) !important;
  }
}

/* Module phase 17: execution operational queue */
#view-execution .execution-stage {
  display: grid;
  gap: 14px;
}

#view-execution .execution-queue-head {
  min-height: 34px;
  margin-bottom: 0;
  padding: 0 2px;
}

#view-execution .execution-live-cluster {
  margin-left: auto;
}

#view-execution .operator-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 0;
}

#view-execution .operator-kpis .metric-card {
  min-height: 82px;
  padding: 14px 16px 13px 18px;
  border-radius: 18px;
}

#view-execution .operator-kpis .metric-label {
  max-width: calc(100% - 50px);
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  line-height: 1.15;
}

#view-execution .operator-kpis .metric-card strong {
  position: absolute;
  top: 14px;
  right: 16px;
  margin: 0;
  font-size: clamp(1.55rem, 1.5vw, 2rem);
  line-height: 1;
}

#view-execution .operator-kpis .metric-card p {
  max-width: 86%;
  margin: 16px 0 0;
  font-size: 0.82rem;
  line-height: 1.28;
}

#view-execution .execution-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(170px, 0.58fr) minmax(170px, 0.58fr);
  gap: 10px;
  align-items: end;
  margin-bottom: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.012)),
    rgba(9, 15, 24, 0.52);
}

#view-execution .execution-toolbar label {
  gap: 6px;
  min-width: 0;
}

#view-execution .execution-toolbar input,
#view-execution .execution-toolbar select,
#view-execution .execution-toolbar .search-select-trigger {
  min-height: 42px;
  border-radius: 14px;
}

#view-execution #execution-table {
  min-height: min(560px, calc(100vh - 320px));
  max-height: calc(100vh - 315px);
  border-radius: 20px;
}

#view-execution .operator-queue-shell,
#view-execution .operator-queue-desktop,
#view-execution .operator-queue-desktop .table-wrap {
  min-width: 0;
}

#view-execution .operator-queue-desktop table {
  width: 100%;
  min-width: 1180px;
  table-layout: fixed;
}

#view-execution .operator-queue-desktop th,
#view-execution .operator-queue-desktop td {
  padding: 11px 12px;
  vertical-align: top;
}

#view-execution .operator-queue-desktop th:nth-child(1),
#view-execution .operator-queue-desktop td:nth-child(1) { width: 9%; }
#view-execution .operator-queue-desktop th:nth-child(2),
#view-execution .operator-queue-desktop td:nth-child(2) { width: 22%; }
#view-execution .operator-queue-desktop th:nth-child(3),
#view-execution .operator-queue-desktop td:nth-child(3) { width: 14%; }
#view-execution .operator-queue-desktop th:nth-child(4),
#view-execution .operator-queue-desktop td:nth-child(4) { width: 15%; }
#view-execution .operator-queue-desktop th:nth-child(5),
#view-execution .operator-queue-desktop td:nth-child(5) { width: 12%; }
#view-execution .operator-queue-desktop th:nth-child(6),
#view-execution .operator-queue-desktop td:nth-child(6) { width: 11%; }
#view-execution .operator-queue-desktop th:nth-child(7),
#view-execution .operator-queue-desktop td:nth-child(7) { width: 10%; }
#view-execution .operator-queue-desktop th:nth-child(8),
#view-execution .operator-queue-desktop td:nth-child(8) {
  width: 7%;
  text-align: right;
}

#view-execution .operator-queue-desktop .row-main {
  font-size: 0.92rem;
  line-height: 1.18;
}

#view-execution .operator-queue-desktop .row-sub {
  margin-top: 3px;
  font-size: 0.76rem;
  line-height: 1.24;
}

#view-execution .execution-type-chip {
  min-height: 24px;
  padding: 4px 8px;
  font-size: 0.62rem;
  letter-spacing: 0.09em;
}

#view-execution .execution-priority-dot {
  min-height: 22px;
  padding: 3px 8px;
  font-size: 0.61rem;
  letter-spacing: 0.08em;
}

#view-execution .execution-copy-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}

#view-execution .execution-copy-pill {
  min-height: 28px;
  padding: 3px 4px 3px 8px;
  gap: 4px;
  font-size: 0.61rem;
  letter-spacing: 0.06em;
}

#view-execution .execution-copy-pill .copy-inline-button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

#view-execution .operator-queue-desktop .inline-button {
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 999px;
  white-space: nowrap;
}

:root[data-theme="light"] #view-execution .execution-toolbar {
  border-color: rgba(148, 163, 184, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
    #ffffff;
}

:root[data-theme="light"] #view-execution .operator-queue-desktop th:last-child,
:root[data-theme="light"] #view-execution .operator-queue-desktop td:last-child {
  background: rgba(255, 255, 255, 0.96);
}

@media (min-width: 1501px) {
  #view-execution .operator-queue-desktop tbody td {
    height: 74px;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  #view-execution .execution-stage {
    gap: 12px;
  }

  #view-execution .execution-queue-head {
    min-height: 0;
  }

  #view-execution .operator-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: visible;
    padding-bottom: 0;
  }

  #view-execution .operator-kpis .metric-card {
    min-height: 66px;
    padding: 11px 13px 10px 15px;
    border-radius: 16px;
  }

  #view-execution .operator-kpis .metric-card strong {
    top: 11px;
    right: 13px;
    font-size: 1.45rem;
  }

  #view-execution .operator-kpis .metric-card p {
    max-width: 92%;
    margin-top: 12px;
    font-size: 0.76rem;
    line-height: 1.22;
  }

  #view-execution .execution-toolbar {
    display: grid;
    grid-template-columns: minmax(240px, 1.25fr) minmax(142px, 0.55fr) minmax(142px, 0.55fr);
    gap: 9px;
    padding: 10px;
  }

  #view-execution .execution-toolbar input,
  #view-execution .execution-toolbar select,
  #view-execution .execution-toolbar .search-select-trigger {
    min-height: 40px;
  }

  #view-execution #execution-table {
    min-height: min(560px, calc(100vh - 285px));
    max-height: calc(100vh - 280px);
    overflow: auto;
  }

  #view-execution .operator-queue-mobile {
    display: none;
  }

  #view-execution .operator-queue-desktop {
    display: block;
  }

  #view-execution .operator-queue-desktop table {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto;
  }

  #view-execution .operator-queue-desktop thead {
    display: none;
  }

  #view-execution .operator-queue-desktop tbody {
    display: grid;
    gap: 10px;
    padding: 10px;
  }

  #view-execution .operator-queue-desktop tr {
    display: grid;
    width: 100% !important;
    grid-template-columns: minmax(112px, 0.7fr) minmax(0, 1.35fr) minmax(160px, 0.95fr) minmax(128px, 0.72fr);
    gap: 8px 12px;
    padding: 13px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 18px;
    background:
      linear-gradient(135deg, rgba(201, 166, 107, 0.065), transparent 36%),
      rgba(12, 18, 27, 0.78);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
  }

  #view-execution .operator-queue-desktop td {
    display: grid;
    width: auto !important;
    height: auto !important;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 5px 8px;
    padding: 0 !important;
    min-width: 0;
    border: 0;
    position: static !important;
    right: auto !important;
    text-align: left !important;
    box-shadow: none !important;
    align-content: start;
  }

  #view-execution .operator-queue-desktop th:nth-child(n),
  #view-execution .operator-queue-desktop td:nth-child(n) {
    width: auto !important;
  }

  #view-execution .operator-queue-desktop td::before {
    content: attr(data-label);
    margin-top: 2px;
    color: rgba(201, 166, 107, 0.78);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    line-height: 1.1;
    text-transform: uppercase;
  }

  #view-execution .operator-queue-desktop td[data-label="Operación"] {
    grid-column: span 2;
  }

  #view-execution .operator-queue-desktop td[data-label="Tipo"],
  #view-execution .operator-queue-desktop td[data-label="Estado"],
  #view-execution .operator-queue-desktop td[data-label="Acción"] {
    grid-template-columns: 1fr;
  }

  #view-execution .operator-queue-desktop td[data-label="Tipo"]::before,
  #view-execution .operator-queue-desktop td[data-label="Acción"]::before {
    display: none;
  }

  #view-execution .operator-queue-desktop td[data-label="Acción"] {
    justify-items: stretch;
    align-self: stretch;
  }

  #view-execution .operator-queue-desktop td[data-label="Acción"] .inline-button {
    width: 100%;
    min-height: 40px;
    justify-content: center;
  }

  #view-execution .operator-queue-desktop td[data-label="Monto"] .row-main {
    font-size: 1rem;
  }

  #view-execution .execution-copy-strip {
    grid-column: 1 / -1;
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: max-height 160ms ease, margin-top 160ms ease, opacity 160ms ease;
  }

  #view-execution .operator-queue-desktop tr:hover .execution-copy-strip,
  #view-execution .operator-queue-desktop tr:focus-within .execution-copy-strip {
    max-height: 72px;
    margin-top: 7px;
    opacity: 1;
    pointer-events: auto;
  }

  :root[data-theme="light"] #view-execution .operator-queue-desktop tr {
    border-color: rgba(148, 163, 184, 0.18);
    background:
      linear-gradient(135deg, rgba(201, 166, 107, 0.08), transparent 36%),
      rgba(255, 255, 255, 0.96);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
  }
}

@media (min-width: 768px) and (max-width: 1320px) {
  #view-execution .operator-kpis .metric-card p {
    display: none;
  }

  #view-execution .operator-kpis .metric-card {
    min-height: 52px;
    align-content: center;
  }

  #view-execution .execution-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(130px, 0.42fr) minmax(130px, 0.42fr);
  }

  #view-execution .operator-queue-desktop tr {
    grid-template-columns: minmax(96px, 0.45fr) minmax(0, 1fr);
  }

  #view-execution .operator-queue-desktop td[data-label="Operación"] {
    grid-column: 2;
  }

  #view-execution .operator-queue-desktop td[data-label="Acción"] {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  #view-execution .execution-stage {
    gap: 10px;
  }

  #view-execution .execution-queue-head,
  body[data-active-view="execution"] #view-subtitle,
  #view-execution .execution-live-cluster {
    display: none;
  }

  #view-execution .operator-kpis {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 0;
    overflow: visible;
  }

  #view-execution .operator-kpis .metric-card {
    min-height: auto;
    padding: 12px 14px;
    border-radius: 16px;
  }

  #view-execution .operator-kpis .metric-card p {
    display: none;
  }

  #view-execution .execution-toolbar {
    display: none;
  }

  #view-execution #execution-table {
    min-height: 0;
    max-height: none;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  #view-execution .op-queue-cards {
    padding: 0;
    gap: 10px;
  }
}

/* Module phase 18: operator queue financial workbench */
#view-operator .operator-stage {
  display: grid;
  gap: 14px;
}

#view-operator .operator-queue-head {
  min-height: 34px;
  margin-bottom: 0;
  padding: 0 2px;
  justify-content: flex-end;
}

#view-operator .operator-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 0;
}

#view-operator .operator-kpis .metric-card {
  position: relative;
  overflow: hidden;
  min-height: 84px;
  padding: 14px 16px 13px 18px;
  border-radius: 18px;
}

#view-operator .operator-kpis .metric-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: rgba(148, 163, 184, 0.35);
}

#view-operator .operator-kpis .metric-filter-card.accent::before {
  width: 6px;
  background: #ef4444;
  box-shadow: 0 0 24px rgba(239, 68, 68, 0.34);
}

#view-operator .operator-kpis .metric-label {
  max-width: calc(100% - 54px);
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  line-height: 1.15;
}

#view-operator .operator-kpis .metric-card strong {
  position: absolute;
  top: 14px;
  right: 16px;
  margin: 0;
  font-size: clamp(1.55rem, 1.5vw, 2rem);
  line-height: 1;
}

#view-operator .operator-kpis .metric-card p {
  max-width: 86%;
  margin: 16px 0 0;
  font-size: 0.82rem;
  line-height: 1.28;
}

#view-operator .operator-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 1.4fr) minmax(210px, 0.58fr);
  gap: 10px;
  align-items: end;
  margin-bottom: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.012)),
    rgba(9, 15, 24, 0.52);
}

#view-operator .operator-toolbar label {
  gap: 6px;
  min-width: 0;
}

#view-operator .operator-toolbar input,
#view-operator .operator-toolbar select,
#view-operator .operator-toolbar .search-select-trigger {
  min-height: 42px;
  border-radius: 14px;
}

#view-operator #operator-table {
  min-height: min(560px, calc(100vh - 320px));
  max-height: calc(100vh - 315px);
  overflow: auto;
  border-radius: 20px;
}

#view-operator .operator-queue-shell,
#view-operator .operator-queue-desktop,
#view-operator .operator-queue-desktop .table-wrap {
  min-width: 0;
}

#view-operator .operator-queue-desktop table {
  width: 100%;
  min-width: 1120px;
  table-layout: fixed;
}

#view-operator .operator-queue-desktop thead th {
  position: sticky;
  top: 0;
  z-index: 4;
}

#view-operator .operator-queue-desktop th,
#view-operator .operator-queue-desktop td {
  padding: 11px 12px;
  vertical-align: middle;
}

#view-operator .operator-queue-desktop th:nth-child(1),
#view-operator .operator-queue-desktop td:nth-child(1) { width: 14%; }
#view-operator .operator-queue-desktop th:nth-child(2),
#view-operator .operator-queue-desktop td:nth-child(2) { width: 16%; }
#view-operator .operator-queue-desktop th:nth-child(3),
#view-operator .operator-queue-desktop td:nth-child(3) { width: 18%; }
#view-operator .operator-queue-desktop th:nth-child(4),
#view-operator .operator-queue-desktop td:nth-child(4) { width: 18%; }
#view-operator .operator-queue-desktop th:nth-child(5),
#view-operator .operator-queue-desktop td:nth-child(5) { width: 13%; }
#view-operator .operator-queue-desktop th:nth-child(6),
#view-operator .operator-queue-desktop td:nth-child(6) { width: 13%; }
#view-operator .operator-queue-desktop th:nth-child(7),
#view-operator .operator-queue-desktop td:nth-child(7) {
  width: 8%;
  text-align: right;
}

#view-operator .operator-queue-desktop .row-main {
  font-size: 0.94rem;
  line-height: 1.18;
}

#view-operator .operator-queue-desktop .row-sub {
  margin-top: 3px;
  font-size: 0.78rem;
  line-height: 1.24;
}

#view-operator .operator-queue-desktop .inline-button {
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 999px;
  white-space: nowrap;
}

#view-operator .operator-queue-desktop .status-chip {
  max-width: 100%;
  white-space: nowrap;
}

:root[data-theme="light"] #view-operator .operator-toolbar {
  border-color: rgba(148, 163, 184, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
    #ffffff;
}

:root[data-theme="light"] #view-operator .operator-queue-desktop th:last-child,
:root[data-theme="light"] #view-operator .operator-queue-desktop td:last-child {
  background: rgba(255, 255, 255, 0.96);
}

@media (min-width: 768px) and (max-width: 1600px) {
  #view-operator .operator-stage {
    gap: 12px;
  }

  #view-operator .operator-queue-head {
    min-height: 0;
  }

  #view-operator .operator-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    overflow: visible;
    padding-bottom: 0;
  }

  #view-operator .operator-kpis .metric-card {
    min-height: 62px;
    padding: 11px 13px 10px 15px;
    border-radius: 16px;
  }

  #view-operator .operator-kpis .metric-card strong {
    top: 11px;
    right: 13px;
    font-size: 1.45rem;
  }

  #view-operator .operator-kpis .metric-card p {
    max-width: 92%;
    margin-top: 12px;
    font-size: 0.76rem;
    line-height: 1.22;
  }

  #view-operator .operator-toolbar {
    grid-template-columns: minmax(240px, 1fr) minmax(170px, 0.45fr);
    gap: 9px;
    padding: 10px;
  }

  #view-operator .operator-toolbar input,
  #view-operator .operator-toolbar select,
  #view-operator .operator-toolbar .search-select-trigger {
    min-height: 40px;
  }

  #view-operator #operator-table {
    min-height: min(560px, calc(100vh - 285px));
    max-height: calc(100vh - 280px);
    overflow: auto;
  }

  #view-operator .operator-queue-desktop table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  #view-operator .operator-queue-desktop th,
  #view-operator .operator-queue-desktop td {
    padding: 9px 10px;
  }

  #view-operator .operator-queue-desktop th:nth-child(1),
  #view-operator .operator-queue-desktop td:nth-child(1) { width: 13%; }
  #view-operator .operator-queue-desktop th:nth-child(2),
  #view-operator .operator-queue-desktop td:nth-child(2) { width: 15%; }
  #view-operator .operator-queue-desktop th:nth-child(3),
  #view-operator .operator-queue-desktop td:nth-child(3) { width: 17%; }
  #view-operator .operator-queue-desktop th:nth-child(4),
  #view-operator .operator-queue-desktop td:nth-child(4) { width: 17%; }
  #view-operator .operator-queue-desktop th:nth-child(5),
  #view-operator .operator-queue-desktop td:nth-child(5) { width: 12%; }
  #view-operator .operator-queue-desktop th:nth-child(6),
  #view-operator .operator-queue-desktop td:nth-child(6) { width: 15%; }
  #view-operator .operator-queue-desktop th:nth-child(7),
  #view-operator .operator-queue-desktop td:nth-child(7) { width: 11%; }
}

@media (min-width: 768px) and (max-width: 1320px) {
  #view-operator .operator-kpis .metric-card p {
    display: none;
  }

  #view-operator .operator-kpis .metric-card {
    min-height: 52px;
    align-content: center;
  }

  #view-operator .operator-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 0.42fr);
  }
}

@media (max-width: 767px) {
  #view-operator .operator-stage {
    gap: 10px;
  }

  #view-operator .operator-queue-head {
    display: none;
  }

  #view-operator .operator-kpis {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 0;
    overflow: visible;
  }

  #view-operator .operator-kpis .metric-card {
    min-height: auto;
    padding: 12px 14px;
    border-radius: 16px;
  }

  #view-operator .operator-kpis .metric-card p {
    display: none;
  }

  #view-operator .operator-toolbar {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
  }

  #view-operator #operator-table {
    min-height: min(430px, calc(100dvh - 330px));
    max-height: calc(100dvh - 300px);
    overflow: auto;
    border-radius: 18px;
  }

  #view-operator .op-queue-cards {
    padding: 10px;
    gap: 10px;
  }
}

/* Module phase 19: treasury execution queue control surface */
#view-treasury .treasury-stage {
  display: grid;
  gap: 14px;
}

#view-treasury .treasury-queue-head {
  min-height: 34px;
  margin: 0;
  padding: 0 2px;
  justify-content: flex-end;
  align-items: center;
}

#view-treasury .operator-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

#view-treasury .operator-kpis .metric-card {
  min-height: 82px;
  padding: 14px 16px 13px 18px;
  border-radius: 18px;
}

#view-treasury .operator-kpis .metric-label {
  max-width: calc(100% - 54px);
  font-size: 0.7rem;
  letter-spacing: 0.15em;
  line-height: 1.15;
}

#view-treasury .operator-kpis .metric-card strong {
  position: absolute;
  top: 14px;
  right: 16px;
  margin: 0;
  font-size: clamp(1.52rem, 1.45vw, 1.92rem);
  line-height: 1;
}

#view-treasury .operator-kpis .metric-card p {
  max-width: 84%;
  margin: 16px 0 0;
  font-size: 0.82rem;
  line-height: 1.28;
}

#view-treasury .operator-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 1.45fr) minmax(210px, 0.55fr);
  gap: 10px;
  align-items: end;
  margin: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.012)),
    rgba(9, 15, 24, 0.52);
}

#view-treasury .operator-toolbar label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

#view-treasury .operator-toolbar label > span {
  font-size: 0.68rem;
  line-height: 1.1;
  letter-spacing: 0.12em;
}

#view-treasury .operator-toolbar input,
#view-treasury .operator-toolbar select,
#view-treasury .operator-toolbar .search-select-trigger {
  min-height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 14px;
}

#view-treasury .operator-toolbar .search-select {
  min-height: 42px;
}

#view-treasury #treasury-table {
  min-height: min(520px, calc(100vh - 340px));
  max-height: calc(100vh - 320px);
  overflow: auto;
  border-radius: 20px;
}

#view-treasury .operator-queue-shell,
#view-treasury .operator-queue-desktop,
#view-treasury .operator-queue-desktop .table-wrap {
  min-width: 0;
}

#view-treasury .operator-queue-desktop table {
  width: 100%;
  min-width: 1180px;
  table-layout: fixed;
}

#view-treasury .operator-queue-desktop thead th {
  position: sticky;
  top: 0;
  z-index: 4;
}

#view-treasury .operator-queue-desktop th,
#view-treasury .operator-queue-desktop td {
  padding: 11px 12px;
  vertical-align: middle;
}

#view-treasury .operator-queue-desktop th:nth-child(1),
#view-treasury .operator-queue-desktop td:nth-child(1) { width: 10%; }
#view-treasury .operator-queue-desktop th:nth-child(2),
#view-treasury .operator-queue-desktop td:nth-child(2) { width: 18%; }
#view-treasury .operator-queue-desktop th:nth-child(3),
#view-treasury .operator-queue-desktop td:nth-child(3) { width: 20%; }
#view-treasury .operator-queue-desktop th:nth-child(4),
#view-treasury .operator-queue-desktop td:nth-child(4) { width: 14%; }
#view-treasury .operator-queue-desktop th:nth-child(5),
#view-treasury .operator-queue-desktop td:nth-child(5) { width: 16%; }
#view-treasury .operator-queue-desktop th:nth-child(6),
#view-treasury .operator-queue-desktop td:nth-child(6) { width: 10%; }
#view-treasury .operator-queue-desktop th:nth-child(7),
#view-treasury .operator-queue-desktop td:nth-child(7) {
  width: 12%;
  text-align: right;
}

#view-treasury .operator-queue-desktop .row-main {
  font-size: 0.94rem;
  line-height: 1.18;
}

#view-treasury .operator-queue-desktop .row-sub {
  margin-top: 3px;
  font-size: 0.78rem;
  line-height: 1.24;
}

#view-treasury .operator-queue-desktop .table-actions {
  justify-content: flex-end;
  gap: 6px;
}

#view-treasury .operator-queue-desktop .inline-button {
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 999px;
  white-space: nowrap;
}

#view-treasury .operator-queue-desktop .status-chip {
  max-width: 100%;
  white-space: nowrap;
}

#view-treasury .operator-queue-desktop > .detail-card,
#view-treasury .operator-queue-mobile > .detail-card {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  min-height: clamp(220px, 32vh, 360px);
  margin: 0;
  padding: 28px;
  border-radius: 18px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(201, 166, 107, 0.09), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.012));
}

#view-treasury .operator-queue-desktop > .detail-card strong,
#view-treasury .operator-queue-mobile > .detail-card strong {
  color: var(--text);
  font-size: 1rem;
}

#view-treasury .operator-queue-desktop > .detail-card span,
#view-treasury .operator-queue-mobile > .detail-card span {
  max-width: 520px;
  color: var(--text-soft);
  line-height: 1.45;
}

:root[data-theme="light"] #view-treasury .operator-toolbar {
  border-color: rgba(148, 163, 184, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
    #ffffff;
}

:root[data-theme="light"] #view-treasury .operator-queue-desktop th:last-child,
:root[data-theme="light"] #view-treasury .operator-queue-desktop td:last-child {
  background: rgba(255, 255, 255, 0.96);
}

:root[data-theme="light"] #view-treasury .operator-queue-desktop > .detail-card,
:root[data-theme="light"] #view-treasury .operator-queue-mobile > .detail-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(201, 166, 107, 0.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.86));
}

@media (min-width: 768px) and (max-width: 1600px) {
  #view-treasury .treasury-stage {
    gap: 12px;
  }

  #view-treasury .treasury-queue-head {
    min-height: 0;
  }

  #view-treasury .operator-kpis {
    gap: 12px;
    overflow: visible;
    padding-bottom: 0;
  }

  #view-treasury .operator-kpis .metric-card {
    min-height: 62px;
    padding: 11px 13px 10px 15px;
    border-radius: 16px;
  }

  #view-treasury .operator-kpis .metric-card strong {
    top: 11px;
    right: 13px;
    font-size: 1.45rem;
  }

  #view-treasury .operator-kpis .metric-card p {
    max-width: 92%;
    margin-top: 12px;
    font-size: 0.76rem;
    line-height: 1.22;
  }

  #view-treasury .operator-toolbar {
    grid-template-columns: minmax(240px, 1fr) minmax(170px, 0.45fr);
    gap: 9px;
    padding: 10px;
  }

  #view-treasury .operator-toolbar input,
  #view-treasury .operator-toolbar select,
  #view-treasury .operator-toolbar .search-select-trigger {
    min-height: 40px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  #view-treasury .operator-toolbar .search-select {
    min-height: 40px;
  }

  #view-treasury #treasury-table {
    min-height: min(500px, calc(100vh - 390px));
    max-height: calc(100vh - 360px);
    overflow: auto;
  }

  #view-treasury .operator-queue-desktop table {
    min-width: 0;
    table-layout: fixed;
  }

  #view-treasury .operator-queue-desktop th,
  #view-treasury .operator-queue-desktop td {
    padding: 9px 10px;
  }

  #view-treasury .operator-queue-desktop th:nth-child(1),
  #view-treasury .operator-queue-desktop td:nth-child(1) { width: 9%; }
  #view-treasury .operator-queue-desktop th:nth-child(2),
  #view-treasury .operator-queue-desktop td:nth-child(2) { width: 17%; }
  #view-treasury .operator-queue-desktop th:nth-child(3),
  #view-treasury .operator-queue-desktop td:nth-child(3) { width: 19%; }
  #view-treasury .operator-queue-desktop th:nth-child(4),
  #view-treasury .operator-queue-desktop td:nth-child(4) { width: 14%; }
  #view-treasury .operator-queue-desktop th:nth-child(5),
  #view-treasury .operator-queue-desktop td:nth-child(5) { width: 15%; }
  #view-treasury .operator-queue-desktop th:nth-child(6),
  #view-treasury .operator-queue-desktop td:nth-child(6) { width: 12%; }
  #view-treasury .operator-queue-desktop th:nth-child(7),
  #view-treasury .operator-queue-desktop td:nth-child(7) { width: 14%; }
}

@media (min-width: 768px) and (max-width: 1320px) {
  #view-treasury .operator-kpis .metric-card p {
    display: none;
  }

  #view-treasury .operator-kpis .metric-card {
    min-height: 52px;
    align-content: center;
  }

  #view-treasury .operator-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 0.42fr);
  }
}

/* Module phase 20: attention service queue operational fit */
#view-clients .client-service-module {
  display: grid;
}

#view-clients #client-service-remittances.table-shell {
  scrollbar-gutter: stable both-edges;
}

#view-clients #client-service-remittances table {
  width: 100%;
  table-layout: fixed;
}

#view-clients #client-service-remittances .table-actions {
  align-content: start;
}

#view-clients #client-service-remittances .inline-button {
  white-space: nowrap;
}

@media (min-width: 1680px) {
  #view-clients #client-service-remittances.table-shell {
    max-height: min(680px, calc(100dvh - 380px)) !important;
  }

  #view-clients #client-service-remittances th,
  #view-clients #client-service-remittances td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #view-clients #client-service-remittances .table-actions {
    gap: 5px !important;
  }

  #view-clients #client-service-remittances .inline-button {
    min-height: 30px !important;
    padding: 5px 8px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1679px) {
  #view-clients #client-service-remittances.table-shell {
    min-height: 0 !important;
    max-height: calc(100dvh - 348px) !important;
    overflow: auto !important;
  }

  #view-clients #client-service-remittances th,
  #view-clients #client-service-remittances td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  #view-clients #client-service-remittances .row-main {
    font-size: 0.79rem !important;
    line-height: 1.1 !important;
  }

  #view-clients #client-service-remittances .row-sub {
    margin-top: 3px !important;
    font-size: 0.65rem !important;
    line-height: 1.12 !important;
  }

  #view-clients #client-service-remittances .table-actions {
    gap: 3px !important;
  }

  #view-clients #client-service-remittances .inline-button {
    min-height: 25px !important;
    padding: 4px 6px !important;
    border-radius: 8px !important;
    font-size: 0.66rem !important;
  }

  #view-clients .client-service-sla {
    min-width: 50px !important;
    max-width: 68px !important;
    padding: 3px 6px !important;
  }
}

@media (max-width: 900px) {
  #view-clients .client-service-board {
    min-height: 0;
  }

  #view-clients #client-service-remittances.table-shell {
    min-height: min(420px, calc(100dvh - 360px)) !important;
    max-height: calc(100dvh - 340px) !important;
    overflow: auto !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.018) !important;
    box-shadow: none !important;
  }

  #view-clients #client-service-remittances tbody {
    padding: 10px !important;
  }

  #view-clients #client-service-remittances tr.client-service-row {
    grid-template-areas:
      "client number"
      "register register"
      "amount time"
      "deposit deposit"
      "stage actions" !important;
    gap: 7px 10px !important;
    padding: 10px !important;
    border-radius: 15px !important;
    box-shadow: none !important;
  }

  #view-clients #client-service-remittances tr.client-service-row td:nth-child(4) {
    padding: 7px 0 !important;
  }

  #view-clients #client-service-remittances .row-main {
    font-size: 0.9rem !important;
    line-height: 1.16 !important;
  }

  #view-clients #client-service-remittances .row-sub {
    margin-top: 2px !important;
    font-size: 0.74rem !important;
    line-height: 1.18 !important;
  }

  #view-clients #client-service-remittances td:nth-child(4) .row-sub {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  #view-clients #client-service-remittances .client-service-sla {
    min-width: 0;
    padding: 6px 8px;
    border-radius: 12px;
  }

  #view-clients #client-service-remittances .table-actions {
    gap: 5px !important;
  }

  #view-clients #client-service-remittances .inline-button {
    min-height: 31px !important;
    padding: 5px 7px !important;
    font-size: 0.7rem !important;
  }
}

@media (max-width: 430px) {
  #view-clients #client-service-remittances.table-shell {
    min-height: min(400px, calc(100dvh - 380px)) !important;
    max-height: calc(100dvh - 360px) !important;
  }

  #view-clients #client-service-remittances tr.client-service-row {
    grid-template-areas:
      "client number"
      "register register"
      "amount amount"
      "time time"
      "deposit deposit"
      "stage stage"
      "actions actions" !important;
  }

  #view-clients #client-service-remittances .table-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  #view-treasury .treasury-stage {
    gap: 10px;
  }

  #view-treasury .treasury-queue-head {
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
  }

  #view-treasury .operator-kpis {
    margin-bottom: 0;
    overflow: visible;
  }

  #view-treasury .operator-kpis .metric-card {
    min-height: auto;
    padding: 12px 14px;
    border-radius: 16px;
  }

  #view-treasury .operator-kpis .metric-card p {
    display: none;
  }

  #view-treasury #treasury-table {
    min-height: min(430px, calc(100dvh - 300px));
    max-height: calc(100dvh - 270px);
    overflow: auto;
    border-radius: 18px;
  }

  #view-treasury .op-queue-cards {
    padding: 10px;
    gap: 10px;
  }

  #view-treasury .operator-queue-mobile > .detail-card {
    min-height: 260px;
    padding: 22px 18px;
  }
}

/* Module phase 21: global mobile shell reset and dashboard fit. */
@media (max-width: 700px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .shell,
  body.sidebar-collapsed .shell {
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: hidden !important;
  }

  .sidebar-toggle {
    position: fixed !important;
    top: max(12px, env(safe-area-inset-top)) !important;
    left: max(10px, env(safe-area-inset-left)) !important;
    z-index: 130 !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border-radius: 14px !important;
  }

  .sidebar-toggle-label {
    display: none !important;
  }

  .sidebar-overlay {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    opacity: 0 !important;
    pointer-events: none !important;
    background: rgba(3, 7, 12, 0.72) !important;
    backdrop-filter: blur(7px) !important;
    z-index: 118 !important;
  }

  body.sidebar-drawer-open .sidebar-overlay {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .sidebar,
  body.sidebar-collapsed .sidebar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 125 !important;
    width: min(318px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 64px 12px 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translate3d(-110%, 0, 0) !important;
    box-shadow: 18px 0 56px rgba(0, 0, 0, 0.5) !important;
    border-right: 1px solid rgba(148, 163, 184, 0.2) !important;
  }

  body.sidebar-drawer-open .sidebar,
  body.sidebar-drawer-open.sidebar-collapsed .sidebar {
    transform: translate3d(0, 0, 0) !important;
  }

  body.sidebar-drawer-open {
    overflow: hidden !important;
    touch-action: none;
  }

  body.sidebar-drawer-open .shell,
  body.sidebar-drawer-open .workspace {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  .sidebar .nav-panel,
  .sidebar .sidebar-footer {
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 16px !important;
  }

  .sidebar .nav {
    gap: 7px !important;
  }

  .sidebar .nav-link {
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }

  .sidebar .nav-text,
  body.sidebar-collapsed .sidebar .nav-text,
  body.sidebar-collapsed .sidebar-logout .nav-text,
  body.sidebar-collapsed .theme-toggle-label {
    display: inline !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .sidebar-footer {
    position: static !important;
    margin-top: 12px !important;
  }

  .workspace {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    padding: 68px 10px 16px !important;
    gap: 12px !important;
    overflow-x: hidden !important;
  }

  .workspace-head,
  .workspace-title-row,
  .workspace-actions,
  .workspace-actions .toolbar-actions,
  .view-section,
  .panel,
  .client-module,
  .module-main,
  .module-layout,
  .table-shell,
  .toolbar,
  .client-toolbar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .workspace-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 0 0 6px !important;
    padding-bottom: 12px !important;
  }

  .workspace-title-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .workspace-head h2,
  .workspace-title-row h2 {
    max-width: 100% !important;
    font-size: clamp(1.55rem, 8vw, 2.08rem) !important;
    line-height: 1.06 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .workspace-copy,
  .workspace-subtitle,
  #view-subtitle {
    display: none !important;
  }

  .workspace-actions,
  .workspace-actions .toolbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    justify-items: stretch !important;
  }

  .workspace-actions .toolbar-actions > *,
  .panel-actions > *,
  .client-toolbar > *,
  .toolbar > * {
    width: 100% !important;
    min-width: 0 !important;
  }

  .panel,
  .client-module,
  .operator-stage,
  .dashboard-control-room {
    border-radius: 18px !important;
    padding: 12px !important;
  }

  .metrics-grid,
  .operator-kpis,
  .client-service-kpis,
  .daily-balance-kpis,
  #view-dashboard .dashboard-control-kpis,
  #view-dashboard #metrics-strip.metrics-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  .metric-card,
  .operator-kpis .metric-card,
  .client-service-kpis .metric-card,
  #view-dashboard .dashboard-control-kpis .metric-card {
    min-width: 0 !important;
    min-height: 74px !important;
    padding: 12px 14px !important;
    border-radius: 15px !important;
  }

  .metric-card strong,
  .operator-kpis .metric-card strong,
  .client-service-kpis .metric-card strong,
  #view-dashboard .dashboard-control-kpis .metric-card strong {
    font-size: clamp(1.42rem, 8vw, 1.95rem) !important;
    line-height: 1 !important;
  }

  .metric-label {
    font-size: 0.62rem !important;
    letter-spacing: 0.11em !important;
  }

  .table-shell {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 16px !important;
  }

  table {
    max-width: 100%;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }

  #view-dashboard .dashboard-control-room > .panel-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  #view-dashboard .dashboard-cycle-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #view-dashboard .dashboard-cycle-picker {
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-dashboard .dashboard-control-table {
    min-width: 0 !important;
  }

  #view-dashboard #dashboard-remittances.table-shell {
    min-height: min(420px, calc(100dvh - 360px)) !important;
    max-height: calc(100dvh - 320px) !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 360px) and (max-width: 700px) {
  #view-dashboard .dashboard-control-kpis,
  #view-dashboard #metrics-strip.metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  .workspace {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .sidebar,
  body.sidebar-collapsed .sidebar {
    width: min(304px, calc(100vw - 22px)) !important;
    max-width: calc(100vw - 22px) !important;
  }

  .workspace-head h2,
  .workspace-title-row h2 {
    font-size: clamp(1.42rem, 7.4vw, 1.86rem) !important;
  }
}

/* Module phase 22: mobile operational cards for dashboard and attention. */
@media (max-width: 700px) {
  #view-dashboard .dashboard-control-room,
  #view-clients .client-service-module {
    gap: 10px !important;
  }

  #view-dashboard .dashboard-control-kpis,
  #view-dashboard #metrics-strip.metrics-grid,
  #view-clients .client-service-kpis {
    gap: 7px !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-card,
  #view-clients .client-service-kpis .metric-card {
    min-height: 62px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-card strong,
  #view-clients .client-service-kpis .metric-card strong {
    margin: 1px 0 0 !important;
    font-size: clamp(1.22rem, 6vw, 1.55rem) !important;
  }

  #view-dashboard .dashboard-control-kpis .metric-card p,
  #view-dashboard .dashboard-control-kpis .dashboard-kpi-detail,
  #view-clients .client-service-kpis .metric-card p {
    display: none !important;
  }

  #view-dashboard .dashboard-control-toolbar,
  #view-clients .client-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #view-dashboard .dashboard-control-toolbar label,
  #view-clients .client-toolbar label {
    width: 100% !important;
  }

  #view-dashboard #dashboard-remittances.table-shell,
  #view-clients #client-service-remittances.table-shell {
    min-height: min(360px, calc(100dvh - 370px)) !important;
    max-height: calc(100dvh - 300px) !important;
    border-radius: 16px !important;
  }

  #view-dashboard #dashboard-remittances tbody,
  #view-clients #client-service-remittances tbody {
    gap: 8px !important;
    padding: 8px !important;
  }

  #view-dashboard #dashboard-remittances tr.dashboard-operation-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "number client"
      "time money"
      "route route"
      "state action" !important;
    gap: 6px 8px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  #view-dashboard #dashboard-remittances tr.dashboard-operation-row td:nth-child(6) {
    display: none !important;
  }

  #view-dashboard #dashboard-remittances tr.dashboard-operation-row td:nth-child(5) {
    padding: 6px 0 !important;
  }

  #view-dashboard #dashboard-remittances .dashboard-route-compact {
    padding: 6px 8px !important;
    border-radius: 12px !important;
  }

  #view-dashboard #dashboard-remittances .dashboard-money-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px !important;
  }

  #view-dashboard #dashboard-remittances .dashboard-money-stack span,
  #view-dashboard #dashboard-remittances td:nth-child(7) > .row-sub,
  #view-dashboard #dashboard-remittances .row-sub {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    white-space: normal !important;
  }

  #view-dashboard #dashboard-remittances .inline-button {
    min-height: 32px !important;
    padding: 0 10px !important;
  }

  #view-clients #client-service-remittances tr.client-service-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "number client"
      "amount amount"
      "deposit deposit"
      "stage stage"
      "actions actions" !important;
    gap: 6px 8px !important;
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  #view-clients #client-service-remittances tr.client-service-row td:nth-child(3),
  #view-clients #client-service-remittances tr.client-service-row td:nth-child(6) {
    display: none !important;
  }

  #view-clients #client-service-remittances tr.client-service-row td:nth-child(4) {
    padding: 6px 0 !important;
    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
  }

  #view-clients #client-service-remittances .row-main {
    font-size: 0.84rem !important;
    line-height: 1.12 !important;
  }

  #view-clients #client-service-remittances .row-sub {
    margin-top: 2px !important;
    font-size: 0.68rem !important;
    line-height: 1.12 !important;
  }

  #view-clients #client-service-remittances td:nth-child(2) .row-main,
  #view-clients #client-service-remittances td:nth-child(2) .row-sub,
  #view-clients #client-service-remittances td:nth-child(4) .row-main,
  #view-clients #client-service-remittances td:nth-child(4) .row-sub,
  #view-clients #client-service-remittances td:nth-child(7) .row-sub {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    white-space: normal !important;
  }

  #view-clients #client-service-remittances td:nth-child(7) .row-sub {
    -webkit-line-clamp: 2 !important;
  }

  #view-clients #client-service-remittances .client-service-sla {
    min-height: 32px !important;
    padding: 5px 7px !important;
    border-radius: 10px !important;
  }

  #view-clients #client-service-remittances .table-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
  }

  #view-clients #client-service-remittances .inline-button {
    min-height: 30px !important;
    padding: 4px 5px !important;
    font-size: 0.66rem !important;
    border-radius: 9px !important;
  }
}

@media (max-width: 700px) {
  #view-dashboard #dashboard-remittances tr.dashboard-operation-row {
    grid-template-areas:
      "number client"
      "route money"
      "state action" !important;
  }

  #view-dashboard #dashboard-remittances tr.dashboard-operation-row td:nth-child(2) {
    display: none !important;
  }

  #view-dashboard #dashboard-remittances .dashboard-route-compact {
    display: inline-flex !important;
    width: auto !important;
    min-height: 30px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    white-space: nowrap !important;
  }

  #view-dashboard #dashboard-remittances .dashboard-route-compact * {
    white-space: nowrap !important;
  }

  #view-dashboard #dashboard-remittances .dashboard-money-stack {
    min-height: 0 !important;
  }

  #view-dashboard #dashboard-remittances .dashboard-state-stack .dashboard-sla,
  #view-dashboard #dashboard-remittances .dashboard-state-stack .dashboard-status-chip {
    min-height: 30px !important;
    padding: 4px 8px !important;
    border-radius: 10px !important;
    font-size: 0.68rem !important;
  }

  #view-clients #client-service-remittances td:nth-child(7) .validator-note-inline {
    display: none !important;
  }

  #view-clients #client-service-remittances .status-chip {
    min-height: 30px !important;
    padding: 5px 8px !important;
    border-radius: 10px !important;
    font-size: 0.68rem !important;
  }
}

/* Module phase 23: mobile validation and distribution queues. */
@media (max-width: 700px) {
  #view-validation .validation-module,
  #view-distribution .distribution-module,
  #view-distribution .distribution-side-panel {
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  #view-validation .validation-kpis,
  #view-distribution .distribution-kpis,
  #view-distribution .distribution-quick-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  #view-validation .validation-kpis .metric-card,
  #view-distribution .distribution-kpis .metric-card,
  #view-distribution .distribution-filter-chip {
    min-height: 62px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
  }

  #view-validation .validation-kpis .metric-card strong,
  #view-distribution .distribution-kpis .metric-card strong,
  #view-distribution .distribution-filter-chip strong {
    margin: 1px 0 0 !important;
    font-size: clamp(1.18rem, 5.8vw, 1.52rem) !important;
    line-height: 1 !important;
  }

  #view-validation .validation-kpis .metric-card p,
  #view-distribution .distribution-kpis .metric-card p {
    display: none !important;
  }

  #view-validation .validation-toolbar,
  #view-distribution .distribution-title-search {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #view-validation #validation-table.table-shell,
  #view-distribution #distribution-table.table-shell {
    min-height: min(360px, calc(100dvh - 370px)) !important;
    max-height: calc(100dvh - 300px) !important;
    overflow: auto !important;
    border-radius: 16px !important;
    -webkit-overflow-scrolling: touch;
  }

  #view-validation #validation-table table,
  #view-distribution #distribution-table table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #view-validation #validation-table thead,
  #view-distribution #distribution-table thead {
    display: none !important;
  }

  #view-validation #validation-table tbody,
  #view-distribution #distribution-table tbody {
    display: grid !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  #view-validation #validation-table tr.validation-row,
  #view-distribution #distribution-table .distribution-table tbody tr {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.01)),
      var(--panel) !important;
    box-shadow: none !important;
  }

  #view-validation #validation-table tr.validation-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "number client"
      "bank amount"
      "observation observation"
      "action action" !important;
    gap: 6px 8px !important;
  }

  #view-distribution #distribution-table .distribution-table tbody tr {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "number client"
      "route amount"
      "action action" !important;
    gap: 6px 8px !important;
  }

  #view-validation #validation-table tr.validation-row td,
  #view-distribution #distribution-table .distribution-table tbody tr td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  #view-validation #validation-table tr.validation-row td::before,
  #view-distribution #distribution-table .distribution-table tbody tr td::before {
    content: none !important;
    display: none !important;
  }

  #view-validation #validation-table tr.validation-row td:nth-child(1) {
    display: none !important;
  }
  #view-validation #validation-table tr.validation-row td:nth-child(2) { grid-area: number !important; }
  #view-validation #validation-table tr.validation-row td:nth-child(3) { grid-area: client !important; }
  #view-validation #validation-table tr.validation-row td:nth-child(4) { grid-area: bank !important; }
  #view-validation #validation-table tr.validation-row td:nth-child(5) { grid-area: amount !important; }
  #view-validation #validation-table tr.validation-row td:nth-child(6) { grid-area: observation !important; }
  #view-validation #validation-table tr.validation-row td:nth-child(7) { grid-area: action !important; }

  #view-distribution #distribution-table .distribution-table tbody tr td:nth-child(1) { grid-area: number !important; }
  #view-distribution #distribution-table .distribution-table tbody tr td:nth-child(2) { grid-area: client !important; }
  #view-distribution #distribution-table .distribution-table tbody tr td:nth-child(3) {
    display: none !important;
  }
  #view-distribution #distribution-table .distribution-table tbody tr td:nth-child(4) { grid-area: route !important; }
  #view-distribution #distribution-table .distribution-table tbody tr td:nth-child(5) { grid-area: amount !important; }
  #view-distribution #distribution-table .distribution-table tbody tr td:nth-child(6) { grid-area: action !important; }

  #view-validation #validation-table .row-main,
  #view-distribution #distribution-table .row-main {
    font-size: 0.84rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  #view-validation #validation-table .row-sub,
  #view-distribution #distribution-table .row-sub {
    display: -webkit-box !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    font-size: 0.68rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  #view-validation #validation-table tr.validation-row td:nth-child(6) .row-sub {
    -webkit-line-clamp: 2 !important;
  }

  #view-distribution #distribution-table .distribution-route-compact {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 30px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    padding: 5px 7px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
  }

  #view-distribution #distribution-table .distribution-route-compact * {
    white-space: nowrap !important;
  }

  #view-validation #validation-table .validation-open-button,
  #view-distribution #distribution-table .ghost-button {
    width: 100% !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 0.72rem !important;
    justify-content: center !important;
  }

  #view-distribution .distribution-side-panel {
    position: static !important;
    max-height: min(460px, calc(100dvh - 120px)) !important;
    overflow: hidden !important;
  }

  #view-distribution #distribution-accounts,
  #view-distribution .distribution-account-ledger,
  #view-distribution .distribution-account-ledger .distribution-account-list {
    min-height: 0 !important;
    max-height: none !important;
  }

  #view-distribution .distribution-account-ledger .distribution-account-list {
    max-height: min(260px, calc(100dvh - 360px)) !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* Module phase 24: mobile execution queue density, scoped away from Operator. */
@media (max-width: 700px) {
  #view-execution .execution-stage {
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  #view-execution .execution-kpis,
  #view-execution .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
  }

  #view-execution .execution-kpis .metric-card {
    min-height: 62px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
  }

  #view-execution .execution-kpis .metric-card:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  #view-execution .execution-kpis .metric-label {
    font-size: 0.58rem !important;
    letter-spacing: 0.11em !important;
    line-height: 1.08 !important;
  }

  #view-execution .execution-kpis .metric-card strong {
    margin: 2px 0 0 !important;
    font-size: clamp(1.2rem, 6vw, 1.55rem) !important;
    line-height: 1 !important;
  }

  #view-execution .execution-kpis .metric-card p {
    display: none !important;
  }

  #view-execution .execution-toolbar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  #view-execution .execution-toolbar label {
    gap: 0 !important;
    min-width: 0 !important;
  }

  #view-execution .execution-toolbar .search-field {
    grid-column: 1 / -1 !important;
  }

  #view-execution .execution-toolbar label > span {
    display: none !important;
  }

  #view-execution .execution-toolbar input,
  #view-execution .execution-toolbar select,
  #view-execution .execution-toolbar .search-select-trigger {
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    font-size: 0.78rem !important;
  }

  #view-execution #execution-table {
    min-height: min(430px, calc(100dvh - 330px)) !important;
    max-height: calc(100dvh - 270px) !important;
    overflow: auto !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-overflow-scrolling: touch;
  }

  #view-execution .operator-queue-mobile {
    display: block !important;
  }

  #view-execution .operator-queue-desktop {
    display: none !important;
  }

  #view-execution .op-queue-cards {
    gap: 8px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px !important;
  }

  #view-execution .execution-queue-card {
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  #view-execution .op-queue-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  #view-execution .execution-type-line {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
  }

  #view-execution .execution-type-chip,
  #view-execution .execution-priority-dot {
    min-height: 24px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 0.61rem !important;
    letter-spacing: 0.07em !important;
  }

  #view-execution .op-queue-code {
    display: -webkit-box !important;
    margin-top: 1px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    font-size: 0.82rem !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-execution .op-queue-card-meta .row-sub {
    margin-top: 2px !important;
    font-size: 0.66rem !important;
    line-height: 1.1 !important;
  }

  #view-execution .op-queue-amount {
    margin: 0 !important;
    font-size: clamp(1.18rem, 6vw, 1.46rem) !important;
    line-height: 1.04 !important;
  }

  #view-execution .op-queue-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  #view-execution .op-queue-meta-item {
    min-width: 0 !important;
    padding: 7px 8px !important;
    border: 1px solid var(--line) !important;
    border-radius: 11px !important;
    background: rgba(148, 163, 184, 0.055) !important;
    line-height: 1.12 !important;
  }

  #view-execution .op-queue-meta-item:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  #view-execution .op-queue-meta-item strong {
    margin: 0 0 4px !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.11em !important;
  }

  #view-execution .op-queue-meta-value,
  #view-execution .op-queue-meta-item .row-sub {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    font-size: 0.74rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-execution .op-queue-meta-item:nth-child(3) .op-queue-meta-value {
    -webkit-line-clamp: 2 !important;
  }

  #view-execution .op-queue-open {
    min-height: 34px !important;
    margin-top: 0 !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 0.74rem !important;
  }
}

/* Module phase 25: mobile treasury queue density, scoped away from Operator. */
@media (max-width: 700px) {
  #view-treasury .treasury-stage {
    gap: 10px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  #view-treasury .treasury-queue-head {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #view-treasury .treasury-queue-head .ghost-button {
    width: 100% !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 0.72rem !important;
    justify-content: center !important;
  }

  #view-treasury .operator-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  #view-treasury .operator-kpis .metric-card {
    min-height: 62px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
  }

  #view-treasury .operator-kpis .metric-card:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  #view-treasury .operator-kpis .metric-label {
    font-size: 0.58rem !important;
    letter-spacing: 0.11em !important;
    line-height: 1.08 !important;
  }

  #view-treasury .operator-kpis .metric-card strong {
    margin: 2px 0 0 !important;
    font-size: clamp(1.2rem, 6vw, 1.55rem) !important;
    line-height: 1 !important;
  }

  #view-treasury .operator-kpis .metric-card p {
    display: none !important;
  }

  #view-treasury .operator-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(118px, 0.5fr) !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 8px !important;
    border-radius: 14px !important;
  }

  #view-treasury .operator-toolbar label {
    gap: 0 !important;
    min-width: 0 !important;
  }

  #view-treasury .operator-toolbar label > span {
    display: none !important;
  }

  #view-treasury .operator-toolbar input,
  #view-treasury .operator-toolbar select,
  #view-treasury .operator-toolbar .search-select-trigger {
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 11px !important;
    font-size: 0.78rem !important;
  }

  #view-treasury #treasury-table {
    min-height: min(390px, calc(100dvh - 350px)) !important;
    max-height: calc(100dvh - 285px) !important;
    overflow: auto !important;
    border-radius: 16px !important;
    -webkit-overflow-scrolling: touch;
  }

  #view-treasury .operator-queue-mobile {
    display: block !important;
  }

  #view-treasury .operator-queue-desktop {
    display: none !important;
  }

  #view-treasury .operator-queue-mobile > .detail-card {
    min-height: 170px !important;
    padding: 16px 14px !important;
    border-radius: 14px !important;
    align-content: center !important;
  }

  #view-treasury .operator-queue-mobile > .detail-card strong {
    font-size: 0.92rem !important;
    line-height: 1.15 !important;
  }

  #view-treasury .operator-queue-mobile > .detail-card span {
    font-size: 0.78rem !important;
    line-height: 1.22 !important;
  }

  #view-treasury .op-queue-cards {
    gap: 8px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px !important;
  }

  #view-treasury .treasury-queue-card {
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  #view-treasury .op-queue-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: start !important;
  }

  #view-treasury .op-queue-code {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    font-size: 0.84rem !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-treasury .op-queue-card-meta .row-sub {
    margin-top: 2px !important;
    font-size: 0.66rem !important;
    line-height: 1.1 !important;
  }

  #view-treasury .op-queue-card-status .status-chip {
    min-height: 26px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 0.62rem !important;
  }

  #view-treasury .op-queue-amount {
    margin: 0 !important;
    font-size: clamp(1.18rem, 6vw, 1.46rem) !important;
    line-height: 1.04 !important;
  }

  #view-treasury .op-queue-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  #view-treasury .op-queue-meta-item {
    min-width: 0 !important;
    padding: 7px 8px !important;
    border: 1px solid var(--line) !important;
    border-radius: 11px !important;
    background: rgba(148, 163, 184, 0.055) !important;
    line-height: 1.12 !important;
  }

  #view-treasury .op-queue-meta-item:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  #view-treasury .op-queue-meta-item strong {
    margin: 0 0 4px !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.11em !important;
  }

  #view-treasury .op-queue-meta-value,
  #view-treasury .op-queue-meta-item .row-sub {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    font-size: 0.74rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-treasury .table-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #view-treasury .table-actions .inline-button,
  #view-treasury .op-queue-open {
    width: 100% !important;
    min-height: 34px !important;
    margin-top: 0 !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 0.7rem !important;
    justify-content: center !important;
  }
}

/* Distribution modal route compact fix: keep nested route spans out of summary-card rules. */
#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card .distribution-detail-route-compact,
#distribution-detail-modal .distribution-detail-grid .distribution-remittance-hero .distribution-detail-route-compact {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card .distribution-detail-route-compact span,
#distribution-detail-modal .distribution-detail-grid .distribution-remittance-hero .distribution-detail-route-compact span {
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-endpoint {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-main {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-flag.country-flag-wrap {
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--text-soft) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#distribution-detail-modal .distribution-detail-route-compact .route-channel-sub {
  display: block !important;
  max-width: 48px !important;
  margin-top: 1px !important;
  overflow: hidden !important;
  color: var(--accent) !important;
  font-size: 0.66rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Distribution modal route tier-1 final override: flags only, side channel, balanced summary. */
#distribution-detail-modal .distribution-detail-modal > .panel-head {
  align-items: stretch !important;
}

#distribution-detail-modal .distribution-detail-summary {
  grid-template-columns: minmax(320px, 1.42fr) minmax(230px, 1fr) minmax(190px, 0.76fr) minmax(158px, 0.62fr) !important;
  gap: 9px !important;
  align-items: stretch !important;
}

#distribution-detail-modal .distribution-detail-summary.has-benefit-summary {
  grid-template-columns: minmax(320px, 1.34fr) minmax(220px, 0.94fr) minmax(184px, 0.72fr) minmax(154px, 0.6fr) minmax(178px, 0.7fr) !important;
}

#distribution-detail-modal .distribution-detail-summary > span {
  min-height: 104px !important;
  padding: 11px 13px !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card {
  display: grid !important;
  min-width: 320px !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 3px !important;
  overflow: hidden !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card > strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--text) !important;
  font-size: clamp(1.02rem, 1.05vw, 1.2rem) !important;
  line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card .distribution-summary-client {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--text-soft) !important;
  font-size: 0.78rem !important;
  font-style: normal !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#distribution-detail-modal .distribution-summary-route-card .distribution-modal-route,
#distribution-detail-modal .distribution-remittance-hero .distribution-modal-route {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#distribution-detail-modal .distribution-modal-route span {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#distribution-detail-modal .distribution-modal-route-flags {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

#distribution-detail-modal .distribution-modal-route-flag {
  display: inline-flex !important;
  width: 31px !important;
  height: 31px !important;
  flex: 0 0 31px !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 7px 16px rgba(15, 23, 42, 0.1) !important;
}

#distribution-detail-modal .distribution-modal-route-flag img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#distribution-detail-modal .distribution-modal-route-arrow {
  display: inline-flex !important;
  width: 15px !important;
  flex: 0 0 15px !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--text-soft) !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

#distribution-detail-modal .distribution-modal-route-channel {
  display: inline-flex !important;
  min-height: 24px !important;
  max-width: 118px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(201, 166, 107, 0.32) !important;
  border-radius: 999px !important;
  background: rgba(201, 166, 107, 0.1) !important;
  color: var(--accent) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1280px) {
  #distribution-detail-modal .distribution-detail-summary {
    grid-template-columns: minmax(300px, 1.3fr) minmax(210px, 0.9fr) minmax(160px, 0.62fr) minmax(138px, 0.52fr) !important;
  }

  #distribution-detail-modal .distribution-detail-summary.has-benefit-summary {
    grid-template-columns: minmax(300px, 1.3fr) minmax(198px, 0.86fr) minmax(150px, 0.58fr) minmax(132px, 0.5fr) minmax(158px, 0.6fr) !important;
  }

  #distribution-detail-modal .distribution-detail-summary .distribution-summary-route-card {
    min-width: 300px !important;
  }
}
/* Client editor v17: wider operational form and stable phone-code pickers. */
#client-editor-modal .modal-card {
  width: min(1280px, calc(100vw - 32px));
  max-height: min(94vh, calc(100vh - 18px));
  padding: clamp(18px, 1.5vw, 26px);
}

#client-editor-modal .modal-card > .panel-head {
  min-height: 74px;
  margin: calc(clamp(18px, 1.5vw, 26px) * -1) calc(clamp(18px, 1.5vw, 26px) * -1) 16px;
  padding: 14px clamp(22px, 2vw, 34px);
}

#client-editor-modal .modal-card > .panel-head h2 {
  font-size: clamp(1.45rem, 1.55vw, 2rem);
}

#client-editor-modal #client-editor-form {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px 16px;
  padding: 2px 6px 18px;
}

#client-editor-modal #client-editor-form > label:nth-of-type(1),
#client-editor-modal #client-editor-form > label:nth-of-type(2) {
  grid-column: span 6;
}

#client-editor-modal #client-editor-form > label:nth-of-type(3) {
  grid-column: span 4;
}

#client-editor-modal #client-editor-form > .phone-field:not(.client-referred-phone-field) {
  grid-column: span 8;
}

#client-editor-modal #client-editor-form > .client-referred-phone-field {
  grid-column: span 8;
}

#client-editor-modal #client-editor-form > label:nth-of-type(4),
#client-editor-modal #client-editor-form > label:nth-of-type(5),
#client-editor-modal #client-editor-form > label:nth-of-type(6),
#client-editor-modal #client-editor-form > label:nth-of-type(7),
#client-editor-modal #client-editor-form > label:nth-of-type(8) {
  grid-column: span 4;
}

#client-editor-modal #client-editor-form .phone-field {
  grid-template-columns: minmax(230px, 0.48fr) minmax(280px, 1fr);
  gap: 14px;
}

#client-editor-modal #client-editor-form input,
#client-editor-modal #client-editor-form .search-select-trigger {
  min-height: 50px;
}

#client-editor-modal #client-editor-form .client-optional-divider {
  margin: 2px 0 0;
  padding: 6px 0 0;
}

.client-phone-code-picker-modal .search-select-picker-card {
  width: min(760px, calc(100vw - 28px));
  max-height: min(82vh, 760px);
}

.client-phone-code-picker-modal .search-select-picker-list {
  max-height: min(56vh, 520px);
}

.client-phone-code-picker-modal .search-select-option-main {
  gap: 12px;
}

@media (max-width: 980px) {
  #client-editor-modal .modal-card {
    width: min(100vw - 18px, 100%);
  }

  #client-editor-modal #client-editor-form,
  #client-editor-modal #client-editor-form .phone-field {
    grid-template-columns: 1fr;
  }

  #client-editor-modal #client-editor-form > *,
  #client-editor-modal #client-editor-form > label,
  #client-editor-modal #client-editor-form > .phone-field {
    grid-column: 1 / -1 !important;
  }
}

/* CxC history theme v22: restore real dark/light contrast after wide modal overrides. */
#receivable-payment-modal .receivable-payment-modal-card {
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(17, 27, 41, 0.99), rgba(12, 18, 29, 0.99)),
    #0c121d !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head {
  border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(21, 34, 51, 0.98), rgba(15, 24, 38, 0.98)),
    #101827 !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head h2,
#receivable-payment-modal .receivable-history-identity strong,
#receivable-payment-modal .receivable-history-metrics strong,
#receivable-payment-modal .receivable-history-section-head strong,
#receivable-payment-modal .receivable-account-ledger-row b,
#receivable-payment-modal .receivable-open-doc-row b,
#receivable-payment-modal .receivable-account-ledger-row span,
#receivable-payment-modal .receivable-open-doc-row span {
  color: #f8fafc !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head .ghost-button {
  color: #f8fafc !important;
  border-color: rgba(226, 232, 240, 0.18) !important;
  background: rgba(15, 23, 42, 0.46) !important;
}

#receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(16, 25, 38, 0.98), rgba(12, 18, 29, 0.98)),
    #0c121d !important;
}

#receivable-payment-modal .receivable-history-metrics article,
#receivable-payment-modal .receivable-account-ledger,
#receivable-payment-modal .receivable-account-open-list,
#receivable-payment-modal #receivable-payment-receipt-card {
  border-color: rgba(148, 163, 184, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(24, 36, 54, 0.96), rgba(15, 23, 38, 0.96)),
    #111827 !important;
  box-shadow: none !important;
}

#receivable-payment-modal .receivable-history-metrics .metric-label,
#receivable-payment-modal .receivable-history-identity .eyebrow,
#receivable-payment-modal .receivable-payment-modal-card > .panel-head .eyebrow {
  color: rgba(226, 183, 111, 0.94) !important;
}

#receivable-payment-modal .receivable-history-identity small,
#receivable-payment-modal .receivable-history-section-head small,
#receivable-payment-modal .receivable-account-ledger-row small,
#receivable-payment-modal .receivable-open-doc-row small,
#receivable-payment-modal #receivable-payment-receipt-card span {
  color: rgba(203, 213, 225, 0.76) !important;
}

#receivable-payment-modal .receivable-history-section-head {
  border-bottom-color: rgba(148, 163, 184, 0.16) !important;
  background: rgba(15, 23, 42, 0.36) !important;
}

#receivable-payment-modal .receivable-account-ledger-head {
  color: rgba(226, 183, 111, 0.9) !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
  background: rgba(2, 6, 23, 0.54) !important;
}

#receivable-payment-modal .receivable-account-ledger-row,
#receivable-payment-modal .receivable-open-doc-row {
  border-bottom-color: rgba(148, 163, 184, 0.14) !important;
  background: transparent !important;
}

#receivable-payment-modal .receivable-account-ledger-row:hover,
#receivable-payment-modal .receivable-open-doc-row:hover {
  background: rgba(148, 163, 184, 0.08) !important;
}

#receivable-payment-modal .receivable-account-ledger-row-credit span:nth-child(4) {
  color: #8ee6bd !important;
}

#receivable-payment-modal .receivable-account-ledger-row-debit span:nth-child(4) {
  color: #f8fafc !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form label > span {
  color: rgba(203, 213, 225, 0.82) !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea {
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  background: rgba(2, 6, 23, 0.34) !important;
}

#receivable-payment-modal .receivable-payment-preview {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  color: rgba(226, 232, 240, 0.82);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.58), rgba(2, 6, 23, 0.36)),
    rgba(15, 23, 42, 0.42);
}

#receivable-payment-modal .receivable-payment-preview.is-ready {
  border-color: rgba(226, 183, 111, 0.28);
  background:
    linear-gradient(180deg, rgba(34, 45, 62, 0.78), rgba(15, 23, 42, 0.48)),
    rgba(15, 23, 42, 0.58);
}

#receivable-payment-modal .receivable-payment-preview.is-error {
  border-color: rgba(248, 113, 113, 0.36);
  color: #fecaca;
  background:
    linear-gradient(180deg, rgba(127, 29, 29, 0.22), rgba(15, 23, 42, 0.58)),
    rgba(15, 23, 42, 0.58);
}

#receivable-payment-modal .receivable-payment-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#receivable-payment-modal .receivable-payment-preview-head strong,
#receivable-payment-modal .receivable-payment-preview-grid b {
  color: #f8fafc;
}

#receivable-payment-modal .receivable-payment-preview-head span,
#receivable-payment-modal .receivable-payment-preview-grid span {
  color: rgba(203, 213, 225, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
}

#receivable-payment-modal .receivable-payment-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

#receivable-payment-modal .receivable-payment-preview-grid > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 12px;
  background: rgba(2, 6, 23, 0.24);
}

#receivable-payment-modal .receivable-payment-preview-grid b {
  display: block;
  margin-top: 3px;
  overflow-wrap: anywhere;
  font-size: 0.96rem;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  background: linear-gradient(180deg, rgba(12, 18, 29, 0.72), rgba(12, 18, 29, 0.98)) !important;
  border-top-color: rgba(148, 163, 184, 0.16) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-modal-card {
  color: #172033 !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  background:
    linear-gradient(180deg, #f8fafc, #ffffff),
    #ffffff !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-modal-card > .panel-head {
  border-bottom-color: rgba(15, 23, 42, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(237, 245, 252, 0.98), rgba(226, 237, 248, 0.92)),
    #eaf2fa !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-modal-card > .panel-head h2,
:root[data-theme="light"] #receivable-payment-modal .receivable-history-identity strong,
:root[data-theme="light"] #receivable-payment-modal .receivable-history-metrics strong,
:root[data-theme="light"] #receivable-payment-modal .receivable-history-section-head strong,
:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row b,
:root[data-theme="light"] #receivable-payment-modal .receivable-open-doc-row b,
:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row span,
:root[data-theme="light"] #receivable-payment-modal .receivable-open-doc-row span {
  color: #172033 !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-modal-card > .panel-head .ghost-button {
  color: #172033 !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  background: rgba(255, 255, 255, 0.68) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  color: #172033 !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  background: #ffffff !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-history-metrics article,
:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger,
:root[data-theme="light"] #receivable-payment-modal .receivable-account-open-list,
:root[data-theme="light"] #receivable-payment-modal #receivable-payment-receipt-card {
  border-color: rgba(15, 23, 42, 0.1) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: none !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-history-metrics .metric-label,
:root[data-theme="light"] #receivable-payment-modal .receivable-history-identity .eyebrow,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-modal-card > .panel-head .eyebrow {
  color: rgba(180, 132, 57, 0.9) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-history-identity small,
:root[data-theme="light"] #receivable-payment-modal .receivable-history-section-head small,
:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row small,
:root[data-theme="light"] #receivable-payment-modal .receivable-open-doc-row small,
:root[data-theme="light"] #receivable-payment-modal #receivable-payment-receipt-card span {
  color: #64748b !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-history-section-head {
  border-bottom-color: rgba(15, 23, 42, 0.1) !important;
  background: rgba(248, 250, 252, 0.92) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-head {
  color: rgba(130, 90, 34, 0.9) !important;
  border-bottom-color: rgba(15, 23, 42, 0.09) !important;
  background: rgba(232, 241, 249, 0.92) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row,
:root[data-theme="light"] #receivable-payment-modal .receivable-open-doc-row {
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row:hover,
:root[data-theme="light"] #receivable-payment-modal .receivable-open-doc-row:hover {
  background: rgba(226, 237, 248, 0.52) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row-credit span:nth-child(4) {
  color: #087a52 !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form label > span {
  color: #64748b !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea {
  color: #172033 !important;
  border-color: rgba(15, 23, 42, 0.13) !important;
  background: #ffffff !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview {
  color: #475569;
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(255, 255, 255, 0.96)),
    #ffffff;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview.is-ready {
  border-color: rgba(180, 132, 57, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 251, 235, 0.64), rgba(255, 255, 255, 0.96)),
    #ffffff;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview.is-error {
  color: #991b1b;
  border-color: rgba(220, 38, 38, 0.26);
  background:
    linear-gradient(180deg, rgba(254, 242, 242, 0.84), rgba(255, 255, 255, 0.96)),
    #ffffff;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview-head strong,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview-grid b {
  color: #172033;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview-head span,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview-grid span {
  color: #64748b;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview-grid > div {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.84);
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  background: linear-gradient(180deg, rgba(255,255,255,0.76), rgba(255,255,255,0.98)) !important;
  border-top-color: rgba(15, 23, 42, 0.1) !important;
}

#receivable-payment-modal .receivable-account-ledger-row > span,
#receivable-payment-modal .receivable-account-ledger-head > span {
  min-width: 0 !important;
}

#receivable-payment-modal .receivable-account-ledger-row > span:nth-child(3) {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.25 !important;
}

@media (max-width: 900px) {
  #receivable-payment-modal .receivable-payment-preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  #receivable-payment-modal .receivable-payment-preview-grid {
    grid-template-columns: 1fr;
  }

  #receivable-payment-modal .receivable-payment-preview-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  position: static !important;
  bottom: auto !important;
  margin: 6px 0 0 !important;
  padding: 12px 0 0 !important;
  background: transparent !important;
  border-top: 1px solid rgba(148, 163, 184, 0.16) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  background: transparent !important;
  border-top-color: rgba(15, 23, 42, 0.1) !important;
}

/* CxC forensic v26: remove action overlay and constrain long receipts. */
#receivable-payment-modal .receivable-payment-modal-card {
  width: min(1840px, calc(100vw - 10px)) !important;
}

#receivable-payment-modal .receivable-payment-mode {
  grid-template-columns: minmax(720px, 1fr) minmax(640px, 0.82fr) !important;
  gap: 22px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  align-content: start !important;
  padding-bottom: 18px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  position: relative !important;
  inset: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  width: auto !important;
  transform: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin: 8px 0 0 !important;
  padding: 14px 0 0 !important;
  background: transparent !important;
}

#receivable-payment-modal #receivable-payment-receipt-card.provider-finance-receipt-card {
  display: grid !important;
  gap: 10px !important;
  overflow: hidden !important;
}

#receivable-payment-modal #receivable-payment-receipt-card .receipt-composer-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#receivable-payment-modal #receivable-payment-receipt-preview.receipt-paste-preview {
  width: 100% !important;
  max-height: min(280px, 28dvh) !important;
  padding: 10px !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

#receivable-payment-modal #receivable-payment-receipt-preview.receipt-paste-preview img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 520px !important;
  margin: 0 auto !important;
}

#receivable-payment-modal #receivable-payment-notes {
  min-height: 86px !important;
  max-height: 140px !important;
}

@media (max-width: 1460px) {
  #receivable-payment-modal .receivable-payment-mode {
    grid-template-columns: minmax(620px, 1fr) minmax(540px, 0.88fr) !important;
  }
}

@media (max-width: 1240px) {
  #receivable-payment-modal .receivable-payment-mode {
    grid-template-columns: 1fr !important;
  }
}

/* CxC payment visual v27: evidence area composed for desktop operation. */
#receivable-payment-modal .receivable-payment-evidence {
  display: grid !important;
  grid-template-columns: minmax(260px, 0.9fr) minmax(260px, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-card {
  min-width: 0 !important;
  min-height: 260px !important;
  padding: 16px !important;
  border-radius: 14px !important;
}

#receivable-payment-modal .receivable-payment-notes-panel {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 260px !important;
}

#receivable-payment-modal .receivable-payment-notes-panel label {
  display: grid !important;
  grid-template-rows: auto minmax(160px, 1fr) !important;
  gap: 8px !important;
  min-height: 0 !important;
}

#receivable-payment-modal .receivable-payment-notes-panel textarea {
  height: 100% !important;
  min-height: 160px !important;
  max-height: none !important;
  resize: vertical !important;
}

#receivable-payment-modal .receivable-payment-notes-panel .form-actions {
  align-self: end !important;
  border-top: 1px solid rgba(148, 163, 184, 0.16) !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-preview.receipt-paste-preview {
  width: 100% !important;
  max-width: none !important;
  height: 178px !important;
  max-height: 178px !important;
  display: grid !important;
  place-items: center !important;
  padding: 10px !important;
  overflow: auto !important;
  background: rgba(2, 6, 23, 0.34) !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-preview.receipt-paste-preview.hidden {
  display: none !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-preview.receipt-paste-preview img {
  width: auto !important;
  max-width: 100% !important;
  max-height: 320px !important;
  object-fit: contain !important;
}

#receivable-payment-modal .receivable-payment-evidence .receipt-composer-actions {
  gap: 8px !important;
}

#receivable-payment-modal .receivable-payment-evidence .receipt-composer-actions .ghost-button,
#receivable-payment-modal .receivable-payment-evidence .receipt-composer-actions .receipt-file-trigger {
  min-height: 40px !important;
  padding: 0 14px !important;
}

/* Investments v41: laptop/desktop table rescue after legacy card rules.
   The finance table must stay a real table on laptop; mobile cards start below 1180px. */
@media (min-width: 1181px) and (max-width: 1760px) {
  #view-investments .investments-stage {
    gap: 10px !important;
    padding: 10px 12px 12px !important;
  }

  #view-investments .investments-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 2px !important;
  }

  #view-investments .investments-kpis .metric-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
  }

  #view-investments .investments-kpis .metric-label {
    font-size: 0.55rem !important;
    letter-spacing: 0.08em !important;
    line-height: 1.2 !important;
  }

  #view-investments .investments-kpis .metric-card strong {
    margin-top: 2px !important;
    font-size: clamp(1rem, 1.22vw, 1.28rem) !important;
    line-height: 1.08 !important;
  }

  #view-investments .investments-toolbar {
    grid-template-columns: minmax(360px, 1fr) minmax(180px, 0.34fr) minmax(180px, 0.34fr) !important;
    gap: 9px !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
  }

  #view-investments .investments-toolbar input,
  #view-investments .investments-toolbar select,
  #view-investments .investments-toolbar .search-select-trigger {
    min-height: 38px !important;
    border-radius: 11px !important;
    font-size: 0.82rem !important;
  }

  #view-investments #investments-table.table-shell {
    max-height: calc(100dvh - 268px) !important;
    min-height: min(430px, calc(100dvh - 268px)) !important;
    overflow: auto !important;
    border-radius: 13px !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    box-shadow: none !important;
  }

  #view-investments #investments-table.table-shell table {
    display: table !important;
    width: 100% !important;
    min-width: 1288px !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  #view-investments #investments-table.table-shell thead {
    display: table-header-group !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
  }

  #view-investments #investments-table.table-shell tbody {
    display: table-row-group !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row {
    display: table-row !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
  }

  #view-investments #investments-table.table-shell th,
  #view-investments #investments-table.table-shell td,
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody tr.investment-row td {
    display: table-cell !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 8px 9px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15) !important;
    vertical-align: top !important;
    text-align: left !important;
    grid-area: auto !important;
    justify-self: auto !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-investments #investments-table.table-shell th {
    height: 38px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    white-space: nowrap !important;
    font-size: 0.64rem !important;
    line-height: 1.1 !important;
  }

  #view-investments #investments-table.table-shell td::before,
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody tr.investment-row td::before {
    content: none !important;
    display: none !important;
  }

  #view-investments #investments-table.table-shell th:nth-child(1),
  #view-investments #investments-table.table-shell td:nth-child(1) { width: 136px !important; }
  #view-investments #investments-table.table-shell th:nth-child(2),
  #view-investments #investments-table.table-shell td:nth-child(2) { width: 172px !important; }
  #view-investments #investments-table.table-shell th:nth-child(3),
  #view-investments #investments-table.table-shell td:nth-child(3) { width: 204px !important; }
  #view-investments #investments-table.table-shell th:nth-child(4),
  #view-investments #investments-table.table-shell td:nth-child(4) { width: 116px !important; }
  #view-investments #investments-table.table-shell th:nth-child(5),
  #view-investments #investments-table.table-shell td:nth-child(5) { width: 80px !important; }
  #view-investments #investments-table.table-shell th:nth-child(6),
  #view-investments #investments-table.table-shell td:nth-child(6) { width: 118px !important; }
  #view-investments #investments-table.table-shell th:nth-child(7),
  #view-investments #investments-table.table-shell td:nth-child(7) { width: 132px !important; }
  #view-investments #investments-table.table-shell th:nth-child(8),
  #view-investments #investments-table.table-shell td:nth-child(8) { width: 148px !important; }
  #view-investments #investments-table.table-shell th:nth-child(9),
  #view-investments #investments-table.table-shell td:nth-child(9) { width: 116px !important; }
  #view-investments #investments-table.table-shell th:nth-child(10),
  #view-investments #investments-table.table-shell td:nth-child(10) { width: 104px !important; }

  #view-investments #investments-table.table-shell td:nth-child(4),
  #view-investments #investments-table.table-shell td:nth-child(5),
  #view-investments #investments-table.table-shell td:nth-child(6),
  #view-investments #investments-table.table-shell td:nth-child(7) {
    text-align: right !important;
  }

  #view-investments #investments-table.table-shell .row-main,
  #view-investments #investments-table.table-shell .row-sub {
    display: block !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.78rem !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  #view-investments #investments-table.table-shell .row-main-nowrap {
    white-space: normal !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    margin-top: 3px !important;
    font-size: 0.67rem !important;
    line-height: 1.16 !important;
    white-space: normal !important;
  }

  #view-investments #investments-table.table-shell td:nth-child(1) .row-main,
  #view-investments #investments-table.table-shell td:nth-child(4) .row-main,
  #view-investments #investments-table.table-shell td:nth-child(6) .row-main,
  #view-investments #investments-table.table-shell td:nth-child(7) .row-main {
    white-space: normal !important;
  }

  #view-investments #investments-table.table-shell .status-chip {
    max-width: 100% !important;
    padding: 4px 8px !important;
    font-size: 0.66rem !important;
    white-space: nowrap !important;
  }

  #view-investments #investments-table.table-shell .inline-button-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  #view-investments #investments-table.table-shell .inline-button {
    min-height: 27px !important;
    padding: 4px 6px !important;
    border-radius: 9px !important;
    font-size: 0.66rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell {
    background: #ffffff !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell tr.investment-row {
    background: transparent !important;
    box-shadow: none !important;
  }
}

@media (min-width: 1181px) and (max-width: 1400px) {
  #view-investments #investments-table.table-shell table {
    min-width: 1268px !important;
  }

  #view-investments #investments-table.table-shell th,
  #view-investments #investments-table.table-shell td,
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody tr.investment-row td {
    padding: 7px 8px !important;
  }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.75rem !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    font-size: 0.64rem !important;
  }
}

/* Investments v41: provider investment modal must not overlay actions on inputs. */
@media (min-width: 900px) and (max-width: 1760px) {
  #provider-finance-modal.modal-backdrop,
  #investment-create-modal.modal-backdrop {
    padding: 10px 16px !important;
  }

  #provider-finance-modal .modal-card.wide {
    width: min(1500px, calc(100vw - 34px)) !important;
    max-height: calc(100dvh - 24px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  #provider-finance-modal .modal-card > .panel-head {
    flex: 0 0 auto !important;
    min-height: 92px !important;
    padding: 18px 24px !important;
  }

  #provider-finance-form {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px 16px !important;
    padding: 18px 24px 0 !important;
  }

  #provider-finance-form > .detail-card.full-span {
    padding: 14px 16px !important;
    min-height: auto !important;
  }

  #provider-finance-form input,
  #provider-finance-form select,
  #provider-finance-form .search-select-trigger {
    min-height: 42px !important;
    border-radius: 12px !important;
    font-size: 0.88rem !important;
  }

  #provider-finance-form > label.full-span input {
    min-height: 42px !important;
  }

  #provider-finance-form .form-actions.full-span {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 4 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 10px -24px 0 !important;
    padding: 12px 24px 14px !important;
    border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: linear-gradient(180deg, rgba(16, 24, 35, 0.72), #101823 74%) !important;
    box-shadow: 0 -12px 24px rgba(0, 0, 0, 0.16) !important;
  }

  #provider-finance-form .form-actions.full-span .primary-button,
  #provider-finance-form .form-actions.full-span .ghost-button {
    min-height: 42px !important;
    padding: 0 18px !important;
    white-space: nowrap !important;
  }

  #provider-finance-receipt-card.provider-finance-receipt-card {
    padding: 14px 16px !important;
  }

  #provider-finance-receipt-preview.receipt-paste-preview {
    max-height: 180px !important;
    overflow: auto !important;
  }

  :root[data-theme="light"] #provider-finance-form .form-actions.full-span {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.74), #f8fcff 74%) !important;
    box-shadow: 0 -12px 24px rgba(15, 23, 42, 0.08) !important;
  }
}

@media (max-width: 1500px) {
  #receivable-payment-modal .receivable-payment-evidence {
    grid-template-columns: 1fr !important;
  }

  #receivable-payment-modal .receivable-payment-notes-panel,
  #receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-card {
    min-height: 0 !important;
  }

  #receivable-payment-modal .receivable-payment-notes-panel label {
    grid-template-rows: auto minmax(108px, auto) !important;
  }
}

@media (max-width: 1320px) {
  #receivable-payment-modal .receivable-history-mode .receivable-account-ledger-head,
  #receivable-payment-modal .receivable-history-mode .receivable-account-ledger-row {
    grid-template-columns:
      minmax(128px, 0.82fr)
      minmax(170px, 1.08fr)
      minmax(220px, 1.34fr)
      minmax(112px, 0.58fr)
      minmax(112px, 0.58fr) !important;
    min-width: 0 !important;
  }

  #receivable-payment-modal .receivable-history-mode .receivable-account-ledger-table {
    overflow-x: hidden !important;
  }
}

/* CxC payment visual v28: desktop composition polish after live review. */
#receivable-payment-modal .receivable-payment-modal-card {
  width: min(1880px, calc(100vw - 14px)) !important;
}

#receivable-payment-modal .receivable-payment-mode {
  grid-template-columns: minmax(0, 1.08fr) minmax(590px, 0.92fr) !important;
  gap: 24px !important;
  padding: 0 28px 24px !important;
}

#receivable-payment-modal .receivable-payment-mode > .panel-head {
  margin: 0 -28px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics article {
  min-height: 86px !important;
  padding: 14px 16px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-table {
  overflow-x: hidden !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-head,
#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row {
  grid-template-columns:
    minmax(112px, 0.62fr)
    minmax(160px, 0.95fr)
    minmax(210px, 1.12fr)
    minmax(104px, 0.48fr)
    minmax(106px, 0.48fr) !important;
  min-width: 0 !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-head > span,
#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row > span {
  min-width: 0 !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row {
  column-gap: 18px !important;
  padding: 13px 16px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row span:nth-child(1),
#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row span:nth-child(2),
#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row span:nth-child(3) {
  overflow-wrap: anywhere !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row span:nth-child(4),
#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row span:nth-child(5) {
  text-align: right !important;
  white-space: nowrap !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  padding: 22px !important;
  border-radius: 18px !important;
}

/* Investments v42: laptop operational polish.
   Keeps this module dense without turning the financial table into cards. */
#view-investments .investments-queue-head .toolbar-actions {
  width: 100%;
  justify-content: flex-end;
  gap: 10px;
}

#view-investments .investments-kpi-toggle {
  min-height: 40px;
  padding: 0 16px;
}

#view-investments #investments-table.table-shell {
  position: relative;
  isolation: isolate;
}

#view-investments #investments-table.table-shell thead,
#view-investments #investments-table.table-shell thead tr,
#view-investments #investments-table.table-shell thead th {
  background-clip: padding-box !important;
}

#view-investments #investments-table.table-shell thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  box-shadow: inset 0 -1px 0 rgba(148, 163, 184, 0.22), 0 8px 16px rgba(2, 6, 23, 0.10) !important;
}

:root[data-theme="light"] #view-investments #investments-table.table-shell thead th {
  background: #eaf3fb !important;
  color: #7a5620 !important;
}

:root[data-theme="dark"] #view-investments #investments-table.table-shell thead th {
  background: #101923 !important;
  color: var(--gold-300) !important;
}

@media (min-width: 1181px) and (max-width: 1760px) {
  #view-investments .investments-kpi-toggle {
    min-height: 36px !important;
    border-radius: 999px !important;
    font-size: 0.76rem !important;
    white-space: nowrap !important;
  }

  #view-investments.investments-kpis-collapsed .investments-stage {
    gap: 8px !important;
  }

  #view-investments.investments-kpis-collapsed #investments-table.table-shell {
    max-height: calc(100dvh - 184px) !important;
    min-height: min(520px, calc(100dvh - 184px)) !important;
  }

  #view-investments #investments-table.table-shell th:nth-child(9),
  #view-investments #investments-table.table-shell td:nth-child(9) {
    width: 104px !important;
  }

  #view-investments #investments-table.table-shell th:nth-child(10),
  #view-investments #investments-table.table-shell td:nth-child(10) {
    position: sticky !important;
    right: 0 !important;
    z-index: 5 !important;
    width: 112px !important;
    box-shadow: -10px 0 18px rgba(2, 6, 23, 0.08) !important;
  }

  #view-investments #investments-table.table-shell th:nth-child(10) {
    z-index: 10 !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell th:nth-child(10),
  :root[data-theme="light"] #view-investments #investments-table.table-shell td:nth-child(10) {
    background: #fbfdff !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell tr:nth-child(even) td:nth-child(10) {
    background: #f6fafc !important;
  }

  :root[data-theme="dark"] #view-investments #investments-table.table-shell th:nth-child(10),
  :root[data-theme="dark"] #view-investments #investments-table.table-shell td:nth-child(10) {
    background: #101923 !important;
  }
}

@media (min-width: 1181px) and (max-width: 1450px) {
  #view-investments .investments-queue-head {
    min-height: 54px !important;
    padding: 8px 10px !important;
  }

  #view-investments .investments-queue-head .primary-button,
  #view-investments .investments-queue-head .ghost-button {
    min-height: 34px !important;
    padding: 0 14px !important;
    font-size: 0.76rem !important;
  }

  #view-investments.investments-kpis-collapsed .investments-toolbar {
    padding: 7px 9px !important;
  }

  #view-investments #investments-table.table-shell table {
    min-width: 1248px !important;
  }
}

@media (min-width: 900px) and (max-width: 1760px) {
  #investment-create-modal.modal-backdrop,
  #provider-finance-modal.modal-backdrop {
    align-items: center !important;
    padding: 8px 14px !important;
  }

  #investment-create-modal .investment-create-modal-card {
    width: min(980px, calc(100vw - 28px)) !important;
    max-height: calc(100dvh - 18px) !important;
    overflow: auto !important;
  }

  #investment-create-modal .investment-create-modal-card > .panel-head {
    min-height: 86px !important;
    padding: 18px 22px !important;
  }

  #investment-create-modal .investment-create-modal-card .detail-card {
    padding: 14px 16px !important;
  }

  #investment-create-modal .investment-create-modal-card label.full-span,
  #investment-create-modal .investment-create-modal-card .form-actions.full-span {
    margin-inline: 22px !important;
  }

  #provider-finance-modal .modal-card.wide {
    width: min(1580px, calc(100vw - 26px)) !important;
    max-height: calc(100dvh - 18px) !important;
    border-radius: 18px !important;
  }

  #provider-finance-modal .modal-card > .panel-head {
    min-height: 72px !important;
    padding: 12px 22px !important;
  }

  #provider-finance-form {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px 14px !important;
    padding: 12px 22px 16px !important;
  }

  #provider-finance-form > .detail-card.full-span {
    padding: 10px 14px !important;
  }

  #provider-finance-form > label.full-span input {
    min-height: 40px !important;
  }

  #provider-finance-receipt-card.provider-finance-receipt-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 6px 14px !important;
    padding: 10px 14px !important;
  }

  #provider-finance-receipt-card.provider-finance-receipt-card > strong,
  #provider-finance-receipt-card.provider-finance-receipt-card > span {
    grid-column: 1 !important;
  }

  #provider-finance-receipt-preview.receipt-paste-preview {
    grid-column: 1 / -1 !important;
  }

  #provider-finance-receipt-card .receipt-composer-actions {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    align-self: center !important;
    gap: 8px !important;
  }

  #provider-finance-receipt-preview.receipt-paste-preview {
    max-height: clamp(150px, 24dvh, 260px) !important;
    overflow: auto !important;
    border-radius: 12px !important;
  }

  #provider-finance-receipt-preview.receipt-paste-preview img {
    max-height: clamp(140px, 23dvh, 250px) !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }

  #provider-finance-form .form-actions.full-span {
    position: static !important;
    margin: 4px 0 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.18) !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

@media (min-width: 1181px) and (max-width: 1450px) {
  #provider-finance-form {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #provider-finance-form > label {
    grid-column: span 2 !important;
  }

  #provider-finance-form > label.full-span,
#provider-finance-form > .detail-stack.full-span {
    grid-column: 1 / -1 !important;
  }

  #provider-finance-form > .detail-card.full-span {
    grid-column: 1 / -1 !important;
  }

  #provider-finance-receipt-card.provider-finance-receipt-card {
    grid-column: 1 / span 2 !important;
  }

  #provider-finance-summary.detail-stack.full-span {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-self: stretch !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #provider-finance-summary.detail-stack.full-span .detail-card {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    overflow: hidden !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
  }

  #provider-finance-summary.detail-stack.full-span .detail-card strong {
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
  }

  #provider-finance-summary.detail-stack.full-span .detail-card span {
    display: -webkit-box !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    font-size: 0.66rem !important;
    line-height: 1.18 !important;
  }

  #provider-finance-form > .form-actions.full-span {
    grid-column: 1 / -1 !important;
  }

  #provider-finance-form input,
  #provider-finance-form select,
  #provider-finance-form .search-select-trigger {
    min-height: 38px !important;
    font-size: 0.82rem !important;
  }
}

#receivable-payment-modal .receivable-payment-evidence {
  grid-template-columns: minmax(270px, 0.82fr) minmax(320px, 1.18fr) !important;
  gap: 16px !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-card {
  min-height: 244px !important;
  align-content: start !important;
}

#receivable-payment-modal .receivable-payment-notes-panel {
  min-height: 244px !important;
}

#receivable-payment-modal .receivable-payment-notes-panel label {
  grid-template-rows: auto minmax(148px, 1fr) !important;
}

#receivable-payment-modal .receivable-payment-notes-panel textarea {
  min-height: 148px !important;
}

#receivable-payment-modal .receivable-payment-notes-panel .form-actions {
  justify-content: flex-end !important;
  gap: 10px !important;
  padding-top: 14px !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-preview.receipt-paste-preview {
  height: clamp(168px, 18dvh, 236px) !important;
  max-height: clamp(168px, 18dvh, 236px) !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-preview.receipt-paste-preview img {
  max-height: 460px !important;
}

@media (max-width: 1500px) {
  #receivable-payment-modal .receivable-payment-mode {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 0 18px 18px !important;
  }

  #receivable-payment-modal .receivable-payment-mode > .panel-head {
    margin: 0 -18px !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-head,
  #receivable-payment-modal .receivable-payment-mode .receivable-account-ledger-row {
    grid-template-columns:
      minmax(110px, 0.7fr)
      minmax(150px, 0.98fr)
      minmax(190px, 1.18fr)
      minmax(96px, 0.52fr)
      minmax(96px, 0.52fr) !important;
  }
}

/* Final mobile header balance for searchable remittance pickers with actions. */
@media (max-width: 760px) {
  body .remittance-client-picker-modal .search-select-picker-head,
  body .remittance-beneficiary-picker-modal .search-select-picker-head {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
  }

  body .remittance-client-picker-modal .search-select-picker-head > div,
  body .remittance-beneficiary-picker-modal .search-select-picker-head > div {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
  }

  body .remittance-client-picker-modal .search-select-picker-head h3,
  body .remittance-beneficiary-picker-modal .search-select-picker-head h3 {
    max-width: 100% !important;
    font-size: clamp(1.55rem, 8vw, 2rem) !important;
    line-height: 1.05 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  body .remittance-client-picker-modal .search-select-picker-close,
  body .remittance-beneficiary-picker-modal .search-select-picker-close,
  body .remittance-beneficiary-picker-modal .search-select-picker-head .primary-button {
    min-height: 44px !important;
    white-space: nowrap !important;
  }
}

/* CxC payment v29: account picker modal and compact capture form. */
.search-select-table-cell.has-flag {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
}

.search-select-table-cell.has-flag .search-select-flag {
  width: 28px;
  height: 20px;
}

.search-select-table-cell.has-flag .search-select-flag img,
.search-select-table-cell.has-flag .search-select-flag-fallback {
  width: 28px;
  height: 20px;
  border-radius: 4px;
}

.receivable-payment-account-picker-modal .search-select-picker-card {
  width: min(1220px, calc(100vw - 28px));
  height: min(90dvh, 900px);
  max-height: min(90dvh, 900px);
}

.receivable-payment-account-picker-modal .search-select-table-row,
.receivable-payment-account-picker-modal .search-select-table-head {
  grid-template-columns: minmax(240px, 1.16fr) minmax(220px, 1.02fr) minmax(140px, 0.58fr) minmax(170px, 0.72fr);
}

.receivable-payment-account-picker-modal .search-select-picker-list .search-select-option {
  min-height: 82px;
}

#receivable-payment-modal.modal-backdrop {
  padding: 4px !important;
}

#receivable-payment-modal .receivable-payment-modal-card {
  width: min(1900px, calc(100vw - 8px)) !important;
  min-height: calc(100dvh - 8px) !important;
  max-height: calc(100dvh - 8px) !important;
}

#receivable-payment-modal .receivable-payment-mode {
  grid-template-columns: minmax(0, 1.06fr) minmax(640px, 0.94fr) !important;
  gap: 22px !important;
  padding: 0 24px 18px !important;
}

#receivable-payment-modal .receivable-payment-mode > .panel-head {
  margin: 0 -24px !important;
  padding-block: 16px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 11px 12px !important;
  padding: 18px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form label,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .full-span {
  grid-column: auto !important;
}

#receivable-payment-modal .receivable-payment-account-field,
#receivable-payment-modal #receivable-payment-preview,
#receivable-payment-modal .receivable-payment-link-field,
#receivable-payment-modal .receivable-payment-evidence {
  grid-column: 1 / -1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form #receivable-payment-preview,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-link-field,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-evidence {
  grid-column: 1 / -1 !important;
}

#receivable-payment-modal .receivable-payment-account-field .search-select {
  width: 100%;
}

#receivable-payment-modal .receivable-payment-account-field .search-select-trigger {
  min-height: 52px !important;
}

#receivable-payment-modal .receivable-payment-date-field,
#receivable-payment-modal .receivable-payment-code-field {
  min-width: 0;
}

#receivable-payment-modal .receivable-payment-date-field {
  grid-column: 1 !important;
}

#receivable-payment-modal .receivable-payment-code-field {
  grid-column: 2 !important;
}

#receivable-payment-modal #receivable-payment-form:has(#receivable-payment-rate-field.hidden) .receivable-payment-amount-field {
  grid-column: 1 / -1 !important;
}

#receivable-payment-modal .receivable-payment-date-field input,
#receivable-payment-modal .receivable-payment-code-field input {
  min-height: 44px !important;
  font-size: 0.94rem !important;
}

#receivable-payment-modal .receivable-payment-evidence {
  grid-template-columns: minmax(270px, 0.84fr) minmax(330px, 1.16fr) !important;
  gap: 14px !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-card,
#receivable-payment-modal .receivable-payment-notes-panel {
  min-height: 210px !important;
}

#receivable-payment-modal .receivable-payment-notes-panel {
  grid-template-rows: auto auto !important;
}

#receivable-payment-modal .receivable-payment-notes-panel label {
  grid-template-rows: auto auto !important;
}

#receivable-payment-modal #receivable-payment-notes {
  min-height: 48px !important;
  height: 48px !important;
  max-height: 72px !important;
  resize: vertical !important;
}

#receivable-payment-modal .receivable-payment-notes-panel .form-actions {
  align-self: end !important;
  padding-top: 12px !important;
}

#receivable-payment-modal .receivable-payment-evidence #receivable-payment-receipt-preview.receipt-paste-preview {
  height: clamp(150px, 17dvh, 214px) !important;
  max-height: clamp(150px, 17dvh, 214px) !important;
}

@media (max-width: 1500px) {
  #receivable-payment-modal .receivable-payment-mode {
    grid-template-columns: 1fr !important;
    padding: 0 16px 16px !important;
  }

  #receivable-payment-modal .receivable-payment-mode > .panel-head {
    margin: 0 -16px !important;
  }
}

@media (max-width: 760px) {
  #receivable-payment-modal .receivable-payment-evidence {
    grid-template-columns: 1fr !important;
  }

  .receivable-payment-account-picker-modal .search-select-table-row {
    grid-template-columns: 1fr;
  }
}

.liquidity-lot-modal .summary-grid {
  margin: 1rem 0;
}

.liquidity-lot-consumption-summary {
  align-items: center;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: space-between;
  margin-bottom: 0.85rem;
  padding: 0.7rem 0.85rem;
}

.liquidity-lot-consumption-summary span {
  color: var(--text-muted);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.liquidity-consumption-row .row-main {
  max-width: 22rem;
}

.modal-backdrop-fullscreen {
  align-items: center;
  justify-content: center;
  padding: 14px;
}

.liquidity-kardex-modal {
  display: flex;
  flex-direction: column;
  height: min(940px, calc(100dvh - 28px));
  max-height: calc(100dvh - 28px);
  max-width: none;
  overflow: hidden;
  width: min(1760px, calc(100vw - 28px));
}

.liquidity-kardex-modal > .panel-head {
  flex: 0 0 auto;
  margin-bottom: 0.85rem;
  padding-bottom: 0.85rem;
}

.liquidity-kardex-modal > .panel-head h2 {
  line-height: 1.12;
  margin-top: 0.25rem;
  max-width: 1120px;
  overflow-wrap: anywhere;
}

.liquidity-kardex-hero {
  display: grid;
  flex: 0 0 auto;
  gap: 0.8rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 0.9rem;
}

.liquidity-kardex-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025));
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  min-width: 0;
  padding: 0.85rem 0.95rem;
}

.liquidity-kardex-card span,
.liquidity-kardex-statement strong {
  color: var(--accent);
  display: block;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.liquidity-kardex-card strong {
  display: block;
  font-size: clamp(1.05rem, 1.4vw, 1.55rem);
  line-height: 1.1;
  margin-top: 0.35rem;
  overflow-wrap: anywhere;
}

.liquidity-kardex-card small {
  color: var(--text-muted);
  display: block;
  font-weight: 800;
  margin-top: 0.35rem;
}

.liquidity-lot-consumption-table {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  padding: 0.7rem;
}

.liquidity-lot-consumption-summary {
  flex: 0 0 auto;
  margin-bottom: 0.7rem;
}

.liquidity-kardex-statement {
  align-items: stretch;
  display: grid;
  flex: 0 0 auto;
  gap: 0.65rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 0.8rem;
}

.liquidity-kardex-statement span {
  background: rgba(2, 6, 23, 0.22);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  color: var(--text-strong);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.25;
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 0.7rem 0.8rem;
}

.liquidity-kardex-ledger {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 10px;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.liquidity-kardex-ledger-head,
.liquidity-kardex-row {
  display: grid;
  gap: 0;
  grid-template-columns:
    minmax(145px, 0.9fr)
    minmax(170px, 1fr)
    minmax(210px, 1.18fr)
    minmax(135px, 0.82fr)
    minmax(145px, 0.88fr)
    minmax(165px, 1fr)
    minmax(125px, 0.74fr)
    minmax(230px, 1.22fr);
}

.liquidity-kardex-ledger-head {
  background: rgba(15, 23, 42, 0.42);
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  flex: 0 0 auto;
  position: sticky;
  top: 0;
  z-index: 2;
}

.liquidity-kardex-ledger-head span {
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  padding: 0.72rem 0.78rem;
  text-transform: uppercase;
}

.liquidity-kardex-ledger-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.liquidity-kardex-row {
  border-bottom: 1px solid rgba(148, 163, 184, 0.13);
  min-width: 1360px;
}

.liquidity-kardex-row:last-child {
  border-bottom: 0;
}

.liquidity-kardex-cell {
  align-content: start;
  display: grid;
  min-width: 0;
  padding: 0.8rem 0.78rem;
}

.liquidity-kardex-cell .row-main {
  color: var(--text-strong);
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.25;
  max-width: none;
  overflow-wrap: anywhere;
}

.liquidity-kardex-cell .row-main-nowrap {
  white-space: normal;
}

.liquidity-kardex-cell .row-sub {
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.35;
  margin-top: 0.22rem;
  overflow-wrap: anywhere;
}

.liquidity-kardex-cell.number-cell,
.liquidity-kardex-cell.balance-cell,
.liquidity-kardex-cell.debit-cell {
  background: rgba(2, 6, 23, 0.12);
}

.liquidity-kardex-cell.debit-cell .row-main {
  color: #fca5a5;
}

.liquidity-kardex-cell.balance-cell .row-main {
  color: #86efac;
}

.liquidity-kardex-balance-bar {
  background: rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  display: block;
  height: 7px;
  margin-top: 0.5rem;
  overflow: hidden;
  width: 100%;
}

.liquidity-kardex-balance-bar span {
  background: linear-gradient(90deg, #38bdf8, #22c55e);
  display: block;
  height: 100%;
}

@media (max-width: 1100px) {
  .liquidity-kardex-modal {
    height: calc(100dvh - 18px);
    max-height: calc(100dvh - 18px);
    width: calc(100vw - 18px);
  }

  .liquidity-kardex-hero,
  .liquidity-kardex-statement {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .modal-backdrop-fullscreen {
    padding: 8px;
  }

  .liquidity-kardex-hero,
  .liquidity-kardex-statement {
    grid-template-columns: 1fr;
  }

  .liquidity-kardex-modal > .panel-head {
    align-items: flex-start;
    gap: 0.75rem;
  }
}

/* Liquidity Kardex v4: full audit room layout, overrides generic modal width/padding. */
.modal-backdrop-fullscreen {
  padding: 8px;
  place-items: stretch;
}

.modal-card.wide.roomy-modal.liquidity-kardex-modal,
.modal-card.wide.liquidity-kardex-modal,
.liquidity-kardex-modal {
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(8, 13, 21, 0.96)),
    #0b111b;
  border-color: rgba(148, 163, 184, 0.18);
  border-radius: 14px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
  height: calc(100dvh - 16px);
  margin: 0;
  max-height: calc(100dvh - 16px);
  max-width: none;
  min-height: 0;
  padding: 14px 16px 16px;
  width: calc(100vw - 16px);
}

.liquidity-kardex-modal > .panel-head {
  background: transparent;
  backdrop-filter: none;
  border-bottom-color: rgba(148, 163, 184, 0.12);
  margin: 0 0 0.7rem;
  padding: 0.45rem 0.2rem 0.85rem;
  position: relative;
  top: auto;
}

.liquidity-kardex-modal > .panel-head h2 {
  font-size: clamp(1.2rem, 2.1vw, 2rem);
  max-width: min(1380px, calc(100vw - 210px));
}

.liquidity-kardex-modal > .panel-head .ghost-button {
  border-radius: 999px;
  min-height: 42px;
  padding-inline: 1.1rem;
}

.liquidity-kardex-hero {
  gap: 0.55rem;
  margin-bottom: 0.55rem;
}

.liquidity-kardex-card {
  background: rgba(15, 23, 42, 0.38);
  border-color: rgba(148, 163, 184, 0.16);
  border-radius: 6px;
  padding: 0.7rem 0.85rem;
}

.liquidity-kardex-card strong {
  font-size: clamp(1.15rem, 1.7vw, 1.85rem);
}

.liquidity-lot-consumption-table {
  background: transparent;
  border-color: rgba(148, 163, 184, 0.12);
  border-radius: 10px;
  padding: 0.6rem;
}

.liquidity-lot-consumption-summary {
  background: rgba(15, 23, 42, 0.28);
  border-color: rgba(148, 163, 184, 0.16);
  border-radius: 7px;
  margin-bottom: 0.55rem;
  padding: 0.58rem 0.75rem;
}

.liquidity-kardex-statement {
  gap: 0.5rem;
  margin-bottom: 0.55rem;
}

.liquidity-kardex-statement span {
  background: rgba(2, 6, 23, 0.16);
  border-color: rgba(148, 163, 184, 0.14);
  border-radius: 7px;
  padding: 0.62rem 0.72rem;
}

.liquidity-kardex-ledger {
  border-color: rgba(148, 163, 184, 0.14);
  border-radius: 8px;
}

.liquidity-kardex-ledger-head,
.liquidity-kardex-row {
  grid-template-columns:
    minmax(155px, 0.78fr)
    minmax(190px, 0.96fr)
    minmax(245px, 1.18fr)
    minmax(160px, 0.78fr)
    minmax(165px, 0.8fr)
    minmax(185px, 0.9fr)
    minmax(135px, 0.64fr)
    minmax(320px, 1.34fr);
}

.liquidity-kardex-ledger-head {
  background: rgba(15, 23, 42, 0.64);
}

.liquidity-kardex-ledger-head span {
  font-size: 0.66rem;
  padding: 0.62rem 0.7rem;
}

.liquidity-kardex-row {
  min-width: 1600px;
}

.liquidity-kardex-cell {
  padding: 0.72rem 0.7rem;
}

.liquidity-kardex-cell.number-cell,
.liquidity-kardex-cell.balance-cell,
.liquidity-kardex-cell.debit-cell {
  background: rgba(2, 6, 23, 0.08);
}

.liquidity-kardex-cell .row-main {
  font-size: 0.9rem;
}

.liquidity-kardex-cell .row-sub {
  font-size: 0.75rem;
}

.liquidity-kardex-balance-bar {
  background: rgba(148, 163, 184, 0.14);
  height: 6px;
}

/* Profitability audit view v5: calmer cockpit, clearer formulas, no fullscreen. */
#view-profitability .operator-stage {
  gap: clamp(14px, 1.2vw, 20px) !important;
  padding: clamp(16px, 1.35vw, 24px) !important;
}

#view-profitability .operator-kpis {
  gap: 0.75rem !important;
  margin: 0 0 0.2rem !important;
}

#view-profitability .operator-kpis .metric-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
    rgba(15, 23, 42, 0.36) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  border-radius: 10px !important;
  min-height: 78px !important;
  padding: 0.9rem 1rem !important;
}

#view-profitability .operator-kpis .metric-label {
  color: var(--accent) !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.17em !important;
}

#view-profitability .operator-kpis .metric-card strong {
  font-size: clamp(1.35rem, 1.9vw, 2.05rem) !important;
  letter-spacing: 0 !important;
  margin-top: 0.28rem !important;
}

#view-profitability .profitability-toolbar {
  background: rgba(15, 23, 42, 0.32) !important;
  border-color: rgba(148, 163, 184, 0.14) !important;
  border-radius: 10px !important;
  gap: 0.7rem !important;
  grid-template-columns: minmax(300px, 1fr) minmax(160px, 0.34fr) minmax(145px, 0.25fr) minmax(145px, 0.25fr) minmax(138px, 0.22fr) !important;
  margin: 0 !important;
  padding: 0.7rem !important;
}

#view-profitability .profitability-toolbar label,
#view-profitability .profitability-toolbar .search-field,
#view-profitability .profitability-toolbar .sort-field {
  min-width: 0 !important;
}

#view-profitability .profitability-toolbar input,
#view-profitability .profitability-toolbar select,
#view-profitability .profitability-toolbar button {
  border-radius: 8px !important;
  box-sizing: border-box;
  min-height: 44px !important;
  min-width: 0 !important;
  width: 100%;
}

#view-profitability .profitability-toolbar button {
  font-size: 0.78rem;
  letter-spacing: 0.12em;
  padding-inline: 0.7rem;
}

#view-profitability #profitability-date-from,
#view-profitability #profitability-date-to {
  min-width: 210px !important;
  padding-inline: 0.72rem 2.65rem !important;
}

#view-profitability .profitability-table-shell {
  background: rgba(2, 6, 23, 0.18) !important;
  border-color: rgba(148, 163, 184, 0.12) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  max-height: calc(100dvh - 300px);
  min-height: 520px;
  overflow: auto !important;
}

#view-profitability .profitability-table-shell table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  min-width: 1640px !important;
  table-layout: fixed !important;
}

#view-profitability .profitability-table-shell th {
  background: rgba(15, 23, 42, 0.72) !important;
  color: var(--accent) !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.16em !important;
  padding: 0.72rem 0.78rem !important;
  position: sticky;
  top: 0;
  z-index: 3;
}

#view-profitability .profitability-table-shell td {
  background: rgba(15, 23, 42, 0.18);
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  padding: 0.86rem 0.78rem !important;
}

#view-profitability .profitability-table-shell tbody tr:hover td {
  background: rgba(30, 41, 59, 0.34);
}

#view-profitability .profitability-table-shell th:nth-child(1),
#view-profitability .profitability-table-shell td:nth-child(1) { width: 11%; }
#view-profitability .profitability-table-shell th:nth-child(2),
#view-profitability .profitability-table-shell td:nth-child(2) { width: 13%; }
#view-profitability .profitability-table-shell th:nth-child(3),
#view-profitability .profitability-table-shell td:nth-child(3) { width: 13%; }
#view-profitability .profitability-table-shell th:nth-child(4),
#view-profitability .profitability-table-shell td:nth-child(4) { width: 14%; }
#view-profitability .profitability-table-shell th:nth-child(5),
#view-profitability .profitability-table-shell td:nth-child(5) { width: 14%; }
#view-profitability .profitability-table-shell th:nth-child(6),
#view-profitability .profitability-table-shell td:nth-child(6) { width: 14%; }
#view-profitability .profitability-table-shell th:nth-child(7),
#view-profitability .profitability-table-shell td:nth-child(7) { width: 8%; }
#view-profitability .profitability-table-shell th:nth-child(8),
#view-profitability .profitability-table-shell td:nth-child(8) { width: 13%; }

#view-profitability .profitability-table-shell .row-main {
  font-size: 0.9rem !important;
  line-height: 1.26 !important;
}

#view-profitability .profitability-table-shell .row-sub {
  color: var(--text-muted);
  font-size: 0.75rem !important;
  line-height: 1.32 !important;
}

.profitability-audit-meta,
.profitability-mini-ledger,
.profitability-formula-line,
.profitability-adjustment-stack em {
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  color: var(--text-muted);
  display: inline-flex;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 850;
  line-height: 1.15;
  margin-top: 0.42rem;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 0.22rem 0.4rem;
}

.profitability-audit-meta {
  border-radius: 6px;
  display: flex;
  width: max-content;
}

.profitability-mini-ledger-positive {
  border-color: rgba(74, 222, 128, 0.2);
  color: #86efac;
}

.profitability-adjustment-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 0.22rem;
  margin-top: 0.38rem;
}

.profitability-formula-line {
  background: rgba(2, 6, 23, 0.18);
  border-radius: 7px;
  color: var(--text-soft);
  display: flex;
  width: fit-content;
}

.profitability-lot-action {
  margin-top: 0.42rem;
}

.profitability-rate-strip {
  align-items: center;
  background: rgba(2, 6, 23, 0.22);
  border: 1px solid rgba(56, 189, 248, 0.18);
  border-radius: 8px;
  display: grid;
  gap: 0.1rem;
  margin-top: 0.44rem;
  max-width: 100%;
  min-width: 0;
  padding: 0.34rem 0.46rem;
}

.profitability-rate-strip strong {
  color: var(--accent);
  font-size: 0.58rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  line-height: 1.05;
  text-transform: uppercase;
}

.profitability-rate-strip b {
  color: #e5f2ff;
  font-size: 0.88rem;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.profitability-rate-strip small {
  color: var(--text-muted);
  font-size: 0.66rem;
  font-weight: 800;
  line-height: 1.12;
}

.profitability-rate-strip.is-mixed {
  border-color: rgba(251, 191, 36, 0.3);
  background: rgba(120, 53, 15, 0.16);
}

.profitability-rate-strip.is-mixed b {
  color: #fde68a;
}

#view-profitability .profitability-table-shell .inline-button {
  border-radius: 999px;
  min-height: 30px;
  padding: 0.25rem 0.7rem;
}

.profitability-route {
  overflow-wrap: anywhere;
}

.profitability-margin-bar {
  background: rgba(148, 163, 184, 0.15);
  border-radius: 999px;
  display: block;
  height: 6px;
  margin-top: 0.46rem;
  overflow: hidden;
  width: min(130px, 100%);
}

.profitability-margin-bar span {
  background: linear-gradient(90deg, #38bdf8, #22c55e);
  display: block;
  height: 100%;
}

#view-profitability .profitability-audit-panel {
  background: rgba(15, 23, 42, 0.24);
  border-color: rgba(148, 163, 184, 0.12);
  border-radius: 10px;
}

#view-profitability .profitability-audit-table-shell {
  border-radius: 10px !important;
}

@media (max-width: 900px) {
  #view-profitability .profitability-toolbar {
    grid-template-columns: 1fr !important;
  }

  #view-profitability .profitability-table-shell {
    max-height: none;
    min-height: 0;
  }
}

@media (min-width: 901px) and (max-width: 1320px) {
  #view-profitability .profitability-toolbar {
    grid-template-columns: minmax(210px, 1fr) minmax(132px, 0.28fr) minmax(210px, 0.36fr) minmax(210px, 0.36fr) minmax(108px, 0.18fr) !important;
    gap: 0.5rem !important;
    padding: 0.58rem !important;
  }

  #view-profitability .profitability-toolbar input,
  #view-profitability .profitability-toolbar select,
  #view-profitability .profitability-toolbar button {
    font-size: 0.86rem !important;
    min-height: 40px !important;
  }

  #view-profitability .profitability-toolbar button {
    font-size: 0.7rem !important;
    letter-spacing: 0.1em;
  }
}

.profitability-fifo-breakdown {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  min-width: 190px;
}

.profitability-fifo-breakdown span {
  display: grid;
  grid-template-columns: minmax(52px, auto) 1fr;
  align-items: start;
  column-gap: 8px;
  padding: 6px 8px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 7px;
  background: rgba(15, 23, 42, 0.34);
}

.profitability-fifo-breakdown b {
  color: #f4c76b;
  font-size: 0.75rem;
  line-height: 1.15;
}

.profitability-fifo-breakdown em,
.profitability-fifo-breakdown small {
  color: rgba(226, 232, 240, 0.82);
  font-size: 0.72rem;
  font-style: normal;
  line-height: 1.2;
}

.profitability-fifo-breakdown small {
  grid-column: 2;
  color: rgba(148, 163, 184, 0.86);
  margin-top: 2px;
}

.profitability-fifo-backdrop {
  background:
    radial-gradient(circle at 20% 8%, rgba(244, 199, 107, 0.13), transparent 30%),
    radial-gradient(circle at 82% 4%, rgba(45, 212, 191, 0.10), transparent 26%),
    rgba(2, 6, 14, 0.82);
}

.premium-fifo-control {
  width: min(1500px, calc(100vw - 28px));
  max-height: min(94dvh, calc(100dvh - 22px));
  min-height: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: linear-gradient(145deg, rgba(13, 20, 32, 0.98), rgba(8, 15, 26, 0.98));
}

.fifo-control-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 22px;
  align-items: start;
  padding: 30px 34px 24px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.70), rgba(8, 13, 23, 0.18)),
    radial-gradient(circle at 8% 0%, rgba(244, 199, 107, 0.10), transparent 34%);
}

.fifo-control-hero h2 {
  margin: 10px 0 12px;
  font-size: clamp(1.7rem, 3vw, 2.8rem);
  line-height: 1;
}

.fifo-control-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.fifo-control-meta span,
.fifo-control-status small,
.fifo-control-card small,
.fifo-control-formula span,
.fifo-rate-card span,
.fifo-table-head span {
  color: rgba(203, 213, 225, 0.76);
}

.fifo-control-meta span {
  padding: 6px 10px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.42);
  font-size: 0.78rem;
}

.fifo-control-status {
  display: grid;
  justify-items: end;
  gap: 8px;
  min-width: 170px;
}

.fifo-control-status strong {
  font-size: 1.55rem;
  color: var(--text);
}

.fifo-close-button {
  min-width: 96px;
}

.fifo-control-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 18px 34px 0;
}

.fifo-control-card,
.fifo-rate-card,
.fifo-control-formula {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.44);
}

.fifo-control-card {
  display: grid;
  gap: 8px;
  min-height: 112px;
  padding: 16px;
}

.fifo-control-card.accent {
  border-color: rgba(45, 212, 191, 0.32);
  background: linear-gradient(145deg, rgba(20, 184, 166, 0.12), rgba(15, 23, 42, 0.42));
}

.fifo-control-card.warning {
  border-color: rgba(244, 199, 107, 0.38);
  background: linear-gradient(145deg, rgba(244, 199, 107, 0.12), rgba(15, 23, 42, 0.42));
}

.fifo-control-card span,
.fifo-rate-card span,
.fifo-table-head .eyebrow {
  color: #f4c76b;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.fifo-control-card strong {
  color: var(--text);
  font-size: 1.18rem;
  line-height: 1.15;
}

.fifo-control-formula {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr;
  gap: 1px;
  margin: 14px 34px 0;
  overflow: hidden;
}

.fifo-control-formula div {
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  background: rgba(2, 6, 14, 0.18);
}

.fifo-control-formula strong {
  color: var(--text);
  font-size: 0.95rem;
}

.fifo-rate-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  padding: 14px 34px 0;
}

.fifo-rate-card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}

.fifo-rate-card div {
  display: grid;
  gap: 4px;
}

.fifo-rate-card strong {
  color: var(--text);
  font-size: 1rem;
}

.fifo-rate-card small {
  grid-column: 1 / -1;
  padding-top: 8px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
}

.fifo-table-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 34px 10px;
}

.fifo-table-head h3 {
  margin: 4px 0 0;
  color: var(--text);
  font-size: 1.18rem;
}

.premium-fifo-table {
  margin: 0 34px 30px;
  min-height: auto;
  max-height: min(42vh, 420px);
  overflow: auto;
  border-radius: 8px;
}

.premium-fifo-table .data-table th {
  color: #f4c76b;
  font-size: 0.72rem;
}

.fifo-order-badge {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(244, 199, 107, 0.38);
  color: #f8dfa4;
  background: rgba(244, 199, 107, 0.10);
  font-weight: 900;
}

@media (max-width: 980px) {
  .fifo-control-hero,
  .fifo-control-grid,
  .fifo-control-formula {
    grid-template-columns: 1fr;
  }

  .fifo-control-hero {
    padding: 24px 20px;
  }

  .fifo-control-grid,
  .fifo-rate-summary,
  .fifo-table-head {
    padding-left: 20px;
    padding-right: 20px;
  }

  .fifo-control-formula,
  .premium-fifo-table {
    margin-left: 20px;
    margin-right: 20px;
  }

  .fifo-control-status {
    justify-items: start;
  }
}

#view-profitability .profitability-sort-header {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  cursor: pointer;
  text-align: left;
}

#view-profitability .profitability-sort-header span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

#view-profitability .profitability-sort-header b {
  display: inline-grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  color: rgba(226, 232, 240, 0.58);
  font-size: 0.68rem;
  line-height: 1;
}

#view-profitability .profitability-sort-header:hover b,
#view-profitability .profitability-sort-header.is-active b {
  border-color: rgba(244, 199, 107, 0.46);
  color: #f4c76b;
  background: rgba(244, 199, 107, 0.10);
}

#view-liquidity .liquidity-account-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; margin: 10px 0 12px; }
#view-liquidity .liquidity-account-card { display: grid; gap: 6px; min-height: 112px; padding: 14px 16px; border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 8px; background: rgba(15, 23, 42, 0.42); color: var(--text); text-align: left; cursor: pointer; }
#view-liquidity .liquidity-account-card:hover,
#view-liquidity .liquidity-account-card.is-active { border-color: rgba(45, 212, 191, 0.42); background: linear-gradient(145deg, rgba(20, 184, 166, 0.14), rgba(15, 23, 42, 0.46)); }
#view-liquidity .liquidity-account-card span { color: #f4c76b; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
#view-liquidity .liquidity-account-card strong { color: var(--text); font-size: 1.22rem; }
#view-liquidity .liquidity-account-card small,
#view-liquidity .liquidity-account-card em { color: rgba(203, 213, 225, 0.75); font-size: 0.76rem; font-style: normal; line-height: 1.25; }
#view-liquidity .liquidity-sort-header { display: inline-flex; align-items: center; gap: 7px; width: 100%; min-height: 30px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; text-align: left; }
#view-liquidity .liquidity-sort-header span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#view-liquidity .liquidity-sort-header b { display: inline-grid; width: 18px; height: 18px; place-items: center; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.18); color: rgba(226, 232, 240, 0.58); font-size: 0.68rem; line-height: 1; }
#view-liquidity .liquidity-sort-header:hover b,
#view-liquidity .liquidity-sort-header.is-active b { border-color: rgba(244, 199, 107, 0.46); color: #f4c76b; background: rgba(244, 199, 107, 0.10); }
#view-liquidity .table-shell tr.liquidity-row td:nth-child(5) .row-main { color: #e7fff8; }

/* Remesas CxC Responsive Preview v2 - isolated preview only.
   Scope: Cuentas por cobrar list and payment/history modal. */
#view-receivables .receivables-stage {
  min-width: 0;
}

#view-receivables .receivables-kpis {
  gap: clamp(10px, 1vw, 14px);
}

#view-receivables .receivables-kpis .metric-card {
  min-height: clamp(78px, 9dvh, 104px) !important;
  padding: clamp(12px, 1.1vw, 18px) !important;
}

#view-receivables .receivables-kpis .metric-card strong {
  font-size: clamp(1.28rem, 1.55vw, 1.9rem) !important;
  line-height: 1.05;
}

#view-receivables .receivables-toolbar {
  gap: 10px !important;
  align-items: end;
}

#view-receivables .receivables-toolbar input,
#view-receivables .receivables-toolbar select {
  min-height: 42px !important;
  font-size: 0.92rem;
}

#view-receivables .receivables-toolbar .ghost-button {
  min-height: 42px;
  padding-inline: 16px;
  font-size: 0.88rem;
}

#view-receivables #receivables-table.table-shell {
  max-height: max(360px, calc(100dvh - 292px)) !important;
  min-height: min(440px, max(340px, calc(100dvh - 292px))) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
}

#view-receivables #receivables-table.table-shell table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

#view-receivables #receivables-table.table-shell th,
#view-receivables #receivables-table.table-shell td {
  padding: 10px 12px !important;
  vertical-align: top;
}

#view-receivables #receivables-table.table-shell th:nth-child(1),
#view-receivables #receivables-table.table-shell td:nth-child(1) { width: 16% !important; }
#view-receivables #receivables-table.table-shell th:nth-child(2),
#view-receivables #receivables-table.table-shell td:nth-child(2) { width: 15% !important; }
#view-receivables #receivables-table.table-shell th:nth-child(3),
#view-receivables #receivables-table.table-shell td:nth-child(3) { width: 13% !important; }
#view-receivables #receivables-table.table-shell th:nth-child(4),
#view-receivables #receivables-table.table-shell td:nth-child(4) { width: 13% !important; }
#view-receivables #receivables-table.table-shell th:nth-child(5),
#view-receivables #receivables-table.table-shell td:nth-child(5) { width: 14% !important; }
#view-receivables #receivables-table.table-shell th:nth-child(6),
#view-receivables #receivables-table.table-shell td:nth-child(6) { width: 13% !important; }
#view-receivables #receivables-table.table-shell th:nth-child(7),
#view-receivables #receivables-table.table-shell td:nth-child(7) { width: 16% !important; }

#view-receivables #receivables-table.table-shell .row-main {
  font-size: clamp(0.88rem, 0.78vw, 1rem) !important;
  line-height: 1.16 !important;
}

#view-receivables #receivables-table.table-shell .row-sub {
  margin-top: 4px !important;
  font-size: clamp(0.74rem, 0.68vw, 0.86rem) !important;
  line-height: 1.22 !important;
}

#view-receivables #receivables-table.table-shell .table-actions {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 6px !important;
  min-width: 0;
}

#view-receivables #receivables-table.table-shell .inline-button {
  width: 100%;
  min-height: 32px !important;
  padding: 6px 8px !important;
  border-radius: 10px !important;
  font-size: 0.76rem !important;
  line-height: 1.08 !important;
  white-space: normal !important;
}

@media (min-width: 1181px) and (max-width: 1540px), (min-width: 1181px) and (max-height: 820px) {
  #view-receivables .receivables-stage {
    padding: 12px !important;
  }

  #view-receivables .receivables-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #view-receivables .receivables-kpis .metric-card {
    min-height: 68px !important;
    padding: 10px 12px !important;
  }

  #view-receivables .receivables-kpis .metric-label {
    font-size: 0.62rem !important;
  }

  #view-receivables .receivables-kpis .metric-card strong {
    font-size: clamp(1.14rem, 1.42vw, 1.48rem) !important;
  }

  #view-receivables .receivables-toolbar {
    grid-template-columns: minmax(260px, 1fr) minmax(150px, 0.34fr) minmax(132px, auto) !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
  }

  #view-receivables #receivables-table.table-shell {
    max-height: max(350px, calc(100dvh - 268px)) !important;
    min-height: min(420px, max(330px, calc(100dvh - 268px))) !important;
    border-radius: 12px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1380px) {
  #view-receivables #receivables-table.table-shell {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #view-receivables #receivables-table.table-shell table,
  #view-receivables #receivables-table.table-shell thead,
  #view-receivables #receivables-table.table-shell tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-receivables #receivables-table.table-shell thead {
    display: none !important;
  }

  #view-receivables #receivables-table.table-shell tbody {
    display: grid !important;
    gap: 9px !important;
  }

  #view-receivables #receivables-table.table-shell tr.receivable-row {
    display: grid !important;
    grid-template-columns: minmax(170px, 1.05fr) minmax(130px, 0.75fr) minmax(118px, 0.65fr) minmax(118px, 0.65fr) minmax(136px, 0.8fr) minmax(118px, 0.62fr) minmax(124px, 0.65fr);
    gap: 8px 10px !important;
    align-items: start;
    padding: 11px 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    background: rgba(15, 23, 42, 0.42) !important;
  }

  :root[data-theme="light"] #view-receivables #receivables-table.table-shell tr.receivable-row {
    background: rgba(255, 255, 255, 0.94) !important;
  }

  #view-receivables #receivables-table.table-shell tr.receivable-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
}

@media (min-width: 1024px) and (max-width: 1240px) {
  #view-receivables #receivables-table.table-shell tr.receivable-row {
    grid-template-columns: minmax(170px, 1.1fr) minmax(120px, 0.68fr) minmax(120px, 0.68fr) minmax(120px, 0.68fr) minmax(128px, 0.74fr) minmax(128px, 0.7fr);
    grid-template-areas:
      "client cartera pendiente cobrado estado actions"
      "client actividad actividad actividad estado actions";
  }

  #view-receivables #receivables-table.table-shell tr.receivable-row td:nth-child(1) { grid-area: client; }
  #view-receivables #receivables-table.table-shell tr.receivable-row td:nth-child(2) { grid-area: cartera; }
  #view-receivables #receivables-table.table-shell tr.receivable-row td:nth-child(3) { grid-area: pendiente; }
  #view-receivables #receivables-table.table-shell tr.receivable-row td:nth-child(4) { grid-area: cobrado; }
  #view-receivables #receivables-table.table-shell tr.receivable-row td:nth-child(5) { grid-area: actividad; }
  #view-receivables #receivables-table.table-shell tr.receivable-row td:nth-child(6) { grid-area: estado; }
  #view-receivables #receivables-table.table-shell tr.receivable-row td:nth-child(7) { grid-area: actions; }
}

#receivable-payment-modal.modal-backdrop {
  overflow: hidden !important;
  padding: clamp(6px, 1vw, 12px) !important;
}

#receivable-payment-modal .receivable-payment-modal-card {
  width: min(1680px, calc(100vw - 18px)) !important;
  max-width: none !important;
  height: calc(100dvh - 18px) !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 18px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head {
  min-height: 0 !important;
  padding: clamp(12px, 1.45vw, 20px) clamp(18px, 2vw, 30px) !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head h2 {
  max-width: min(960px, 74vw);
  font-size: clamp(1.18rem, 1.38vw, 1.7rem) !important;
  line-height: 1.08 !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head .ghost-button {
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px;
}

#receivable-payment-modal .receivable-payment-mode {
  grid-template-columns: minmax(420px, 0.9fr) minmax(520px, 1.1fr) !important;
  gap: 14px !important;
  padding: 0 18px 18px !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#receivable-payment-modal .receivable-payment-mode > .panel-head {
  margin: 0 -18px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: auto !important;
  border-radius: 10px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
  padding: 14px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-identity {
  gap: 10px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-identity strong {
  font-size: clamp(1rem, 1vw, 1.24rem) !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics article {
  min-height: 62px !important;
  padding: 9px 10px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics strong {
  font-size: clamp(1rem, 1vw, 1.24rem) !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-ledger {
  display: none !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-open-list {
  display: block !important;
  margin-top: 10px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-open-doc-list {
  max-height: clamp(92px, 18dvh, 180px) !important;
  overflow: auto !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 11px 12px !important;
  padding: 14px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-link {
  grid-column: 1 / -1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form label > span {
  margin-bottom: 5px !important;
  font-size: 0.78rem !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .search-select-trigger {
  min-height: 42px !important;
  font-size: 0.9rem !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.78fr) minmax(260px, 1fr);
  gap: 12px !important;
  align-items: stretch;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
  min-height: 106px !important;
  padding: 12px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-notes-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-notes {
  min-height: 78px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  position: sticky !important;
  bottom: -14px !important;
  margin: 0 -14px -14px !important;
  padding: 12px 14px !important;
}

#receivable-payment-modal .receipt-file-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

#receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: auto !important;
  padding: clamp(14px, 1.6vw, 24px) !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-history-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-head,
#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-row {
  grid-template-columns: minmax(132px, 0.76fr) minmax(190px, 1.06fr) minmax(230px, 1.24fr) minmax(108px, 0.56fr) minmax(108px, 0.56fr) !important;
  min-width: 0 !important;
  gap: 10px !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-list {
  max-height: max(230px, calc(100dvh - 480px)) !important;
}

#receivable-payment-modal .receivable-account-ledger-row > span:nth-child(3) {
  overflow-wrap: anywhere !important;
}

@media (max-height: 780px) and (min-width: 1181px) {
  #receivable-payment-modal .receivable-payment-modal-card > .panel-head {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  #receivable-payment-modal .receivable-payment-modal-card > .panel-head .eyebrow {
    margin-bottom: 4px !important;
  }

  #receivable-payment-modal .receivable-payment-mode {
    grid-template-columns: minmax(360px, 0.82fr) minmax(560px, 1.18fr) !important;
    gap: 12px !important;
    padding: 0 14px 14px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
    padding: 10px !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
    grid-template-columns: minmax(180px, 0.64fr) minmax(280px, 1fr);
    gap: 10px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
    gap: 8px 10px !important;
    position: relative !important;
    padding-bottom: 54px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form label > span {
    margin-bottom: 3px !important;
    font-size: 0.72rem !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .search-select-trigger {
    min-height: 36px !important;
    font-size: 0.82rem !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-preview {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 0.84rem !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
    min-height: 68px !important;
    padding: 8px 10px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card strong {
    font-size: 0.9rem !important;
    line-height: 1.1 !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    font-size: 0.7rem !important;
    line-height: 1.15 !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receipt-composer-actions {
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receipt-composer-actions .ghost-button,
  #receivable-payment-modal .receivable-payment-mode .receipt-composer-actions .receipt-file-trigger {
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 0.78rem !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
    background: transparent !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions .primary-button,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions .ghost-button {
    min-height: 34px !important;
    padding-inline: 12px !important;
    font-size: 0.82rem !important;
  }
}

@media (max-width: 1180px) {
  #receivable-payment-modal .receivable-payment-mode {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto minmax(0, auto) minmax(0, 1fr) !important;
    overflow: auto !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
    max-height: none !important;
  }
}

@media (max-width: 760px) {
  #view-receivables .receivables-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
    grid-template-columns: 1fr !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
    grid-template-columns: 1fr !important;
  }
}

/* Remesas CxC Responsive Preview v2.1 - compact detail iteration. */
#view-receivables .receivables-detail-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 38px;
  margin: -2px 0 8px;
}

#view-receivables .receivables-detail-toggle {
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.02em;
}

#view-receivables.receivables-detail-collapsed .receivables-kpis {
  display: none !important;
}

#view-receivables.receivables-detail-collapsed #receivables-table.table-shell {
  max-height: max(440px, calc(100dvh - 208px)) !important;
  min-height: min(520px, max(380px, calc(100dvh - 208px))) !important;
}

#view-receivables .receivables-kpis .metric-card {
  min-height: clamp(58px, 7dvh, 78px) !important;
  padding: 9px 12px !important;
}

#view-receivables .receivables-kpis .metric-label {
  font-size: 0.58rem !important;
  letter-spacing: 0.12em !important;
}

#view-receivables .receivables-kpis .metric-card strong {
  font-size: clamp(1.04rem, 1.18vw, 1.48rem) !important;
  line-height: 1 !important;
}

#view-receivables .receivables-kpis .metric-card p {
  display: none !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head {
  min-height: 0 !important;
  padding: 9px 24px !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head .eyebrow {
  margin-bottom: 2px !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.14em !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head h2 {
  font-size: clamp(1rem, 1.08vw, 1.38rem) !important;
  line-height: 1.08 !important;
}

#receivable-payment-modal .receivable-payment-modal-card > .panel-head .ghost-button {
  min-height: 34px !important;
  padding-inline: 14px !important;
  font-size: 0.86rem !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-identity,
#receivable-payment-modal .receivable-history-mode .receivable-history-identity {
  display: none !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics,
#receivable-payment-modal .receivable-history-mode .receivable-history-metrics {
  gap: 8px !important;
  margin: 0 !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics article,
#receivable-payment-modal .receivable-history-mode .receivable-history-metrics article {
  min-height: 50px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics .metric-label,
#receivable-payment-modal .receivable-history-mode .receivable-history-metrics .metric-label {
  font-size: 0.58rem !important;
  letter-spacing: 0.12em !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics strong,
#receivable-payment-modal .receivable-history-mode .receivable-history-metrics strong {
  font-size: clamp(0.94rem, 0.92vw, 1.14rem) !important;
  line-height: 1.05 !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics small,
#receivable-payment-modal .receivable-history-mode .receivable-history-metrics small {
  font-size: 0.7rem !important;
  line-height: 1.15 !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-account-open-list {
  display: none !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
  align-content: start !important;
}

#receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card {
  padding: 12px 18px 16px !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-list {
  max-height: max(300px, calc(100dvh - 334px)) !important;
}

@media (max-height: 780px) and (min-width: 1181px) {
  #receivable-payment-modal .receivable-payment-modal-card > .panel-head {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
    padding: 10px !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-history-metrics article {
    min-height: 44px !important;
    padding: 7px 8px !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-history-metrics small {
    display: none !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 760px) {
  #view-receivables .receivables-detail-bar {
    justify-content: stretch;
  }

  #view-receivables .receivables-detail-toggle {
    width: 100%;
  }

  #view-receivables.receivables-detail-collapsed #receivables-table.table-shell {
    max-height: none !important;
    min-height: 0 !important;
  }
}

/* Remesas CxC Responsive Preview v2.2 - title action, filter bar, table head and payment layout. */
body.receivables-detail-in-workspace #view-receivables .receivables-detail-bar {
  display: none !important;
}

body[data-active-view="receivables"] .workspace-actions {
  align-items: center;
}

body[data-active-view="receivables"] .workspace-receivables-detail-toggle {
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
}

#view-receivables .receivables-toolbar {
  grid-template-columns: minmax(420px, 1fr) minmax(230px, 0.34fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 10px !important;
}

#view-receivables .receivables-toolbar .search-field,
#view-receivables .receivables-toolbar .sort-field {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0;
}

#view-receivables .receivables-toolbar .search-field > span,
#view-receivables .receivables-toolbar .sort-field > span {
  margin: 0 !important;
  font-size: 0.68rem !important;
  line-height: 1 !important;
  white-space: nowrap;
}

#view-receivables .receivables-toolbar input,
#view-receivables .receivables-toolbar select,
#view-receivables .receivables-toolbar .search-select-trigger {
  min-height: 36px !important;
  height: 36px !important;
  font-size: 0.82rem !important;
}

#view-receivables .receivables-toolbar .ghost-button {
  min-height: 36px !important;
  padding-inline: 14px !important;
  font-size: 0.82rem !important;
}

#view-receivables.receivables-detail-collapsed #receivables-table.table-shell {
  max-height: max(470px, calc(100dvh - 186px)) !important;
  min-height: min(540px, max(400px, calc(100dvh - 186px))) !important;
}

@media (min-width: 1024px) and (max-width: 1380px) {
  #view-receivables #receivables-table.table-shell thead {
    display: block !important;
    position: sticky !important;
    top: 0;
    z-index: 5;
    margin-bottom: 8px;
  }

  #view-receivables #receivables-table.table-shell thead tr {
    display: grid !important;
    grid-template-columns: minmax(170px, 1.05fr) minmax(130px, 0.75fr) minmax(118px, 0.65fr) minmax(118px, 0.65fr) minmax(136px, 0.8fr) minmax(118px, 0.62fr) minmax(124px, 0.65fr) !important;
    gap: 8px 10px !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    background: rgba(4, 10, 20, 0.92) !important;
    box-shadow: 0 10px 20px rgba(2, 6, 23, 0.18);
  }

  :root[data-theme="light"] #view-receivables #receivables-table.table-shell thead tr {
    background: rgba(239, 246, 252, 0.96) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
  }

  #view-receivables #receivables-table.table-shell thead th {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--accent) !important;
    font-size: 0.66rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (min-width: 1024px) and (max-width: 1240px) {
  #view-receivables #receivables-table.table-shell thead tr {
    grid-template-columns: minmax(170px, 1.1fr) minmax(120px, 0.68fr) minmax(120px, 0.68fr) minmax(120px, 0.68fr) minmax(128px, 0.7fr) minmax(128px, 0.7fr) !important;
  }

  #view-receivables #receivables-table.table-shell thead th:nth-child(5) {
    display: none !important;
  }
}

#receivable-payment-modal .receivable-payment-mode {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 0 18px 16px !important;
}

#receivable-payment-modal .receivable-payment-mode > .panel-head {
  grid-column: 1 !important;
  margin: 0 -18px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
  grid-column: 1 !important;
  max-height: none !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 9px 12px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary .receivable-history-shell {
  width: min(820px, 100%) !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics {
  grid-template-columns: repeat(3, minmax(150px, 220px)) !important;
  justify-content: center !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  grid-column: 1 !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 9px 12px !important;
  padding: 12px !important;
  padding-bottom: 12px !important;
  overflow: auto !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-account-field,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-preview,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .full-span,
#receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
  grid-column: 1 / -1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-amount-field {
  grid-column: 1 / span 4 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-rate-field:not(.hidden) {
  grid-column: 5 / span 4 !important;
}

/* Remesas CxC Responsive Preview v2.3b - history cleanup and warm light palette. */

/* Remesas CxC Responsive Preview v2.3 - compact premium payment sheet. */
#receivable-payment-modal.modal-backdrop {
  padding: 16px !important;
}

#receivable-payment-modal .receivable-payment-modal-card.receivable-payment-mode {
  width: min(1360px, calc(100vw - 32px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 32px) !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto minmax(0, auto) !important;
  gap: 8px !important;
  padding: 0 16px 14px !important;
  overflow: auto !important;
}

#receivable-payment-modal .receivable-payment-modal-card.receivable-payment-mode > .panel-head {
  margin: 0 -16px !important;
  padding: 8px 26px !important;
  min-height: 58px !important;
}

#receivable-payment-modal .receivable-payment-modal-card.receivable-payment-mode > .panel-head .eyebrow {
  margin-bottom: 2px !important;
  font-size: 0.56rem !important;
  letter-spacing: 0.14em !important;
}

#receivable-payment-modal .receivable-payment-modal-card.receivable-payment-mode > .panel-head h2 {
  font-size: clamp(1rem, 1.02vw, 1.22rem) !important;
  line-height: 1.08 !important;
}

#receivable-payment-modal .receivable-payment-modal-card.receivable-payment-mode > .panel-head .ghost-button {
  min-height: 32px !important;
  padding: 0 14px !important;
  font-size: 0.82rem !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
  grid-column: 1 !important;
  width: 100% !important;
  max-height: none !important;
  padding: 6px 10px !important;
  overflow: visible !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary .receivable-history-shell {
  width: min(780px, 100%) !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics {
  grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  gap: 8px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics article {
  min-height: 42px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics .metric-label {
  font-size: 0.54rem !important;
  letter-spacing: 0.12em !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics strong {
  font-size: clamp(0.94rem, 0.88vw, 1.08rem) !important;
  line-height: 1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  grid-column: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 7px 10px !important;
  padding: 10px 12px 12px !important;
  max-height: calc(100dvh - 170px) !important;
  overflow: auto !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form label > span {
  margin-bottom: 3px !important;
  font-size: 0.68rem !important;
  line-height: 1.05 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .search-select-trigger {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 11px !important;
  border-radius: 12px !important;
  font-size: 0.8rem !important;
  line-height: 1.1 !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-account-field .search-select-trigger {
  min-height: 44px !important;
  height: 44px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-preview {
  grid-column: 1 / span 6 !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
  border-radius: 12px !important;
  font-size: 0.8rem !important;
  line-height: 1.15 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form > label:has(#receivable-payment-link) {
  grid-column: 1 / -1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-link {
  min-height: 34px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(420px, 0.95fr) minmax(440px, 1.05fr) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto minmax(0, auto) !important;
  align-items: center !important;
  gap: 3px 12px !important;
  min-height: 74px !important;
  padding: 10px 12px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card strong {
  grid-column: 1 !important;
  font-size: 0.92rem !important;
  line-height: 1.05 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card span {
  grid-column: 1 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  font-size: 0.72rem !important;
  line-height: 1.15 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card .receipt-composer-actions {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card .receipt-composer-actions .ghost-button,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card .receipt-composer-actions .receipt-file-trigger {
  min-height: 30px !important;
  padding: 0 10px !important;
  font-size: 0.76rem !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-preview.receipt-paste-preview {
  grid-column: 1 / -1 !important;
  max-height: 118px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-notes-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  align-items: end !important;
  gap: 8px 10px !important;
  min-height: 0 !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-notes-field {
  grid-column: 1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-notes {
  min-height: 42px !important;
  height: 42px !important;
  padding-top: 10px !important;
  resize: vertical !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  grid-column: 2 !important;
  position: static !important;
  align-self: end !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions .primary-button,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions .ghost-button {
  min-height: 34px !important;
  padding-inline: 13px !important;
  font-size: 0.78rem !important;
  white-space: nowrap !important;
}

@media (max-height: 740px) and (min-width: 1181px) {
  #receivable-payment-modal.modal-backdrop {
    padding: 10px !important;
  }

  #receivable-payment-modal .receivable-payment-modal-card.receivable-payment-mode {
    width: min(1320px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    gap: 6px !important;
    padding: 0 12px 10px !important;
  }

  #receivable-payment-modal .receivable-payment-modal-card.receivable-payment-mode > .panel-head {
    margin: 0 -12px !important;
    min-height: 50px !important;
    padding: 6px 22px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
    padding: 4px 8px !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-history-metrics article {
    min-height: 36px !important;
    padding: 5px 8px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
    gap: 5px 8px !important;
    padding: 8px 10px 10px !important;
    max-height: calc(100dvh - 144px) !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .search-select-trigger {
    min-height: 32px !important;
    height: 32px !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-payment-account-field .search-select-trigger {
    min-height: 40px !important;
    height: 40px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-preview {
    min-height: 32px !important;
    padding: 7px 9px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
    min-height: 66px !important;
    padding: 8px 10px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-notes {
    min-height: 38px !important;
    height: 38px !important;
    padding-top: 8px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions .primary-button,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions .ghost-button {
    min-height: 32px !important;
    padding-inline: 11px !important;
  }
}

@media (max-width: 1180px) {
  #receivable-payment-modal .receivable-payment-modal-card.receivable-payment-mode {
    width: min(760px, calc(100vw - 22px)) !important;
    max-height: calc(100dvh - 22px) !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
    grid-template-columns: 1fr !important;
    max-height: none !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-account-field.full-span,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form:has(#receivable-payment-rate-field.hidden) .receivable-payment-amount-field,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-preview,
#receivable-payment-modal .receivable-payment-mode #receivable-payment-form > label:has(#receivable-payment-link),
#receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
    grid-column: 1 / -1 !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-payment-notes-panel {
    grid-template-columns: 1fr !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
    grid-column: 1 !important;
    justify-content: flex-end !important;
  }
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
  grid-template-columns: minmax(420px, 0.9fr) minmax(460px, 1.1fr) !important;
  gap: 14px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
  min-height: 132px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-notes-panel {
  grid-template-rows: auto minmax(62px, 1fr) auto !important;
  align-content: stretch !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-notes {
  min-height: 62px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  justify-content: flex-end !important;
}

@media (max-height: 780px) and (min-width: 1181px) {
  #receivable-payment-modal .receivable-payment-mode {
    gap: 8px !important;
    padding: 0 14px 14px !important;
  }

  #receivable-payment-modal .receivable-payment-mode > .panel-head {
    margin: 0 -14px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
    padding: 7px 10px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
    gap: 7px 10px !important;
    padding: 10px !important;
    padding-bottom: 10px !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
    grid-template-columns: minmax(380px, 0.94fr) minmax(420px, 1.06fr) !important;
    gap: 10px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
    min-height: 112px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
    position: static !important;
    width: auto !important;
  }
}

@media (max-width: 1180px) {
  #view-receivables .receivables-toolbar {
    grid-template-columns: 1fr !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
    grid-template-columns: 1fr !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-amount-field,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-rate-field:not(.hidden),
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-date-field,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-code-field {
    grid-column: 1 / -1 !important;
  }

  #receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
    grid-template-columns: 1fr !important;
  }
}

/* Remesas CxC Responsive Preview v2.2b - payment form fitted to low laptop height. */
#receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card {
  padding: 6px 10px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics article {
  min-height: 42px !important;
  padding: 6px 9px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-history-metrics small {
  display: none !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-account-field.full-span {
  grid-column: 1 / span 6 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-amount-field {
  grid-column: 7 / span 3 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-rate-field:not(.hidden) {
  grid-column: 10 / -1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-preview {
  grid-column: 1 / span 6 !important;
  min-height: 36px !important;
  padding: 8px 10px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-date-field {
  grid-column: 7 / span 2 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-code-field {
  grid-column: 9 / -1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-link {
  min-height: 36px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-evidence {
  grid-template-columns: minmax(430px, 1fr) minmax(430px, 1fr) !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
  min-height: 96px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-notes {
  min-height: 44px !important;
}

#receivable-payment-modal .receivable-payment-mode .receivable-payment-notes-panel {
  gap: 8px !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 4;
  padding-top: 4px !important;
}

@media (max-height: 780px) and (min-width: 1181px) {
  #receivable-payment-modal .receivable-payment-mode .receivable-history-metrics article {
    min-height: 38px !important;
    padding: 5px 8px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .search-select-trigger {
    min-height: 34px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-receipt-card {
    min-height: 88px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-notes {
    min-height: 40px !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .form-actions {
    position: sticky !important;
    bottom: 0 !important;
  }
}

/* Remesas CxC Responsive Preview v2.2c - readable table head and payment grid specificity. */
@media (min-width: 1024px) and (max-width: 1380px) {
  #view-receivables #receivables-table.table-shell thead th {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 0.61rem !important;
    letter-spacing: 0.055em !important;
  }
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form:has(#receivable-payment-rate-field.hidden) .receivable-payment-amount-field {
  grid-column: 7 / -1 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-date-field {
  grid-column: 1 / span 3 !important;
}

#receivable-payment-modal .receivable-payment-mode #receivable-payment-form .receivable-payment-code-field {
  grid-column: 4 / -1 !important;
}

/* Remesas CxC Responsive Preview v2.3b final override - history cleanup and warm light palette. */
#receivable-payment-modal .receivable-history-mode .receivable-account-open-list {
  display: none !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-list {
  max-height: max(360px, calc(100dvh - 320px)) !important;
}

#receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card {
  padding-bottom: 14px !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-modal-card {
  background:
    linear-gradient(180deg, rgba(249, 246, 239, 0.98), rgba(255, 255, 255, 0.98)),
    #fbfaf7 !important;
  border-color: rgba(149, 106, 49, 0.16) !important;
  box-shadow: 0 28px 70px rgba(68, 54, 37, 0.18) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-modal-card > .panel-head {
  border-bottom-color: rgba(149, 106, 49, 0.16) !important;
  background:
    linear-gradient(180deg, rgba(248, 242, 231, 0.99), rgba(242, 233, 218, 0.96)),
    #f3eadc !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-modal-card > .panel-head .ghost-button {
  background: rgba(255, 252, 246, 0.82) !important;
  border-color: rgba(149, 106, 49, 0.18) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-summary.detail-card,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form {
  background:
    linear-gradient(180deg, rgba(255, 254, 250, 0.96), rgba(255, 255, 255, 0.98)),
    #fffdfa !important;
  border-color: rgba(149, 106, 49, 0.14) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-history-metrics article,
:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger,
:root[data-theme="light"] #receivable-payment-modal #receivable-payment-receipt-card,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-notes-panel {
  background: rgba(255, 253, 248, 0.96) !important;
  border-color: rgba(149, 106, 49, 0.13) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-history-section-head {
  background: rgba(251, 248, 242, 0.96) !important;
  border-bottom-color: rgba(149, 106, 49, 0.13) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-head {
  background: rgba(245, 237, 224, 0.96) !important;
  border-bottom-color: rgba(149, 106, 49, 0.14) !important;
  color: rgba(143, 97, 36, 0.95) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row:nth-child(odd) {
  background: rgba(255, 253, 249, 0.96) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row:nth-child(even) {
  background: rgba(250, 246, 239, 0.78) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-account-ledger-row:hover {
  background: rgba(238, 224, 201, 0.52) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea,
:root[data-theme="light"] #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .search-select-trigger {
  background: rgba(255, 254, 251, 0.98) !important;
  border-color: rgba(149, 106, 49, 0.16) !important;
}

:root[data-theme="light"] #receivable-payment-modal .receivable-payment-preview {
  background:
    linear-gradient(180deg, rgba(251, 248, 242, 0.94), rgba(255, 254, 251, 0.98)),
    #fffdfa !important;
  border-color: rgba(149, 106, 49, 0.14) !important;
}

/* Remesas CxC Responsive Preview v2.3c final override - fitted history sheet. */
#receivable-payment-modal .receivable-payment-modal-card.receivable-history-mode {
  width: min(1360px, calc(100vw - 32px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 32px) !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto minmax(0, auto) !important;
  gap: 10px !important;
  padding: 0 16px 16px !important;
  overflow: auto !important;
}

#receivable-payment-modal .receivable-payment-modal-card.receivable-history-mode > .panel-head {
  margin: 0 -16px !important;
  padding: 8px 26px !important;
}

#receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card {
  grid-column: 1 !important;
  max-height: calc(100dvh - 136px) !important;
  overflow: auto !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-account-ledger {
  margin-top: 10px !important;
}

#receivable-payment-modal .receivable-history-mode .receivable-account-ledger-list {
  max-height: min(360px, calc(100dvh - 330px)) !important;
}

@media (max-height: 740px) and (min-width: 1181px) {
  #receivable-payment-modal .receivable-payment-modal-card.receivable-history-mode {
    width: min(1320px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 0 12px 12px !important;
  }

  #receivable-payment-modal .receivable-payment-modal-card.receivable-history-mode > .panel-head {
    margin: 0 -12px !important;
    padding: 6px 22px !important;
  }

  #receivable-payment-modal .receivable-history-mode #receivable-payment-summary.detail-card {
    max-height: calc(100dvh - 108px) !important;
  }
}

/* Remesas Investments Responsive Preview v1 - pilot 2 from CxC principles. */
body[data-active-view="investments"] .workspace-actions {
  align-items: center;
}

/* Remesas Investments Responsive Preview v1.1 - explicit laptop cell placement. */
@media (min-width: 1181px) and (max-width: 1380px) {
}

@media (min-width: 901px) and (max-width: 1180px) {
}

/* Remesas Investments Responsive Preview v1.1d - final mobile alignment guard. */
@media (max-width: 700px) {
}

/* Remesas Investments Responsive Preview v1.1c - compact mobile cards. */
@media (max-width: 700px) {
  #view-investments #investments-table.table-shell {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px !important;
    overflow: hidden !important;
  }

  #view-investments #investments-table.table-shell table,
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }

  #view-investments #investments-table.table-shell tbody {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(88px, 118px) !important;
    grid-template-areas:
      "provider capital"
      "account account"
      "amount usd"
      "available available"
      "actions actions" !important;
    gap: 9px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td {
    display: block !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(1),
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(5),
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(9) {
    display: none !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(2) {
    grid-area: provider !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(3) {
    grid-area: account !important;
    padding-top: 1px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid var(--line) !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(4) {
    grid-area: amount !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(6) {
    grid-area: usd !important;
    justify-self: end !important;
    text-align: right !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(7) {
    grid-area: available !important;
    justify-self: stretch !important;
    text-align: left !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(8) {
    grid-area: capital !important;
    justify-self: end !important;
    text-align: right !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(8) .row-sub {
    display: none !important;
  }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.84rem !important;
    line-height: 1.13 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    display: -webkit-box !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 0.67rem !important;
    line-height: 1.13 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-investments #investments-table.table-shell .status-chip {
    min-height: 26px !important;
    max-width: 100% !important;
    padding: 4px 8px !important;
    font-size: 0.66rem !important;
  }

  #view-investments #investments-table.table-shell .inline-button-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    width: 100% !important;
  }

  #view-investments #investments-table.table-shell .inline-button {
    min-height: 34px !important;
    padding: 5px 8px !important;
    border-radius: 10px !important;
    font-size: 0.72rem !important;
    white-space: normal !important;
  }
}

#view-investments .investments-kpi-toggle {
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
}

#view-investments.investments-kpis-collapsed .investments-kpis {
  display: none !important;
}

#view-investments .investments-kpis {
  gap: 8px !important;
  margin: 2px 0 8px !important;
}

#view-investments .investments-kpis .metric-card {
  min-height: clamp(54px, 6.4dvh, 68px) !important;
  padding: 8px 11px !important;
  border-radius: 12px !important;
}

#view-investments .investments-kpis .metric-label {
  font-size: 0.54rem !important;
  letter-spacing: 0.11em !important;
}

#view-investments .investments-kpis .metric-card strong {
  font-size: clamp(1rem, 1vw, 1.24rem) !important;
  line-height: 1 !important;
}

#view-investments .investments-kpis .metric-card p {
  display: none !important;
}

#view-investments .investments-toolbar {
  grid-template-columns: minmax(390px, 1fr) minmax(220px, 0.36fr) minmax(220px, 0.36fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 7px 10px !important;
  margin: 8px 0 8px !important;
  border-radius: 12px !important;
}

#view-investments .investments-toolbar .search-field,
#view-investments .investments-toolbar .sort-field {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

#view-investments .investments-toolbar label > span {
  margin: 0 !important;
  font-size: 0.66rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#view-investments .investments-toolbar input,
#view-investments .investments-toolbar select,
#view-investments .investments-toolbar .search-select-trigger {
  min-height: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  font-size: 0.82rem !important;
}

@media (min-width: 1181px) and (max-width: 1380px) {
  #view-investments .investments-stage {
    gap: 8px !important;
    padding: 12px 14px !important;
  }

  #view-investments #investments-table.table-shell {
    width: 100% !important;
    max-height: max(500px, calc(100dvh - 218px)) !important;
    min-height: min(560px, max(430px, calc(100dvh - 218px))) !important;
    overflow: auto !important;
    padding: 9px !important;
    border-radius: 14px !important;
  }

  #view-investments #investments-table.table-shell table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  #view-investments #investments-table.table-shell thead {
    display: block !important;
    position: sticky !important;
    top: 0;
    z-index: 7;
    margin-bottom: 8px;
  }

  #view-investments #investments-table.table-shell thead tr {
    display: grid !important;
    grid-template-columns:
      minmax(118px, 0.72fr)
      minmax(140px, 0.82fr)
      minmax(178px, 1.06fr)
      minmax(104px, 0.62fr)
      minmax(98px, 0.56fr)
      minmax(116px, 0.62fr)
      minmax(126px, 0.72fr)
      minmax(112px, 0.58fr) !important;
    gap: 7px !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    background: rgba(4, 10, 20, 0.94) !important;
    box-shadow: 0 9px 18px rgba(2, 6, 23, 0.18);
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell thead tr {
    background: rgba(245, 237, 224, 0.96) !important;
    box-shadow: 0 8px 18px rgba(68, 54, 37, 0.08);
  }

  #view-investments #investments-table.table-shell thead th {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--accent) !important;
    font-size: 0.59rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  #view-investments #investments-table.table-shell thead th:nth-child(5),
  #view-investments #investments-table.table-shell thead th:nth-child(9) {
    display: none !important;
  }

  #view-investments #investments-table.table-shell tbody {
    display: grid !important;
    gap: 8px !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row {
    display: grid !important;
    grid-template-columns:
      minmax(118px, 0.72fr)
      minmax(140px, 0.82fr)
      minmax(178px, 1.06fr)
      minmax(104px, 0.62fr)
      minmax(98px, 0.56fr)
      minmax(116px, 0.62fr)
      minmax(126px, 0.72fr)
      minmax(112px, 0.58fr) !important;
    grid-template-areas:
      "date provider account amount usd available capital actions"
      "date provider account rate support support capital actions" !important;
    gap: 6px 7px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    background: rgba(9, 15, 25, 0.62) !important;
    box-shadow: none !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell tr.investment-row {
    background: rgba(255, 253, 248, 0.96) !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td::before {
    content: none !important;
    display: none !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(1) { grid-area: date !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(2) { grid-area: provider !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(3) { grid-area: account !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(4) { grid-area: amount !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(5) { grid-area: rate !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(6) { grid-area: usd !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(7) { grid-area: available !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(8) { grid-area: capital !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(9) { grid-area: support !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(10) { grid-area: actions !important; }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.78rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-investments #investments-table.table-shell .row-main-nowrap {
    white-space: normal !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    display: -webkit-box !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 0.66rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(5) .row-sub,
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(9) .row-sub {
    -webkit-line-clamp: 1 !important;
  }

  #view-investments #investments-table.table-shell .status-chip {
    max-width: 100% !important;
    min-height: 25px !important;
    padding: 4px 8px !important;
    font-size: 0.64rem !important;
    white-space: nowrap !important;
  }

  #view-investments #investments-table.table-shell .inline-button-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  #view-investments #investments-table.table-shell .inline-button {
    min-height: 30px !important;
    padding: 4px 8px !important;
    border-radius: 9px !important;
    font-size: 0.68rem !important;
    white-space: normal !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  #view-investments #investments-table.table-shell {
    overflow: hidden !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  #view-investments #investments-table.table-shell table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #view-investments #investments-table.table-shell thead {
    display: none !important;
  }

  #view-investments #investments-table.table-shell tbody {
    display: grid !important;
    gap: 9px !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "provider date"
      "account account"
      "amount usd"
      "available capital"
      "support actions" !important;
    gap: 7px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 15px !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td {
    display: block !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(1) { grid-area: date !important; justify-self: end !important; text-align: right !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(2) { grid-area: provider !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(3) { grid-area: account !important; padding: 7px 0 !important; border-top: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(4) { grid-area: amount !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(5) { display: none !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(6) { grid-area: usd !important; justify-self: end !important; text-align: right !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(7) { grid-area: available !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(8) { grid-area: capital !important; justify-self: end !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(9) { grid-area: support !important; }
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(10) { grid-area: actions !important; justify-self: end !important; }
}

@media (max-width: 700px) {
  #view-investments .investments-toolbar {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #view-investments .investments-toolbar .search-field,
  #view-investments .investments-toolbar .sort-field {
    grid-template-columns: 1fr !important;
  }

  #view-investments .investments-toolbar label > span {
    display: none !important;
  }

  #view-investments #investments-table.table-shell tbody {
    gap: 8px !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row {
    gap: 6px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(1),
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(5),
  #view-investments #investments-table.table-shell tr.investment-row td:nth-child(9) {
    display: none !important;
  }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.86rem !important;
    line-height: 1.12 !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    margin-top: 2px !important;
    font-size: 0.68rem !important;
    line-height: 1.12 !important;
  }

  #view-investments #investments-table.table-shell .inline-button-group {
    width: 100% !important;
  }
}

body[data-active-view="investments"] #investment-create-modal .modal-card {
  width: min(760px, calc(100vw - 28px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 28px) !important;
  padding: 18px !important;
  overflow: auto !important;
}

body[data-active-view="investments"] #investment-create-modal .modal-card > .panel-head {
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
}

body[data-active-view="investments"] #investment-create-modal .detail-card {
  padding: 12px !important;
}

body[data-active-view="investments"] #provider-finance-modal .modal-card {
  width: min(1280px, calc(100vw - 32px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 32px) !important;
  padding: 18px !important;
  overflow: auto !important;
}

body[data-active-view="investments"] #provider-finance-modal .modal-card > .panel-head {
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
}

body[data-active-view="investments"] #provider-finance-form {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
  max-height: calc(100dvh - 138px) !important;
  overflow: auto !important;
  padding-right: 2px !important;
}

body[data-active-view="investments"] #provider-finance-context,
body[data-active-view="investments"] #provider-finance-summary {
  grid-column: 1 / -1 !important;
}

body[data-active-view="investments"] #provider-finance-form > label {
  grid-column: span 3 !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(1),
body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(5) {
  grid-column: span 6 !important;
}

body[data-active-view="investments"] #provider-finance-form label > span {
  margin-bottom: 3px !important;
  font-size: 0.68rem !important;
}

body[data-active-view="investments"] #provider-finance-form input,
body[data-active-view="investments"] #provider-finance-form select,
body[data-active-view="investments"] #provider-finance-form .search-select-trigger {
  min-height: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  font-size: 0.8rem !important;
}

body[data-active-view="investments"] #provider-finance-context.detail-card {
  min-height: 0 !important;
  padding: 10px 12px !important;
}

body[data-active-view="investments"] #provider-finance-receipt-card {
  grid-column: 1 / span 7 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto minmax(0, auto) !important;
  align-items: center !important;
  gap: 3px 12px !important;
  min-height: 78px !important;
  padding: 10px 12px !important;
}

body[data-active-view="investments"] #provider-finance-receipt-card strong,
body[data-active-view="investments"] #provider-finance-receipt-card span {
  grid-column: 1 !important;
}

body[data-active-view="investments"] #provider-finance-receipt-card span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  font-size: 0.72rem !important;
  line-height: 1.15 !important;
}

body[data-active-view="investments"] #provider-finance-receipt-card .receipt-composer-actions {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

body[data-active-view="investments"] #provider-finance-form .form-actions {
  grid-column: 8 / -1 !important;
  align-self: end !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-finance-form {
    grid-template-columns: 1fr !important;
    max-height: none !important;
  }

  body[data-active-view="investments"] #provider-finance-receipt-card,
body[data-active-view="investments"] #provider-finance-form .form-actions {
    grid-column: 1 / -1 !important;
  }
}

/* Remesas Investments Responsive Preview v1.1b - EOF guard for laptop row placement. */
@media (min-width: 1181px) and (max-width: 1380px) {
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td {
    display: block !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(4) {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(5) {
    grid-column: 4 !important;
    grid-row: 2 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(6) {
    grid-column: 5 !important;
    grid-row: 1 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(7) {
    grid-column: 6 !important;
    grid-row: 1 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(8) {
    grid-column: 7 !important;
    grid-row: 1 / span 2 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(9) {
    grid-column: 5 / span 2 !important;
    grid-row: 2 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(10) {
    grid-column: 8 !important;
    grid-row: 1 / span 2 !important;
    justify-self: stretch !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td {
    display: block !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(1) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(3) {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(4) {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(5) {
    display: none !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(6) {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(7) {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(8) {
    grid-column: 2 !important;
    grid-row: 4 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(9) {
    grid-column: 1 !important;
    grid-row: 5 !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(10) {
    grid-column: 2 !important;
    grid-row: 5 !important;
  }
}

/* Remesas Investments Responsive Preview v1.1e - true EOF mobile alignment guard. */
@media (max-width: 700px) {
  #view-investments #investments-table.table-shell,
  #view-investments #investments-table.table-shell table,
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table),
  #view-investments #investments-table.table-shell tbody,
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row {
    grid-template-columns: minmax(0, 1fr) minmax(88px, 118px) !important;
    grid-template-areas:
      "provider capital"
      "account account"
      "amount usd"
      "available available"
      "actions actions" !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(7) {
    grid-area: available !important;
    justify-self: stretch !important;
    text-align: left !important;
    width: 100% !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(10) {
    grid-area: actions !important;
    justify-self: stretch !important;
    width: 100% !important;
  }
}

/* Remesas Investments Responsive Preview v1.1f - tablet card guard. */
@media (min-width: 701px) and (max-width: 900px) {
  #view-investments #investments-table.table-shell {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    overflow: hidden !important;
  }

  #view-investments #investments-table.table-shell table,
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #view-investments #investments-table.table-shell thead {
    display: none !important;
  }

  #view-investments #investments-table.table-shell tbody {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 9px !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row {
    display: grid !important;
    grid-template-columns: minmax(112px, 0.95fr) minmax(180px, 1.2fr) minmax(100px, 0.62fr) minmax(112px, 0.66fr) !important;
    grid-template-areas:
      "provider account amount usd"
      "provider account available capital"
      "support support actions actions" !important;
    gap: 8px 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td {
    display: block !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(1),
  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(5) {
    display: none !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(2) {
    grid-area: provider !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(3) {
    grid-area: account !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(4) {
    grid-area: amount !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(6) {
    grid-area: usd !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(7) {
    grid-area: available !important;
    justify-self: stretch !important;
    text-align: left !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(8) {
    grid-area: capital !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(9) {
    grid-area: support !important;
  }

  #view-investments #investments-table.table-shell table:not(.reference-matrix-table) tbody > tr.investment-row > td:nth-child(10) {
    grid-area: actions !important;
    justify-self: stretch !important;
    width: 100% !important;
  }

  #view-investments #investments-table.table-shell .row-main {
    font-size: 0.8rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-investments #investments-table.table-shell .row-sub {
    display: -webkit-box !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 0.66rem !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #view-investments #investments-table.table-shell .inline-button-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    width: 100% !important;
  }

  #view-investments #investments-table.table-shell .inline-button {
    min-height: 32px !important;
    padding: 4px 8px !important;
    font-size: 0.68rem !important;
    white-space: normal !important;
  }
}

/* Remesas Investments Responsive Preview v1.1g - provider history modal governance. */
body[data-active-view="investments"] #provider-history-modal .modal-card {
  display: flex !important;
  flex-direction: column !important;
  width: min(1260px, calc(100vw - 32px)) !important;
  height: min(92dvh, calc(100dvh - 28px)) !important;
  max-height: calc(100dvh - 28px) !important;
  padding: 16px !important;
  overflow: hidden !important;
}

body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head {
  flex: 0 0 auto !important;
  min-height: 92px !important;
  margin: -16px -16px 12px !important;
  padding: 18px 24px !important;
}

body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head h2 {
  font-size: clamp(1.28rem, 1.8vw, 1.72rem) !important;
  line-height: 1.06 !important;
}

body[data-active-view="investments"] #provider-history-summary {
  flex: 0 0 auto !important;
  max-height: 114px !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 2px 0 !important;
  overflow: hidden !important;
}

body[data-active-view="investments"] #provider-history-summary .provider-history-summary-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 10px !important;
}

body[data-active-view="investments"] #provider-history-summary .detail-card {
  min-height: 74px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

body[data-active-view="investments"] #provider-history-summary .detail-card strong,
body[data-active-view="investments"] #provider-history-summary .detail-card span {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
}

body[data-active-view="investments"] #provider-history-summary .detail-card strong {
  -webkit-line-clamp: 1 !important;
  font-size: 0.9rem !important;
  line-height: 1.08 !important;
}

body[data-active-view="investments"] #provider-history-summary .detail-card span {
  -webkit-line-clamp: 2 !important;
  margin-top: 5px !important;
  font-size: 0.72rem !important;
  line-height: 1.12 !important;
}

body[data-active-view="investments"] #provider-history-table {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  border-radius: 14px !important;
}

body[data-active-view="investments"] #provider-history-table table {
  min-width: 1020px !important;
}

@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-history-modal .modal-card {
    width: min(100vw, calc(100vw - 16px)) !important;
    height: min(94dvh, calc(100dvh - 12px)) !important;
    max-height: calc(100dvh - 12px) !important;
    padding: 14px !important;
  }

  body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head {
    min-height: 104px !important;
    margin: -14px -14px 12px !important;
    padding: 18px 22px !important;
  }

  body[data-active-view="investments"] #provider-history-summary {
    max-height: 90px !important;
    margin-bottom: 8px !important;
  }

  body[data-active-view="investments"] #provider-history-summary .provider-history-summary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-active-view="investments"] #provider-history-summary .detail-card {
    min-height: 72px !important;
  }
}

@media (max-width: 520px) {
  body[data-active-view="investments"] #provider-history-modal .modal-card {
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 16px 16px 0 0 !important;
  }

  body[data-active-view="investments"] #provider-history-summary {
    max-height: 78px !important;
  }

  body[data-active-view="investments"] #provider-history-table {
    border-radius: 12px !important;
  }
}

/* Remesas Investments Responsive Preview v1.1h - provider history mobile table fit. */
@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-history-table table,
  body[data-active-view="investments"] #provider-history-table table:not(.reference-matrix-table) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body[data-active-view="investments"] #provider-history-table thead {
    display: none !important;
  }

  body[data-active-view="investments"] #provider-history-table tbody {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  body[data-active-view="investments"] #provider-history-table table:not(.reference-matrix-table) tbody > tr {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 12px 14px !important;
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    background: rgba(15, 23, 42, 0.55) !important;
  }

  body[data-active-view="investments"] #provider-history-table table:not(.reference-matrix-table) tbody > tr > td {
    display: grid !important;
    grid-template-columns: minmax(86px, 98px) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--line) !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  body[data-active-view="investments"] #provider-history-table table:not(.reference-matrix-table) tbody > tr > td:last-child {
    border-bottom: 0 !important;
  }

  body[data-active-view="investments"] #provider-history-table table:not(.reference-matrix-table) tbody > tr > td::before {
    content: attr(data-label) !important;
    display: block !important;
    min-width: 0 !important;
    color: var(--accent) !important;
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  body[data-active-view="investments"] #provider-history-table .row-main,
  body[data-active-view="investments"] #provider-history-table .row-sub {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body[data-active-view="investments"] #provider-history-table .row-main {
    font-size: 0.86rem !important;
    line-height: 1.14 !important;
  }

  body[data-active-view="investments"] #provider-history-table .row-sub {
    margin-top: 3px !important;
    font-size: 0.74rem !important;
    line-height: 1.14 !important;
  }

  body[data-active-view="investments"] #provider-history-table .status-chip {
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }
}

@media (max-width: 520px) {
  body[data-active-view="investments"] #provider-history-table tbody {
    padding: 6px !important;
  }

  body[data-active-view="investments"] #provider-history-table table:not(.reference-matrix-table) tbody > tr {
    padding: 10px 12px !important;
  }

  body[data-active-view="investments"] #provider-history-table table:not(.reference-matrix-table) tbody > tr > td {
    grid-template-columns: minmax(78px, 88px) minmax(0, 1fr) !important;
    gap: 7px !important;
  }
}

/* Remesas Investments Responsive Preview v1.1i - provider history cell value column. */
@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-history-table table:not(.reference-matrix-table) tbody > tr > td > * {
    grid-column: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Remesas Investments Responsive Preview v1.2 - compact provider registration modal. */
#provider-finance-modal.modal-backdrop {
  align-items: center !important;
  padding: clamp(10px, 2dvh, 18px) !important;
}

#provider-finance-modal .modal-card.wide {
  width: min(1360px, calc(100vw - 28px)) !important;
  max-height: calc(100dvh - 24px) !important;
  min-height: 0 !important;
  padding: 14px 16px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#provider-finance-modal .modal-card > .panel-head {
  min-height: 70px !important;
  margin: 0 0 10px !important;
  padding: 9px 10px 12px !important;
  align-items: center !important;
  border-bottom: 1px solid var(--line) !important;
}

#provider-finance-modal .modal-card > .panel-head .eyebrow {
  margin: 0 0 5px !important;
  font-size: 0.62rem !important;
  line-height: 1.05 !important;
}

#provider-finance-modal .modal-card > .panel-head h2 {
  max-width: min(980px, calc(100vw - 210px)) !important;
  margin: 0 !important;
  font-size: clamp(1.05rem, 1.45vw, 1.42rem) !important;
  line-height: 1.12 !important;
}

#provider-finance-modal #close-provider-finance {
  min-height: 38px !important;
  padding: 8px 18px !important;
  font-size: 0.86rem !important;
}

#provider-finance-form {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
  max-height: calc(100dvh - 112px) !important;
  overflow: auto !important;
  padding: 0 3px 4px 0 !important;
}

#provider-finance-context.detail-card.full-span {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  padding: 7px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border-radius: 12px !important;
}

#provider-finance-context.detail-card.full-span strong {
  flex: 0 0 auto !important;
  font-size: 0.64rem !important;
  line-height: 1 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: var(--accent) !important;
}

#provider-finance-context.detail-card.full-span span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.76rem !important;
  line-height: 1.12 !important;
}

#provider-finance-form > label {
  grid-column: span 3 !important;
  min-width: 0 !important;
}

#provider-finance-form > label:nth-of-type(1) {
  grid-column: span 6 !important;
}

#provider-finance-form > label:nth-of-type(5) {
  grid-column: span 9 !important;
}

#provider-finance-form label > span {
  margin-bottom: 3px !important;
  font-size: 0.66rem !important;
  line-height: 1.05 !important;
}

#provider-finance-form input,
#provider-finance-form select,
#provider-finance-form .search-select-trigger {
  min-height: 34px !important;
  height: 34px !important;
  border-radius: 12px !important;
  font-size: 0.78rem !important;
}

#provider-finance-receipt-card.provider-finance-receipt-card {
  grid-column: 1 / span 5 !important;
  min-height: 70px !important;
  padding: 9px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: 6px 10px !important;
  border-style: dashed !important;
}

#provider-finance-receipt-card .provider-finance-receipt-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

#provider-finance-receipt-card.provider-finance-receipt-card strong {
  font-size: 0.86rem !important;
  line-height: 1.1 !important;
}

#provider-finance-receipt-card.provider-finance-receipt-card span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  font-size: 0.7rem !important;
  line-height: 1.15 !important;
}

#provider-finance-receipt-card .receipt-composer-actions {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

#provider-finance-receipt-card .receipt-composer-actions .ghost-button,
#provider-finance-receipt-card .receipt-file-trigger {
  min-height: 32px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  font-size: 0.76rem !important;
}

#provider-finance-receipt-preview.receipt-paste-preview {
  grid-column: 1 / -1 !important;
  max-height: 72px !important;
  margin-top: 2px !important;
  overflow: hidden !important;
}

#provider-finance-summary.detail-stack.full-span {
  grid-column: 6 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  max-height: 126px !important;
  min-height: 70px !important;
  overflow: auto !important;
}

#provider-finance-summary.detail-stack.full-span .detail-card {
  min-height: 54px !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
}

#provider-finance-summary.detail-stack.full-span .detail-card strong {
  font-size: 0.7rem !important;
  line-height: 1.05 !important;
}

#provider-finance-summary.detail-stack.full-span .detail-card span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  margin-top: 3px !important;
  font-size: 0.68rem !important;
  line-height: 1.14 !important;
}

#provider-finance-form .form-actions.full-span {
  grid-column: 1 / -1 !important;
  position: sticky !important;
  bottom: 0 !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 8px 0 0 !important;
  justify-content: flex-end !important;
  border: 0 !important;
  background: linear-gradient(180deg, rgba(12, 18, 30, 0), var(--panel) 45%) !important;
}

#provider-finance-form .form-actions.full-span .primary-button,
#provider-finance-form .form-actions.full-span .ghost-button {
  min-height: 38px !important;
  padding: 8px 18px !important;
  font-size: 0.84rem !important;
}

:root[data-theme="light"] #provider-finance-modal .modal-card.wide {
  background: #fbfaf7 !important;
}

:root[data-theme="light"] #provider-finance-modal .modal-card > .panel-head {
  background: linear-gradient(180deg, rgba(246, 239, 228, 0.96), rgba(240, 231, 217, 0.9)) !important;
}

:root[data-theme="light"] #provider-finance-context.detail-card.full-span,
:root[data-theme="light"] #provider-finance-receipt-card.provider-finance-receipt-card,
:root[data-theme="light"] #provider-finance-summary.detail-stack.full-span .detail-card {
  background: rgba(255, 253, 249, 0.96) !important;
  border-color: rgba(183, 150, 103, 0.26) !important;
}

:root[data-theme="light"] #provider-finance-form .form-actions.full-span {
  background: linear-gradient(180deg, rgba(251, 250, 247, 0), #fbfaf7 45%) !important;
}

@media (max-width: 1180px) {
  #provider-finance-form > label:nth-of-type(1) {
    grid-column: span 5 !important;
  }

  #provider-finance-form > label:nth-of-type(2),
  #provider-finance-form > label:nth-of-type(3),
  #provider-finance-form > label:nth-of-type(4) {
    grid-column: span 2 !important;
  }

  #provider-finance-form > label:nth-of-type(5) {
    grid-column: 1 / -1 !important;
  }

  #provider-finance-summary.detail-stack.full-span {
    max-height: 112px !important;
  }
}

@media (max-width: 900px) {
  #provider-finance-modal.modal-backdrop {
    align-items: stretch !important;
    padding: 0 !important;
  }

  #provider-finance-modal .modal-card.wide {
    width: 100vw !important;
    max-height: 100dvh !important;
    height: 100dvh !important;
    border-radius: 16px 16px 0 0 !important;
  }

  #provider-finance-modal .modal-card > .panel-head h2 {
    max-width: calc(100vw - 148px) !important;
    font-size: 1.02rem !important;
  }

  #provider-finance-form {
    grid-template-columns: 1fr !important;
    max-height: none !important;
  }

  #provider-finance-form > label,
  #provider-finance-form > label:nth-of-type(1),
  #provider-finance-form > label:nth-of-type(2),
  #provider-finance-form > label:nth-of-type(3),
  #provider-finance-form > label:nth-of-type(4),
  #provider-finance-form > label:nth-of-type(5),
  #provider-finance-context.detail-card.full-span,
  #provider-finance-receipt-card.provider-finance-receipt-card,
  #provider-finance-summary.detail-stack.full-span,
  #provider-finance-form .form-actions.full-span {
    grid-column: 1 / -1 !important;
  }

  #provider-finance-context.detail-card.full-span {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  #provider-finance-context.detail-card.full-span span {
    white-space: normal !important;
  }

  #provider-finance-receipt-card.provider-finance-receipt-card {
    grid-template-columns: 1fr !important;
  }

  #provider-finance-receipt-card .receipt-composer-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  #provider-finance-summary.detail-stack.full-span {
    grid-template-columns: 1fr !important;
    max-height: none !important;
  }
}

/* Remesas Investments Responsive Preview v1.2b - override older scoped receipt placement. */
body[data-active-view="investments"] #provider-finance-receipt-card.provider-finance-receipt-card,
#provider-finance-modal #provider-finance-receipt-card.provider-finance-receipt-card {
  grid-column: 1 / span 5 !important;
  min-height: 70px !important;
  padding: 9px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: 6px 10px !important;
}

body[data-active-view="investments"] #provider-finance-summary.detail-stack.full-span,
#provider-finance-modal #provider-finance-summary.detail-stack.full-span {
  grid-column: 6 / -1 !important;
  align-self: stretch !important;
}

body[data-active-view="investments"] #provider-finance-form .form-actions.full-span,
#provider-finance-modal #provider-finance-form .form-actions.full-span {
  grid-column: 1 / -1 !important;
}

@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-finance-summary.detail-stack.full-span,
#provider-finance-modal #provider-finance-receipt-card.provider-finance-receipt-card,
#provider-finance-modal #provider-finance-summary.detail-stack.full-span {
    grid-column: 1 / -1 !important;
  }
}

/* Remesas Investments Responsive Preview v1.2c - mobile context clamp. */
@media (max-width: 520px) {
  #provider-finance-modal .modal-card > .panel-head {
    min-height: 96px !important;
    padding: 12px 12px 14px !important;
  }

  #provider-finance-modal .modal-card > .panel-head h2 {
    max-width: 100% !important;
    padding-right: 0 !important;
    font-size: 0.98rem !important;
  }

  #provider-finance-modal #close-provider-finance {
    align-self: flex-end !important;
    min-height: 36px !important;
    padding: 8px 16px !important;
  }

  #provider-finance-context.detail-card.full-span,
  body[data-active-view="investments"] #provider-finance-context.detail-card.full-span {
    display: grid !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
    gap: 6px !important;
    align-items: start !important;
  }

  #provider-finance-context.detail-card.full-span strong,
  body[data-active-view="investments"] #provider-finance-context.detail-card.full-span strong {
    font-size: 0.6rem !important;
    line-height: 1 !important;
  }

  #provider-finance-context.detail-card.full-span span,
  body[data-active-view="investments"] #provider-finance-context.detail-card.full-span span {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    overflow: hidden !important;
    font-size: 0.68rem !important;
    line-height: 1.15 !important;
  }
}

/* Remesas Investments Responsive Preview v1.3 - remove tutorial chrome and tame actions column. */
body[data-active-view="investments"] #investment-create-modal .modal-card {
  width: min(560px, calc(100vw - 28px)) !important;
  padding: 14px 16px !important;
}

body[data-active-view="investments"] #investment-create-modal .panel-head {
  min-height: 58px !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
}

body[data-active-view="investments"] #investment-create-modal label.full-span {
  display: grid !important;
  gap: 5px !important;
}

body[data-active-view="investments"] #investment-create-modal .search-select-trigger,
body[data-active-view="investments"] #investment-create-modal select {
  min-height: 40px !important;
}

body[data-active-view="investments"] #investment-create-modal .form-actions {
  margin-top: 10px !important;
  padding-top: 10px !important;
}

#provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-context,
#provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-summary {
  display: none !important;
}

#provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form {
  max-height: calc(100dvh - 102px) !important;
}

#provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-receipt-card.provider-finance-receipt-card {
  grid-column: 1 / span 5 !important;
}

#provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .form-actions.full-span {
  grid-column: 6 / -1 !important;
  position: static !important;
  align-self: center !important;
  padding: 0 !important;
  background: transparent !important;
}

@media (min-width: 1181px) and (max-width: 1540px) {
  #view-investments #investments-table.table-shell th:nth-child(10),
  #view-investments #investments-table.table-shell td:nth-child(10) {
    position: static !important;
    right: auto !important;
    z-index: auto !important;
    width: 98px !important;
    box-shadow: none !important;
  }

  #view-investments #investments-table.table-shell th:nth-child(10) {
    text-align: center !important;
  }

  #view-investments #investments-table.table-shell td:nth-child(10) {
    background: transparent !important;
  }

  #view-investments #investments-table.table-shell td:nth-child(10) .inline-button-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    width: 100% !important;
  }

  #view-investments #investments-table.table-shell td:nth-child(10) .inline-button {
    min-height: 26px !important;
    padding: 4px 6px !important;
    border-radius: 9px !important;
    font-size: 0.64rem !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    background: rgba(148, 163, 184, 0.08) !important;
    box-shadow: none !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell td:nth-child(10) .inline-button {
    background: rgba(15, 23, 42, 0.035) !important;
  }
}

@media (max-width: 900px) {
  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-receipt-card.provider-finance-receipt-card,
  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .form-actions.full-span {
    grid-column: 1 / -1 !important;
  }
}

/* Remesas Investments Responsive Preview v1.4 - align actions head and widen investment register. */
@media (min-width: 1181px) and (max-width: 1540px) {
  #view-investments #investments-table.table-shell th:nth-child(10) {
    background: var(--table-head-bg) !important;
    color: var(--table-head-text) !important;
    border-bottom-color: rgba(102, 84, 58, 0.18) !important;
  }

  :root[data-theme="light"] #view-investments #investments-table.table-shell th:nth-child(10) {
    background: #eaf3fb !important;
  }

  :root[data-theme="dark"] #view-investments #investments-table.table-shell th:nth-child(10) {
    background: #101923 !important;
  }
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] .modal-card.wide {
  width: min(1540px, calc(100vw - 28px)) !important;
}

@media (min-width: 1181px) {
  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form {
    grid-template-columns: repeat(24, minmax(0, 1fr)) !important;
    gap: 9px 12px !important;
    max-height: calc(100dvh - 112px) !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label {
    grid-column: span 4 !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(1) {
    grid-column: 1 / span 10 !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(2) {
    grid-column: 11 / span 3 !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(3) {
    grid-column: 14 / span 5 !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(4) {
    grid-column: 19 / -1 !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(5) {
    grid-column: 1 / span 11 !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-receipt-card.provider-finance-receipt-card {
    grid-column: 12 / span 7 !important;
    min-height: 86px !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .form-actions.full-span {
    grid-column: 19 / -1 !important;
    align-self: end !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form input,
  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form select,
  #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .search-select-trigger {
    min-height: 38px !important;
    height: 38px !important;
    font-size: 0.82rem !important;
  }
}

/* Remesas Investments Responsive Preview v1.5 - governed modal size and solid title bars. */
#view-investments #investments-table.table-shell thead tr,
#view-investments #investments-table.table-shell thead th {
  background: #eaf3fb !important;
  background-image: none !important;
  box-shadow: none !important;
}

#view-investments #investments-table.table-shell thead th {
  border-right: 0 !important;
}

body[data-active-view="investments"] #provider-finance-modal.modal-backdrop {
  align-items: center !important;
  overflow: auto !important;
  padding: 22px !important;
}

body[data-active-view="investments"] #provider-finance-modal .modal-card.wide {
  width: min(1520px, calc(100vw - 44px)) !important;
  min-height: min(620px, calc(100dvh - 44px)) !important;
  max-height: calc(100dvh - 44px) !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
}

body[data-active-view="investments"] #provider-finance-modal .modal-card > .panel-head {
  min-height: 118px !important;
  margin: 0 !important;
  padding: 22px 30px !important;
  border-radius: 18px 18px 0 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
  background: #111b27 !important;
  align-items: center !important;
}

:root[data-theme="light"] body[data-active-view="investments"] #provider-finance-modal .modal-card > .panel-head {
  background: #eaf3fb !important;
  border-bottom-color: rgba(111, 91, 60, 0.18) !important;
}

body[data-active-view="investments"] #provider-finance-modal .modal-card > .panel-head .eyebrow {
  margin: 0 0 10px !important;
  font-size: 0.7rem !important;
  line-height: 1 !important;
}

body[data-active-view="investments"] #provider-finance-modal .modal-card > .panel-head h2 {
  max-width: min(1040px, calc(100vw - 240px)) !important;
  font-size: clamp(1.34rem, 1.6vw, 1.82rem) !important;
  line-height: 1.14 !important;
}

body[data-active-view="investments"] #provider-finance-modal #close-provider-finance {
  min-height: 48px !important;
  padding: 10px 24px !important;
  border-radius: 999px !important;
  font-size: 0.98rem !important;
}

body[data-active-view="investments"] #provider-finance-context,
body[data-active-view="investments"] #provider-finance-summary {
  display: none !important;
}

body[data-active-view="investments"] #provider-finance-form {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  grid-template-columns: repeat(30, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 16px 14px !important;
  padding: 24px 30px 30px !important;
}

body[data-active-view="investments"] #provider-finance-form > label {
  min-width: 0 !important;
  gap: 7px !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(1) {
  grid-column: 1 / span 14 !important;
  z-index: 10 !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(2) {
  grid-column: 15 / span 3 !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(3) {
  grid-column: 18 / span 5 !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(4) {
  grid-column: 23 / -1 !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(5) {
  grid-column: 1 / span 12 !important;
}

body[data-active-view="investments"] #provider-finance-form label > span {
  margin-bottom: 0 !important;
  font-size: 0.78rem !important;
  line-height: 1.15 !important;
}

body[data-active-view="investments"] #provider-finance-form input,
body[data-active-view="investments"] #provider-finance-form select,
body[data-active-view="investments"] #provider-finance-form .search-select-trigger {
  min-height: 50px !important;
  height: 50px !important;
  border-radius: 14px !important;
  font-size: 0.92rem !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(1) .search-select.open {
  z-index: 1000 !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(1) .search-select-panel {
  width: min(760px, calc(100vw - 92px)) !important;
  max-height: min(380px, calc(100dvh - 300px)) !important;
  overflow: hidden !important;
  z-index: 1001 !important;
}

body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(1) .search-select-list {
  max-height: min(280px, calc(100dvh - 410px)) !important;
  overflow: auto !important;
}

body[data-active-view="investments"] #provider-finance-receipt-card.provider-finance-receipt-card {
  grid-column: 13 / span 8 !important;
  min-height: 118px !important;
  padding: 16px 18px !important;
  align-self: stretch !important;
  gap: 10px 14px !important;
}

body[data-active-view="investments"] #provider-finance-receipt-card.provider-finance-receipt-card strong {
  font-size: 1rem !important;
}

body[data-active-view="investments"] #provider-finance-receipt-card.provider-finance-receipt-card span {
  font-size: 0.82rem !important;
  line-height: 1.22 !important;
}

body[data-active-view="investments"] #provider-finance-receipt-card .receipt-composer-actions .ghost-button,
body[data-active-view="investments"] #provider-finance-receipt-card .receipt-file-trigger {
  min-height: 42px !important;
  padding: 9px 18px !important;
  font-size: 0.9rem !important;
}

body[data-active-view="investments"] #provider-finance-form .form-actions.full-span {
  grid-column: 21 / -1 !important;
  position: static !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-active-view="investments"] #provider-finance-form .form-actions.full-span .primary-button,
body[data-active-view="investments"] #provider-finance-form .form-actions.full-span .ghost-button {
  width: 100% !important;
  min-height: 50px !important;
  padding: 10px 20px !important;
  font-size: 0.95rem !important;
}

@media (min-width: 1181px) and (max-width: 1366px) {
  body[data-active-view="investments"] #provider-finance-modal .modal-card.wide {
    width: calc(100vw - 32px) !important;
    min-height: min(600px, calc(100dvh - 32px)) !important;
    max-height: calc(100dvh - 32px) !important;
  }

  body[data-active-view="investments"] #provider-finance-modal.modal-backdrop {
    padding: 16px !important;
  }

  body[data-active-view="investments"] #provider-finance-form {
    gap: 14px 12px !important;
    padding: 22px 24px 26px !important;
  }
}

@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-finance-modal.modal-backdrop {
    align-items: stretch !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body[data-active-view="investments"] #provider-finance-modal .modal-card.wide {
    width: 100vw !important;
    min-height: 100dvh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: auto !important;
    border-radius: 16px 16px 0 0 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal .modal-card > .panel-head {
    min-height: 132px !important;
    padding: 18px 18px !important;
  }

  body[data-active-view="investments"] #provider-finance-modal .modal-card > .panel-head h2 {
    max-width: 100% !important;
    font-size: 1.18rem !important;
  }

  body[data-active-view="investments"] #provider-finance-form {
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    padding: 18px 18px 26px !important;
    gap: 12px !important;
  }

  body[data-active-view="investments"] #provider-finance-form > label,
  body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(1),
  body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(2),
  body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(3),
  body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(4),
  body[data-active-view="investments"] #provider-finance-form > label:nth-of-type(5),
  body[data-active-view="investments"] #provider-finance-receipt-card.provider-finance-receipt-card,
  body[data-active-view="investments"] #provider-finance-form .form-actions.full-span {
    grid-column: 1 / -1 !important;
  }

  body[data-active-view="investments"] #provider-finance-form .form-actions.full-span {
    flex-direction: column !important;
  }
}

/* Remesas Investments Responsive Preview v1.6 - modal centering and final table head polish. */
body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"].modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: auto !important;
  padding: 22px !important;
}

body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] .modal-card.wide {
  margin: auto !important;
  transform: none !important;
  width: min(1480px, calc(100vw - 64px)) !important;
  max-width: calc(100vw - 64px) !important;
}

@media (min-width: 1181px) and (max-width: 1366px) {
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"].modal-backdrop {
    padding: 18px 24px !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] .modal-card.wide {
    width: min(1296px, calc(100vw - 48px)) !important;
    max-width: calc(100vw - 48px) !important;
  }
}

@media (min-width: 901px) {
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(1) {
    grid-column: 1 / span 13 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(2) {
    grid-column: 14 / span 4 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(3) {
    grid-column: 18 / span 5 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(4) {
    grid-column: 23 / -1 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form > label:nth-of-type(5) {
    grid-column: 1 / span 13 !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-receipt-card.provider-finance-receipt-card {
    grid-column: 1 / span 13 !important;
    min-height: 112px !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .form-actions.full-span {
    grid-column: 23 / -1 !important;
    align-self: start !important;
    margin-top: 22px !important;
  }
}

#view-investments #investments-table.table-shell {
  border-radius: 16px !important;
}

#view-investments #investments-table.table-shell table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#view-investments #investments-table.table-shell thead,
#view-investments #investments-table.table-shell thead tr {
  background: #eaf3fb !important;
  background-image: none !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

#view-investments #investments-table.table-shell thead th {
  height: 46px !important;
  vertical-align: middle !important;
  background: #eaf3fb !important;
  background-image: none !important;
  box-shadow: none !important;
  border-right: 0 !important;
}

#view-investments #investments-table.table-shell thead th:first-child {
  border-top-left-radius: 14px !important;
  border-bottom-left-radius: 14px !important;
  box-shadow: -18px 0 0 #eaf3fb !important;
}

#view-investments #investments-table.table-shell thead th:last-child {
  border-top-right-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
  box-shadow: 28px 0 0 #eaf3fb !important;
}

#view-investments #investments-table.table-shell thead th:nth-child(10) {
  text-align: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

:root[data-theme="dark"] #view-investments #investments-table.table-shell thead,
:root[data-theme="dark"] #view-investments #investments-table.table-shell thead tr,
:root[data-theme="dark"] #view-investments #investments-table.table-shell thead th {
  background: #101923 !important;
  background-image: none !important;
}

:root[data-theme="dark"] #view-investments #investments-table.table-shell thead th:first-child {
  box-shadow: -18px 0 0 #101923 !important;
}

:root[data-theme="dark"] #view-investments #investments-table.table-shell thead th:last-child {
  box-shadow: 28px 0 0 #101923 !important;
}

@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"].modal-backdrop {
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] .modal-card.wide {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
  }
}

/* Remesas Investments Responsive Preview v1.7 - history search and final header details. */
body[data-active-view="investments"] #provider-history-modal .modal-card {
  width: min(1320px, calc(100vw - 32px)) !important;
  padding: 14px !important;
}

body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head {
  min-height: 76px !important;
  margin: -14px -14px 10px !important;
  padding: 14px 22px !important;
}

body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head .eyebrow {
  margin: 0 0 8px !important;
  font-size: 0.68rem !important;
}

body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head h2 {
  font-size: clamp(1.12rem, 1.42vw, 1.42rem) !important;
  line-height: 1.08 !important;
}

body[data-active-view="investments"] #provider-history-modal #close-provider-history {
  min-height: 42px !important;
  padding: 8px 20px !important;
  font-size: 0.92rem !important;
}

body[data-active-view="investments"] #provider-history-modal .provider-history-toolbar {
  flex: 0 0 auto !important;
  margin: 0 0 10px !important;
}

body[data-active-view="investments"] #provider-history-modal .provider-history-toolbar label {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 12px !important;
  background: rgba(15, 23, 42, 0.18) !important;
}

body[data-active-view="investments"] #provider-history-modal .provider-history-toolbar span {
  color: var(--text-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
}

body[data-active-view="investments"] #provider-history-modal .provider-history-toolbar input {
  width: 100% !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 6px 12px !important;
  border-radius: 10px !important;
  font-size: 0.84rem !important;
}

:root[data-theme="light"] body[data-active-view="investments"] #provider-history-modal .provider-history-toolbar label {
  background: rgba(232, 238, 245, 0.86) !important;
  border-color: rgba(111, 91, 60, 0.16) !important;
}

body[data-active-view="investments"] #provider-history-summary {
  max-height: 94px !important;
  margin-bottom: 8px !important;
}

body[data-active-view="investments"] #provider-history-summary .detail-card {
  min-height: 62px !important;
  padding: 8px 12px !important;
}

body[data-active-view="investments"] #provider-history-table tr.provider-history-row-hidden {
  display: none !important;
}

#view-investments #investments-table.table-shell .table-sort-indicator {
  display: none !important;
}

#view-investments #investments-table.table-shell thead th:nth-child(10) {
  line-height: 46px !important;
  transform: translateY(1px) !important;
}

@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-history-modal .modal-card {
    width: 100vw !important;
    padding: 12px !important;
  }

  body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head {
    margin: -12px -12px 10px !important;
    padding: 14px 16px !important;
  }

  body[data-active-view="investments"] #provider-history-modal .provider-history-toolbar label {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
}

/* Remesas Investments Responsive Preview v1.7d - compact provider history title band. */
body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 0 !important;
  height: 76px !important;
  max-height: 76px !important;
  margin: -14px -14px 10px !important;
  padding: 10px 22px !important;
}

body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head > div {
  display: grid !important;
  gap: 5px !important;
}

body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head .eyebrow,
body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head h2 {
  margin: 0 !important;
}

body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head h2 {
  font-size: clamp(1.05rem, 1.2vw, 1.26rem) !important;
  line-height: 1.08 !important;
}

@media (max-width: 900px) {
  body[data-active-view="investments"] #provider-history-modal .modal-card > .panel-head {
    height: 68px !important;
    max-height: 68px !important;
    padding: 8px 16px !important;
  }
}

/* Remesas Investments Responsive Preview v1.7e - provider history financial density. */
body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell {
  font-size: 0.86rem !important;
}

body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell th {
  height: 42px !important;
  padding: 8px 12px !important;
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
}

body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td {
  padding: 11px 12px !important;
  vertical-align: top !important;
}

body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell .row-main {
  font-size: 1rem !important;
  line-height: 1.18 !important;
}

body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell .row-sub {
  font-size: 0.78rem !important;
  line-height: 1.22 !important;
}

body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell th:nth-child(4),
body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(4),
body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell th:nth-child(5),
body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(5),
body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell th:nth-child(6),
body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(6) {
  min-width: 116px !important;
  white-space: nowrap !important;
}

body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(4) .row-main,
body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(5) .row-main,
body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(6) .row-main {
  font-size: 0.94rem !important;
  white-space: nowrap !important;
}

body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(7) .row-main {
  font-size: 0.94rem !important;
}

@media (max-width: 1380px) {
  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell th,
  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell .row-main {
    font-size: 0.94rem !important;
  }

  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell th:nth-child(4),
  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(4),
  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell th:nth-child(5),
  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(5),
  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell th:nth-child(6),
  body[data-active-view="investments"] #provider-history-modal #provider-history-table.table-shell td:nth-child(6) {
    min-width: 104px !important;
  }
}

/* Remesas UI Foundation Preview - desktop financial control height. */
@media (min-width: 1360px) {
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form input,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form select,
  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form .search-select-trigger,
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form input,
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form select,
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form .search-select-trigger {
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 16px !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
  }

  #receivable-payment-modal .receivable-payment-mode #receivable-payment-form textarea,
  body[data-active-view="investments"] #provider-finance-modal[data-provider-finance-mode="INGRESO_INVERSION"] #provider-finance-form textarea {
    min-height: 52px !important;
    padding: 14px 16px !important;
    font-size: 0.95rem !important;
    line-height: 1.25 !important;
  }
}

/* Production preservation - corredor Colombia/Venezuela commercial equivalence. */
#corridor-windows-modal .corridor-rate-base-inputs {
  grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) minmax(112px, 0.42fr);
  gap: 10px;
}

#corridor-windows-modal .corridor-rate-base-inputs:not(.has-commercial-equivalence) {
  grid-template-columns: minmax(220px, 1fr) minmax(112px, 0.42fr);
}

#corridor-windows-modal .corridor-rate-base-field span {
  min-height: 18px;
}

#corridor-windows-modal .corridor-rate-equivalence-field input {
  border-color: rgba(87, 211, 184, 0.34);
  box-shadow: inset 0 0 0 1px rgba(87, 211, 184, 0.08);
}

@media (max-width: 880px) {
  #corridor-windows-modal .corridor-rate-base-inputs,
  #corridor-windows-modal .corridor-rate-base-inputs:not(.has-commercial-equivalence) {
    grid-template-columns: minmax(180px, 1fr) minmax(108px, 0.45fr);
  }

  #corridor-windows-modal .corridor-rate-base-inputs.has-commercial-equivalence {
    grid-template-columns: minmax(170px, 1fr) minmax(170px, 1fr) minmax(96px, 0.38fr);
  }
}

@media (max-width: 620px) {
  #corridor-windows-modal .corridor-rate-base-inputs,
  #corridor-windows-modal .corridor-rate-base-inputs.has-commercial-equivalence,
  #corridor-windows-modal .corridor-rate-base-inputs:not(.has-commercial-equivalence) {
    grid-template-columns: 1fr;
  }
}
/* Remesas UI Foundation v1 - Centro de carga pilot
   Alcance: dashboard de carga y formulario Nueva remesa. CSS-only preview. */
#view-dashboard.active .kpi-grid {
  gap: clamp(10px, 1.1vw, 16px);
}

body:has(#view-dashboard.active) #view-title {
  font-size: clamp(2rem, 2.55vw, 2.9rem);
  line-height: 1.05;
}

@media (min-width: 768px) and (max-width: 1366px) {
  body:has(#view-dashboard.active) #view-title {
    font-size: clamp(1.78rem, 2.35vw, 2.18rem);
  }
}

#view-dashboard.active .kpi-card {
  min-height: clamp(84px, 8vh, 108px);
  padding: clamp(12px, 1.25vw, 18px);
  border-radius: 16px;
}

#view-dashboard.active .toolbar.filters {
  align-items: end;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
}

#view-dashboard.active .toolbar.filters input,
#view-dashboard.active .toolbar.filters select {
  min-height: 46px;
}

body:has(#view-remittance-intake.active) .app-content {
  padding-bottom: 18px;
}

#view-remittance-intake.active.remittance-intake-page {
  padding-bottom: 16px;
}

#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card {
  min-height: auto;
  padding: 0 clamp(14px, 1.6vw, 24px) 16px;
  border-radius: 18px;
}

#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card > .panel-head {
  min-height: 64px;
  margin: 0 calc(clamp(14px, 1.6vw, 24px) * -1);
  padding: 10px clamp(14px, 1.6vw, 24px);
  border-radius: 18px 18px 0 0;
}

#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card > .panel-head h2 {
  font-size: clamp(1.04rem, 1.05vw, 1.28rem);
  line-height: 1.12;
}

#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card > .panel-head .eyebrow {
  margin-bottom: 2px;
  font-size: 0.62rem;
}

#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card > .panel-head .ghost-button {
  min-height: 40px;
  padding: 8px 18px;
}

#view-remittance-intake.active .remittance-step-nav {
  top: 64px;
  gap: 6px;
  margin: 0 calc(clamp(14px, 1.6vw, 24px) * -1) 8px;
  padding: 7px clamp(14px, 1.6vw, 24px);
}

#view-remittance-intake.active .remittance-step-nav a {
  min-height: 32px;
  padding: 6px 8px;
  font-size: 0.76rem;
}

#view-remittance-intake.active .remittance-step-nav span {
  width: 23px;
  height: 20px;
  font-size: 0.66rem;
}

#view-remittance-intake.active #remittance-intake-form.remittance-intake-form {
  gap: 12px;
  padding-bottom: 82px;
}

#view-remittance-intake.active .remittance-process-block {
  padding: clamp(12px, 1.35vw, 18px);
  border-radius: 18px;
}

#view-remittance-intake.active .remittance-process-head {
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#view-remittance-intake.active .remittance-process-head div {
  gap: 8px;
}

#view-remittance-intake.active .remittance-process-head strong {
  font-size: clamp(1rem, 0.75vw + 0.82rem, 1.22rem);
}

#view-remittance-intake.active .remittance-process-head small {
  max-width: 360px;
  font-size: 0.82rem;
  line-height: 1.28;
}

#view-remittance-intake.active .remittance-intake-section {
  scroll-margin-top: 112px;
  padding: 12px;
  border-radius: 14px;
}

#view-remittance-intake.active .remittance-intake-section .section-title {
  margin-bottom: 9px;
  align-items: center;
}

#view-remittance-intake.active .remittance-intake-section .section-title small {
  max-width: 380px;
  font-size: 0.8rem;
  line-height: 1.25;
}

#view-remittance-intake.active .remittance-client-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
}

#view-remittance-intake.active .remittance-client-row .search-select-trigger,
#view-remittance-intake.active .remittance-client-row .ghost-button {
  min-height: 48px;
}

#view-remittance-intake.active .remittance-client-row .search-select-trigger .search-select-option-label {
  font-size: clamp(0.95rem, 0.32vw + 0.88rem, 1.08rem);
}

#view-remittance-intake.active .remittance-support-grid,
#view-remittance-intake.active .remittance-quote-grid,
#view-remittance-intake.active .remittance-final-grid {
  gap: 10px;
}

#view-remittance-intake.active .remittance-support-grid input,
#view-remittance-intake.active .remittance-support-grid select,
#view-remittance-intake.active .remittance-quote-grid input,
#view-remittance-intake.active .remittance-quote-grid select,
#view-remittance-intake.active .remittance-final-grid input,
#view-remittance-intake.active .remittance-final-grid select,
#view-remittance-intake.active .remittance-beneficiary-section .search-select-trigger,
#view-remittance-intake.active .remittance-beneficiary-section select {
  min-height: 48px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer {
  gap: 9px;
  padding: 11px;
  border-radius: 14px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-head-row {
  align-items: center;
  gap: 10px;
  margin-bottom: 0;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-head {
  gap: 2px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-head strong {
  font-size: 0.98rem;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-head span,
#view-remittance-intake.active .remittance-transaction-block .receipt-composer-filehint,
#view-remittance-intake.active .remittance-transaction-block .receipt-ocr-panel span {
  font-size: 0.8rem;
  line-height: 1.22;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-grid {
  grid-template-columns: minmax(0, 1.45fr) minmax(250px, 0.55fr);
  gap: 10px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-drop,
#view-remittance-intake.active .remittance-transaction-block .receipt-composer-link-card {
  min-height: 94px;
  padding: 10px 12px;
  border-radius: 13px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-drop::after {
  inset: 7px;
  border-radius: 10px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-drop {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-actions {
  justify-content: flex-end;
  gap: 8px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer .ghost-button {
  min-height: 34px;
  padding: 7px 12px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-link-card {
  gap: 8px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-ocr-panel {
  min-height: 44px;
  padding: 8px 10px;
  border-radius: 12px;
}

#view-remittance-intake.active #remittance-intake-preview {
  padding: 12px 14px;
}

#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card .form-actions {
  bottom: 0;
  margin: 4px calc(clamp(14px, 1.6vw, 24px) * -1) -16px;
  padding: 10px clamp(14px, 1.6vw, 24px) 12px;
}

#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card .form-actions button {
  min-height: 44px;
}

@media (min-width: 1024px) {
  #view-remittance-intake.active .remittance-support-section .remittance-support-grid {
    grid-template-columns: minmax(280px, 1fr) minmax(250px, 0.65fr);
  }

  #view-remittance-intake.active .remittance-support-section .remittance-support-grid > label.full-span {
    grid-column: 1 / -1;
  }

  #view-remittance-intake.active .remittance-quote-section .remittance-quote-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  #view-remittance-intake.active .remittance-quote-section .remittance-origin-context {
    grid-column: span 2;
  }
}

@media (min-width: 768px) and (max-width: 1366px) {
  body:has(#view-remittance-intake.active) .page-header {
    margin-bottom: 14px;
    padding-bottom: 12px;
  }

  body:has(#view-remittance-intake.active) .page-header h1 {
    font-size: clamp(1.32rem, 1.5vw, 1.62rem);
  }

  body:has(#view-remittance-intake.active) .page-header .muted {
    font-size: 0.94rem;
  }

  #view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card {
    padding-bottom: 12px;
  }

  #view-remittance-intake.active #remittance-intake-form.remittance-intake-form {
    gap: 10px;
    padding-bottom: 76px;
  }

  #view-remittance-intake.active .remittance-process-block {
    padding: 12px;
  }

  #view-remittance-intake.active .remittance-process-head {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }

  #view-remittance-intake.active .remittance-intake-section {
    padding: 10px;
  }

  #view-remittance-intake.active .remittance-support-grid input,
  #view-remittance-intake.active .remittance-support-grid select,
  #view-remittance-intake.active .remittance-quote-grid input,
  #view-remittance-intake.active .remittance-quote-grid select,
  #view-remittance-intake.active .remittance-final-grid input,
  #view-remittance-intake.active .remittance-final-grid select {
    min-height: 44px;
  }

  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-drop,
  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-link-card {
    min-height: 82px;
  }

  #view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card .form-actions {
    margin-bottom: -12px;
  }
}

@media (max-width: 767px) {
  body:has(#view-remittance-intake.active) .page-header {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }

  #view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card {
    padding-inline: 10px;
    border-radius: 16px;
  }

  #view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card > .panel-head {
    margin-inline: -10px;
    padding: 10px;
    border-radius: 16px 16px 0 0;
  }

  #view-remittance-intake.active .remittance-step-nav {
    top: 60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: -10px;
    padding: 7px 10px;
  }

  #view-remittance-intake.active .remittance-step-nav a {
    min-height: 32px;
  }

  #view-remittance-intake.active .remittance-client-row,
  #view-remittance-intake.active .remittance-beneficiary-section {
    grid-template-columns: 1fr;
  }

  #view-remittance-intake.active .remittance-client-row .ghost-button,
  #view-remittance-intake.active .remittance-beneficiary-actions {
    width: 100%;
    justify-content: center;
  }

  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-head-row,
  #view-remittance-intake.active .remittance-intake-section .section-title,
  #view-remittance-intake.active .remittance-process-head {
    align-items: flex-start;
  }

  #view-remittance-intake.active .remittance-intake-section .section-title,
  #view-remittance-intake.active .remittance-process-head {
    flex-direction: column;
  }

  #view-remittance-intake.active .remittance-intake-section .section-title small,
  #view-remittance-intake.active .remittance-process-head small {
    max-width: none;
    text-align: left;
  }

  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-drop {
    grid-template-columns: 1fr;
  }

  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-actions {
    justify-content: flex-start;
  }

  #view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card .form-actions {
    margin-inline: -10px;
    flex-direction: column;
  }
}

/* Centro de carga v1-a3: avoid sticky actions covering receipt evidence. */
#view-remittance-intake.active #remittance-intake-form.remittance-intake-form {
  padding-bottom: 0;
}

#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card .form-actions,
#view-remittance-intake.active #remittance-intake-modal.remittance-intake-page-card .form-actions.full-span {
  position: static;
  z-index: 1;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid var(--neutral-06);
  background: transparent;
  backdrop-filter: none;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  align-items: stretch;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-drop,
#view-remittance-intake.active .remittance-transaction-block .receipt-composer-link-card {
  min-height: 76px;
  padding: 8px 10px;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-composer-link-card {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.48fr);
  align-items: end;
}

#view-remittance-intake.active .remittance-transaction-block .receipt-ocr-panel {
  min-height: 0;
  padding: 7px 8px;
}

@media (min-width: 768px) and (max-width: 1366px) {
  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-head-row {
    margin-bottom: -2px;
  }

  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  }
}

@media (max-width: 767px) {
  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-grid,
  #view-remittance-intake.active .remittance-transaction-block .receipt-composer-link-card {
    grid-template-columns: 1fr;
  }
}

/* Centro de carga v1-a6: expediente operativo compacto y sin repeticion visual. */
#remittance-detail-modal .remittance-detail-modal-card > .panel-head {
  min-height: 78px;
  margin-bottom: 10px;
  padding: 12px 28px;
  align-items: center;
  border-bottom: 1px solid var(--neutral-06);
}

#remittance-detail-modal .remittance-detail-modal-card > .panel-head .eyebrow {
  margin-bottom: 4px;
  font-size: 0.62rem;
  letter-spacing: 0.18em;
}

#remittance-detail-modal #remittance-detail-title {
  font-size: clamp(1.16rem, 1.05vw + 0.82rem, 1.55rem);
  line-height: 1.14;
  letter-spacing: 0;
}

#remittance-detail-modal .remittance-detail-body {
  padding: 0 8px 16px 0;
}

#remittance-detail-modal .remittance-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 104px;
  padding: 12px 0 14px;
}

#remittance-detail-modal .remittance-detail-hero .eyebrow {
  font-size: 0.62rem;
  letter-spacing: 0.18em;
}

#remittance-detail-modal .remittance-detail-hero h3 {
  margin: 4px 0;
  font-size: clamp(1.22rem, 1.25vw + 0.86rem, 1.78rem);
  line-height: 1.08;
}

#remittance-detail-modal .remittance-detail-hero p {
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.32;
}

#remittance-detail-modal .remittance-detail-statuses {
  align-content: center;
  align-items: center;
  max-width: 460px;
}

#remittance-detail-modal .remittance-detail-statuses .status-chip {
  min-height: 30px;
  padding: 5px 11px;
  font-size: 0.76rem;
}

#remittance-detail-modal .remittance-detail-kpis {
  gap: 10px;
  margin: 12px 0 14px;
}

#remittance-detail-modal .remittance-detail-fact {
  min-height: 76px;
  padding: 11px 14px;
  border-radius: 14px;
}

#remittance-detail-modal .remittance-detail-fact span {
  font-size: 0.82rem;
}

#remittance-detail-modal .remittance-detail-fact strong {
  font-size: clamp(0.96rem, 0.38vw + 0.86rem, 1.18rem);
  line-height: 1.22;
}

#remittance-detail-modal .remittance-detail-panel,
#remittance-detail-modal .remittance-evidence-card {
  border-radius: 14px;
}

@media (min-width: 768px) and (max-width: 1366px) {
  #remittance-detail-modal .remittance-detail-modal-card > .panel-head {
    min-height: 70px;
    padding: 10px 24px;
  }

  #remittance-detail-modal .remittance-detail-hero {
    min-height: 92px;
    padding: 10px 0 12px;
  }

  #remittance-detail-modal .remittance-detail-kpis {
    grid-template-columns: repeat(4, minmax(145px, 1fr));
  }

  #remittance-detail-modal .remittance-detail-fact {
    min-height: 68px;
  }
}

@media (max-width: 767px) {
  #remittance-detail-modal .remittance-detail-modal-card > .panel-head {
    margin: -16px -16px 10px;
    padding: 12px 16px;
  }

  #remittance-detail-modal .remittance-detail-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  #remittance-detail-modal .remittance-detail-statuses {
    max-width: none;
    justify-content: flex-start;
  }
}

/* Centro de carga v1-a7: header dossier con beneficiario, ruta y estados. */
#remittance-detail-modal .remittance-detail-head {
  display: grid;
  grid-template-columns: minmax(230px, 0.65fr) minmax(320px, 1fr) auto auto;
  gap: clamp(14px, 1.4vw, 28px);
  min-height: 112px;
  padding: 14px 26px;
}

#remittance-detail-modal .remittance-detail-head-identity,
#remittance-detail-modal .remittance-detail-head-route {
  min-width: 0;
}

#remittance-detail-modal .remittance-detail-head-route {
  display: grid;
  gap: 4px;
  align-content: center;
  padding: 0 10px;
  border-left: 1px solid rgba(148, 163, 184, 0.12);
}

#remittance-detail-modal .remittance-detail-head-route.hidden {
  display: none;
}

#remittance-detail-modal .remittance-detail-head-route strong {
  color: var(--text);
  font-size: clamp(1.12rem, 1.35vw + 0.78rem, 1.8rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

#remittance-detail-modal .remittance-detail-head-route span {
  color: var(--text-soft);
  font-size: clamp(0.88rem, 0.32vw + 0.78rem, 1rem);
  line-height: 1.28;
}

#remittance-detail-modal .remittance-detail-head-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  min-width: min(360px, 28vw);
}

#remittance-detail-modal .remittance-detail-head-statuses:empty {
  display: none;
}

#remittance-detail-modal .remittance-detail-head-statuses .status-chip {
  min-height: 30px;
  padding: 5px 11px;
  font-size: 0.76rem;
}

#remittance-detail-modal .remittance-detail-kpis {
  margin-top: 2px;
}

@media (min-width: 768px) and (max-width: 1366px) {
  #remittance-detail-modal .remittance-detail-head {
    grid-template-columns: minmax(210px, 0.72fr) minmax(300px, 1fr) minmax(250px, auto) auto;
    min-height: 96px;
    padding: 12px 22px;
    gap: 14px;
  }

  #remittance-detail-modal .remittance-detail-head-statuses {
    min-width: 250px;
  }

  #remittance-detail-modal .remittance-detail-head-route strong {
    font-size: clamp(1.08rem, 1.35vw, 1.45rem);
  }
}

@media (max-width: 980px) {
  #remittance-detail-modal .remittance-detail-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #remittance-detail-modal .remittance-detail-head-route,
  #remittance-detail-modal .remittance-detail-head-statuses {
    grid-column: 1 / -1;
  }

  #remittance-detail-modal .remittance-detail-head-route {
    padding: 10px 0 0;
    border-left: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
  }

  #remittance-detail-modal .remittance-detail-head-statuses {
    justify-content: flex-start;
    min-width: 0;
  }
}

@media (max-width: 767px) {
  #remittance-detail-modal .remittance-detail-head {
    min-height: 0;
    padding: 12px 14px;
    gap: 10px;
  }

  #remittance-detail-modal .remittance-detail-head-route strong {
    font-size: 1.18rem;
  }
}

/* Centro de carga v1-a8: fix dossier KPI overlap and dark date picker. */
#remittance-detail-modal .remittance-detail-modal-card > .remittance-detail-head {
  position: relative;
  top: auto;
  z-index: 2;
  margin: 0 0 14px;
}

#remittance-detail-modal .remittance-detail-body {
  padding-top: 2px;
}

#remittance-detail-modal .remittance-detail-kpis {
  margin-top: 12px;
}

#remittance-detail-modal .remittance-detail-kpis .remittance-detail-fact {
  position: relative;
  z-index: 1;
}

#view-dashboard.active .dashboard-cycle-picker input[type="date"],
#view-dashboard.active #dashboard-business-date {
  color-scheme: dark;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025)),
    rgba(15, 23, 42, 0.72);
  color: var(--text);
}

#view-dashboard.active .dashboard-cycle-picker input[type="date"]::-webkit-calendar-picker-indicator,
#view-dashboard.active #dashboard-business-date::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.25) contrast(0.92);
  opacity: 0.78;
  cursor: pointer;
}

#view-dashboard.active .dashboard-cycle-picker input[type="date"]:focus {
  border-color: rgba(201, 166, 107, 0.56);
  box-shadow: 0 0 0 3px rgba(201, 166, 107, 0.14);
  outline: none;
}

:root[data-theme="light"] #view-dashboard.active .dashboard-cycle-picker input[type="date"],
:root[data-theme="light"] #view-dashboard.active #dashboard-business-date {
  color-scheme: light;
  border-color: rgba(15, 23, 42, 0.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.9)),
    #ffffff;
  color: #111827;
}

:root[data-theme="light"] #view-dashboard.active .dashboard-cycle-picker input[type="date"]::-webkit-calendar-picker-indicator,
:root[data-theme="light"] #view-dashboard.active #dashboard-business-date::-webkit-calendar-picker-indicator {
  filter: none;
  opacity: 0.72;
}

/* Balance diario a04: table headers aligned with their columns. */
#view-daily-balances .table-shell th,
#view-daily-balances .table-shell td,
#view-daily-balances .daily-balance-country-body th,
#view-daily-balances .daily-balance-country-body td {
  text-align: left !important;
}

#view-daily-balances .table-shell .row-main,
#view-daily-balances .table-shell .row-sub,
#view-daily-balances .daily-balance-country-body .row-main,
#view-daily-balances .daily-balance-country-body .row-sub {
  text-align: left !important;
}

/* Centro de carga v1-a9: expediente con encabezado operativo compacto. */
#remittance-detail-modal .remittance-detail-modal-card > .remittance-detail-head {
  grid-template-columns: minmax(300px, 0.72fr) minmax(360px, 1fr) minmax(270px, auto) auto;
  min-height: 76px;
  padding: 10px 22px;
  gap: 12px;
  align-items: center;
}

#remittance-detail-modal .remittance-detail-head .eyebrow {
  margin-bottom: 3px;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
}

#remittance-detail-modal #remittance-detail-title {
  font-size: clamp(1.18rem, 0.48vw + 1rem, 1.42rem);
  line-height: 1.08;
}

#remittance-detail-modal .remittance-detail-head-route {
  gap: 2px;
  padding: 0 10px 0 12px;
}

#remittance-detail-modal .remittance-detail-head-route strong {
  font-size: clamp(1.04rem, 0.5vw + 0.92rem, 1.34rem);
  line-height: 1.08;
}

#remittance-detail-modal .remittance-detail-head-route span {
  font-size: 0.86rem;
  line-height: 1.18;
}

#remittance-detail-modal .remittance-detail-head-statuses {
  min-width: 270px;
  gap: 6px;
}

#remittance-detail-modal .remittance-detail-head-statuses .status-chip {
  min-height: 24px;
  padding: 3px 8px;
  font-size: 0.66rem;
}

#remittance-detail-modal .remittance-detail-head > .ghost-button {
  min-height: 42px;
  padding: 9px 18px;
}

#remittance-detail-modal .remittance-detail-kpis {
  margin-top: 6px;
}

@media (min-width: 768px) and (max-width: 1536px) {
  #remittance-detail-modal .remittance-detail-modal-card > .remittance-detail-head {
    grid-template-columns: minmax(270px, 0.72fr) minmax(330px, 1fr) minmax(250px, auto) auto;
    min-height: 70px;
    padding: 9px 18px;
    gap: 10px;
  }

  #remittance-detail-modal #remittance-detail-title {
    font-size: clamp(1.08rem, 0.62vw + 0.88rem, 1.28rem);
  }

  #remittance-detail-modal .remittance-detail-head-route strong {
    font-size: clamp(0.98rem, 0.58vw + 0.82rem, 1.16rem);
  }

  #remittance-detail-modal .remittance-detail-head-route span {
    font-size: 0.8rem;
  }

  #remittance-detail-modal .remittance-detail-head-statuses {
    min-width: 238px;
  }
}

@media (max-width: 1280px) {
  #remittance-detail-modal .remittance-detail-modal-card > .remittance-detail-head {
    grid-template-columns: minmax(230px, 0.72fr) minmax(290px, 1fr) minmax(218px, auto) auto;
  }

  #remittance-detail-modal .remittance-detail-head-statuses .status-chip {
    font-size: 0.62rem;
  }
}

/* Centro de carga v1-a10: densidad correcta para microdatos del expediente. */
#remittance-detail-modal .remittance-collapsible-panel {
  padding: 12px;
  border-radius: 14px;
}

#remittance-detail-modal .remittance-section-toggle {
  gap: 10px;
}

#remittance-detail-modal .remittance-section-toggle strong {
  font-size: 0.9rem;
  line-height: 1.15;
}

#remittance-detail-modal .remittance-section-toggle small {
  margin-top: 3px;
  font-size: 0.76rem;
  line-height: 1.25;
}

#remittance-detail-modal .remittance-section-toggle-side em,
#remittance-detail-modal .remittance-section-badge {
  min-height: 24px;
  padding: 4px 8px;
  font-size: 0.68rem;
}

#remittance-detail-modal .remittance-section-content {
  padding-top: 10px;
}

#remittance-detail-modal .remittance-detail-keygrid {
  grid-template-columns: repeat(3, minmax(130px, 1fr));
  gap: 8px;
}

#remittance-detail-modal .remittance-detail-panel .remittance-detail-fact,
#remittance-detail-modal .remittance-distribution-line-meta .remittance-detail-fact {
  min-height: 58px;
  padding: 9px 10px;
  gap: 4px;
  border-radius: 12px;
  box-shadow: none;
}

#remittance-detail-modal .remittance-detail-panel .remittance-detail-fact span,
#remittance-detail-modal .remittance-distribution-line-meta .remittance-detail-fact span {
  font-size: 0.72rem;
  line-height: 1.15;
}

#remittance-detail-modal .remittance-detail-panel .remittance-detail-fact strong,
#remittance-detail-modal .remittance-distribution-line-meta .remittance-detail-fact strong {
  font-size: clamp(0.86rem, 0.24vw + 0.8rem, 1rem);
  line-height: 1.14;
}

#remittance-detail-modal .remittance-detail-observation {
  margin-top: 10px;
  padding-top: 10px;
}

#remittance-detail-modal .remittance-detail-observation strong,
#remittance-detail-modal .remittance-detail-observation p {
  font-size: 0.9rem;
  line-height: 1.3;
}

#remittance-detail-modal .remittance-distribution-list {
  gap: 8px;
  margin-top: 10px;
}

#remittance-detail-modal .remittance-distribution-line {
  gap: 9px;
  padding: 10px;
  border-radius: 13px;
}

#remittance-detail-modal .remittance-distribution-line-head {
  gap: 9px;
}

#remittance-detail-modal .remittance-distribution-line-head strong,
#remittance-detail-modal .remittance-distribution-line-amount strong {
  font-size: 0.92rem;
  line-height: 1.14;
}

#remittance-detail-modal .remittance-distribution-line-head span,
#remittance-detail-modal .remittance-distribution-line-amount span {
  font-size: 0.76rem;
  line-height: 1.2;
}

#remittance-detail-modal .remittance-distribution-line-meta {
  grid-template-columns: repeat(4, minmax(110px, 1fr));
  gap: 7px;
}

@media (min-width: 768px) and (max-width: 1536px) {
  #remittance-detail-modal .remittance-detail-keygrid {
    grid-template-columns: repeat(3, minmax(118px, 1fr));
    gap: 7px;
  }

  #remittance-detail-modal .remittance-detail-panel .remittance-detail-fact,
  #remittance-detail-modal .remittance-distribution-line-meta .remittance-detail-fact {
    min-height: 52px;
    padding: 8px 9px;
  }

  #remittance-detail-modal .remittance-detail-panel .remittance-detail-fact span,
  #remittance-detail-modal .remittance-distribution-line-meta .remittance-detail-fact span {
    font-size: 0.68rem;
  }

  #remittance-detail-modal .remittance-detail-panel .remittance-detail-fact strong,
  #remittance-detail-modal .remittance-distribution-line-meta .remittance-detail-fact strong {
    font-size: clamp(0.8rem, 0.28vw + 0.74rem, 0.92rem);
  }

  #remittance-detail-modal .remittance-distribution-line-meta {
    grid-template-columns: repeat(4, minmax(96px, 1fr));
  }
}

/* Centro de carga v1-a21: cycle controls compact, symmetric and dark-safe. */
body[data-active-view="dashboard"] .workspace-title-row .dashboard-summary-disclosure {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 0 0 auto;
}

.dashboard-summary-cycle-controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

.workspace-title-row .dashboard-summary-disclosure .dashboard-cycle-picker {
  display: block;
  min-width: 158px;
  margin: 0;
}

.workspace-title-row .dashboard-summary-disclosure .dashboard-cycle-picker span {
  display: none;
}

.workspace-title-row .dashboard-summary-disclosure .dashboard-cycle-picker input {
  width: 100%;
  height: 44px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  font-weight: 800;
  line-height: 1;
}

.workspace-title-row .dashboard-summary-disclosure .pill,
.workspace-title-row .dashboard-summary-disclosure .ghost-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
  align-self: center;
}

.workspace-title-row .dashboard-summary-disclosure #dashboard-live-status {
  min-width: 162px;
}

.workspace-title-row .dashboard-summary-disclosure #dashboard-summary-toggle {
  min-width: 148px;
}

#view-dashboard.active .workspace-title-row .dashboard-summary-disclosure .dashboard-cycle-picker input[type="date"] {
  color-scheme: dark;
  border-color: rgba(148, 163, 184, 0.25);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    rgba(15, 23, 42, 0.76);
  color: var(--text);
}

#view-dashboard.active .workspace-title-row .dashboard-summary-disclosure .dashboard-cycle-picker input[type="date"]::-webkit-calendar-picker-indicator {
  width: 18px;
  height: 18px;
  margin-left: 8px;
  filter: invert(1) brightness(1.35) contrast(0.95);
  opacity: 0.82;
}

:root[data-theme="light"] #view-dashboard.active .workspace-title-row .dashboard-summary-disclosure .dashboard-cycle-picker input[type="date"] {
  color-scheme: light;
  border-color: rgba(15, 23, 42, 0.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.92)),
    #ffffff;
  color: #111827;
}

:root[data-theme="light"] #view-dashboard.active .workspace-title-row .dashboard-summary-disclosure .dashboard-cycle-picker input[type="date"]::-webkit-calendar-picker-indicator {
  filter: none;
  opacity: 0.72;
}

#view-dashboard .dashboard-control-room {
  padding-top: 14px;
}

#view-dashboard .dashboard-control-room-legacy-head {
  display: none !important;
}

@media (max-width: 900px) {
  body[data-active-view="dashboard"] .workspace-title-row .dashboard-summary-disclosure {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 8px 0 0;
  }

  .dashboard-summary-cycle-controls {
    flex: 1 1 280px;
    flex-wrap: wrap;
    align-items: center;
  }

  .workspace-title-row .dashboard-summary-disclosure .dashboard-cycle-picker {
    flex: 1 1 180px;
    min-width: 180px;
  }
}

/* Panel inteligente v1: local visual foundation for analytics. */
body[data-active-view="analytics"] .workspace-head {
  gap: 8px;
}

body[data-active-view="analytics"] .workspace-head h2 {
  font-size: clamp(1.8rem, 1.35vw + 1.15rem, 2.55rem);
  line-height: 1.02;
}

body[data-active-view="analytics"] #view-subtitle {
  max-width: 860px;
  font-size: clamp(0.92rem, 0.18vw + 0.86rem, 1rem);
  line-height: 1.35;
}

#view-analytics .analytics-command {
  gap: 12px;
  padding: 18px;
  border-radius: 18px;
}

#view-analytics .analytics-command > .client-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: auto;
  margin: 0;
  padding: 4px 2px 8px;
}

#view-analytics .analytics-command > .client-head h2 {
  margin: 4px 0 8px;
  font-size: clamp(1.32rem, 0.7vw + 1rem, 1.78rem);
  line-height: 1.08;
}

#view-analytics .analytics-command > .client-head .client-head-copy {
  max-width: 760px;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.42;
}

#view-analytics .analytics-actions {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 10px;
}

#view-analytics .analytics-actions .dashboard-cycle-picker {
  min-width: 178px;
  gap: 6px;
}

#view-analytics .analytics-actions .dashboard-cycle-picker span {
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}

#view-analytics #analytics-business-date,
#view-analytics #analytics-refresh {
  height: 44px;
  min-height: 44px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1;
}

#view-analytics #analytics-business-date {
  padding: 0 14px;
}

#view-analytics #analytics-refresh {
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#view-analytics .analytics-status:empty {
  display: none;
}

#view-analytics .analytics-tabs {
  min-height: 42px;
  align-items: center;
  padding: 4px;
  border-radius: 999px;
}

#view-analytics .analytics-tab {
  min-height: 32px;
  padding: 0 13px;
  font-size: 0.78rem;
  letter-spacing: 0;
}

#view-analytics .analytics-tab-panel.active {
  gap: 12px;
}

#view-analytics .analytics-decision-card {
  border-radius: 16px;
}

#view-analytics .analytics-decision-card > div {
  min-height: 98px;
  padding: 13px 15px;
}

#view-analytics .analytics-decision-card strong {
  font-size: clamp(1.18rem, 1.1vw + 0.86rem, 1.72rem);
}

#view-analytics .analytics-panel {
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
}

#view-analytics .compact-head h3 {
  font-size: 1rem;
  line-height: 1.15;
}

#view-analytics .analytics-hero-panel {
  min-height: 300px;
}

#view-analytics .analytics-today-grid,
#view-analytics .analytics-layout,
#view-analytics .analytics-calendar-grid,
#view-analytics .analytics-rates-grid,
#view-analytics .analytics-routes-grid,
#view-analytics .analytics-alerts-grid {
  gap: 12px;
}

#view-analytics .analytics-pulse-summary {
  gap: 8px;
}

#view-analytics .analytics-pulse-summary > div,
#view-analytics .analytics-executive-note,
#view-analytics .analytics-recommendation,
#view-analytics .analytics-evidence-card,
#view-analytics .analytics-route-card,
#view-analytics .analytics-rate-route {
  border-radius: 13px;
}

#view-analytics .analytics-kpis {
  gap: 10px;
}

#view-analytics .analytics-kpi {
  min-height: 102px;
  padding: 12px 13px;
  border-radius: 14px;
}

#view-analytics .analytics-kpi strong {
  font-size: clamp(1.12rem, 1vw + 0.82rem, 1.56rem);
}

@media (min-width: 768px) and (max-width: 1536px) {
  body[data-active-view="analytics"] .workspace-head h2 {
    font-size: clamp(1.55rem, 0.95vw + 1.02rem, 2rem);
  }

  #view-analytics .analytics-command {
    padding: 16px;
  }

  #view-analytics .analytics-command > .client-head {
    gap: 14px;
  }

  #view-analytics .analytics-command > .client-head h2 {
    font-size: 1.38rem;
  }

  #view-analytics .analytics-command > .client-head .client-head-copy {
    font-size: 0.9rem;
  }

  #view-analytics .analytics-decision-card > div {
    min-height: 88px;
  }

  #view-analytics .analytics-hero-panel {
    min-height: 280px;
  }
}

@media (max-width: 900px) {
  #view-analytics .analytics-command > .client-head {
    grid-template-columns: 1fr;
  }

  #view-analytics .analytics-actions {
    justify-content: stretch;
  }
}

:root[data-theme="light"] #view-analytics .analytics-command {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)),
    #ffffff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] #view-analytics .analytics-command > .client-head {
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] #view-analytics .analytics-tabs {
  border-color: rgba(15, 23, 42, 0.12);
  background: #eef2f7;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

:root[data-theme="light"] #view-analytics .analytics-tab {
  color: #536073;
}

:root[data-theme="light"] #view-analytics .analytics-tab:hover {
  color: #111827;
  background: rgba(255,255,255,0.64);
}

:root[data-theme="light"] #view-analytics .analytics-tab.active {
  color: #111827;
  background: #ffffff;
  box-shadow:
    inset 0 0 0 1px rgba(15, 23, 42, 0.08),
    0 8px 18px rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] #view-analytics .analytics-panel,
:root[data-theme="light"] #view-analytics .analytics-kpi,
:root[data-theme="light"] #view-analytics .analytics-decision-card > div,
:root[data-theme="light"] #view-analytics .analytics-pulse-summary > div,
:root[data-theme="light"] #view-analytics .analytics-executive-note,
:root[data-theme="light"] #view-analytics .analytics-recommendation,
:root[data-theme="light"] #view-analytics .analytics-evidence-card,
:root[data-theme="light"] #view-analytics .analytics-route-card,
:root[data-theme="light"] #view-analytics .analytics-rate-route,
:root[data-theme="light"] #view-analytics .analytics-alert-lead-card {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)),
    #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

:root[data-theme="light"] #view-analytics .analytics-decision-card {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] #view-analytics .analytics-decision-card.strong > div:first-child {
  background: linear-gradient(180deg, rgba(45, 159, 119, 0.12), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-decision-card.normal > div:first-child {
  background: linear-gradient(180deg, rgba(14, 165, 233, 0.12), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-decision-card.warn > div:first-child,
:root[data-theme="light"] #view-analytics .analytics-kpi.warn {
  border-color: rgba(180, 117, 26, 0.22);
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.13), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-decision-card.critical > div:first-child,
:root[data-theme="light"] #view-analytics .analytics-kpi.danger,
:root[data-theme="light"] #view-analytics .analytics-recommendation.high,
:root[data-theme="light"] #view-analytics .analytics-recommendation.critical,
:root[data-theme="light"] #view-analytics .analytics-alert-lead-card.critical {
  border-color: rgba(185, 28, 28, 0.18);
  background: linear-gradient(180deg, rgba(254, 226, 226, 0.82), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-kpi.primary {
  border-color: rgba(14, 116, 144, 0.18);
  background: linear-gradient(180deg, rgba(224, 242, 254, 0.78), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-kpi.people,
:root[data-theme="light"] #view-analytics .analytics-kpi.ok {
  border-color: rgba(5, 150, 105, 0.18);
  background: linear-gradient(180deg, rgba(209, 250, 229, 0.72), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-kpi.money {
  border-color: rgba(180, 117, 26, 0.18);
  background: linear-gradient(180deg, rgba(254, 243, 199, 0.72), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-trajectory,
:root[data-theme="light"] #view-analytics .analytics-intraday-chart,
:root[data-theme="light"] #view-analytics .analytics-month-chart {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(241,245,249,0.95), rgba(226,232,240,0.78)),
    #f8fafc;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

:root[data-theme="light"] #view-analytics .analytics-trajectory-row i,
:root[data-theme="light"] #view-analytics .analytics-hour-track,
:root[data-theme="light"] #view-analytics .analytics-rate-meter,
:root[data-theme="light"] #view-analytics .analytics-route-track {
  background: rgba(148, 163, 184, 0.22);
}

:root[data-theme="light"] #view-analytics #analytics-business-date {
  color-scheme: light;
  border-color: rgba(15, 23, 42, 0.14);
  background: #ffffff;
  color: #111827;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

:root[data-theme="light"] #view-analytics #analytics-refresh {
  border-color: rgba(14, 116, 144, 0.18);
  background: linear-gradient(180deg, #1887a8, #0f7594);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(14, 116, 144, 0.2);
}

:root[data-theme="light"] #view-analytics .analytics-rate-meter.ops i,
:root[data-theme="light"] #view-analytics .analytics-rate-legend i.ops,
:root[data-theme="light"] #view-analytics .analytics-hour-track i,
:root[data-theme="light"] #view-analytics .analytics-trajectory-row.actual i {
  background: linear-gradient(90deg, #0e7490, #10b981);
}

:root[data-theme="light"] #view-analytics .analytics-rate-meter.amount i,
:root[data-theme="light"] #view-analytics .analytics-rate-legend i.amount,
:root[data-theme="light"] #view-analytics .analytics-trajectory-row.projected i {
  background: linear-gradient(90deg, #b45309, #d9ad60);
}

:root[data-theme="dark"] #view-analytics .analytics-command {
  box-shadow: 0 20px 44px rgba(0,0,0,0.24);
}

:root[data-theme="dark"] #view-analytics #analytics-business-date {
  color-scheme: dark;
  border-color: rgba(148, 163, 184, 0.25);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    rgba(15, 23, 42, 0.76);
  color: var(--text);
}

:root[data-theme="dark"] #view-analytics #analytics-business-date::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.35) contrast(0.95);
  opacity: 0.82;
}

/* Panel inteligente v1-a3: title-level controls and calendar-aligned expectation. */
.analytics-title-actions {
  display: none;
}

body[data-active-view="analytics"] .workspace-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

body[data-active-view="analytics"] .workspace-title-row h2 {
  flex: 0 1 auto;
}

body[data-active-view="analytics"] .analytics-title-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
}

body[data-active-view="analytics"] .analytics-title-actions .dashboard-cycle-picker {
  min-width: 174px;
}

body[data-active-view="analytics"] .analytics-title-actions .dashboard-cycle-picker span {
  display: none;
}

body[data-active-view="analytics"] .analytics-title-actions #analytics-business-date,
body[data-active-view="analytics"] .analytics-title-actions #analytics-refresh {
  height: 44px;
  min-height: 44px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1;
}

body[data-active-view="analytics"] .analytics-title-actions #analytics-business-date {
  width: 174px;
  padding: 0 14px;
}

body[data-active-view="analytics"] .analytics-title-actions #analytics-refresh {
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-active-view="analytics"] #view-analytics .analytics-command > .client-head,
body[data-active-view="analytics"] #view-analytics #analytics-status {
  display: none !important;
}

body[data-active-view="analytics"] #view-analytics .analytics-command {
  padding-top: 12px;
}

:root[data-theme="light"] body[data-active-view="analytics"] .analytics-title-actions #analytics-business-date {
  color-scheme: light;
  border-color: rgba(15, 23, 42, 0.14);
  background: #ffffff;
  color: #111827;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

:root[data-theme="light"] body[data-active-view="analytics"] .analytics-title-actions #analytics-refresh {
  border-color: rgba(14, 116, 144, 0.18);
  background: linear-gradient(180deg, #1887a8, #0f7594);
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(14, 116, 144, 0.2);
}

:root[data-theme="dark"] body[data-active-view="analytics"] .analytics-title-actions #analytics-business-date {
  color-scheme: dark;
  border-color: rgba(148, 163, 184, 0.25);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
    rgba(15, 23, 42, 0.76);
  color: var(--text);
}

:root[data-theme="dark"] body[data-active-view="analytics"] .analytics-title-actions #analytics-business-date::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(1.35) contrast(0.95);
  opacity: 0.82;
}

@media (max-width: 900px) {
  body[data-active-view="analytics"] .workspace-title-row {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body[data-active-view="analytics"] .analytics-title-actions {
    width: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }
}

/* Panel inteligente v1-a5: full light-theme cleanup for history, tables and charts. */
:root[data-theme="light"] #view-analytics .analytics-history-controls {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.92)),
    #ffffff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
}

:root[data-theme="light"] #view-analytics .analytics-history-controls span,
:root[data-theme="light"] #view-analytics .analytics-history-chart-head,
:root[data-theme="light"] #view-analytics .analytics-history-trend-head,
:root[data-theme="light"] #view-analytics .analytics-history-year-head,
:root[data-theme="light"] #view-analytics .analytics-history-heat-head,
:root[data-theme="light"] #view-analytics .analytics-history-heat-legend,
:root[data-theme="light"] #view-analytics .analytics-history-heat-legend em,
:root[data-theme="light"] #view-analytics .analytics-rate-route span,
:root[data-theme="light"] #view-analytics .analytics-rate-route small,
:root[data-theme="light"] #view-analytics .analytics-rate-legend span,
:root[data-theme="light"] #view-analytics .analytics-route-main span,
:root[data-theme="light"] #view-analytics .analytics-route-metrics span,
:root[data-theme="light"] #view-analytics .analytics-route-metrics small {
  color: #64748b;
}

:root[data-theme="light"] #view-analytics .analytics-history-chip {
  border-color: rgba(15, 23, 42, 0.1);
  background: #eef2f7;
  color: #526174;
}

:root[data-theme="light"] #view-analytics .analytics-history-chip:hover {
  background: #ffffff;
  color: #111827;
}

:root[data-theme="light"] #view-analytics .analytics-history-chip.active {
  border-color: rgba(180, 117, 26, 0.24);
  background: #ffffff;
  color: #111827;
  box-shadow:
    inset 0 0 0 1px rgba(180, 117, 26, 0.08),
    0 8px 18px rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] #view-analytics .analytics-history-main-panel,
:root[data-theme="light"] #view-analytics .analytics-history-grid .analytics-panel,
:root[data-theme="light"] #view-analytics .analytics-rate-focus-panel,
:root[data-theme="light"] #view-analytics .analytics-route-priority-panel {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95)),
    #ffffff;
}

:root[data-theme="light"] #view-analytics .analytics-history-chart-head strong,
:root[data-theme="light"] #view-analytics .analytics-history-mini strong,
:root[data-theme="light"] #view-analytics .analytics-history-trend-row span,
:root[data-theme="light"] #view-analytics .analytics-history-trend-row strong,
:root[data-theme="light"] #view-analytics .analytics-history-year-row strong,
:root[data-theme="light"] #view-analytics .analytics-history-heat-row strong,
:root[data-theme="light"] #view-analytics .analytics-history-heat-cell b,
:root[data-theme="light"] #view-analytics .analytics-rate-route strong,
:root[data-theme="light"] #view-analytics .analytics-rate-bucket > span,
:root[data-theme="light"] #view-analytics .analytics-rate-bucket strong,
:root[data-theme="light"] #view-analytics .analytics-route-rank,
:root[data-theme="light"] #view-analytics .analytics-route-main strong,
:root[data-theme="light"] #view-analytics .analytics-route-metrics strong {
  color: #111827;
}

:root[data-theme="light"] #view-analytics .analytics-history-chart-head em {
  border-color: rgba(180, 117, 26, 0.18);
  background: #fff7e6;
  color: #8a5c1a;
}

:root[data-theme="light"] #view-analytics .analytics-history-mini,
:root[data-theme="light"] #view-analytics .analytics-history-year-table,
:root[data-theme="light"] #view-analytics .analytics-history-heat-body {
  border-color: rgba(15, 23, 42, 0.09);
  background:
    linear-gradient(180deg, rgba(248,250,252,0.96), rgba(255,255,255,0.98)),
    #ffffff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
}

:root[data-theme="light"] #view-analytics .analytics-history-mini span,
:root[data-theme="light"] #view-analytics .analytics-history-mini em,
:root[data-theme="light"] #view-analytics .analytics-history-year-cell span,
:root[data-theme="light"] #view-analytics .analytics-history-heat-cell em {
  color: #64748b;
}

:root[data-theme="light"] #view-analytics .analytics-history-mini.high {
  border-color: rgba(5, 150, 105, 0.18);
  background: linear-gradient(180deg, rgba(209, 250, 229, 0.72), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-history-mini.low {
  border-color: rgba(185, 28, 28, 0.14);
  background: linear-gradient(180deg, rgba(254, 226, 226, 0.72), rgba(255,255,255,0.98));
}

:root[data-theme="light"] #view-analytics .analytics-history-trend-list,
:root[data-theme="light"] #view-analytics .analytics-history-bars,
:root[data-theme="light"] #view-analytics .analytics-month-chart {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    repeating-linear-gradient(180deg, transparent 0 42px, rgba(148, 163, 184, 0.12) 42px 43px),
    linear-gradient(180deg, #ffffff, #f8fafc);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
}

:root[data-theme="light"] #view-analytics .analytics-history-trend-row {
  border-color: rgba(15, 23, 42, 0.08);
  background: #ffffff;
}

:root[data-theme="light"] #view-analytics .analytics-history-trend-row:nth-child(even) {
  background: #f8fafc;
}

:root[data-theme="light"] #view-analytics .analytics-history-trend-row div,
:root[data-theme="light"] #view-analytics .analytics-rate-meter,
:root[data-theme="light"] #view-analytics .analytics-route-track,
:root[data-theme="light"] #view-analytics .analytics-bar-row > div {
  background: rgba(148, 163, 184, 0.18);
}

:root[data-theme="light"] #view-analytics .analytics-history-trend-row em.up {
  color: #047857;
  background: rgba(16, 185, 129, 0.12);
}

:root[data-theme="light"] #view-analytics .analytics-history-trend-row em.down {
  color: #b91c1c;
  background: rgba(248, 113, 113, 0.12);
}

:root[data-theme="light"] #view-analytics .analytics-history-heat-cell {
  border-color: rgba(15, 23, 42, 0.08);
  background: #ffffff;
}

:root[data-theme="light"] #view-analytics .analytics-history-heat-cell.low {
  background: rgba(254, 226, 226, calc(var(--heat-alpha, 0.16) + 0.24));
  border-color: rgba(185, 28, 28, 0.16);
}

:root[data-theme="light"] #view-analytics .analytics-history-heat-cell.mid {
  background: rgba(254, 243, 199, calc(var(--heat-alpha, 0.16) + 0.2));
  border-color: rgba(180, 117, 26, 0.16);
}

:root[data-theme="light"] #view-analytics .analytics-history-heat-cell.high {
  background: rgba(209, 250, 229, calc(var(--heat-alpha, 0.18) + 0.18));
  border-color: rgba(5, 150, 105, 0.16);
}

:root[data-theme="light"] #view-analytics .analytics-rate-route,
:root[data-theme="light"] #view-analytics .analytics-route-card,
:root[data-theme="light"] #view-analytics .analytics-evidence-card {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)),
    #ffffff;
}

:root[data-theme="light"] #view-analytics .analytics-route-card.warn,
:root[data-theme="light"] #view-analytics .analytics-route-card.planned {
  border-color: rgba(180, 117, 26, 0.2);
}

:root[data-theme="light"] #view-analytics .analytics-route-rank {
  background: #eef2f7;
}

:root[data-theme="light"] #view-analytics .table-shell,
:root[data-theme="light"] #view-analytics .compact-history-table {
  border-color: rgba(15, 23, 42, 0.1);
  background: #ffffff;
  color: #111827;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
}

:root[data-theme="light"] #view-analytics .table-shell table {
  color: #111827;
  background: #ffffff;
}

:root[data-theme="light"] #view-analytics .table-shell thead th {
  color: #8a5c1a;
  background: #eaf2fb;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

:root[data-theme="light"] #view-analytics .table-shell tbody tr {
  background: #ffffff;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] #view-analytics .table-shell tbody tr:nth-child(even) {
  background: #f8fafc;
}

:root[data-theme="light"] #view-analytics .table-shell td,
:root[data-theme="light"] #view-analytics .table-shell .row-main {
  color: #111827;
}

:root[data-theme="light"] #view-analytics .table-shell .row-sub {
  color: #64748b;
}

:root[data-theme="light"] #view-analytics .analytics-history-kpis .analytics-kpi strong {
  font-size: clamp(1.12rem, 0.82vw + 0.72rem, 1.42rem);
  line-height: 1.05;
  overflow-wrap: normal;
  word-break: keep-all;
}

@media (min-width: 1181px) and (max-width: 1536px) {
  :root[data-theme="light"] #view-analytics .analytics-history-kpis .analytics-kpi {
    padding-inline: 12px;
  }

  :root[data-theme="light"] #view-analytics .analytics-history-kpis .analytics-kpi strong {
    font-size: clamp(1rem, 0.72vw + 0.68rem, 1.26rem);
  }

  :root[data-theme="light"] #view-analytics .analytics-history-kpis .analytics-kpi:first-child strong,
  :root[data-theme="light"] #view-analytics .analytics-history-kpis .analytics-kpi:nth-child(3) strong {
    font-size: clamp(0.98rem, 0.52vw + 0.64rem, 1.12rem);
    white-space: nowrap;
  }
}

/* Accounts UI Foundation v1-a1: compact treasury catalog and account modals. */
#view-accounts .client-module {
  gap: 14px;
}

#view-accounts > .client-module > .client-toolbar {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(220px, 0.32fr) minmax(220px, 0.32fr);
  align-items: end;
  gap: 10px 12px;
  min-height: 0;
  padding: 12px 14px;
  border-radius: 16px;
}

#view-accounts .client-toolbar label {
  min-width: 0;
}

#view-accounts .client-toolbar label > span {
  margin-bottom: 6px;
  font-size: 0.76rem;
  letter-spacing: 0.01em;
}

#view-accounts .client-toolbar input,
#view-accounts .client-toolbar select,
#view-accounts .client-toolbar .search-select-trigger {
  min-height: 46px;
  height: 46px;
  border-radius: 12px;
  font-size: 0.92rem;
}

#view-accounts .table-shell {
  border-radius: 18px;
  max-height: calc(100dvh - 250px);
}

#view-accounts .table-shell table {
  min-width: 1060px !important;
}

#view-accounts .table-shell thead th {
  height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}

#view-accounts .table-shell tbody td {
  padding-top: 11px;
  padding-bottom: 11px;
  vertical-align: top;
}

#view-accounts .table-shell .row-main {
  font-size: clamp(0.94rem, 0.42vw + 0.76rem, 1.08rem);
  line-height: 1.16;
}

#view-accounts .table-shell .row-sub {
  font-size: clamp(0.82rem, 0.28vw + 0.72rem, 0.94rem);
  line-height: 1.28;
}

#view-accounts .table-shell th:last-child,
#view-accounts .table-shell td:last-child {
  background: color-mix(in srgb, var(--neutral-02) 72%, transparent);
}

#view-accounts .table-shell thead th:last-child {
  text-align: center;
}

#view-accounts .table-shell td:nth-child(7) .inline-button-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  align-items: stretch;
}

#view-accounts .table-shell td:nth-child(7) .inline-button,
#view-accounts .table-shell td:nth-child(7) .secondary-button,
#view-accounts .table-shell td:nth-child(7) .ghost-button {
  min-height: 31px;
  padding: 5px 8px;
  border-radius: 10px;
  font-size: 0.78rem;
  line-height: 1.05;
}

#view-accounts .table-shell td:nth-child(7) .account-operator-info {
  align-self: center;
  justify-self: center;
}

#account-editor-modal .modal-card,
#account-movement-modal .modal-card,
#account-pending-modal .modal-card {
  width: min(1160px, calc(100vw - 34px));
  height: auto;
  min-height: auto;
  max-height: min(88dvh, calc(100dvh - 24px));
  padding: 18px 20px;
  border-radius: 18px;
}

#account-editor-modal .modal-card > .panel-head,
#account-movement-modal .modal-card > .panel-head,
#account-pending-modal .modal-card > .panel-head,
#account-detail-modal .account-detail-modal-card > .panel-head {
  min-height: 76px;
  margin: -18px -20px 14px;
  padding: 16px 20px;
}

#account-editor-modal .modal-card > .panel-head h2,
#account-movement-modal .modal-card > .panel-head h2,
#account-pending-modal .modal-card > .panel-head h2,
#account-detail-modal .account-detail-modal-card > .panel-head h2 {
  font-size: clamp(1.22rem, 1vw + 0.78rem, 1.75rem);
  line-height: 1.05;
}

#account-form,
#account-movement-form,
#account-pending-form {
  gap: 12px 14px;
  padding: 2px 2px 14px;
}

#account-form > label,
#account-movement-form > label,
#account-pending-form > label {
  grid-column: span 6;
}

#account-form > label > span,
#account-movement-form > label > span,
#account-pending-form > label > span {
  margin-bottom: 6px;
  font-size: 0.78rem;
}

#account-form input,
#account-form select,
#account-form textarea,
#account-movement-form input,
#account-movement-form select,
#account-movement-form textarea,
#account-pending-form input,
#account-pending-form select,
#account-pending-form textarea,
#account-form .search-select-trigger,
#account-movement-form .search-select-trigger,
#account-pending-form .search-select-trigger {
  min-height: 52px;
  height: 52px;
  border-radius: 12px;
  font-size: 0.94rem;
}

#account-movement-context,
#account-pending-context {
  min-height: auto;
  padding: 12px 14px;
  border-radius: 14px;
}

#account-movement-context strong,
#account-pending-context strong {
  font-size: 0.96rem;
}

#account-movement-context span,
#account-pending-context span {
  font-size: 0.86rem;
}

#account-movement-fx-preview {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px 14px;
  border-radius: 14px;
}

#account-movement-fx-preview strong {
  font-size: clamp(1rem, 0.68vw + 0.78rem, 1.28rem);
}

#account-movement-fx-preview p {
  font-size: 0.8rem;
}

#account-pending-receipt-card.pending-balance-receipt-card {
  padding: 12px 14px;
  border-radius: 14px;
}

#account-pending-receipt-card .receipt-composer-head-row,
#account-pending-receipt-card .receipt-composer-grid {
  gap: 10px;
}

#account-pending-receipt-card .receipt-composer-drop {
  min-height: 82px;
  padding: 10px 12px;
}

#account-detail-modal .account-detail-modal-card,
#account-detail-modal .modal-card.wide.account-detail-modal-card {
  width: min(1540px, calc(100vw - 28px));
  height: min(88dvh, calc(100dvh - 20px));
  max-height: min(88dvh, calc(100dvh - 20px));
  padding: 18px 20px;
}

#account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions {
  gap: 8px;
}

#account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions button {
  min-height: 42px;
  padding-inline: 14px;
  border-radius: 999px;
}

#account-detail-modal #account-detail-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  padding: 0;
}

#account-detail-modal .account-finance-card {
  min-height: 68px;
  padding: 10px 12px;
  border-radius: 13px;
}

#account-detail-modal .account-finance-value {
  margin-top: 3px;
  font-size: clamp(1rem, 0.7vw + 0.76rem, 1.28rem);
  line-height: 1.08;
}

#account-detail-modal .account-detail-layout {
  gap: 10px;
}

#account-detail-modal .account-detail-table-block {
  padding: 10px;
  border-radius: 14px;
}

#account-detail-modal .account-detail-filter-field {
  width: min(100%, 620px);
}

#account-detail-modal .account-detail-filter-field input {
  min-height: 44px;
  height: 44px;
  border-radius: 12px;
}

:root[data-theme="light"] #view-accounts > .client-module > .client-toolbar,
:root[data-theme="light"] #account-detail-modal .account-detail-table-block,
:root[data-theme="light"] #account-movement-context,
:root[data-theme="light"] #account-pending-context,
:root[data-theme="light"] #account-movement-fx-preview,
:root[data-theme="light"] #account-pending-receipt-card.pending-balance-receipt-card {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)),
    #ffffff;
}

:root[data-theme="light"] #view-accounts .table-shell thead th {
  background: #eaf2fb;
  color: #8a5c1a;
}

:root[data-theme="light"] #view-accounts .table-shell th:last-child,
:root[data-theme="light"] #view-accounts .table-shell td:last-child {
  background: #f8fafc;
}

@media (min-width: 1181px) and (max-width: 1536px) {
  #view-accounts > .client-module > .client-toolbar {
    grid-template-columns: minmax(420px, 1fr) minmax(190px, 0.28fr) minmax(190px, 0.28fr);
    padding: 10px 12px;
  }

  #view-accounts .table-shell {
    max-height: calc(100dvh - 236px);
  }

  #view-accounts .table-shell tbody td {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #view-accounts .table-shell th:nth-child(7),
  #view-accounts .table-shell td:nth-child(7) {
    width: 16% !important;
  }

  #view-accounts .table-shell td:nth-child(7) .inline-button,
  #view-accounts .table-shell td:nth-child(7) .secondary-button,
  #view-accounts .table-shell td:nth-child(7) .ghost-button {
    min-height: 29px;
    padding: 5px 7px;
    font-size: 0.74rem;
  }
}

@media (max-width: 980px) {
  #account-detail-modal #account-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  #account-editor-modal .modal-card,
  #account-movement-modal .modal-card,
  #account-pending-modal .modal-card,
  #account-detail-modal .account-detail-modal-card,
  #account-detail-modal .modal-card.wide.account-detail-modal-card {
    width: 100vw;
    max-width: 100vw;
    height: 98dvh;
    max-height: 98dvh;
    border-radius: 18px 18px 0 0;
  }

  #account-form > label,
  #account-movement-form > label,
  #account-pending-form > label {
    grid-column: 1 / -1;
  }

  #account-movement-fx-preview,
  #account-detail-modal #account-detail-summary {
    grid-template-columns: 1fr;
  }
}

/* Accounts v1-a2: fix old overrides that constrained detail cards and modal headers. */
#view-accounts > .client-module > .client-toolbar {
  grid-template-columns: minmax(430px, 1fr) minmax(188px, 0.27fr) minmax(188px, 0.27fr) !important;
  padding: 9px 12px !important;
  gap: 8px 10px !important;
}

#view-accounts .client-toolbar .search-select-trigger,
#view-accounts .client-toolbar .search-select-trigger-label,
#view-accounts .client-toolbar select,
#view-accounts .client-toolbar input {
  min-height: 42px !important;
  height: 42px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#view-accounts .table-shell td:nth-child(6) {
  overflow: visible !important;
}

#view-accounts .table-shell td:nth-child(7) .account-operator-info {
  display: none !important;
}

#account-detail-modal .account-detail-modal-card,
#account-detail-modal .modal-card.wide.account-detail-modal-card {
  padding: 16px 18px !important;
}

#account-detail-modal .account-detail-modal-card > .panel-head,
#account-movement-modal .modal-card > .panel-head,
#account-pending-modal .modal-card > .panel-head,
#account-editor-modal .modal-card > .panel-head {
  min-height: 72px !important;
  margin: -16px -18px 12px !important;
  padding: 12px 18px !important;
}

#account-detail-modal .account-detail-modal-card > .panel-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
}

#account-detail-modal .account-detail-modal-card > .panel-head h2,
#account-movement-modal .modal-card > .panel-head h2,
#account-pending-modal .modal-card > .panel-head h2,
#account-editor-modal .modal-card > .panel-head h2 {
  font-size: clamp(1.16rem, 0.8vw + 0.76rem, 1.52rem) !important;
}

#account-detail-modal .account-detail-modal-card .modal-subtitle {
  margin-top: 4px !important;
  max-width: 100% !important;
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
}

#account-detail-modal .account-detail-modal-card #account-detail-summary.detail-stack {
  display: grid !important;
  width: 100% !important;
  max-height: none !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  padding: 0 !important;
  overflow: visible !important;
}

#account-detail-modal .account-detail-modal-card #account-detail-summary .account-finance-card {
  width: auto !important;
  min-width: 0 !important;
  min-height: 66px !important;
}

#account-detail-modal .account-detail-modal-card #account-detail-summary .account-finance-value {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#account-movement-modal .modal-card,
#account-pending-modal .modal-card,
#account-editor-modal .modal-card {
  width: min(1080px, calc(100vw - 34px)) !important;
  padding: 16px 18px !important;
}

#account-movement-form,
#account-pending-form,
#account-form {
  gap: 10px 12px !important;
  overflow-y: auto !important;
}

#account-movement-form input,
#account-movement-form select,
#account-movement-form .search-select-trigger,
#account-pending-form input,
#account-pending-form select,
#account-pending-form .search-select-trigger,
#account-form input,
#account-form select,
#account-form .search-select-trigger {
  min-height: 46px !important;
  height: 46px !important;
}

#account-movement-context {
  padding: 10px 12px !important;
}

#account-movement-fx-preview {
  padding: 10px 12px !important;
}

#account-movement-form .form-actions,
#account-pending-form .form-actions,
#account-form .form-actions {
  margin-top: 2px !important;
  padding-top: 12px !important;
}

@media (max-width: 980px) {
  #account-detail-modal .account-detail-modal-card #account-detail-summary.detail-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Accounts v1-a3: align actual rendered finance grid and action column. */
#view-accounts > .client-module > .client-toolbar {
  grid-template-columns: minmax(0, 1fr) 240px 220px !important;
}

#view-accounts .client-toolbar .search-select-trigger,
#view-accounts .client-toolbar .search-select-trigger *,
#view-accounts .client-toolbar select,
#view-accounts .client-toolbar option {
  white-space: nowrap !important;
}

#view-accounts .table-shell th:nth-child(1),
#view-accounts .table-shell td:nth-child(1) { width: 18% !important; }
#view-accounts .table-shell th:nth-child(2),
#view-accounts .table-shell td:nth-child(2) { width: 14% !important; }
#view-accounts .table-shell th:nth-child(3),
#view-accounts .table-shell td:nth-child(3) { width: 9% !important; }
#view-accounts .table-shell th:nth-child(4),
#view-accounts .table-shell td:nth-child(4),
#view-accounts .table-shell th:nth-child(5),
#view-accounts .table-shell td:nth-child(5) { width: 13% !important; }
#view-accounts .table-shell th:nth-child(6),
#view-accounts .table-shell td:nth-child(6) { width: 12% !important; }
#view-accounts .table-shell th:nth-child(7),
#view-accounts .table-shell td:nth-child(7) { width: 21% !important; }

#view-accounts .table-shell td:nth-child(7) .inline-button-group {
  grid-template-columns: repeat(2, minmax(86px, 1fr)) !important;
}

#view-accounts .table-shell td:nth-child(7) .inline-button {
  font-size: 0.76rem !important;
}

#account-detail-modal #account-detail-summary.detail-stack {
  display: block !important;
  height: auto !important;
}

#account-detail-modal #account-detail-summary .account-finance-grid {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

#account-detail-modal #account-detail-summary .account-finance-card {
  width: auto !important;
  min-width: 0 !important;
}

#account-detail-modal #account-detail-summary .account-finance-card strong,
#account-detail-modal #account-detail-summary .account-finance-card .row-sub {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#account-detail-modal #account-detail-summary.detail-stack.is-collapsed,
#account-detail-modal #account-detail-summary.is-collapsed {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 980px) {
  #view-accounts > .client-module > .client-toolbar {
    grid-template-columns: 1fr !important;
  }

  #account-detail-modal #account-detail-summary .account-finance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Accounts v1-a11: laptop density pass for the account ledger detail modal. */
@media (min-width: 981px) and (max-width: 1600px) {
  #account-detail-modal .account-detail-modal-card,
  #account-detail-modal .modal-card.wide.account-detail-modal-card {
    width: min(1580px, calc(100vw - 18px)) !important;
    height: min(94dvh, calc(100dvh - 10px)) !important;
    max-height: min(94dvh, calc(100dvh - 10px)) !important;
    padding: 12px 14px !important;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head {
    min-height: 86px !important;
    margin: -12px -14px 8px !important;
    padding: 10px 14px !important;
    gap: 10px !important;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head .eyebrow {
    margin-bottom: 4px !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.2em !important;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head h2 {
    font-size: clamp(1.08rem, 0.72vw + 0.78rem, 1.34rem) !important;
    line-height: 1.05 !important;
  }

  #account-detail-modal .account-detail-modal-card .modal-subtitle {
    max-width: min(780px, 54vw) !important;
    margin-top: 4px !important;
    font-size: 0.72rem !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions {
    gap: 7px !important;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head .toolbar-actions button {
    min-height: 36px !important;
    padding-inline: 12px !important;
    font-size: 0.78rem !important;
  }

  #account-detail-modal .account-detail-table-block {
    padding: 7px 8px !important;
    border-radius: 12px !important;
  }

  #account-detail-modal .account-ledger-toolbar {
    grid-template-columns: minmax(118px, max-content) minmax(0, 1fr) !important;
    gap: 10px !important;
    padding-bottom: 5px !important;
  }

  #account-detail-modal .account-ledger-toolbar h3 {
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  #account-detail-modal .account-detail-filter-row {
    grid-template-columns: minmax(320px, 1fr) minmax(156px, 0.22fr) minmax(156px, 0.22fr) !important;
    gap: 7px !important;
  }

  #account-detail-modal .account-detail-filter-field {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  #account-detail-modal .account-detail-filter-field span {
    font-size: 0.72rem !important;
  }

  #account-detail-modal .account-detail-filter-field input {
    min-height: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 0.82rem !important;
    padding-inline: 10px !important;
  }

  #account-detail-modal .account-detail-layout {
    gap: 7px !important;
  }

  #account-detail-modal .account-ledger-table {
    gap: 5px !important;
  }

  #account-detail-modal .account-ledger-head,
  #account-detail-modal .account-ledger-row {
    grid-template-columns:
      minmax(92px, 0.48fr)
      minmax(270px, 1.62fr)
      minmax(136px, 0.7fr)
      minmax(104px, 0.5fr)
      minmax(142px, 0.7fr)
      minmax(84px, 0.42fr)
      minmax(138px, 0.66fr) !important;
    gap: 8px !important;
  }

  #account-detail-modal .account-ledger-head {
    min-height: 32px !important;
    padding: 0 9px !important;
    border-radius: 10px !important;
  }

  #account-detail-modal .account-ledger-sort {
    font-size: 0.64rem !important;
    letter-spacing: 0.07em !important;
  }

  #account-detail-modal .account-ledger-row {
    min-height: 48px !important;
    padding: 6px 9px !important;
    border-radius: 11px !important;
  }

  #account-detail-modal .account-ledger-date strong {
    font-size: 0.72rem !important;
    line-height: 1.08 !important;
  }

  #account-detail-modal .account-ledger-date span {
    margin-top: 1px !important;
    font-size: 0.62rem !important;
  }

  #account-detail-modal .account-ledger-concept strong {
    font-size: 0.76rem !important;
    line-height: 1.12 !important;
    -webkit-line-clamp: 2 !important;
  }

  #account-detail-modal .account-ledger-reference,
  #account-detail-modal .account-ledger-money span,
  #account-detail-modal .account-ledger-fx span,
  #account-detail-modal .account-ledger-balance span {
    font-size: 0.6rem !important;
    line-height: 1.05 !important;
  }

  #account-detail-modal .account-ledger-note {
    display: none !important;
  }

  #account-detail-modal .account-ledger-money strong,
  #account-detail-modal .account-ledger-fx strong,
  #account-detail-modal .account-ledger-balance strong {
    font-size: 0.8rem !important;
    line-height: 1.1 !important;
  }

  #account-detail-modal .account-ledger-state .status-chip,
  #account-detail-modal .account-ledger-type .status-chip {
    min-height: 18px !important;
    padding: 2px 6px !important;
    font-size: 0.5rem !important;
    letter-spacing: 0.035em !important;
  }
}

/* Accounts v1-a12: CxC-style banking ledger for account movements. */
#account-detail-modal .account-detail-modal-card,
#account-detail-modal .modal-card.wide.account-detail-modal-card {
  width: min(1600px, calc(100vw - 18px)) !important;
  height: min(96dvh, calc(100dvh - 8px)) !important;
  max-height: min(96dvh, calc(100dvh - 8px)) !important;
}

#account-detail-modal .account-detail-modal-card > .panel-head {
  min-height: 78px !important;
}

#account-detail-modal .account-detail-layout {
  display: block !important;
}

#account-detail-modal .account-detail-pending-block {
  display: none !important;
}

#account-detail-modal .account-detail-table-block:first-child {
  height: 100% !important;
}

#account-detail-modal #account-detail-movements {
  height: 100% !important;
}

#account-detail-modal .account-ledger-table {
  display: grid !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 38, 0.96), rgba(12, 18, 29, 0.96)),
    #101827 !important;
}

#account-detail-modal .account-ledger-list {
  display: block !important;
  max-height: calc(96dvh - 238px) !important;
  overflow: auto !important;
}

#account-detail-modal .account-ledger-head,
#account-detail-modal .account-ledger-row {
  display: grid !important;
  grid-template-columns:
    minmax(88px, 0.52fr)
    minmax(292px, 1.78fr)
    minmax(142px, 0.76fr)
    minmax(108px, 0.56fr)
    minmax(148px, 0.78fr)
    minmax(94px, 0.48fr)
    minmax(132px, 0.62fr) !important;
  align-items: center !important;
  gap: 10px !important;
}

#account-detail-modal .account-ledger-head {
  min-height: 38px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
  border-radius: 0 !important;
  background: rgba(2, 6, 23, 0.5) !important;
}

#account-detail-modal .account-ledger-row {
  min-height: 54px !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

#account-detail-modal .account-ledger-row:hover {
  background: rgba(148, 163, 184, 0.07) !important;
}

#account-detail-modal .account-ledger-row:last-child {
  border-bottom: 0 !important;
}

#account-detail-modal .account-ledger-row-commission {
  background: rgba(148, 163, 184, 0.045) !important;
}

#account-detail-modal .account-ledger-date strong {
  font-size: 0.72rem !important;
  line-height: 1.08 !important;
}

#account-detail-modal .account-ledger-date span {
  font-size: 0.61rem !important;
  line-height: 1.06 !important;
}

#account-detail-modal .account-ledger-concept {
  gap: 2px !important;
}

#account-detail-modal .account-ledger-concept strong {
  display: block !important;
  font-size: 0.78rem !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-line-clamp: unset !important;
}

#account-detail-modal .account-ledger-reference {
  display: block !important;
  font-size: 0.62rem !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#account-detail-modal .account-ledger-note {
  display: none !important;
}

#account-detail-modal .account-ledger-money,
#account-detail-modal .account-ledger-fx,
#account-detail-modal .account-ledger-balance {
  display: grid !important;
  justify-items: end !important;
  text-align: right !important;
  gap: 1px !important;
}

#account-detail-modal .account-ledger-money strong,
#account-detail-modal .account-ledger-fx strong,
#account-detail-modal .account-ledger-balance strong {
  font-size: 0.79rem !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
}

#account-detail-modal .account-ledger-money span,
#account-detail-modal .account-ledger-fx span,
#account-detail-modal .account-ledger-balance span {
  font-size: 0.58rem !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

#account-detail-modal .account-ledger-state,
#account-detail-modal .account-ledger-type {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

#account-detail-modal .account-ledger-state .status-chip,
#account-detail-modal .account-ledger-type .status-chip {
  max-width: 100% !important;
  min-height: 18px !important;
  padding: 2px 6px !important;
  font-size: 0.49rem !important;
  line-height: 1.05 !important;
  letter-spacing: 0.035em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

:root[data-theme="light"] #account-detail-modal .account-ledger-table {
  border-color: rgba(167, 181, 196, 0.48) !important;
  background: #ffffff !important;
}

:root[data-theme="light"] #account-detail-modal .account-ledger-head {
  background: #eaf2fb !important;
  border-bottom-color: rgba(167, 181, 196, 0.44) !important;
}

:root[data-theme="light"] #account-detail-modal .account-ledger-row {
  border-bottom-color: rgba(167, 181, 196, 0.24) !important;
}

:root[data-theme="light"] #account-detail-modal .account-ledger-row:hover {
  background: #f8fafc !important;
}

@media (min-width: 981px) and (max-width: 1600px) {
  #account-detail-modal .account-detail-modal-card,
  #account-detail-modal .modal-card.wide.account-detail-modal-card {
    padding: 10px 12px !important;
  }

  #account-detail-modal .account-detail-modal-card > .panel-head {
    margin: -10px -12px 7px !important;
    padding: 9px 12px !important;
    min-height: 74px !important;
  }

  #account-detail-modal .account-detail-table-block {
    padding: 6px 8px !important;
  }

  #account-detail-modal .account-ledger-toolbar {
    padding-bottom: 5px !important;
  }

  #account-detail-modal .account-detail-filter-row {
    grid-template-columns: minmax(300px, 1fr) minmax(164px, 0.24fr) minmax(164px, 0.24fr) !important;
  }

  #account-detail-modal .account-detail-date-field {
    grid-template-columns: auto minmax(126px, 1fr) !important;
  }

  #account-detail-modal .account-detail-date-field input {
    min-width: 126px !important;
    padding-inline: 10px !important;
    font-size: 0.72rem !important;
  }

  #account-detail-modal .account-ledger-list {
    max-height: calc(96dvh - 214px) !important;
  }

  #account-detail-modal .account-ledger-head,
  #account-detail-modal .account-ledger-row {
    grid-template-columns:
      minmax(84px, 0.48fr)
      minmax(282px, 1.7fr)
      minmax(134px, 0.72fr)
      minmax(104px, 0.54fr)
      minmax(142px, 0.74fr)
      minmax(86px, 0.42fr)
      minmax(126px, 0.58fr) !important;
    gap: 8px !important;
  }

  #account-detail-modal .account-ledger-row {
    min-height: 46px !important;
    padding: 5px 10px !important;
  }
}

/* Accounts v1-a14: compact account movement modal without duplicated account card. */
#account-movement-modal .modal-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: min(92dvh, calc(100dvh - 28px)) !important;
}

#account-movement-modal .modal-card > .panel-head {
  min-height: 82px !important;
  margin-bottom: 12px !important;
  padding-block: 16px !important;
}

#account-movement-modal #account-movement-title {
  margin-bottom: 4px !important;
}

#account-movement-modal #account-movement-subtitle {
  margin: 0 !important;
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
}

#account-movement-modal #account-movement-form {
  align-content: start !important;
  padding-top: 10px !important;
}

#account-movement-modal #account-movement-form > label {
  min-height: 0 !important;
}

@media (min-width: 981px) {
  #account-movement-modal #account-movement-form {
    grid-template-columns: minmax(240px, 1.05fr) minmax(170px, 0.7fr) minmax(150px, 0.58fr) minmax(130px, 0.52fr) !important;
  }

  #account-movement-modal #account-movement-form > label:nth-of-type(1),
  #account-movement-modal #account-movement-form > label:nth-of-type(2),
  #account-movement-modal #account-movement-form > label:nth-of-type(3),
  #account-movement-modal #account-movement-form > label:nth-of-type(4) {
    grid-column: span 1 !important;
  }
}

/* Accounts v1-a18: ingreso manual con comprobante, sin tocar API global. */
#account-movement-modal .account-movement-receipt-link {
  grid-column: span 4 !important;
}

#account-movement-modal #account-movement-receipt-card.account-movement-receipt-card {
  grid-column: span 4 !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  min-height: 0 !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-head-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-head {
  gap: 3px !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-head strong {
  font-size: 0.96rem !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-filehint,
#account-movement-modal #account-movement-receipt-card .receipt-composer-drop-title span {
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-drop {
  min-height: 82px !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-actions {
  justify-content: flex-end !important;
  gap: 8px !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-actions .ghost-button,
#account-movement-modal #account-movement-receipt-card .receipt-file-trigger {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 16px !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-paste-preview {
  grid-column: 1 / -1 !important;
  max-height: 120px !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-paste-preview img {
  max-height: 110px !important;
  object-fit: contain !important;
}

#account-movement-modal #account-movement-receipt-card[data-dragover="1"] {
  border-color: rgba(214, 170, 100, 0.78) !important;
  box-shadow: 0 0 0 3px rgba(214, 170, 100, 0.16) !important;
}

:root[data-theme="light"] #account-movement-modal #account-movement-receipt-card.account-movement-receipt-card {
  border-color: rgba(15, 23, 42, 0.1) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)), #ffffff !important;
}

@media (max-width: 980px) {
  #account-movement-modal #account-movement-receipt-card .receipt-composer-head-row,
  #account-movement-modal #account-movement-receipt-card .receipt-composer-drop {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
}

/* Accounts v1-a19: more breathing room plus confirmation-ready flow. */
#account-movement-modal .modal-card {
  width: min(1120px, calc(100vw - 34px)) !important;
  min-height: min(760px, calc(100dvh - 28px)) !important;
  padding: 20px 22px !important;
}

#account-movement-modal .modal-card > .panel-head {
  margin: -20px -22px 18px !important;
}

#account-movement-modal #account-movement-form {
  gap: 14px 12px !important;
  padding-bottom: 18px !important;
}

#account-movement-modal #account-movement-form input,
#account-movement-modal #account-movement-form select,
#account-movement-modal #account-movement-form .search-select-trigger {
  min-height: 50px !important;
  height: 50px !important;
}

#account-movement-modal .account-movement-fx-preview {
  padding: 14px 16px !important;
}

#account-movement-modal #account-movement-receipt-card.account-movement-receipt-card {
  padding: 14px 16px !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-drop {
  min-height: 94px !important;
  padding: 12px 14px !important;
  cursor: default !important;
}

#account-movement-modal #account-movement-receipt-file.receipt-file-input {
  position: absolute !important;
  inset: auto !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-file-trigger {
  cursor: pointer !important;
  pointer-events: auto !important;
}

#account-movement-modal #account-movement-receipt-card .receipt-composer-drop:focus-within,
#account-movement-modal #account-movement-receipt-card .receipt-composer-drop:focus {
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(214, 170, 100, 0.34) !important;
}

#account-movement-modal .modal-card #account-movement-form .form-actions {
  margin-top: 4px !important;
  padding-top: 14px !important;
}

#account-movement-modal .premium-dialog-card {
  min-height: auto !important;
}

@media (max-width: 640px) {
  .premium-dialog-details {
    grid-template-columns: 1fr;
  }
}

/* Accounts v1-a21: banking ledger density tuned for readability. */
#account-detail-modal .account-ledger-list {
  max-height: calc(96dvh - 248px) !important;
}

#account-detail-modal .account-ledger-table {
  border-radius: 14px !important;
}

#account-detail-modal .account-ledger-head {
  min-height: 40px !important;
  padding: 0 14px !important;
}

#account-detail-modal .account-ledger-row {
  min-height: 60px !important;
  padding: 9px 14px !important;
}

#account-detail-modal .account-ledger-date strong {
  font-size: 0.76rem !important;
  line-height: 1.14 !important;
}

#account-detail-modal .account-ledger-date span {
  font-size: 0.64rem !important;
  line-height: 1.12 !important;
}

#account-detail-modal .account-ledger-concept {
  gap: 4px !important;
}

#account-detail-modal .account-ledger-concept strong {
  font-size: 0.82rem !important;
  line-height: 1.2 !important;
}

#account-detail-modal .account-ledger-reference,
#account-detail-modal .account-ledger-money span,
#account-detail-modal .account-ledger-fx span,
#account-detail-modal .account-ledger-balance span {
  font-size: 0.64rem !important;
  line-height: 1.12 !important;
}

#account-detail-modal .account-ledger-money,
#account-detail-modal .account-ledger-fx,
#account-detail-modal .account-ledger-balance {
  gap: 3px !important;
}

#account-detail-modal .account-ledger-money strong,
#account-detail-modal .account-ledger-fx strong,
#account-detail-modal .account-ledger-balance strong {
  font-size: 0.84rem !important;
  line-height: 1.16 !important;
}

#account-detail-modal .account-ledger-state .status-chip,
#account-detail-modal .account-ledger-type .status-chip {
  min-height: 22px !important;
  padding: 4px 8px !important;
  font-size: 0.54rem !important;
  line-height: 1.08 !important;
}

@media (min-width: 981px) and (max-width: 1600px) {
  #account-detail-modal .account-ledger-list {
    max-height: calc(96dvh - 230px) !important;
  }

  #account-detail-modal .account-ledger-head {
    min-height: 38px !important;
    padding: 0 12px !important;
  }

  #account-detail-modal .account-ledger-row {
    min-height: 58px !important;
    padding: 8px 12px !important;
  }

  #account-detail-modal .account-ledger-date strong {
    font-size: 0.75rem !important;
  }

  #account-detail-modal .account-ledger-date span {
    font-size: 0.64rem !important;
  }

  #account-detail-modal .account-ledger-concept strong {
    font-size: 0.81rem !important;
  }

  #account-detail-modal .account-ledger-reference,
  #account-detail-modal .account-ledger-money span,
  #account-detail-modal .account-ledger-fx span,
  #account-detail-modal .account-ledger-balance span {
    font-size: 0.63rem !important;
  }

  #account-detail-modal .account-ledger-money strong,
  #account-detail-modal .account-ledger-fx strong,
  #account-detail-modal .account-ledger-balance strong {
    font-size: 0.83rem !important;
  }
}

/* Accounts v1-a22: cleaner main accounts list. */
#view-accounts .account-country-currency-line {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 5px !important;
  color: var(--text-soft) !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
}

#view-accounts .account-table-country-flag {
  width: 24px !important;
  height: 17px !important;
  border-radius: 5px !important;
}

#view-accounts td[data-label="Rol"] .row-main,
#view-accounts td[data-label="Pendiente"] .row-main {
  display: block !important;
}

#view-accounts td[data-label="Pendiente"] .row-sub,
#view-accounts td[data-label="Rol"] .row-sub {
  display: none !important;
}

/* Accounts v1-a23: align main table headers with their columns. */
#view-accounts #accounts-table.table-shell table {
  table-layout: fixed !important;
}

#view-accounts #accounts-table.table-shell th:nth-child(4),
#view-accounts #accounts-table.table-shell th:nth-child(5),
#view-accounts #accounts-table.table-shell td:nth-child(4),
#view-accounts #accounts-table.table-shell td:nth-child(5) {
  text-align: right !important;
}

#view-accounts #accounts-table.table-shell th:nth-child(4) .table-sort-button,
#view-accounts #accounts-table.table-shell th:nth-child(5) .table-sort-button {
  justify-content: flex-end !important;
  width: 100% !important;
  text-align: right !important;
}

#view-accounts #accounts-table.table-shell td:nth-child(4) .row-main,
#view-accounts #accounts-table.table-shell td:nth-child(4) .row-sub,
#view-accounts #accounts-table.table-shell td:nth-child(5) .row-main,
#view-accounts #accounts-table.table-shell td:nth-child(5) .row-sub {
  text-align: right !important;
}

#view-accounts #accounts-table.table-shell th:nth-child(6),
#view-accounts #accounts-table.table-shell td:nth-child(6) {
  text-align: center !important;
}

#view-accounts #accounts-table.table-shell th:nth-child(6) .table-sort-button {
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

#view-accounts #accounts-table.table-shell td:nth-child(6) {
  vertical-align: middle !important;
}

#view-accounts #accounts-table.table-shell td:nth-child(6) .status-switch,
#view-accounts #accounts-table.table-shell td:nth-child(6) .status-chip {
  margin-inline: auto !important;
}

#view-accounts #accounts-table.table-shell th:nth-child(7),
#view-accounts #accounts-table.table-shell td:nth-child(7) {
  text-align: center !important;
}

/* Accounts v1-a24: account detail ledger alignment and breathing. */
#account-detail-modal #account-detail-summary:not(.is-collapsed) {
  margin-bottom: 10px !important;
}

#account-detail-modal .account-ledger-table {
  margin-top: 2px !important;
}

#account-detail-modal .account-ledger-head > * {
  min-width: 0 !important;
}

#account-detail-modal .account-ledger-head > :nth-child(3),
#account-detail-modal .account-ledger-head > :nth-child(4),
#account-detail-modal .account-ledger-head > :nth-child(5) {
  justify-self: end !important;
  text-align: right !important;
}

#account-detail-modal .account-ledger-head > :nth-child(6),
#account-detail-modal .account-ledger-head > :nth-child(7) {
  justify-self: center !important;
  text-align: center !important;
}

#account-detail-modal .account-ledger-date {
  display: grid !important;
  gap: 4px !important;
  align-content: center !important;
}

#account-detail-modal .account-ledger-date strong,
#account-detail-modal .account-ledger-date span {
  display: block !important;
}

#account-detail-modal .account-ledger-balance span {
  display: none !important;
}

#account-detail-modal .account-ledger-state,
#account-detail-modal .account-ledger-type {
  justify-content: center !important;
}

/* Pending balances v1-a25: banking-density baseline from approved Accounts module. */
#view-pending-balances .pending-balances-module {
  gap: 12px !important;
}

#view-pending-balances .pending-balances-module > .panel-head.client-head {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#view-pending-balances .pending-balances-module > .panel-head.client-head .toolbar-actions {
  justify-content: flex-end !important;
}

#view-pending-balances .pending-balances-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#view-pending-balances .pending-balances-kpis .metric-card {
  min-height: 64px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
}

#view-pending-balances .pending-balances-kpis .metric-card .metric-label {
  font-size: 0.66rem !important;
}

#view-pending-balances .pending-balances-kpis .metric-card strong {
  font-size: clamp(1.16rem, 1.18vw, 1.52rem) !important;
  line-height: 1.08 !important;
}

#view-pending-balances #pending-balances-kpi-amount {
  font-size: clamp(1rem, 1.05vw, 1.32rem) !important;
  white-space: nowrap !important;
}

#view-pending-balances .pending-balances-toolbar {
  display: grid !important;
  grid-template-columns: minmax(420px, 1fr) minmax(180px, 0.16fr) minmax(180px, 0.16fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
}

#view-pending-balances .pending-balances-toolbar label {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  min-width: 0 !important;
}

#view-pending-balances .pending-balances-toolbar label > span {
  margin: 0 !important;
  white-space: nowrap !important;
}

#view-pending-balances .pending-balances-toolbar input,
#view-pending-balances .pending-balances-toolbar select {
  min-height: 40px !important;
}

#view-pending-balances .pending-balances-table-shell {
  max-height: calc(100dvh - 330px) !important;
  overflow: auto !important;
  border-radius: 14px !important;
}

#view-pending-balances .pending-balances-table-shell table {
  table-layout: fixed !important;
}

#view-pending-balances .pending-balances-table-shell th,
#view-pending-balances .pending-balances-table-shell td {
  vertical-align: middle !important;
}

#view-pending-balances .pending-balances-table-shell th:nth-child(4),
#view-pending-balances .pending-balances-table-shell td:nth-child(4) { width: 13% !important; text-align: right !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(5),
#view-pending-balances .pending-balances-table-shell td:nth-child(5) { width: 12% !important; text-align: center !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(6),
#view-pending-balances .pending-balances-table-shell td:nth-child(6) { width: 10% !important; text-align: center !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(7),
#view-pending-balances .pending-balances-table-shell td:nth-child(7) { width: 12% !important; text-align: center !important; }

#view-pending-balances .pending-balances-table-shell tbody td {
  padding-block: 12px !important;
}

#view-pending-balances .pending-balances-table-shell .row-main {
  display: block !important;
  line-height: 1.18 !important;
}

#view-pending-balances .pending-balances-table-shell td[data-label="Cuenta"] .row-main,
#view-pending-balances .pending-balances-table-shell td[data-label="Recibo"] .row-main,
#view-pending-balances .pending-balances-table-shell td[data-label="Cuenta"] .row-sub,
#view-pending-balances .pending-balances-table-shell td[data-label="Recibo"] .row-sub {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#view-pending-balances .pending-balances-table-shell .row-sub {
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
}

#view-pending-balances .pending-balance-date-cell {
  display: grid !important;
  gap: 4px !important;
  line-height: 1.12 !important;
}

#view-pending-balances .pending-balance-date-cell strong,
#view-pending-balances .pending-balance-date-cell span,
#view-pending-balances .pending-balance-date-cell em {
  display: block !important;
  font-style: normal !important;
}

#view-pending-balances .pending-balance-date-cell strong {
  color: var(--text) !important;
  font-weight: 900 !important;
}

#view-pending-balances .pending-balance-date-cell span,
#view-pending-balances .pending-balance-date-cell em {
  color: var(--text-soft) !important;
  font-size: 0.72rem !important;
}

#view-pending-balances .pending-balances-table-shell td[data-label="Monto"] .row-main {
  justify-content: flex-end !important;
  text-align: right !important;
}

#view-pending-balances .pending-balances-table-shell td[data-label="Evidencia"] .row-sub,
#view-pending-balances .pending-balances-table-shell td[data-label="Estado"] .row-sub,
#view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .row-sub {
  display: none !important;
}

#view-pending-balances .pending-balances-table-shell td[data-label="Estado"] .status-chip,
#view-pending-balances .pending-balances-table-shell td[data-label="Evidencia"] .status-chip {
  margin-inline: auto !important;
}

#view-pending-balances .pending-balances-table-shell .inline-button-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
}

#view-pending-balances .pending-balances-table-shell .inline-button {
  width: 100% !important;
  min-height: 34px !important;
  justify-content: center !important;
}

@media (min-width: 981px) and (max-width: 1440px) {
  #view-pending-balances .pending-balances-table-shell {
    max-height: calc(100dvh - 306px) !important;
  }

  #view-pending-balances .pending-balances-table-shell tbody td {
    padding-block: 10px !important;
  }
}

/* Pending balances v1-a26: compact resolution modals and laptop table fit. */
body[data-active-view="pending-balances"] .workspace-head {
  padding-bottom: 14px !important;
  margin-bottom: 12px !important;
}

body[data-active-view="pending-balances"] .workspace-head h2 {
  font-size: clamp(2.1rem, 2.5vw, 3rem) !important;
  line-height: 1 !important;
  margin-bottom: 6px !important;
}

body[data-active-view="pending-balances"] .workspace-head p {
  max-width: 760px !important;
  font-size: 0.96rem !important;
  line-height: 1.35 !important;
}

#view-pending-balances .pending-balances-table-shell th:nth-child(1),
#view-pending-balances .pending-balances-table-shell td:nth-child(1) { width: 9% !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(2),
#view-pending-balances .pending-balances-table-shell td:nth-child(2) { width: 21% !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(3),
#view-pending-balances .pending-balances-table-shell td:nth-child(3) { width: 22% !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(4),
#view-pending-balances .pending-balances-table-shell td:nth-child(4) { width: 12% !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(5),
#view-pending-balances .pending-balances-table-shell td:nth-child(5) { width: 10% !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(6),
#view-pending-balances .pending-balances-table-shell td:nth-child(6) { width: 10% !important; }
#view-pending-balances .pending-balances-table-shell th:nth-child(7),
#view-pending-balances .pending-balances-table-shell td:nth-child(7) { width: 16% !important; }

#view-pending-balances .pending-balances-table-shell th,
#view-pending-balances .pending-balances-table-shell td {
  padding-inline: 10px !important;
}

#view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] {
  padding-inline: 8px !important;
}

#view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .inline-button-group {
  min-width: 0 !important;
}

#view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .inline-button {
  min-width: 0 !important;
  min-height: 32px !important;
  padding-inline: 8px !important;
  border-radius: 10px !important;
  font-size: 0.78rem !important;
  white-space: nowrap !important;
}

#view-pending-balances .pending-balances-table-shell td[data-label="Estado"] .status-chip,
#view-pending-balances .pending-balances-table-shell td[data-label="Evidencia"] .status-chip {
  max-width: 100% !important;
  padding-inline: 9px !important;
  font-size: 0.75rem !important;
  white-space: nowrap !important;
}

#account-pending-modal .pending-balance-modal-card,
#pending-balance-action-modal .pending-balance-modal-card {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-height: min(88dvh, 780px) !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head,
#pending-balance-action-modal .pending-balance-modal-card > .panel-head {
  min-height: 0 !important;
  padding: 18px 26px 16px !important;
  align-items: center !important;
  border-bottom: 1px solid var(--line) !important;
  background: linear-gradient(180deg, rgba(74, 91, 111, 0.08), transparent) !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head .eyebrow,
#pending-balance-action-modal .pending-balance-modal-card > .panel-head .eyebrow {
  margin-bottom: 7px !important;
  font-size: 0.64rem !important;
  letter-spacing: 0.2em !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head h2,
#pending-balance-action-modal .pending-balance-modal-card > .panel-head h2 {
  margin: 0 !important;
  font-size: clamp(1.35rem, 1.55vw, 1.85rem) !important;
  line-height: 1.1 !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head .ghost-button,
#pending-balance-action-modal .pending-balance-modal-card > .panel-head .ghost-button {
  min-height: 42px !important;
  padding-inline: 18px !important;
}

#pending-balance-action-modal #pending-balance-action-form {
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.58fr) !important;
  gap: 12px 14px !important;
  padding: 18px 26px 20px !important;
  max-height: calc(min(88dvh, 780px) - 88px) !important;
  overflow: auto !important;
}

#pending-balance-action-modal #pending-balance-action-summary {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
}

#pending-balance-action-modal #pending-balance-action-form > label.full-span:nth-of-type(1) {
  grid-column: 1 / 2 !important;
}

#pending-balance-action-modal #pending-balance-action-form > label.full-span:nth-of-type(2) {
  grid-column: 2 / 3 !important;
}

#pending-balance-action-modal #pending-balance-action-form textarea {
  min-height: 96px !important;
  resize: vertical !important;
}

#pending-balance-action-modal #pending-balance-action-form input {
  min-height: 46px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card {
  grid-column: 1 / -1 !important;
  padding: 14px 16px !important;
  gap: 10px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-head-row {
  align-items: center !important;
}

#pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

#pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-drop {
  min-height: 86px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  padding: 12px 14px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-filehint {
  font-size: 0.86rem !important;
  line-height: 1.25 !important;
}

#pending-balance-action-modal #pending-balance-action-form .form-actions {
  grid-column: 1 / -1 !important;
  margin-top: 4px !important;
  padding-top: 14px !important;
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (min-width: 981px) and (max-width: 1440px) {
  body[data-active-view="pending-balances"] .workspace-head {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
  }

  body[data-active-view="pending-balances"] .workspace-head h2 {
    font-size: 2.45rem !important;
  }

  body[data-active-view="pending-balances"] .workspace-head p {
    font-size: 0.9rem !important;
  }

  #view-pending-balances .pending-balances-table-shell th:nth-child(1),
  #view-pending-balances .pending-balances-table-shell td:nth-child(1) { width: 9% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(2),
  #view-pending-balances .pending-balances-table-shell td:nth-child(2) { width: 20% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(3),
  #view-pending-balances .pending-balances-table-shell td:nth-child(3) { width: 20% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(4),
  #view-pending-balances .pending-balances-table-shell td:nth-child(4) { width: 12% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(5),
  #view-pending-balances .pending-balances-table-shell td:nth-child(5) { width: 10% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(6),
  #view-pending-balances .pending-balances-table-shell td:nth-child(6) { width: 10% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(7),
  #view-pending-balances .pending-balances-table-shell td:nth-child(7) { width: 19% !important; }

  #view-pending-balances .pending-balances-table-shell .inline-button-group {
    gap: 5px !important;
  }

  #view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .inline-button {
    min-height: 30px !important;
    padding-inline: 6px !important;
    font-size: 0.72rem !important;
  }

  #view-pending-balances .pending-balances-table-shell td[data-label="Evidencia"] .status-chip,
  #view-pending-balances .pending-balances-table-shell td[data-label="Estado"] .status-chip {
    font-size: 0.7rem !important;
    padding-inline: 7px !important;
  }

  #account-pending-modal .pending-balance-modal-card,
  #pending-balance-action-modal .pending-balance-modal-card {
    width: min(94vw, 1120px) !important;
    max-height: 86dvh !important;
  }

  #account-pending-modal .pending-balance-modal-card > .panel-head,
  #pending-balance-action-modal .pending-balance-modal-card > .panel-head {
    padding: 14px 22px 13px !important;
  }

  #pending-balance-action-modal #pending-balance-action-form {
    padding: 14px 22px 18px !important;
    max-height: calc(86dvh - 78px) !important;
  }
}

@media (max-width: 980px) {
  #pending-balance-action-modal #pending-balance-action-form {
    grid-template-columns: 1fr !important;
  }

  #pending-balance-action-modal #pending-balance-action-form > label.full-span:nth-of-type(1),
  #pending-balance-action-modal #pending-balance-action-form > label.full-span:nth-of-type(2) {
    grid-column: 1 / -1 !important;
  }
}

/* Pending balances v1-a27: expanded-sidebar laptop fit and scroll-free action modals. */
#pending-balance-action-modal .pending-balance-modal-card {
  width: min(1260px, calc(100vw - 32px)) !important;
  max-height: min(94dvh, 860px) !important;
  overflow: hidden !important;
}

#pending-balance-action-modal #pending-balance-action-form {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.64fr) !important;
  gap: 12px 14px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 16px 28px 18px !important;
}

#pending-balance-action-modal #pending-balance-action-summary {
  padding: 12px 16px !important;
}

#pending-balance-action-modal #pending-balance-action-form textarea {
  min-height: 82px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card {
  padding: 12px 16px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-drop {
  min-height: 70px !important;
  padding: 10px 14px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-head-row {
  gap: 10px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-actions {
  justify-content: flex-end !important;
}

#pending-balance-action-modal #pending-balance-action-form .form-actions {
  padding-top: 12px !important;
}

@media (min-width: 981px) and (max-width: 1440px) {
  body:not(.sidebar-collapsed)[data-active-view="pending-balances"] .workspace-head {
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
  }

  body:not(.sidebar-collapsed)[data-active-view="pending-balances"] .workspace-head h2 {
    font-size: 2.1rem !important;
  }

  body:not(.sidebar-collapsed)[data-active-view="pending-balances"] .workspace-head p {
    max-width: 680px !important;
    font-size: 0.84rem !important;
    line-height: 1.25 !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-kpis {
    gap: 8px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-kpis .metric-card {
    min-height: 56px !important;
    padding: 9px 11px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-kpis .metric-card strong,
  body:not(.sidebar-collapsed) #view-pending-balances #pending-balances-kpi-amount {
    font-size: 1.08rem !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar {
    grid-template-columns: minmax(0, 1fr) 128px 128px !important;
    gap: 7px !important;
    padding: 8px 9px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar label {
    gap: 5px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar input,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar select {
    min-height: 36px !important;
    font-size: 0.88rem !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell {
    max-height: calc(100dvh - 284px) !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td {
    padding-inline: 7px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th {
    font-size: 0.68rem !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell tbody td {
    padding-block: 9px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th:nth-child(5),
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td:nth-child(5) { width: 9% !important; }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balance-date-cell {
    gap: 2px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balance-date-cell strong {
    font-size: 0.92rem !important;
    line-height: 1.05 !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balance-date-cell span,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balance-date-cell em {
    font-size: 0.62rem !important;
    line-height: 1.05 !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell .row-main {
    font-size: 0.96rem !important;
    line-height: 1.1 !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell .row-sub {
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Monto"] .row-main {
    font-size: 1rem !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Evidencia"] .status-chip,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Estado"] .status-chip {
    font-size: 0.62rem !important;
    min-height: 24px !important;
    padding-inline: 6px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Evidencia"] .status-chip::before {
    margin-right: 4px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .inline-button {
    min-height: 28px !important;
    padding-inline: 4px !important;
    font-size: 0.68rem !important;
    border-radius: 9px !important;
  }

  #pending-balance-action-modal .pending-balance-modal-card {
    width: min(96vw, 1220px) !important;
    max-height: 92dvh !important;
  }

  #pending-balance-action-modal #pending-balance-action-form {
    padding: 14px 24px 16px !important;
    gap: 10px 12px !important;
  }

  #pending-balance-action-modal #pending-balance-action-form textarea {
    min-height: 74px !important;
  }

  #pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-drop {
    min-height: 64px !important;
  }
}

/* Pending balances v1-a28: register-pending modal visible actions without inner scroll. */
#account-pending-modal .pending-balance-modal-card {
  width: min(1240px, calc(100vw - 24px)) !important;
  max-height: 96dvh !important;
  padding: 14px 18px !important;
  overflow: hidden !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head {
  min-height: 64px !important;
  margin: -14px -18px 10px !important;
  padding: 12px 18px !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head .eyebrow {
  margin-bottom: 6px !important;
  font-size: 0.62rem !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head h2 {
  font-size: clamp(1.32rem, 1.34vw, 1.72rem) !important;
  line-height: 1.06 !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head .ghost-button {
  min-height: 38px !important;
  padding-inline: 16px !important;
}

#account-pending-form {
  gap: 8px 12px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 4px 12px !important;
}

#account-pending-form > label > span {
  margin-bottom: 4px !important;
  font-size: 0.74rem !important;
}

#account-pending-form input,
#account-pending-form select,
#account-pending-form textarea,
#account-pending-form .search-select-trigger {
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 11px !important;
  font-size: 0.9rem !important;
}

#account-pending-form #account-pending-account-wrap .search-select-trigger {
  min-height: 44px !important;
  height: 44px !important;
}

#account-pending-receipt-card.pending-balance-receipt-card {
  gap: 8px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
}

#account-pending-receipt-card .receipt-composer-head-row {
  align-items: center !important;
  gap: 8px !important;
}

#account-pending-receipt-card .receipt-composer-head strong {
  font-size: 0.92rem !important;
  line-height: 1.12 !important;
}

#account-pending-receipt-card .receipt-composer-head .row-sub {
  font-size: 0.8rem !important;
  line-height: 1.2 !important;
}

#account-pending-receipt-card .receipt-composer-drop {
  min-height: 58px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 8px 12px !important;
}

#account-pending-receipt-card .receipt-composer-drop::after {
  inset: 6px !important;
}

#account-pending-receipt-card .receipt-composer-filehint {
  font-size: 0.78rem !important;
  line-height: 1.16 !important;
}

#account-pending-receipt-card .receipt-file-trigger,
#account-pending-receipt-card .receipt-composer-actions .ghost-button {
  min-height: 34px !important;
  padding: 7px 11px !important;
}

#account-pending-form .form-actions {
  margin-top: 4px !important;
  padding-top: 10px !important;
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (min-width: 981px) and (max-width: 1440px) {
  #account-pending-modal .pending-balance-modal-card {
    width: min(96vw, 1180px) !important;
    max-height: 96dvh !important;
  }

  #account-pending-form {
    gap: 7px 10px !important;
  }

  #account-pending-form input,
  #account-pending-form select,
  #account-pending-form textarea,
  #account-pending-form .search-select-trigger {
    min-height: 40px !important;
    height: 40px !important;
  }

  #account-pending-receipt-card .receipt-composer-drop {
    min-height: 54px !important;
  }
}

/* Pending balances v1-a29: breathing room above register-pending account selector. */
#account-pending-form #account-pending-account-wrap {
  margin-top: 8px !important;
}

#account-pending-form #account-pending-account-wrap > span {
  margin-bottom: 7px !important;
}

#account-pending-modal .pending-balance-modal-card > .panel-head {
  margin-bottom: 12px !important;
}

#account-pending-form .form-actions {
  margin-top: 2px !important;
}

/* Pending balances v1-a30: expanded-sidebar table fit and action-modal label clearance. */
@media (min-width: 981px) and (max-width: 1440px) {
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(104px, 118px) minmax(104px, 118px) !important;
    gap: 8px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar label {
    grid-template-columns: auto minmax(0, 1fr) !important;
    min-width: 0 !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar label > span {
    font-size: 0.7rem !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar input,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-toolbar select {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 0.82rem !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell table {
    table-layout: fixed !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th:nth-child(5),
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td:nth-child(5) {
    display: none !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th:nth-child(1),
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td:nth-child(1) { width: 10% !important; }
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th:nth-child(2),
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td:nth-child(2) { width: 24% !important; }
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th:nth-child(3),
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td:nth-child(3) { width: 23% !important; }
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th:nth-child(4),
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td:nth-child(4) { width: 15% !important; text-align: right !important; }
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th:nth-child(6),
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td:nth-child(6) { width: 12% !important; text-align: center !important; }
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell th:nth-child(7),
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td:nth-child(7) { width: 16% !important; text-align: center !important; }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Cuenta"] .row-main,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Recibo"] .row-main,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Cuenta"] .row-sub,
  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Recibo"] .row-sub {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Estado"] .status-chip {
    max-width: 100% !important;
    padding-inline: 7px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .inline-button-group {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body:not(.sidebar-collapsed) #view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .inline-button {
    min-width: 0 !important;
    padding-inline: 6px !important;
    font-size: 0.72rem !important;
  }
}

#pending-balance-action-modal .pending-balance-modal-card {
  width: min(1240px, calc(100vw - 28px)) !important;
}

#pending-balance-action-modal #pending-balance-action-form {
  row-gap: 16px !important;
  align-items: start !important;
  overflow: visible !important;
}

#pending-balance-action-modal #pending-balance-action-summary {
  margin: 0 0 14px !important;
  position: relative !important;
  z-index: 0 !important;
}

#pending-balance-action-modal #pending-balance-action-form > label {
  position: relative !important;
  z-index: 1 !important;
}

#pending-balance-action-modal #pending-balance-action-form > label > span {
  display: block !important;
  margin: 0 0 8px !important;
  line-height: 1.2 !important;
}

#pending-balance-action-modal #pending-balance-action-form textarea,
#pending-balance-action-modal #pending-balance-action-form input {
  position: relative !important;
  z-index: 0 !important;
}

#pending-balance-action-modal .pending-balance-receipt-card {
  margin-top: 2px !important;
}

#pending-balance-action-modal #pending-balance-action-form .form-actions {
  margin-top: 2px !important;
}

/* Pending balances v1-a31: laptop-scale foundation, table readability, modal breathing. */
@media (min-width: 981px) and (max-width: 1680px) {
  body[data-active-view="pending-balances"] .workspace-head {
    padding-bottom: 9px !important;
    margin-bottom: 10px !important;
  }

  body[data-active-view="pending-balances"] .workspace-head h2 {
    font-size: clamp(2rem, 3.1vw, 2.65rem) !important;
    line-height: 0.98 !important;
    margin-bottom: 6px !important;
  }

  body[data-active-view="pending-balances"] .workspace-head p {
    max-width: 680px !important;
    font-size: 0.86rem !important;
    line-height: 1.24 !important;
  }

  #view-pending-balances .pending-balances-module {
    gap: 10px !important;
  }

  #view-pending-balances .pending-balances-kpis {
    gap: 8px !important;
  }

  #view-pending-balances .pending-balances-kpis .metric-card {
    min-height: 56px !important;
    padding: 9px 12px !important;
    border-radius: 11px !important;
  }

  #view-pending-balances .pending-balances-kpis .metric-card .metric-label {
    font-size: 0.62rem !important;
  }

  #view-pending-balances .pending-balances-kpis .metric-card strong,
  #view-pending-balances #pending-balances-kpi-amount {
    font-size: clamp(1rem, 1.38vw, 1.22rem) !important;
    line-height: 1.05 !important;
  }

  #view-pending-balances .pending-balances-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(104px, 126px) minmax(104px, 126px) !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
  }

  #view-pending-balances .pending-balances-toolbar label {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  #view-pending-balances .pending-balances-toolbar label > span {
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }

  #view-pending-balances .pending-balances-toolbar input,
  #view-pending-balances .pending-balances-toolbar select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    padding-inline: 10px !important;
    border-radius: 10px !important;
    font-size: 0.84rem !important;
  }

  #view-pending-balances .pending-balances-table-shell {
    max-height: calc(100dvh - 274px) !important;
    border-radius: 13px !important;
    overflow: auto !important;
  }

  #view-pending-balances .pending-balances-table-shell table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
  }

  #view-pending-balances .pending-balances-table-shell th,
  #view-pending-balances .pending-balances-table-shell td {
    min-width: 0 !important;
    overflow: hidden !important;
    padding-inline: 8px !important;
  }

  #view-pending-balances .pending-balances-table-shell th {
    height: 38px !important;
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }

  #view-pending-balances .pending-balances-table-shell tbody td {
    padding-block: 8px !important;
  }

  #view-pending-balances .pending-balances-table-shell th:nth-child(5),
  #view-pending-balances .pending-balances-table-shell td:nth-child(5) {
    display: none !important;
  }

  #view-pending-balances .pending-balances-table-shell th:nth-child(1),
  #view-pending-balances .pending-balances-table-shell td:nth-child(1) { width: 12% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(2),
  #view-pending-balances .pending-balances-table-shell td:nth-child(2) { width: 25% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(3),
  #view-pending-balances .pending-balances-table-shell td:nth-child(3) { width: 22% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(4),
  #view-pending-balances .pending-balances-table-shell td:nth-child(4) { width: 15% !important; text-align: right !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(6),
  #view-pending-balances .pending-balances-table-shell td:nth-child(6) { width: 12% !important; text-align: center !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(7),
  #view-pending-balances .pending-balances-table-shell td:nth-child(7) { width: 14% !important; text-align: center !important; }

  #view-pending-balances .pending-balance-date-cell {
    gap: 3px !important;
    line-height: 1.08 !important;
  }

  #view-pending-balances .pending-balance-date-cell strong {
    font-size: 0.9rem !important;
    line-height: 1.06 !important;
  }

  #view-pending-balances .pending-balance-date-cell span,
  #view-pending-balances .pending-balance-date-cell em {
    font-size: 0.66rem !important;
    line-height: 1.08 !important;
  }

  #view-pending-balances .pending-balances-table-shell .row-main {
    max-width: 100% !important;
    font-size: 0.94rem !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #view-pending-balances .pending-balances-table-shell .row-sub {
    max-width: 100% !important;
    font-size: 0.7rem !important;
    line-height: 1.12 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #view-pending-balances .pending-balances-table-shell td[data-label="Monto"] .row-main {
    font-size: 0.98rem !important;
  }

  #view-pending-balances .pending-balances-table-shell td[data-label="Estado"] .status-chip {
    max-width: 100% !important;
    min-height: 26px !important;
    padding-inline: 7px !important;
    font-size: 0.68rem !important;
  }

  #view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .inline-button-group {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }

  #view-pending-balances .pending-balances-table-shell td[data-label="Acciones"] .inline-button {
    min-height: 30px !important;
    padding-inline: 5px !important;
    border-radius: 9px !important;
    font-size: 0.72rem !important;
  }
}

@media (min-width: 981px) and (max-width: 1680px) {
  #account-pending-modal .pending-balance-modal-card,
  #pending-balance-action-modal .pending-balance-modal-card {
    width: min(1240px, calc(100vw - 22px)) !important;
    max-height: 94dvh !important;
    padding: 12px 16px !important;
    overflow: hidden !important;
    border-radius: 15px !important;
  }

  #account-pending-modal .pending-balance-modal-card > .panel-head,
  #pending-balance-action-modal .pending-balance-modal-card > .panel-head {
    min-height: 58px !important;
    margin: -12px -16px 12px !important;
    padding: 10px 16px !important;
  }

  #account-pending-modal .pending-balance-modal-card > .panel-head .eyebrow,
  #pending-balance-action-modal .pending-balance-modal-card > .panel-head .eyebrow {
    margin-bottom: 4px !important;
    font-size: 0.58rem !important;
  }

  #account-pending-modal .pending-balance-modal-card > .panel-head h2,
  #pending-balance-action-modal .pending-balance-modal-card > .panel-head h2 {
    font-size: clamp(1.28rem, 1.8vw, 1.7rem) !important;
    line-height: 1.05 !important;
  }

  #account-pending-modal .pending-balance-modal-card > .panel-head .ghost-button,
  #pending-balance-action-modal .pending-balance-modal-card > .panel-head .ghost-button {
    min-height: 38px !important;
    padding-inline: 16px !important;
    border-radius: 999px !important;
  }

  #account-pending-form,
  #pending-balance-action-modal #pending-balance-action-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.74fr) !important;
    gap: 10px 12px !important;
    max-height: calc(94dvh - 86px) !important;
    overflow: visible !important;
    padding: 0 4px 10px !important;
  }

  #pending-balance-action-modal #pending-balance-action-summary,
#pending-balance-action-modal .pending-balance-receipt-card,
#pending-balance-action-modal #pending-balance-action-form .form-actions {
    grid-column: 1 / -1 !important;
  }

  #account-pending-form label.full-span,
  #pending-balance-action-modal #pending-balance-action-form label.full-span {
    grid-column: auto !important;
  }

  #account-pending-form label.full-span:has(input[name="description"]),
  #pending-balance-action-modal #pending-balance-action-form label.full-span:has(textarea[name="observation"]) {
    grid-column: 1 / 2 !important;
  }

  #account-pending-form label.full-span:has(#account-pending-receipt-link),
  #pending-balance-action-modal #pending-balance-action-form label.full-span:has(#pending-balance-action-receipt-link) {
    grid-column: 2 / 3 !important;
  }

  #account-pending-form > label > span,
  #pending-balance-action-modal #pending-balance-action-form > label > span {
    margin-bottom: 6px !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;
  }

  #account-pending-form input,
  #account-pending-form select,
  #account-pending-form textarea,
  #account-pending-form .search-select-trigger,
  #pending-balance-action-modal #pending-balance-action-form input,
  #pending-balance-action-modal #pending-balance-action-form textarea {
    min-height: 38px !important;
    height: 38px !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    font-size: 0.88rem !important;
  }

  #account-pending-form textarea,
  #pending-balance-action-modal #pending-balance-action-form textarea {
    min-height: 74px !important;
    height: 74px !important;
    resize: vertical !important;
  }

  #account-pending-form #account-pending-account-wrap .search-select-trigger {
    min-height: 42px !important;
    height: 42px !important;
  }

  #pending-balance-action-modal #pending-balance-action-summary {
    margin-bottom: 0 !important;
    padding: 10px 14px !important;
    border-radius: 13px !important;
  }

  #pending-balance-action-modal #pending-balance-action-summary strong,
  #pending-balance-action-modal #pending-balance-action-summary span {
    line-height: 1.18 !important;
  }

  #account-pending-receipt-card.pending-balance-receipt-card,
  #pending-balance-action-modal .pending-balance-receipt-card {
    padding: 10px 12px !important;
    gap: 8px !important;
    border-radius: 13px !important;
  }

  #pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-head-row {
    align-items: center !important;
    gap: 8px !important;
  }

  #account-pending-receipt-card .receipt-composer-head strong,
  #pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-head strong {
    font-size: 0.9rem !important;
    line-height: 1.1 !important;
  }

  #account-pending-receipt-card .receipt-composer-head .row-sub,
  #pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-head .row-sub {
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
  }

  #account-pending-receipt-card .receipt-composer-drop,
  #pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-drop {
    min-height: 56px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 8px 12px !important;
  }

  #account-pending-receipt-card .receipt-composer-filehint,
  #pending-balance-action-modal .pending-balance-receipt-card .receipt-composer-filehint {
    font-size: 0.76rem !important;
    line-height: 1.15 !important;
  }

  #account-pending-receipt-card .receipt-file-trigger,
  #pending-balance-action-modal .pending-balance-receipt-card .receipt-file-trigger {
    min-height: 34px !important;
    padding: 7px 12px !important;
  }

  #account-pending-form .form-actions,
  #pending-balance-action-modal #pending-balance-action-form .form-actions {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
}

@media (min-width: 981px) and (max-width: 1280px) {
  body[data-active-view="pending-balances"] .workspace-head h2 {
    font-size: 1.9rem !important;
  }

  #view-pending-balances .pending-balances-table-shell th,
  #view-pending-balances .pending-balances-table-shell td {
    padding-inline: 6px !important;
  }

  #view-pending-balances .pending-balances-table-shell th:nth-child(1),
  #view-pending-balances .pending-balances-table-shell td:nth-child(1) { width: 13% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(2),
  #view-pending-balances .pending-balances-table-shell td:nth-child(2) { width: 25% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(3),
  #view-pending-balances .pending-balances-table-shell td:nth-child(3) { width: 21% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(4),
  #view-pending-balances .pending-balances-table-shell td:nth-child(4) { width: 15% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(6),
  #view-pending-balances .pending-balances-table-shell td:nth-child(6) { width: 12% !important; }
  #view-pending-balances .pending-balances-table-shell th:nth-child(7),
  #view-pending-balances .pending-balances-table-shell td:nth-child(7) { width: 14% !important; }

  #view-pending-balances .pending-balances-toolbar label > span {
    display: none !important;
  }
}

/* Pending balances v1-a32: deterministic laptop filters and register-pending modal. */
@media (min-width: 981px) and (max-width: 1680px) {
  #view-pending-balances .pending-balances-toolbar {
    display: grid !important;
    grid-template-columns: minmax(360px, 1fr) minmax(130px, 150px) minmax(130px, 150px) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
  }

  #view-pending-balances .pending-balances-toolbar label {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  #view-pending-balances .pending-balances-toolbar label:first-child {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
  }

  #view-pending-balances .pending-balances-toolbar label:not(:first-child) {
    display: block !important;
  }

  #view-pending-balances .pending-balances-toolbar label:not(:first-child) > span {
    display: none !important;
  }

  #view-pending-balances .pending-balances-toolbar input,
  #view-pending-balances .pending-balances-toolbar select {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
    font-size: 0.82rem !important;
  }

  #view-pending-balances .pending-balances-toolbar select {
    padding-left: 12px !important;
    padding-right: 30px !important;
    text-overflow: clip !important;
  }

  #account-pending-modal .pending-balance-modal-card {
    width: min(1280px, calc(100vw - 18px)) !important;
    max-height: 94dvh !important;
    padding: 12px 16px !important;
    overflow: hidden !important;
  }

  #account-pending-modal .pending-balance-modal-card > .panel-head {
    min-height: 54px !important;
    margin: -12px -16px 12px !important;
    padding: 9px 16px !important;
  }

  #account-pending-modal .pending-balance-modal-card > .panel-head .eyebrow {
    margin-bottom: 3px !important;
    font-size: 0.56rem !important;
  }

  #account-pending-modal .pending-balance-modal-card > .panel-head h2 {
    font-size: clamp(1.2rem, 1.55vw, 1.55rem) !important;
    line-height: 1.05 !important;
  }

  #account-pending-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px 12px !important;
    max-height: calc(94dvh - 78px) !important;
    overflow: hidden !important;
    padding: 0 2px 10px !important;
    align-items: start !important;
  }

  #account-pending-form > label.full-span {
    grid-column: auto !important;
  }

  #account-pending-form #account-pending-context,
  #account-pending-form #account-pending-account-wrap,
  #account-pending-form #account-pending-receipt-card,
  #account-pending-form .form-actions {
    grid-column: 1 / -1 !important;
  }

  #account-pending-form > label:nth-of-type(2),
  #account-pending-form > label:nth-of-type(4),
  #account-pending-form > label:nth-of-type(6) {
    grid-column: 1 / 2 !important;
  }

  #account-pending-form > label:nth-of-type(3),
  #account-pending-form > label:nth-of-type(5),
  #account-pending-form > label:nth-of-type(7) {
    grid-column: 2 / 3 !important;
  }

  #account-pending-form > label > span {
    margin-bottom: 5px !important;
    font-size: 0.7rem !important;
    line-height: 1.1 !important;
  }

  #account-pending-form input,
  #account-pending-form select,
  #account-pending-form textarea,
  #account-pending-form .search-select-trigger {
    height: 36px !important;
    min-height: 36px !important;
    padding: 7px 11px !important;
    border-radius: 10px !important;
    font-size: 0.84rem !important;
  }

  #account-pending-form #account-pending-account-wrap .search-select-trigger {
    height: 40px !important;
    min-height: 40px !important;
  }

  #account-pending-receipt-card.pending-balance-receipt-card {
    padding: 9px 11px !important;
    gap: 7px !important;
  }

  #account-pending-receipt-card .receipt-composer-head-row {
    align-items: center !important;
    gap: 8px !important;
  }

  #account-pending-receipt-card .receipt-composer-head strong {
    font-size: 0.88rem !important;
    line-height: 1.1 !important;
  }

  #account-pending-receipt-card .receipt-composer-head .row-sub {
    font-size: 0.74rem !important;
    line-height: 1.12 !important;
  }

  #account-pending-receipt-card .receipt-composer-drop {
    min-height: 50px !important;
    padding: 7px 10px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  #account-pending-form .form-actions {
    margin-top: 0 !important;
    padding-top: 8px !important;
  }
}

@media (min-width: 981px) and (max-width: 1280px) {
  #view-pending-balances .pending-balances-toolbar {
    grid-template-columns: minmax(300px, 1fr) minmax(128px, 138px) minmax(128px, 138px) !important;
  }

  #view-pending-balances .pending-balances-toolbar label:first-child > span {
    display: none !important;
  }

  #view-pending-balances .pending-balances-toolbar label:first-child {
    display: block !important;
  }

  #account-pending-modal .pending-balance-modal-card {
    width: min(1180px, calc(100vw - 14px)) !important;
  }

  #account-pending-form {
    gap: 7px 10px !important;
  }
}

/* Pending balances v1-a33: KPI filters replace toolbar selects. */
#view-pending-balances .pending-balances-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

#view-pending-balances .pending-balances-kpis .metric-card {
  text-align: left !important;
}

#view-pending-balances .pending-balance-filter-card {
  appearance: none !important;
  border: 1px solid rgba(148, 163, 184, 0.2) !important;
  color: inherit !important;
  cursor: pointer !important;
  font: inherit !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, background 0.16s ease;
}

#view-pending-balances .pending-balance-filter-card:hover,
#view-pending-balances .pending-balance-filter-card.is-active {
  border-color: rgba(217, 176, 104, 0.66) !important;
  box-shadow: 0 0 0 1px rgba(217, 176, 104, 0.2), 0 16px 34px rgba(0, 0, 0, 0.16) !important;
}

#view-pending-balances .pending-balance-filter-card.is-active {
  background: linear-gradient(180deg, rgba(217, 176, 104, 0.16), rgba(217, 176, 104, 0.06)) !important;
}

#view-pending-balances .pending-balances-toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  padding: 10px 12px !important;
}

#view-pending-balances .pending-balances-toolbar .search-field {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

#view-pending-balances .pending-balances-toolbar .sort-field {
  display: none !important;
}

#view-pending-balances .pending-balances-toolbar input {
  min-width: 0 !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
}

@media (min-width: 981px) and (max-width: 1440px) {
  #view-pending-balances .pending-balances-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #view-pending-balances .pending-balances-kpis .metric-card {
    min-height: 58px !important;
    padding: 9px 10px !important;
  }

  #view-pending-balances .pending-balances-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 8px 10px !important;
  }

  #view-pending-balances .pending-balances-toolbar .search-field {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  #view-pending-balances .pending-balances-toolbar .search-field > span {
    display: inline !important;
    font-size: 0.72rem !important;
  }

  #view-pending-balances .pending-balances-toolbar input {
    height: 38px !important;
    min-height: 38px !important;
    font-size: 0.94rem !important;
  }
}

@media (max-width: 980px) {
  #view-pending-balances .pending-balances-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Pending balances v1-a36: compact embedded evidence inside action modal. */
#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview {
  padding: 12px 14px !important;
  gap: 8px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-head-row {
  gap: 10px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-drop {
  min-height: 154px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 10px !important;
  border-style: solid !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  background: rgba(2, 6, 23, 0.24) !important;
  cursor: default !important;
  transform: none !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: none !important;
  height: 132px !important;
  max-height: 132px !important;
  min-height: 132px !important;
  margin: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: rgba(15, 23, 42, 0.58) !important;
}

#pending-balance-action-modal .pending-existing-receipt-preview {
  width: 100% !important;
  height: 132px !important;
  min-height: 132px !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: rgba(15, 23, 42, 0.48) !important;
  color: var(--muted) !important;
}

#pending-balance-action-modal .pending-existing-receipt-preview.link {
  place-items: start !important;
  gap: 6px !important;
  padding: 12px !important;
}

#pending-balance-action-modal .pending-existing-receipt-preview.link a {
  max-width: 100% !important;
  color: var(--text) !important;
  overflow-wrap: anywhere !important;
}

#pending-balance-action-modal .pending-existing-receipt-image {
  width: 100% !important;
  height: 132px !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  cursor: zoom-in !important;
}

#pending-balance-action-modal .pending-existing-receipt-image img {
  width: 100% !important;
  height: 132px !important;
  max-height: 132px !important;
  object-fit: contain !important;
  display: block !important;
}

:root[data-theme="light"] #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-drop {
  background: rgba(248, 250, 252, 0.96) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

:root[data-theme="light"] #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
  background: #f8fafc !important;
}

@media (max-width: 980px) {
  #pending-balance-action-modal #pending-balance-action-form {
    max-height: calc(94dvh - 68px) !important;
    padding: 12px 14px 14px !important;
  }

  #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview {
    padding: 10px 12px !important;
  }

  #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-drop {
    grid-template-columns: 1fr !important;
    min-height: 126px !important;
  }

  #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview,
  #pending-balance-action-modal .pending-existing-receipt-preview,
  #pending-balance-action-modal .pending-existing-receipt-image,
  #pending-balance-action-modal .pending-existing-receipt-image img {
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;
  }
}

@media (max-width: 600px) {
  #pending-balance-action-modal .pending-balance-modal-card {
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 14px) !important;
  }

  #pending-balance-action-modal .pending-balance-modal-card > .panel-head {
    padding: 10px 14px 9px !important;
  }

  #pending-balance-action-modal .pending-balance-modal-card > .panel-head .eyebrow {
    display: none !important;
  }

  #pending-balance-action-modal .pending-balance-modal-card > .panel-head h2 {
    font-size: 1.18rem !important;
  }

  #pending-balance-action-modal .pending-balance-modal-card > .panel-head .ghost-button {
    min-height: 34px !important;
    padding-inline: 12px !important;
  }

  #pending-balance-action-modal #pending-balance-action-form {
    max-height: calc(100dvh - 70px) !important;
    gap: 8px !important;
    padding: 10px 12px 12px !important;
  }

  #pending-balance-action-modal #pending-balance-action-summary {
    padding: 9px 10px !important;
  }

  #pending-balance-action-modal #pending-balance-action-form textarea {
    min-height: 68px !important;
  }

  #pending-balance-action-modal #pending-balance-action-form input {
    min-height: 38px !important;
  }

  #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview {
    gap: 6px !important;
    padding: 9px 10px !important;
  }

  #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-head-row {
    align-items: start !important;
  }

  #pending-balance-action-modal #pending-balance-action-form .form-actions {
    gap: 8px !important;
    padding-top: 8px !important;
  }

  #pending-balance-action-modal #pending-balance-action-form .form-actions button {
    min-height: 38px !important;
  }
}

/* Pending balances v1-a37: action evidence is a viewer, not an upload block. */
#pending-balance-action-modal #pending-balance-action-form > label.full-span {
  grid-column: 1 / -1 !important;
}

#pending-balance-action-modal #pending-balance-action-form input[name="observation"] {
  min-height: 46px !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-head-row,
#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-meta,
#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-drop::after,
#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-drop-title,
#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-filehint,
#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-actions {
  display: none !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-grid {
  display: block !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-drop {
  display: block !important;
  min-height: 252px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: default !important;
}

#pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
  display: block !important;
  width: 100% !important;
  height: 252px !important;
  min-height: 252px !important;
  max-height: 252px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 16px !important;
  background: rgba(15, 23, 42, 0.45) !important;
  overflow: hidden !important;
}

#pending-balance-action-modal .pending-existing-receipt-preview {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: rgba(2, 6, 23, 0.28) !important;
  overflow: hidden !important;
}

#pending-balance-action-modal .pending-existing-receipt-image {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
}

#pending-balance-action-modal .pending-existing-receipt-image img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block !important;
}

:root[data-theme="light"] #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
  border-color: rgba(15, 23, 42, 0.12) !important;
  background: rgba(248, 250, 252, 0.96) !important;
}

:root[data-theme="light"] #pending-balance-action-modal .pending-existing-receipt-preview {
  background: #f8fafc !important;
}

@media (min-width: 981px) and (max-width: 1440px) {
  #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview .receipt-composer-drop,
  #pending-balance-action-modal .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }
}

/* Remesas Modal Foundation v1-a38
   New governed modal layer. Use rc-modal types to escape the legacy one-size
   wide/roomy modal policy without changing every old modal at once. */
.modal-card.rc-modal {
  width: min(var(--rc-modal-width, 1120px), calc(100vw - var(--rc-modal-margin, 48px))) !important;
  max-height: min(var(--rc-modal-max-height, 92dvh), calc(100dvh - var(--rc-modal-margin, 48px))) !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 18px !important;
}

.modal-card.rc-modal > .panel-head {
  flex: 0 0 auto !important;
  position: relative !important;
  top: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: var(--rc-modal-head-pad, 18px 28px 16px) !important;
  border-bottom: 1px solid var(--line) !important;
  background:
    linear-gradient(180deg, rgba(74, 91, 111, 0.10), rgba(74, 91, 111, 0.02)) !important;
  backdrop-filter: none !important;
}

.modal-card.rc-modal > .panel-head h2 {
  margin: 0 !important;
  font-size: clamp(1.35rem, 1.65vw, 1.95rem) !important;
  line-height: 1.08 !important;
}

.modal-card.rc-modal > .panel-head .eyebrow {
  margin: 0 0 7px !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.22em !important;
}

.modal-card.rc-modal > .panel-head .ghost-button {
  min-height: 40px !important;
  padding-inline: 17px !important;
}

.modal-card.rc-modal > .form-grid {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: var(--rc-modal-body-pad, 18px 28px 20px) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
}

.modal-card.rc-modal .form-actions {
  position: static !important;
  margin: 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid var(--line) !important;
  background: transparent !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

.modal-card.rc-modal--form {
  --rc-modal-width: 1240px;
  --rc-modal-max-height: 94dvh;
}

.modal-card.rc-modal--document-action {
  --rc-modal-width: 1220px;
  --rc-modal-max-height: 94dvh;
}

#account-pending-modal .rc-modal--pending-create > .form-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
}

#account-pending-modal .rc-modal--pending-create > .form-grid > label {
  grid-column: span 6 !important;
}

#account-pending-modal .rc-modal--pending-create > .form-grid > label.full-span,
#account-pending-modal .rc-modal--pending-create > .form-grid > .full-span,
#account-pending-modal .rc-modal--pending-create > .form-grid > .form-actions {
  grid-column: 1 / -1 !important;
}

#account-pending-modal .rc-modal--pending-create input,
#account-pending-modal .rc-modal--pending-create select,
#account-pending-modal .rc-modal--pending-create .search-select-trigger {
  min-height: 42px !important;
}

#account-pending-modal .rc-modal--pending-create #account-pending-receipt-card {
  padding: 12px 14px !important;
}

#account-pending-modal .rc-modal--pending-create #account-pending-receipt-card .receipt-composer-drop {
  min-height: 78px !important;
  padding: 10px 12px !important;
}

#pending-balance-action-modal .rc-modal--pending-action > .form-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}

#pending-balance-action-modal .rc-modal--pending-action #pending-balance-action-summary {
  padding: 12px 16px !important;
  border-radius: 14px !important;
}

#pending-balance-action-modal .rc-modal--pending-action input[name="observation"] {
  width: min(680px, 100%) !important;
  min-height: 42px !important;
}

#pending-balance-action-modal .rc-modal--pending-action .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
  width: 100% !important;
  height: clamp(230px, 38dvh, 390px) !important;
  min-height: 230px !important;
  max-height: 390px !important;
  margin: 0 !important;
  padding: 8px !important;
  display: block !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 16px !important;
  background: rgba(15, 23, 42, 0.45) !important;
  overflow: hidden !important;
}

#pending-balance-action-modal .rc-modal--pending-action .pending-existing-receipt-preview,
#pending-balance-action-modal .rc-modal--pending-action .pending-existing-receipt-image {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

#pending-balance-action-modal .rc-modal--pending-action .pending-existing-receipt-image img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  background: #fff !important;
}

:root[data-theme="light"] #pending-balance-action-modal .rc-modal--pending-action .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
  border-color: rgba(15, 23, 42, 0.12) !important;
  background: rgba(248, 250, 252, 0.96) !important;
}

@media (min-width: 981px) and (max-width: 1440px) {
  .modal-card.rc-modal {
    --rc-modal-margin: 32px;
    --rc-modal-head-pad: 14px 22px 12px;
    --rc-modal-body-pad: 14px 22px 16px;
  }

  .modal-card.rc-modal > .panel-head h2 {
    font-size: clamp(1.25rem, 1.85vw, 1.65rem) !important;
  }

  #pending-balance-action-modal .rc-modal--pending-action .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
    height: clamp(210px, 34dvh, 310px) !important;
    min-height: 210px !important;
    max-height: 310px !important;
  }
}

@media (max-width: 980px) {
  .modal-card.rc-modal {
    --rc-modal-margin: 18px;
    --rc-modal-head-pad: 12px 16px 10px;
    --rc-modal-body-pad: 12px 16px 14px;
    width: calc(100vw - 18px) !important;
    max-height: calc(100dvh - 18px) !important;
    border-radius: 18px !important;
  }

  .modal-card.rc-modal > .panel-head h2 {
    font-size: 1.22rem !important;
  }

  #account-pending-modal .rc-modal--pending-create > .form-grid,
  #pending-balance-action-modal .rc-modal--pending-action > .form-grid {
    grid-template-columns: 1fr !important;
  }

  #account-pending-modal .rc-modal--pending-create > .form-grid > label {
    grid-column: 1 / -1 !important;
  }

  #pending-balance-action-modal .rc-modal--pending-action .pending-balance-receipt-card.has-existing-evidence-preview #pending-balance-action-receipt-preview.receipt-paste-preview {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }
}

/* Correcciones a96: scoped select sizing and overflow fix for exported header. */
body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-head {
  grid-template-columns: minmax(160px, max-content) minmax(680px, 1fr) !important;
}

body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-actions .corrections-title-toolbar {
  width: 100% !important;
  max-width: 860px !important;
  grid-template-columns: minmax(240px, 1fr) minmax(160px, 180px) minmax(220px, 260px) !important;
}

body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-actions .corrections-title-toolbar .search-select-trigger,
body.remesas-financial-ui-v1[data-active-view="corrections"] #view-corrections .corrections-preview-form .search-select-trigger {
  min-height: 46px !important;
  height: 46px !important;
  padding-inline: 14px !important;
}

body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-actions .corrections-title-toolbar select.native-select-hidden,
body.remesas-financial-ui-v1[data-active-view="corrections"] #view-corrections .corrections-preview-form select.native-select-hidden {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: auto !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-actions .corrections-header-status .search-select-panel {
  width: min(280px, calc(100vw - 32px)) !important;
}

body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-actions .corrections-header-domain .search-select-panel,
body.remesas-financial-ui-v1[data-active-view="corrections"] #view-corrections .corrections-preview-form .search-select-panel {
  width: min(340px, calc(100vw - 32px)) !important;
}

body.remesas-financial-ui-v1[data-active-view="corrections"] #view-corrections .corrections-preview-form {
  grid-template-columns: minmax(280px, 0.52fr) minmax(320px, 1fr) auto auto !important;
}

@media (max-width: 1440px) {
  body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-head {
    grid-template-columns: minmax(150px, 0.34fr) minmax(720px, 1fr) !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-actions .corrections-title-toolbar {
    max-width: 820px !important;
    grid-template-columns: minmax(230px, 1fr) minmax(158px, 174px) minmax(220px, 246px) !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corrections"] #view-corrections .corrections-preview-form {
    grid-template-columns: minmax(270px, 0.5fr) minmax(300px, 1fr) auto auto !important;
  }
}

@media (max-width: 1180px) {
  body.remesas-financial-ui-v1[data-active-view="corrections"] #app-shell .workspace-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 700px) {
}

/* Corredores a48: orden de tabla y resumen plegable en la mesa de tasas. */
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  letter-spacing: 0;
  text-align: left;
  text-transform: inherit;
  background: transparent;
  cursor: pointer;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-button:hover,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-button:focus-visible,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-button.is-active {
  color: var(--text);
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent) 70%, transparent);
  outline-offset: 4px;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-indicator {
  position: relative;
  flex: 0 0 8px;
  width: 8px;
  height: 10px;
  opacity: 0.45;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-indicator::before,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-indicator::after {
  position: absolute;
  left: 1px;
  width: 0;
  height: 0;
  border-inline: 3px solid transparent;
  content: "";
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-indicator::before {
  top: 0;
  border-bottom: 4px solid currentColor;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-indicator::after {
  bottom: 0;
  border-top: 4px solid currentColor;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-indicator.is-asc::after,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-indicator.is-desc::before {
  opacity: 0.18;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-sort-button.is-active .corridor-sort-indicator {
  opacity: 1;
}

#corridor-windows-modal.is-summary-collapsed .corridor-rate-hero-grid,
#corridor-windows-modal.is-summary-collapsed .corridor-rate-summary-grid {
  display: none !important;
}

#corridor-windows-modal.is-summary-collapsed #corridor-windows-summary,
#corridor-windows-modal.is-summary-collapsed .corridor-rate-base-panel {
  margin-top: 0;
}

@media (min-width: 1101px) and (max-width: 1500px) {
}

@media (max-width: 700px) {

  #corridor-windows-modal #corridor-windows-table {
    overflow-x: hidden;
  }

  #corridor-windows-modal #corridor-windows-table table,
  #corridor-windows-modal #corridor-windows-table tbody,
  #corridor-windows-modal #corridor-windows-table tr,
  #corridor-windows-modal #corridor-windows-table td {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #corridor-windows-modal #corridor-windows-table table,
  #corridor-windows-modal #corridor-windows-table tbody {
    display: block;
  }

  #corridor-windows-modal #corridor-windows-table tr {
    display: grid;
  }

  #corridor-windows-modal #corridor-windows-table td {
    grid-template-columns: minmax(92px, 0.42fr) minmax(0, 1fr);
  }

  #corridor-windows-modal #corridor-windows-table td > * {
    min-width: 0;
    max-width: 100%;
  }
}

/* Referencia dolar a53: orden y densidad de la pantalla principal. */
body.remesas-financial-ui-v1[data-active-view="rates"] #view-title {
  font-size: 2.4rem !important;
  line-height: 1.05;
}

#view-rates .rate-sort-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-align: left;
  text-transform: inherit;
  cursor: pointer;
}

#view-rates .rate-sort-indicator {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  opacity: 0.34;
  transform: rotate(45deg) translateY(-2px);
}

#view-rates .rate-sort-button.is-active .rate-sort-indicator {
  opacity: 0.92;
}

#view-rates .rate-sort-button.is-active .rate-sort-indicator.is-asc {
  transform: rotate(225deg) translate(-2px, -1px);
}

#view-rates .rate-sort-button:focus-visible {
  outline: none;
  border-radius: 6px;
  box-shadow: var(--focus-ring);
}

@media (min-width: 1181px) and (max-width: 1500px) {
  body.remesas-financial-ui-v1[data-active-view="rates"] #view-title {
    font-size: 2rem !important;
  }

  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-panel-head {
    margin-bottom: 10px !important;
    padding-bottom: 12px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-toolbar-shell {
    gap: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px 12px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-toolbar-shell input,
  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-toolbar-shell select,
  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-mode-switch {
    min-height: 44px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-simple-head,
  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-simple-row {
    grid-template-columns: minmax(190px, 1.3fr) minmax(92px, 0.65fr) minmax(92px, 0.65fr) minmax(165px, 1fr) minmax(110px, 0.72fr) minmax(92px, 0.55fr) !important;
    gap: 8px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-simple-head {
    padding: 11px 12px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-panel .rates-simple-row {
    min-height: 64px !important;
    padding: 10px 12px !important;
  }

  #view-rates .rates-simple-country {
    gap: 8px;
  }

  #view-rates .rates-simple-value strong {
    font-size: 1.04rem;
  }

  #view-rates .rates-simple-date strong {
    font-size: 0.78rem;
  }

  #view-rates .rates-simple-status .status-chip {
    padding-inline: 9px;
    font-size: 0.72rem;
    white-space: nowrap;
  }

  #view-rates .rates-simple-actions {
    min-width: 0;
  }

  #view-rates .rates-simple-actions .reference-action-menu-trigger {
    min-width: 0;
    padding-inline: 9px;
  }
}

@media (max-width: 767px) {
  body.remesas-financial-ui-v1[data-active-view="rates"] #view-title {
    font-size: 1.65rem !important;
  }

  #view-rates .rates-panel-head {
    margin-bottom: 8px;
    padding-bottom: 10px;
  }

  #view-rates .rates-panel-actions {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
  }

  #view-rates .rates-live-indicator {
    white-space: nowrap;
  }

  #view-rates .rate-primary-button {
    min-height: 42px;
    padding: 8px 10px 8px 12px;
    font-size: 0.82rem;
  }

  #view-rates .rate-primary-button-icon {
    width: 22px;
    height: 22px;
  }

  #view-rates .rates-toolbar-shell {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 8px;
    padding: 10px;
  }

  #view-rates .rates-toolbar-shell .full-search {
    grid-column: 1 / -1;
  }

  #view-rates .rates-toolbar-shell .sort-field {
    grid-column: 1;
  }

  #view-rates .rates-mode-switch {
    grid-column: 2;
    min-width: 0;
    padding: 4px;
  }

  #view-rates .rates-mode-button {
    min-width: 0;
    padding-inline: 6px;
    font-size: 0.72rem;
  }

  #view-rates .rates-simple-rows {
    gap: 8px;
    padding: 8px;
  }

  #view-rates .rates-simple-row {
    gap: 7px;
    padding: 10px;
  }

  #view-rates .rates-simple-country {
    padding-bottom: 6px;
  }

  #view-rates .rates-simple-value,
  #view-rates .rates-simple-date {
    padding: 7px 8px;
  }

  #view-rates .rates-simple-status .status-chip {
    width: 100%;
    min-height: 38px;
    justify-content: center;
    padding-inline: 7px;
    font-size: 0.7rem;
    white-space: nowrap;
  }

  #view-rates .rates-simple-actions .reference-action-menu-trigger {
    min-height: 38px;
    padding-inline: 9px;
  }
}

/* Corredores main responsive normalization a01 */
body.remesas-financial-ui-v1[data-active-view="corridors"] .view-header-content {
  align-items: center !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  justify-content: flex-end !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-header-tools {
  display: grid !important;
  grid-template-columns: minmax(300px, min(38vw, 620px)) minmax(150px, 190px) auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: min(900px, 100%) !important;
  min-width: 0 !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-title-search,
body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-status-field {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-title-search > span,
body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-status-field > span {
  margin: 0 !important;
  color: var(--text) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions #corridors-search,
body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions #corridors-status-filter,
body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-status-field .search-select-trigger,
body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions #open-corridor-create {
  min-height: 38px !important;
  height: 38px !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions #corridors-search,
body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions #corridors-status-filter,
body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-status-field .search-select-trigger {
  width: 100% !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 0.86rem !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-status-field select.native-select-hidden {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridors-panel {
  min-height: calc(100dvh - 150px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridors-panel > .panel-head.is-actions-exported {
  display: none !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridors-table-shell {
  display: block !important;
  height: calc(100dvh - 154px) !important;
  min-height: 480px !important;
  max-height: calc(100dvh - 154px) !important;
  overflow: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: var(--panel) !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board {
  display: block !important;
  min-width: 1120px;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-head,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-row {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.35fr) minmax(210px, 0.9fr) minmax(125px, 0.5fr) minmax(135px, 0.55fr) 105px 138px !important;
  gap: 12px !important;
  align-items: center !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-head {
  position: sticky;
  top: 0;
  z-index: 4;
  min-height: 42px;
  padding: 0 14px !important;
  border-bottom: 1px solid var(--line);
  background: var(--table-head-bg) !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-head-cell {
  font-size: 0.68rem !important;
  letter-spacing: 0.11em !important;
  color: var(--accent) !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-row {
  min-height: 78px;
  padding: 10px 14px !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-row:hover {
  background: color-mix(in srgb, var(--accent) 5%, transparent) !important;
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 62%, transparent) !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell {
  min-width: 0 !important;
  gap: 4px !important;
  align-content: center !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-route-premium {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 6px !important;
  font-size: 0.94rem !important;
  line-height: 1.2 !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-currency-line,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-mode-stack .row-sub,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-rate .row-sub,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-margin .row-sub {
  font-size: 0.72rem !important;
  line-height: 1.18 !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-mode-stack {
  gap: 4px !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-mode-stack > strong,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-margin > strong {
  font-size: 0.84rem !important;
  line-height: 1.18 !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-active-rate {
  font-size: 1.08rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-active-rate.is-empty {
  font-size: 0.84rem !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-status,
body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-actions {
  justify-items: start !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-action-group {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100%;
  gap: 6px !important;
}

body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-action-group .inline-button {
  min-width: 0 !important;
  min-height: 30px !important;
  padding: 5px 8px !important;
  font-size: 0.72rem !important;
}

@media (min-width: 981px) and (max-width: 1500px) {
  body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-header-tools {
    grid-template-columns: minmax(240px, 1fr) minmax(140px, 170px) auto !important;
    width: min(760px, 100%) !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board {
    min-width: 820px;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-head,
  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-row {
    grid-template-columns: minmax(210px, 1.2fr) minmax(170px, 0.9fr) minmax(100px, 0.48fr) minmax(112px, 0.52fr) 130px !important;
    gap: 8px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-row {
    grid-template-rows: auto auto !important;
    min-height: 82px;
    padding: 8px 10px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-head {
    padding-inline: 10px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-action-group {
    gap: 4px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-action-group .inline-button {
    padding-inline: 5px !important;
    font-size: 0.68rem !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-head-cell:nth-child(5) {
    grid-column: 5;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-head-cell:nth-child(6) {
    display: none !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-route {
    grid-column: 1;
    grid-row: 1 / 3;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-mode {
    grid-column: 2;
    grid-row: 1 / 3;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-rate {
    grid-column: 3;
    grid-row: 1 / 3;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-margin {
    grid-column: 4;
    grid-row: 1 / 3;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-status {
    grid-column: 5;
    grid-row: 1;
    align-self: end;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-actions {
    grid-column: 5;
    grid-row: 2;
    align-self: start;
  }
}

@media (max-width: 980px) {
  body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-header-tools {
    grid-template-columns: minmax(0, 1fr) minmax(138px, 0.42fr) auto !important;
    width: 100% !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridors-table-shell {
    height: calc(100dvh - 205px) !important;
    min-height: 420px !important;
    max-height: calc(100dvh - 205px) !important;
  }
}

@media (max-width: 700px) {
  body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-header-tools {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-title-search {
    grid-column: 1 / -1;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #workspace-actions .corridors-status-field {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridors-panel {
    min-height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridors-table-shell {
    height: calc(100dvh - 280px) !important;
    min-height: 440px !important;
    max-height: calc(100dvh - 280px) !important;
    overflow-x: hidden !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board {
    min-width: 0 !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-head {
    display: none !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-rows {
    display: grid;
    gap: 10px;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "route status"
      "mode mode"
      "rate margin"
      "actions actions" !important;
    gap: 10px 12px !important;
    min-height: 0;
    padding: 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    background: var(--panel) !important;
  }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-route { grid-area: route; }
  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-mode { grid-area: mode; padding-top: 8px; border-top: 1px solid var(--line); }
  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-rate { grid-area: rate; }
  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-margin { grid-area: margin; text-align: right; }
  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-status { grid-area: status; justify-items: end !important; }
  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-board-cell-actions { grid-area: actions; }

  body.remesas-financial-ui-v1[data-active-view="corridors"] #view-corridors .corridor-action-group .inline-button {
    min-height: 36px !important;
  }
}

/* Gastos: evidencia compacta con visor externo (20260716 a09) */
#expense-editor-modal .rc-modal--expense-editor .expense-editor-form > .expense-evidence-card {
  align-self: start !important;
  height: 104px !important;
  min-height: 104px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  align-content: center !important;
  gap: 8px 14px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  overflow: hidden;
  border: 1px dashed color-mix(in srgb, var(--accent) 55%, var(--line)) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--accent) 4%, var(--neutral-02)) !important;
  box-shadow: none !important;
}

#expense-editor-modal .expense-evidence-card.has-evidence {
  border-style: solid !important;
  border-color: color-mix(in srgb, var(--success) 48%, var(--line)) !important;
  background: color-mix(in srgb, var(--success) 5%, var(--neutral-02)) !important;
}

#expense-editor-modal .expense-evidence-card.is-paste-active:not(.has-evidence) {
  border-style: solid !important;
  border-color: color-mix(in srgb, var(--accent) 78%, var(--line)) !important;
  background: color-mix(in srgb, var(--accent) 9%, var(--neutral-02)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent) !important;
}

#expense-editor-modal .expense-evidence-copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

#expense-editor-modal .expense-evidence-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  gap: 8px;
}

#expense-editor-modal .expense-evidence-title strong {
  min-width: 0;
  font-size: 0.9rem;
  line-height: 1.2;
}

#expense-editor-modal .expense-evidence-title .status-chip {
  flex: 0 0 auto;
  min-height: 24px;
  padding: 3px 8px;
  font-size: 0.64rem;
}

#expense-editor-modal .expense-evidence-copy > span {
  min-width: 0;
  overflow: hidden;
  color: var(--text-soft);
  font-size: 0.76rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#expense-editor-modal .expense-evidence-card .receipt-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end !important;
  flex-wrap: wrap;
  gap: 6px !important;
  margin: 0 !important;
}

#expense-editor-modal .expense-evidence-card .ghost-button,
#expense-editor-modal .expense-evidence-card .receipt-file-trigger {
  min-height: 34px !important;
  padding: 7px 10px !important;
  font-size: 0.74rem !important;
}

#expense-editor-modal .expense-evidence-card > .receipt-file-input {
  display: none !important;
}

#expense-editor-modal .expense-evidence-card:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent) 80%, transparent);
  outline-offset: 2px;
}

.receipt-document-frame {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: var(--neutral-02);
}

.receipt-document-frame iframe {
  width: 100%;
  height: 100%;
  min-height: min(68vh, 720px);
  border: 0;
  background: #fff;
}

.receipt-document-frame p {
  margin: 0;
  padding: 9px 12px;
  color: var(--text-soft);
  font-size: 0.74rem;
  text-align: center;
}

@media (max-width: 760px) {
  #expense-editor-modal .rc-modal--expense-editor .expense-editor-form > .expense-evidence-card {
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #expense-editor-modal .expense-evidence-copy > span {
    white-space: normal;
  }

  #expense-editor-modal .expense-evidence-card .receipt-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-content: flex-start !important;
  }

  .receipt-image-viewer {
    min-height: min(72vh, 680px);
  }

  .receipt-image-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .receipt-image-actions {
    justify-content: flex-start;
  }

  .receipt-document-frame iframe {
    min-height: 58vh;
  }
}

/* Internal transfers responsive normalization a01 */
#view-internal-transfers .operator-stage {
  min-height: min(760px, calc(100dvh - 124px));
  gap: 12px !important;
  padding: clamp(14px, 1.25vw, 20px) !important;
  border-radius: 18px !important;
}

#view-internal-transfers .operator-queue-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

#view-internal-transfers .internal-transfer-head-copy {
  display: block;
  min-width: 0;
}

#view-internal-transfers .internal-transfer-head-copy .eyebrow {
  margin: 0 0 4px;
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

#view-internal-transfers .internal-transfer-head-copy h2 {
  margin: 0;
  color: var(--text);
  font-size: clamp(1.35rem, 1.8vw, 2rem);
  line-height: 1;
}

#view-internal-transfers #open-internal-transfer-create {
  min-height: 40px;
  padding-inline: 16px;
}

#view-internal-transfers .operator-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#view-internal-transfers .operator-kpis .metric-card {
  min-height: 62px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
}

#view-internal-transfers .operator-kpis .metric-card strong {
  font-size: clamp(1.22rem, 1.2vw, 1.55rem) !important;
}

#view-internal-transfers .operator-toolbar {
  padding: 8px !important;
  border-radius: 12px !important;
}

#view-internal-transfers .operator-toolbar label {
  grid-template-columns: 64px minmax(0, 1fr) !important;
}

#view-internal-transfers #internal-transfers-table {
  min-height: clamp(340px, 48dvh, 680px);
  border-radius: 14px !important;
}

#view-internal-transfers #internal-transfers-table table {
  table-layout: fixed !important;
}

#view-internal-transfers #internal-transfers-table th,
#view-internal-transfers #internal-transfers-table td {
  padding: 10px 9px !important;
  text-align: left;
}

#view-internal-transfers #internal-transfers-table th:nth-child(1),
#view-internal-transfers #internal-transfers-table td:nth-child(1) {
  width: 10% !important;
}

#view-internal-transfers #internal-transfers-table th:nth-child(2),
#view-internal-transfers #internal-transfers-table td:nth-child(2),
#view-internal-transfers #internal-transfers-table th:nth-child(3),
#view-internal-transfers #internal-transfers-table td:nth-child(3) {
  width: 18% !important;
}

#view-internal-transfers #internal-transfers-table th:nth-child(4),
#view-internal-transfers #internal-transfers-table td:nth-child(4) {
  width: 16% !important;
}

#view-internal-transfers #internal-transfers-table th:nth-child(5),
#view-internal-transfers #internal-transfers-table td:nth-child(5) {
  width: 12% !important;
}

#view-internal-transfers #internal-transfers-table th:nth-child(6),
#view-internal-transfers #internal-transfers-table td:nth-child(6) {
  width: 11% !important;
}

#view-internal-transfers #internal-transfers-table th:nth-child(7),
#view-internal-transfers #internal-transfers-table td:nth-child(7) {
  width: 15% !important;
}

#view-internal-transfers .table-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#view-internal-transfers .table-actions .inline-button {
  min-width: 0;
}

@media (min-width: 1181px) and (max-width: 1500px) {
  #view-internal-transfers .operator-stage {
    min-height: min(700px, calc(100dvh - 112px));
    padding: 14px 16px !important;
  }

  #view-internal-transfers .operator-kpis .metric-card {
    min-height: 58px !important;
  }
}

@media (max-width: 700px) {
  #view-internal-transfers .operator-stage {
    min-height: calc(100dvh - 96px);
    padding: 10px !important;
    border-radius: 14px !important;
  }

  #view-internal-transfers .operator-queue-head {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #view-internal-transfers .operator-queue-head .toolbar-actions {
    width: 100% !important;
  }

  #view-internal-transfers .operator-kpis {
    display: none !important;
  }

  #view-internal-transfers .operator-toolbar label {
    grid-template-columns: 1fr !important;
  }

  #view-internal-transfers #internal-transfers-table {
    min-height: calc(100dvh - 260px);
  }
}

/* Internal transfers visual tightening a03 */
#view-internal-transfers .internal-transfer-main-head {
  grid-template-columns: minmax(320px, 1fr) auto auto !important;
  gap: 10px !important;
  padding-bottom: 8px !important;
}

#view-internal-transfers .internal-transfer-inline-search {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: center;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 7px 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
}

#view-internal-transfers .internal-transfer-inline-search span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#view-internal-transfers .internal-transfer-inline-search input {
  min-height: 36px;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 6px;
}

#view-internal-transfers .internal-transfer-kpi-toggle,
#view-internal-transfers #open-internal-transfer-create {
  min-height: 38px !important;
  white-space: nowrap;
}

#view-internal-transfers .internal-transfer-kpi-toggle {
  min-width: 94px;
  padding-inline: 12px !important;
}

#view-internal-transfers #open-internal-transfer-create {
  min-width: 82px;
  padding-inline: 14px !important;
}

#view-internal-transfers #internal-transfer-kpi-panel.is-collapsed {
  display: none !important;
}

#view-internal-transfers #internal-transfer-kpi-panel.is-collapsed + #internal-transfers-table {
  min-height: clamp(440px, 62dvh, 760px);
}

#view-internal-transfers #internal-transfers-table th {
  letter-spacing: 0.09em !important;
}

#view-internal-transfers #internal-transfers-table td:nth-child(7),
#view-internal-transfers #internal-transfers-table th:nth-child(7) {
  width: 14% !important;
}

#view-internal-transfers #internal-transfers-table td:nth-child(6),
#view-internal-transfers #internal-transfers-table th:nth-child(6) {
  width: 10% !important;
}

#view-internal-transfers #internal-transfers-table td:nth-child(2),
#view-internal-transfers #internal-transfers-table th:nth-child(2),
#view-internal-transfers #internal-transfers-table td:nth-child(3),
#view-internal-transfers #internal-transfers-table th:nth-child(3) {
  width: 19% !important;
}

@media (min-width: 1181px) and (max-width: 1500px) {
  #view-internal-transfers .internal-transfer-main-head {
    grid-template-columns: minmax(280px, 1fr) auto auto !important;
  }

  #view-internal-transfers .operator-stage {
    gap: 10px !important;
  }

  #view-internal-transfers #internal-transfers-table th,
  #view-internal-transfers #internal-transfers-table td {
    padding: 8px 7px !important;
  }

  #view-internal-transfers #internal-transfers-table th {
    font-size: 0.66rem !important;
    letter-spacing: 0.07em !important;
  }

  #view-internal-transfers tr.internal-transfer-row .row-main {
    font-size: 0.82rem !important;
    line-height: 1.16;
  }

  #view-internal-transfers tr.internal-transfer-row .row-sub {
    font-size: 0.67rem !important;
    line-height: 1.16;
  }

  #view-internal-transfers .table-actions {
    gap: 5px !important;
  }

  #view-internal-transfers .table-actions .inline-button {
    min-height: 30px !important;
    padding-inline: 8px !important;
    font-size: 0.72rem !important;
  }
}

@media (max-width: 700px) {
  #view-internal-transfers .internal-transfer-main-head {
    grid-template-columns: 1fr auto !important;
  }

  #view-internal-transfers .internal-transfer-inline-search {
    grid-column: 1 / -1;
    grid-template-columns: 1fr !important;
    gap: 4px;
  }

  #view-internal-transfers .internal-transfer-kpi-toggle {
    display: none !important;
  }
}

/* Expenses main responsive normalization a01 */
#view-expenses .expenses-stage {
  min-height: min(760px, calc(100dvh - 124px));
  gap: 10px !important;
  padding: clamp(14px, 1.25vw, 20px) !important;
  border-radius: 18px !important;
}

#view-expenses .expenses-main-head {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) auto auto !important;
  gap: 10px !important;
  align-items: center !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

#view-expenses .expenses-inline-search {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: center;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 7px 8px !important;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 12px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
}

#view-expenses .expenses-inline-search span {
  color: var(--muted);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#view-expenses .expenses-inline-search input {
  min-height: 36px;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0 6px;
}

#view-expenses .expenses-kpi-toggle,
#view-expenses .expenses-main-head .toolbar-actions > * {
  min-height: 38px !important;
  padding-inline: 12px !important;
  white-space: nowrap;
}

#view-expenses .expenses-kpi-toggle {
  min-width: 94px;
}

#view-expenses .expenses-main-head .toolbar-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  align-items: center;
  justify-content: flex-end;
}

#view-expenses #open-expense-create {
  min-width: 82px;
}

#view-expenses #expenses-kpi-panel {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 0 !important;
}

#view-expenses #expenses-kpi-panel.is-collapsed {
  display: none !important;
}

#view-expenses #expenses-kpi-panel .metric-card {
  min-height: 58px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
}

#view-expenses #expenses-kpi-panel .metric-card p {
  display: none !important;
}

#view-expenses #expenses-kpi-panel .metric-card strong {
  font-size: clamp(1.1rem, 1.05vw, 1.42rem) !important;
}

#view-expenses .expenses-toolbar {
  grid-template-columns: minmax(160px, 220px) minmax(160px, 220px) !important;
  justify-content: end;
  padding: 7px 8px !important;
  border-radius: 12px !important;
}

#view-expenses .expenses-toolbar label {
  min-width: 0;
}

#view-expenses .expenses-toolbar select {
  min-height: 36px;
}

#view-expenses #expenses-table {
  min-height: clamp(360px, 50dvh, 700px);
  border-radius: 14px !important;
}

#view-expenses #expenses-kpi-panel.is-collapsed + .expenses-toolbar + #expenses-table {
  min-height: clamp(440px, 62dvh, 760px);
}

#view-expenses #expenses-table table {
  table-layout: fixed !important;
}

#view-expenses #expenses-table th,
#view-expenses #expenses-table td {
  padding: 8px 7px !important;
  text-align: left;
}

#view-expenses #expenses-table th {
  font-size: 0.66rem !important;
  letter-spacing: 0.07em !important;
}

#view-expenses #expenses-table th:nth-child(1),
#view-expenses #expenses-table td:nth-child(1) {
  width: 9% !important;
}

#view-expenses #expenses-table th:nth-child(2),
#view-expenses #expenses-table td:nth-child(2) {
  width: 9% !important;
}

#view-expenses #expenses-table th:nth-child(3),
#view-expenses #expenses-table td:nth-child(3) {
  width: 10% !important;
}

#view-expenses #expenses-table th:nth-child(4),
#view-expenses #expenses-table td:nth-child(4) {
  width: 18% !important;
}

#view-expenses #expenses-table th:nth-child(5),
#view-expenses #expenses-table td:nth-child(5) {
  width: 15% !important;
}

#view-expenses #expenses-table th:nth-child(6),
#view-expenses #expenses-table td:nth-child(6) {
  width: 11% !important;
}

#view-expenses #expenses-table th:nth-child(7),
#view-expenses #expenses-table td:nth-child(7) {
  width: 8% !important;
}

#view-expenses #expenses-table th:nth-child(8),
#view-expenses #expenses-table td:nth-child(8) {
  width: 9% !important;
}

#view-expenses #expenses-table th:nth-child(9),
#view-expenses #expenses-table td:nth-child(9) {
  width: 6% !important;
}

#view-expenses #expenses-table th:nth-child(10),
#view-expenses #expenses-table td:nth-child(10) {
  width: 5% !important;
}

#view-expenses tr.expense-row .row-main {
  font-size: 0.82rem !important;
  line-height: 1.16;
}

#view-expenses tr.expense-row .row-sub {
  font-size: 0.67rem !important;
  line-height: 1.16;
}

#view-expenses tr.expense-row .status-chip,
#view-expenses tr.expense-row .expense-resolution-chip,
#view-expenses tr.expense-row .inline-button {
  max-width: 100%;
}

#view-expenses tr.expense-row .inline-button {
  min-height: 30px !important;
  padding-inline: 8px !important;
  font-size: 0.72rem !important;
}

@media (min-width: 1181px) and (max-width: 1500px) {
  #view-expenses .expenses-stage {
    min-height: min(700px, calc(100dvh - 112px));
    padding: 14px 16px !important;
  }

  #view-expenses .expenses-main-head {
    grid-template-columns: minmax(280px, 1fr) auto auto !important;
  }

  #view-expenses .expenses-main-head .toolbar-actions {
    gap: 6px !important;
  }

  #view-expenses .expenses-main-head .toolbar-actions > *,
  #view-expenses .expenses-kpi-toggle {
    min-height: 36px !important;
    padding-inline: 10px !important;
    font-size: 0.74rem !important;
  }

  #view-expenses #expenses-kpi-panel .metric-card {
    min-height: 54px !important;
  }

  #view-expenses .expenses-toolbar {
    padding: 6px 8px !important;
  }
}

@media (max-width: 700px) {
  #view-expenses .expenses-stage {
    min-height: calc(100dvh - 96px);
    padding: 10px !important;
    border-radius: 14px !important;
  }

  #view-expenses .expenses-main-head {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #view-expenses .expenses-inline-search {
    grid-template-columns: 1fr !important;
    gap: 4px;
  }

  #view-expenses .expenses-kpi-toggle,
  #view-expenses #expenses-kpi-panel {
    display: none !important;
  }

  #view-expenses .expenses-main-head .toolbar-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100%;
  }

  #view-expenses .expenses-toolbar {
    grid-template-columns: 1fr !important;
    justify-content: stretch;
    padding: 8px !important;
  }

#view-expenses #expenses-table {
    min-height: calc(100dvh - 300px);
  }
}

/* Corredores: editor y mesa de tasas, normalizacion responsive 20260720. */
#corridor-editor-modal:not(.hidden) {
  z-index: 140;
  padding: 16px;
}

#corridor-editor-modal .corridor-editor-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(1540px, calc(100vw - 32px)) !important;
  max-width: 1540px !important;
  max-height: calc(100dvh - 32px) !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 12px;
}

#corridor-editor-modal .corridor-editor-card > .panel-head {
  position: relative;
  top: auto;
  min-height: 68px;
  margin: 0 !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid var(--neutral-08);
  box-shadow: none;
}

#corridor-editor-modal .corridor-editor-card > .panel-head .eyebrow {
  margin-bottom: 3px;
  font-size: 0.62rem;
}

#corridor-editor-modal .corridor-editor-card > .panel-head h2 {
  font-size: 1.35rem;
  line-height: 1.15;
}

#corridor-editor-modal .corridor-editor-card > .panel-head button {
  min-height: 38px;
  padding: 8px 14px;
}

#corridor-editor-modal #corridor-form.corridor-editor-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  min-height: 0;
  padding: 14px 18px 0 !important;
  overflow: auto;
  scrollbar-gutter: stable;
}

#corridor-editor-modal .corridor-editor-section {
  min-width: 0;
  padding-top: 8px;
  border-top: 1px solid var(--neutral-08);
}

#corridor-editor-modal .corridor-editor-section:first-of-type {
  padding-top: 0;
  border-top: 0;
}

#corridor-editor-modal .corridor-editor-section > h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 8px;
  font-size: 0.76rem;
  line-height: 1;
  text-transform: uppercase;
  color: var(--text);
}

#corridor-editor-modal .corridor-editor-section > h3::before {
  width: 18px;
  height: 1px;
  content: "";
  background: var(--gold);
}

#corridor-editor-modal .corridor-editor-route-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px 10px;
  align-items: end;
}

#corridor-editor-modal .corridor-editor-country-field,
#corridor-editor-modal .corridor-editor-payout-field {
  grid-column: span 2;
}

#corridor-editor-modal .corridor-editor-channel-field,
#corridor-editor-modal .corridor-editor-status-field {
  grid-column: span 1;
}

#corridor-editor-modal .corridor-editor-capabilities {
  grid-column: span 3;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 5px 14px;
  min-height: 52px;
  padding: 9px 12px;
  border-radius: 8px;
  box-shadow: none;
}

#corridor-editor-modal .corridor-editor-capabilities .row-sub {
  grid-column: 2;
}

#corridor-editor-modal .corridor-editor-form label {
  gap: 4px;
  min-width: 0;
}

#corridor-editor-modal .corridor-editor-form label > span {
  min-height: 15px;
  font-size: 0.7rem;
}

#corridor-editor-modal .corridor-editor-form input,
#corridor-editor-modal .corridor-editor-form select,
#corridor-editor-modal .corridor-editor-form .searchable-select-trigger {
  min-height: 44px;
}

#corridor-editor-modal .corridor-rule-grid {
  display: grid;
  grid-template-columns: minmax(150px, 0.7fr) minmax(150px, 0.7fr) minmax(320px, 2fr);
  gap: 10px;
  margin: 0;
}

#corridor-editor-modal .corridor-editor-note-field {
  grid-column: auto;
}

#corridor-editor-modal .corridor-editor-summary {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto auto auto;
  align-items: center;
  gap: 7px 14px;
  min-height: 58px;
  padding: 10px 12px;
  border-left: 2px solid var(--gold);
  border-radius: 8px;
  box-shadow: none;
}

#corridor-editor-modal .corridor-editor-summary-route {
  font-weight: 700;
}

#corridor-editor-modal .corridor-editor-summary .corridor-mode-row {
  margin: 0;
}

#corridor-editor-modal .corridor-editor-summary-note {
  grid-column: 2 / -1;
}

#corridor-editor-modal .corridor-editor-form > .form-actions {
  position: sticky;
  bottom: 0;
  z-index: 4;
  justify-content: flex-end;
  margin: 0 -18px;
  padding: 10px 18px;
  border-top: 1px solid var(--neutral-08);
  background: var(--panel);
}

#corridor-editor-modal .corridor-editor-form > .form-actions button {
  min-height: 40px;
  padding: 8px 15px;
}

#corridor-windows-modal:not(.hidden) {
  inset: 0;
  z-index: 140;
  padding: 16px;
}

#corridor-windows-modal .corridor-rate-modal {
  height: calc(100dvh - 32px);
  max-height: calc(100dvh - 32px) !important;
  grid-template-rows: auto auto minmax(260px, 1fr);
  gap: 8px;
  padding: 12px;
  border-radius: 12px;
}

#corridor-windows-modal .corridor-rate-head {
  min-height: 64px;
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: none;
}

#corridor-windows-modal .corridor-rate-switcher-button {
  min-height: 44px;
  border-radius: 8px;
}

#corridor-windows-modal .corridor-rate-head-side,
#corridor-windows-modal .corridor-rate-head-actions {
  gap: 6px;
}

#corridor-windows-modal .corridor-rate-head-actions button {
  min-height: 36px;
  padding: 7px 12px;
  font-size: 0.76rem;
}

#corridor-windows-modal .corridor-rate-header-badge .corridor-mode-badge {
  min-height: 28px;
  padding: 4px 9px;
  border-radius: 7px;
}

#corridor-windows-modal #corridor-windows-summary {
  margin-top: 0;
}

#corridor-windows-modal .corridor-rate-hero-grid,
#corridor-windows-modal .corridor-rate-summary-grid {
  gap: 7px;
}

#corridor-windows-modal .corridor-rate-hero-grid {
  margin-bottom: 7px;
}

#corridor-windows-modal .corridor-rate-hero-card,
#corridor-windows-modal .corridor-rate-pulse-card,
#corridor-windows-modal .corridor-rate-decision-card,
#corridor-windows-modal .corridor-rate-reference-card {
  min-height: 82px;
  padding: 9px 11px;
  border-radius: 8px;
  box-shadow: none;
}

#corridor-windows-modal .corridor-rate-hero-card strong {
  font-size: 1.22rem;
  line-height: 1.05;
}

#corridor-windows-modal .corridor-rate-key-value {
  font-size: 1.08rem;
}

#corridor-windows-modal .corridor-rate-kicker,
#corridor-windows-modal .corridor-rate-reference-card > strong,
#corridor-windows-modal .corridor-rate-pulse-card > strong,
#corridor-windows-modal .corridor-rate-decision-card > strong {
  font-size: 0.7rem;
}

#corridor-windows-modal .corridor-rate-hero-card .row-sub,
#corridor-windows-modal .corridor-rate-reference-card .row-sub,
#corridor-windows-modal .corridor-rate-pulse-card .row-sub,
#corridor-windows-modal .corridor-rate-decision-card .row-sub,
#corridor-windows-modal .corridor-rate-pulse-summary,
#corridor-windows-modal .corridor-rate-pulse-meta {
  font-size: 0.7rem;
  line-height: 1.22;
}

#corridor-windows-modal .corridor-rate-suggested-hero-main {
  gap: 8px;
}

#corridor-windows-modal .corridor-rate-inline-badge-hero {
  padding: 4px 8px;
  font-size: 0.68rem;
}

#corridor-windows-modal .corridor-rate-base-panel {
  grid-template-columns: minmax(320px, 1fr) auto minmax(240px, 0.62fr);
  gap: 7px;
  margin-top: 7px;
  align-items: end;
}

#corridor-windows-modal .corridor-rate-base-inputs,
#corridor-windows-modal .corridor-rate-base-actions {
  gap: 7px;
}

#corridor-windows-modal .corridor-rate-base-field > span {
  min-height: 14px;
  font-size: 0.66rem;
}

#corridor-windows-modal .corridor-rate-base-field input {
  min-height: 40px;
  border-radius: 7px;
}

#corridor-windows-modal .corridor-rate-base-actions button {
  min-height: 38px;
  padding: 7px 10px;
  font-size: 0.72rem;
}

#corridor-windows-modal .corridor-rate-impact-card {
  min-height: 40px;
  padding: 7px 10px;
  border-radius: 7px;
  box-shadow: none;
}

#corridor-windows-modal .corridor-rate-impact-card strong,
#corridor-windows-modal .corridor-rate-impact-card span {
  font-size: 0.7rem;
  line-height: 1.2;
}

#corridor-windows-modal #corridor-windows-table {
  border-radius: 8px;
}

#corridor-windows-modal #corridor-windows-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}

#corridor-windows-modal #corridor-windows-table th,
#corridor-windows-modal #corridor-windows-table td {
  padding: 8px 10px;
}

#corridor-windows-modal #corridor-windows-table .row-main {
  font-size: 0.78rem;
}

#corridor-windows-modal #corridor-windows-table .row-sub {
  font-size: 0.68rem;
  line-height: 1.2;
}

#corridor-windows-modal #corridor-windows-table .inline-button {
  min-height: 30px;
  padding: 5px 9px;
  font-size: 0.68rem;
}

@media (min-width: 1101px) and (max-width: 1500px) {
  #corridor-editor-modal:not(.hidden),
  #corridor-windows-modal:not(.hidden) {
    padding: 10px;
  }

  #corridor-editor-modal .corridor-editor-card {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
  }

  #corridor-windows-modal .corridor-rate-modal {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 20px) !important;
  }

  #corridor-editor-modal .corridor-editor-card > .panel-head {
    min-height: 58px;
    padding: 8px 14px !important;
  }

  #corridor-editor-modal .corridor-editor-card > .panel-head h2 {
    font-size: 1.16rem;
  }

  #corridor-editor-modal #corridor-form.corridor-editor-form {
    gap: 7px;
    padding: 9px 14px 0 !important;
  }

  #corridor-editor-modal .corridor-editor-route-grid,
  #corridor-editor-modal .corridor-rule-grid {
    gap: 7px;
  }

  #corridor-editor-modal .corridor-editor-form input,
  #corridor-editor-modal .corridor-editor-form select,
  #corridor-editor-modal .corridor-editor-form .searchable-select-trigger {
    min-height: 40px;
  }

  #corridor-editor-modal .corridor-editor-capabilities,
  #corridor-editor-modal .corridor-editor-summary {
    min-height: 48px;
    padding-block: 7px;
  }

  #corridor-editor-modal .corridor-editor-form > .form-actions {
    margin-inline: -14px;
    padding: 7px 14px;
  }

  #corridor-windows-modal .corridor-rate-modal {
    height: calc(100dvh - 20px);
    grid-template-rows: auto auto minmax(180px, 1fr);
    padding: 9px;
  }

  #corridor-windows-modal .corridor-rate-head {
    min-height: 56px;
    padding: 6px 9px;
  }

  #corridor-windows-modal .corridor-rate-switcher-button {
    min-height: 40px;
  }

  #corridor-windows-modal .corridor-rate-hero-card,
  #corridor-windows-modal .corridor-rate-pulse-card,
  #corridor-windows-modal .corridor-rate-decision-card,
  #corridor-windows-modal .corridor-rate-reference-card {
    min-height: 68px;
    padding: 7px 9px;
  }

  #corridor-windows-modal .corridor-rate-hero-card > .row-sub:not(#corridor-base-decision),
  #corridor-windows-modal .corridor-rate-pulse-summary,
  #corridor-windows-modal .corridor-rate-rule-brief {
    display: none;
  }

  #corridor-windows-modal .corridor-rate-pulse-meta {
    margin-top: 4px;
  }
}

@media (max-width: 1100px) {
  #corridor-editor-modal .corridor-editor-route-grid {
    grid-template-columns: minmax(0, 2fr) minmax(140px, 1fr);
  }

  #corridor-editor-modal .corridor-editor-country-field,
  #corridor-editor-modal .corridor-editor-payout-field,
  #corridor-editor-modal .corridor-editor-channel-field,
  #corridor-editor-modal .corridor-editor-status-field {
    grid-column: span 1;
  }

  #corridor-editor-modal .corridor-editor-capabilities {
    grid-column: 1 / -1;
  }

  #corridor-editor-modal .corridor-editor-summary {
    grid-template-columns: auto minmax(160px, 1fr) auto auto;
  }

  #corridor-windows-modal .corridor-rate-base-panel {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  #corridor-windows-modal .corridor-rate-base-actions {
    justify-content: flex-end;
  }
}

@media (max-width: 700px) {
  #corridor-editor-modal:not(.hidden) {
    place-items: end stretch;
    padding: 0;
  }

  #corridor-windows-modal:not(.hidden) {
    place-items: stretch;
    padding: 0;
  }

  #corridor-editor-modal .corridor-editor-card {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    border-radius: 0;
  }

  #corridor-editor-modal .corridor-editor-card > .panel-head {
    min-height: 56px;
    padding: 8px 12px !important;
  }

  #corridor-editor-modal #corridor-form.corridor-editor-form {
    padding: 10px 12px 0 !important;
  }

  #corridor-editor-modal .corridor-editor-route-grid,
  #corridor-editor-modal .corridor-rule-grid {
    grid-template-columns: 1fr;
  }

  #corridor-editor-modal .corridor-editor-country-field,
  #corridor-editor-modal .corridor-editor-payout-field,
  #corridor-editor-modal .corridor-editor-channel-field,
  #corridor-editor-modal .corridor-editor-status-field,
  #corridor-editor-modal .corridor-editor-capabilities {
    grid-column: 1;
  }

  #corridor-editor-modal .corridor-editor-capabilities,
  #corridor-editor-modal .corridor-editor-summary {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 5px;
  }

  #corridor-editor-modal .corridor-editor-capabilities .row-sub,
  #corridor-editor-modal .corridor-editor-summary-note {
    grid-column: 1;
  }

  #corridor-editor-modal .corridor-editor-form > .form-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-inline: -12px;
    padding: 8px 12px;
  }

  #corridor-windows-modal .corridor-rate-modal {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 0;
  }

  #corridor-windows-modal .corridor-rate-head {
    position: sticky;
    top: 0;
    z-index: 10;
    margin-bottom: 8px;
    padding: 8px;
  }

  #corridor-windows-modal .corridor-rate-head-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  #corridor-windows-modal .corridor-rate-head-actions button {
    min-width: 0;
    padding-inline: 6px;
  }

  #corridor-windows-modal .corridor-rate-hero-grid,
  #corridor-windows-modal .corridor-rate-summary-grid {
    grid-template-columns: 1fr;
  }

  #corridor-windows-modal .corridor-rate-base-inputs,
  #corridor-windows-modal .corridor-rate-base-actions {
    grid-template-columns: 1fr;
  }

  #corridor-windows-modal #corridor-windows-summary,
  #corridor-windows-modal #corridor-windows-table {
    display: block;
    width: 100%;
    max-height: none;
    overflow: visible;
  }

  #corridor-windows-modal #corridor-windows-table {
    min-height: 0;
    margin-top: 8px;
  }
}

/* Corredores a48: precedencia final para la proporción responsive de la mesa. */
@media (min-width: 1101px) and (max-width: 1500px) {
  #corridor-windows-modal .corridor-rate-head {
    min-height: 50px;
  }

  #corridor-windows-modal .corridor-rate-switcher-button {
    min-height: 36px;
  }

  #corridor-windows-modal .corridor-rate-hero-card,
  #corridor-windows-modal .corridor-rate-pulse-card,
  #corridor-windows-modal .corridor-rate-decision-card,
  #corridor-windows-modal .corridor-rate-reference-card {
    min-height: 62px;
    padding: 6px 8px;
  }

  #corridor-windows-modal .corridor-rate-hero-card strong {
    font-size: 1.08rem;
  }
}

@media (max-width: 700px) {
  #corridor-windows-modal .corridor-rate-head-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Referencia dolar a66: filtro por fechas del historial. */
body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-simple-status .status-chip.is-stale {
  min-height: 30px !important;
  padding: 5px 10px !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
}

:root[data-theme="light"] body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .rates-simple-status .status-chip.is-stale {
  color: #68450d !important;
  background: rgba(170, 112, 18, 0.10) !important;
  border-color: rgba(155, 99, 13, 0.28) !important;
  box-shadow: none !important;
}

#rate-editor-modal:not(.hidden),
#rate-history-modal:not(.hidden),
#rate-pulse-modal:not(.hidden) {
  inset: 0 !important;
  z-index: 220 !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
  background: rgba(3, 8, 18, 0.72) !important;
  backdrop-filter: blur(8px) !important;
}

:root[data-theme="light"] #rate-editor-modal:not(.hidden),
:root[data-theme="light"] #rate-history-modal:not(.hidden),
:root[data-theme="light"] #rate-pulse-modal:not(.hidden) {
  background: rgba(28, 36, 48, 0.42) !important;
}

#rate-editor-modal .rate-editor-modal-card,
#rate-history-modal .rate-history-modal-card,
#rate-pulse-modal .rate-pulse-modal-card {
  width: min(1280px, calc(100vw - 36px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 36px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  padding: 12px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: var(--panel-strong) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34) !important;
}

#rate-editor-modal .rate-editor-modal-card::before,
#rate-history-modal .rate-history-modal-card::before,
#rate-pulse-modal .rate-pulse-modal-card::before {
  content: none !important;
  display: none !important;
}

#rate-history-modal .rate-history-modal-card {
  grid-template-rows: auto auto auto minmax(0, 1fr) !important;
}

#rate-editor-modal .rate-editor-modal-card > .panel-head,
#rate-history-modal .rate-history-modal-card > .panel-head,
#rate-pulse-modal .rate-pulse-modal-card > .panel-head {
  position: static !important;
  min-height: 60px !important;
  margin: 0 0 10px !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
}

#rate-editor-modal .rate-editor-modal-card > .panel-head h2,
#rate-history-modal .rate-history-modal-card > .panel-head h2,
#rate-pulse-modal .rate-pulse-modal-card > .panel-head h2 {
  font-size: 1.38rem !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

#rate-editor-modal .rate-editor-modal-card > .panel-head .ghost-button,
#rate-history-modal .rate-history-modal-card > .panel-head .ghost-button,
#rate-pulse-modal .rate-pulse-modal-card > .panel-head .ghost-button {
  min-height: 40px !important;
  padding: 8px 14px !important;
}

#rate-editor-modal #rate-form {
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-content: start !important;
  gap: 10px 12px !important;
  padding: 2px 4px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

#rate-editor-modal #rate-form > .full-span,
#rate-editor-modal #rate-form > label.full-span,
#rate-editor-modal .rate-type-card {
  grid-column: 1 / -1 !important;
}

#rate-editor-modal .rate-country-field .search-select-trigger {
  min-height: 50px !important;
}

#rate-editor-modal .rate-country-field .search-select-trigger-text,
#rate-editor-modal .rate-country-field .search-select-option-label {
  font-size: 1rem !important;
}

#rate-editor-modal .rate-country-field .search-select-flag {
  width: 32px !important;
  height: 22px !important;
  border-radius: 4px !important;
}

#rate-editor-modal .rate-country-field .search-select-option {
  min-height: 48px !important;
}

#rate-editor-modal .rate-country-field .search-select-panel {
  max-height: min(330px, 48dvh) !important;
}

#rate-editor-modal .detail-card {
  padding: 10px 12px !important;
  border-radius: 6px !important;
}

#rate-editor-modal .rate-type-card {
  min-height: 54px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px 14px !important;
}

#rate-editor-modal .reference-source-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#rate-editor-modal .reference-source-mini {
  min-height: 104px !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
}

#rate-editor-modal #rate-current-card {
  min-height: 64px !important;
}

#rate-editor-modal #rate-form input,
#rate-editor-modal #rate-form select {
  min-height: 44px !important;
}

#rate-editor-modal .form-actions {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 8 !important;
  margin: 6px -4px 0 !important;
  padding: 10px 4px 2px !important;
  background: var(--panel-strong) !important;
  border-top: 1px solid var(--line) !important;
}

#rate-history-modal .rate-history-modal-card {
  width: min(1260px, calc(100vw - 36px)) !important;
}

#rate-history-modal #rate-history-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
}

#rate-history-modal #rate-history-summary .detail-card {
  min-height: 66px !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
}

#rate-history-modal .rate-history-filters {
  display: grid !important;
  grid-template-columns: minmax(150px, 190px) minmax(150px, 190px) auto !important;
  align-items: end !important;
  justify-content: start !important;
  gap: 8px !important;
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
  background: var(--panel-soft) !important;
}

#rate-history-modal .rate-history-filters label {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

#rate-history-modal .rate-history-filters label > span {
  color: var(--muted) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

#rate-history-modal .rate-history-filters input,
#rate-history-modal .rate-history-filters .ghost-button {
  min-height: 38px !important;
}

#rate-history-modal .rate-history-filters .ghost-button {
  padding: 7px 13px !important;
}

#rate-history-modal #rate-history-table {
  min-height: 0 !important;
  max-height: min(680px, calc(100dvh - 174px)) !important;
  overflow: auto !important;
  border-radius: 6px !important;
}

#rate-history-modal #rate-history-table table {
  width: 100% !important;
  min-width: 1000px !important;
  table-layout: fixed !important;
}

#rate-history-modal #rate-history-table th:nth-child(1) { width: 18%; }
#rate-history-modal #rate-history-table th:nth-child(2) { width: 14%; }
#rate-history-modal #rate-history-table th:nth-child(3),
#rate-history-modal #rate-history-table th:nth-child(4) { width: 9%; }
#rate-history-modal #rate-history-table th:nth-child(5) { width: 14%; }
#rate-history-modal #rate-history-table th:nth-child(6) { width: 23%; }
#rate-history-modal #rate-history-table th:nth-child(7) { width: 13%; }

#rate-history-modal #rate-history-table th,
#rate-history-modal #rate-history-table td {
  padding: 10px 12px !important;
  vertical-align: middle !important;
}

#rate-history-modal #rate-history-table td:nth-child(1),
#rate-history-modal #rate-history-table td:nth-child(3),
#rate-history-modal #rate-history-table td:nth-child(4),
#rate-history-modal #rate-history-table td:nth-child(5),
#rate-history-modal #rate-history-table td:nth-child(7) {
  white-space: nowrap !important;
}

#rate-history-modal #rate-history-table td:nth-child(6) .row-main {
  overflow-wrap: anywhere !important;
}

#rate-history-modal .rate-history-sort-button {
  display: inline-flex !important;
  width: 100% !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-align: left !important;
  text-transform: inherit !important;
  cursor: pointer !important;
}

#rate-history-modal .rate-history-sort-button:focus-visible {
  outline: none !important;
  box-shadow: var(--focus-ring) !important;
}

#rate-pulse-modal .rate-pulse-modal-card {
  width: min(1220px, calc(100vw - 36px)) !important;
}

#rate-pulse-modal #rate-pulse-summary {
  min-height: 0 !important;
  max-height: calc(100dvh - 126px) !important;
  display: grid !important;
  gap: 10px !important;
  padding: 0 2px 2px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#rate-pulse-modal .pulse-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#rate-pulse-modal .pulse-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

#rate-pulse-modal .pulse-detail-grid.is-single {
  grid-template-columns: 1fr !important;
}

#rate-pulse-modal .pulse-card {
  min-height: 110px !important;
  padding: 12px 14px !important;
  border-radius: 6px !important;
}

#rate-pulse-modal .pulse-detail-grid .pulse-card {
  min-height: 0 !important;
}

#rate-pulse-modal .pulse-metric {
  font-size: 1.22rem !important;
}

#rate-pulse-modal .pulse-note-list {
  margin: 7px 0 0 !important;
  padding-left: 18px !important;
}

:root[data-theme="light"] #rate-editor-modal .rate-editor-modal-card,
:root[data-theme="light"] #rate-history-modal .rate-history-modal-card,
:root[data-theme="light"] #rate-pulse-modal .rate-pulse-modal-card,
:root[data-theme="light"] #rate-editor-modal .form-actions {
  background: #f8fafc !important;
}

:root[data-theme="light"] #rate-pulse-modal .pulse-badge.flat {
  color: #6b4a16 !important;
  background: rgba(165, 111, 24, 0.10) !important;
  border-color: rgba(151, 96, 12, 0.24) !important;
}

@media (min-width: 768px) and (max-width: 1500px) {
  #rate-editor-modal:not(.hidden),
  #rate-history-modal:not(.hidden),
  #rate-pulse-modal:not(.hidden) {
    padding: 12px !important;
  }

  #rate-editor-modal .rate-editor-modal-card,
  #rate-history-modal .rate-history-modal-card,
  #rate-pulse-modal .rate-pulse-modal-card {
    width: min(1180px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 24px) !important;
  }

  #rate-editor-modal .rate-editor-modal-card > .panel-head,
  #rate-history-modal .rate-history-modal-card > .panel-head,
  #rate-pulse-modal .rate-pulse-modal-card > .panel-head {
    height: auto !important;
    min-height: 54px !important;
    padding: 8px 12px !important;
  }

  #rate-editor-modal .reference-source-mini {
    min-height: 92px !important;
  }

  #rate-pulse-modal .pulse-card {
    min-height: 98px !important;
    padding: 10px 12px !important;
  }
}

@media (max-width: 767px) {
  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .reference-action-menu-panel {
    left: auto !important;
    right: 0 !important;
    width: min(210px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
  }

  #rate-editor-modal:not(.hidden),
  #rate-history-modal:not(.hidden),
  #rate-pulse-modal:not(.hidden) {
    place-items: stretch !important;
    padding: 0 !important;
  }

  #rate-editor-modal .rate-editor-modal-card,
  #rate-history-modal .rate-history-modal-card,
  #rate-pulse-modal .rate-pulse-modal-card {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 8px !important;
    border-radius: 0 !important;
  }

  #rate-editor-modal .rate-editor-modal-card > .panel-head,
  #rate-history-modal .rate-history-modal-card > .panel-head,
  #rate-pulse-modal .rate-pulse-modal-card > .panel-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 8px !important;
    min-height: 54px !important;
    margin-bottom: 8px !important;
    padding: 8px 10px !important;
  }

  #rate-editor-modal .rate-editor-modal-card > .panel-head > div,
  #rate-history-modal .rate-history-modal-card > .panel-head > div,
  #rate-pulse-modal .rate-pulse-modal-card > .panel-head > div {
    min-width: 0 !important;
  }

  #rate-editor-modal .rate-editor-modal-card > .panel-head .ghost-button,
  #rate-history-modal .rate-history-modal-card > .panel-head .ghost-button,
  #rate-pulse-modal .rate-pulse-modal-card > .panel-head .ghost-button {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    justify-self: end !important;
  }

  #rate-editor-modal .rate-editor-modal-card > .panel-head h2,
  #rate-history-modal .rate-history-modal-card > .panel-head h2,
  #rate-pulse-modal .rate-pulse-modal-card > .panel-head h2 {
    font-size: 1.08rem !important;
  }

  #rate-editor-modal #rate-form {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    padding: 0 2px !important;
  }

  #rate-editor-modal #rate-form > *,
  #rate-editor-modal #rate-form > label,
  #rate-editor-modal #rate-form > .full-span,
  #rate-editor-modal .rate-type-card {
    grid-column: 1 !important;
  }

  #rate-editor-modal .rate-type-card,
  #rate-editor-modal .reference-source-grid {
    grid-template-columns: 1fr !important;
  }

  #rate-editor-modal .rate-type-card {
    min-height: 90px !important;
  }

  #rate-editor-modal .reference-source-mini {
    min-height: 0 !important;
  }

  #rate-editor-modal .form-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  #rate-history-modal #rate-history-summary {
    grid-template-columns: 1fr !important;
  }

  body.remesas-financial-ui-v1 #rate-history-modal:not(.hidden) .rate-history-modal-card {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  #rate-history-modal .rate-history-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 8px !important;
  }

  #rate-history-modal .rate-history-filters .ghost-button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  #rate-history-modal #rate-history-summary .detail-card {
    min-height: 0 !important;
  }

  #rate-history-modal #rate-history-table {
    max-height: none !important;
  }

  body.remesas-financial-ui-v1 #rate-history-modal #rate-history-table table,
  body.remesas-financial-ui-v1 #rate-history-modal #rate-history-table tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #rate-history-modal #rate-history-table thead {
    display: none !important;
  }

  body.remesas-financial-ui-v1 #rate-history-modal #rate-history-table tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px 10px !important;
    padding: 10px !important;
    border-bottom: 1px solid var(--line) !important;
  }

  #rate-history-modal #rate-history-table td {
    display: block !important;
    gap: 3px !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #rate-history-modal #rate-history-table td::before {
    content: attr(data-label) !important;
    display: block !important;
    margin-bottom: 3px !important;
    color: var(--muted) !important;
    font-size: 0.66rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
  }

  #rate-history-modal #rate-history-table td:nth-child(1),
  #rate-history-modal #rate-history-table td:nth-child(6) {
    grid-column: 1 !important;
  }

  #rate-pulse-modal .pulse-grid,
  #rate-pulse-modal .pulse-detail-grid {
    grid-template-columns: 1fr !important;
  }

  #rate-pulse-modal .pulse-card {
    min-height: 0 !important;
  }
}

/* Referencia dolar a67: el menu de acciones evita el borde inferior de la tabla. */
@media (min-width: 768px) {
  body.remesas-financial-ui-v1[data-active-view="rates"] #view-rates .reference-action-menu.is-dropup .reference-action-menu-panel {
    top: auto !important;
    bottom: calc(100% + 6px) !important;
  }
}

/* Usuarios a71: cabecera operativa, tabla limpia y modales de acceso proporcionados. */
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-module {
  gap: 10px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar {
  grid-template-columns: minmax(240px, 1fr) 132px 170px !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar label {
  gap: 4px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar input,
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar select,
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions button {
  min-height: 40px !important;
  height: 40px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions {
  flex-wrap: nowrap !important;
  gap: 6px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions button {
  padding-inline: 12px !important;
  white-space: nowrap !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid.is-collapsed {
  display: none !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid article {
  min-height: 72px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid strong {
  margin-top: 4px !important;
  font-size: 1.35rem !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid small {
  margin-top: 5px !important;
  font-size: 0.7rem !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell {
  min-height: min(560px, calc(100dvh - 310px)) !important;
  max-height: calc(100dvh - 250px) !important;
  padding: 0 !important;
  border-radius: 8px !important;
  overflow: auto !important;
  box-shadow: none !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell table {
  min-width: 920px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell th,
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell td {
  padding: 9px 11px !important;
  vertical-align: middle !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-role-stack {
  gap: 4px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .role-chip,
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .risk-chip {
  border-radius: 999px !important;
  padding: 6px 8px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-action-menu {
  position: relative;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-action-menu > summary {
  list-style: none;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-action-menu > summary::-webkit-details-marker {
  display: none;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-action-menu-panel {
  position: fixed;
  z-index: 1400;
  top: var(--user-action-menu-top, 0);
  left: var(--user-action-menu-left, 0);
  display: grid;
  gap: 6px;
  width: 180px;
  padding: 8px;
  border: 1px solid var(--border-soft);
  border-radius: 8px;
  background: var(--panel-strong);
  box-shadow: var(--shadow-soft);
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-action-menu-panel .inline-button {
  width: 100%;
  justify-content: flex-start;
}

#user-create-modal,
#user-edit-modal,
#role-governance-modal {
  padding: 16px !important;
}

#user-create-modal .user-create-modal-card,
#user-edit-modal .user-edit-modal-card,
#role-governance-modal .role-governance-modal-card {
  overflow: hidden !important;
  border-radius: 8px !important;
}

#user-create-modal .panel-head,
#user-edit-modal .access-governance-hero,
#role-governance-modal .access-governance-hero {
  min-height: 60px !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  border-radius: 6px !important;
}

#user-create-modal .panel-head h2,
#user-edit-modal .access-governance-hero h2,
#role-governance-modal .access-governance-hero h2 {
  margin: 2px 0 0 !important;
  font-size: 1.28rem !important;
}

#user-create-modal .user-create-modal-card {
  width: min(1280px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  padding: 12px !important;
}

#user-create-modal .user-create-form {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-height: 0;
  overflow: auto;
  padding: 2px;
}

#user-create-modal .user-create-name {
  grid-column: span 2;
}

#user-create-modal .user-create-password {
  grid-column: span 3;
}

#user-create-modal .user-role-picker,
#user-edit-modal .user-role-picker {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#user-create-modal .user-role-picker .checkbox-pill,
#user-edit-modal .user-role-picker .checkbox-pill {
  min-height: 54px !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  background-image: none !important;
  box-shadow: none !important;
}

#user-create-modal .user-role-picker .checkbox-pill input,
#user-edit-modal .user-role-picker .checkbox-pill input {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
  border-radius: 6px !important;
}

#user-create-modal .form-actions {
  width: auto !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
}

#user-edit-modal .user-edit-modal-card {
  width: min(1320px, calc(100vw - 32px)) !important;
  height: min(820px, calc(100dvh - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  padding: 12px !important;
}

#user-edit-modal .access-governance-hero p:not(.eyebrow) {
  margin: 3px 0 0 !important;
  font-size: 0.76rem !important;
}

#user-edit-modal .user-edit-grid {
  grid-template-columns: minmax(0, 2fr) minmax(270px, 0.72fr) !important;
  grid-template-areas:
    "profile security"
    "roles roles" !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 0;
  overflow: auto !important;
}

#user-edit-modal .user-profile-section {
  grid-area: profile;
}

#user-edit-modal .user-edit-section:nth-child(2) {
  grid-area: roles;
}

#user-edit-modal .security-section {
  grid-area: security;
}

#user-edit-modal .user-edit-section {
  min-height: 0 !important;
  padding: 12px !important;
  border-radius: 6px !important;
  overflow: visible !important;
  box-shadow: none !important;
}

#user-edit-modal .section-heading {
  margin-bottom: 9px !important;
}

#user-edit-modal .section-heading h3 {
  margin-top: 2px !important;
  font-size: 1rem !important;
}

#user-edit-modal .section-heading span {
  display: none !important;
}

#user-edit-modal #user-profile-form.user-profile-form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#user-edit-modal #user-profile-form.user-profile-form > .profile-name,
#user-edit-modal #user-profile-form.user-profile-form > .profile-login,
#user-edit-modal #user-profile-form.user-profile-form > .profile-contact,
#user-edit-modal #user-profile-form.user-profile-form > .profile-phone {
  grid-column: span 1 !important;
}

#user-edit-modal #user-profile-form .profile-actions {
  grid-column: 1 / -1 !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#user-edit-modal #user-profile-form .profile-actions .primary-button {
  width: auto !important;
  min-height: 40px !important;
  padding-inline: 16px !important;
}

#user-edit-modal .security-section .form-actions {
  margin-top: 8px !important;
  padding-top: 8px !important;
}

#role-governance-modal .role-governance-modal-card {
  width: min(1400px, calc(100vw - 32px)) !important;
  height: calc(100dvh - 32px) !important;
  max-height: calc(100dvh - 32px) !important;
  padding: 12px !important;
}

#role-governance-modal .role-governance-layout {
  grid-template-columns: 230px minmax(0, 1fr) !important;
  gap: 10px !important;
}

#role-governance-modal .role-governance-list,
#role-governance-modal .role-governance-panel {
  border-radius: 6px !important;
  box-shadow: none !important;
}

#role-governance-modal .role-governance-list {
  gap: 6px !important;
  padding: 8px !important;
}

#role-governance-modal .role-governance-item {
  padding: 9px 10px !important;
  border-radius: 6px !important;
  background-image: none !important;
}

#role-governance-modal .role-governance-summary {
  min-height: 42px;
  margin-bottom: 8px !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
}

#role-governance-modal .role-menu-permissions {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

#role-governance-modal .module-permission-card {
  min-height: 48px !important;
  padding: 8px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

#role-governance-modal .role-technical-permissions {
  max-height: min(22dvh, 190px) !important;
}

#role-governance-modal .role-governance-panel > .form-actions {
  margin: 8px -14px -14px !important;
  padding: 8px 14px !important;
}

@media (max-width: 1180px) {
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-bar {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions {
    justify-content: flex-end !important;
  }

  #user-create-modal .user-role-picker,
  #user-edit-modal .user-role-picker,
  #role-governance-modal .role-menu-permissions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-bar {
    padding: 8px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions button {
    width: 100%;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid article:last-child {
    grid-column: 1 / -1;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell {
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell table,
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell thead {
    display: none !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell tr {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px 12px !important;
    margin-bottom: 8px !important;
    padding: 12px !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 8px !important;
    background: var(--panel) !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 4px;
    color: var(--text-muted);
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell td:nth-child(1),
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell td:nth-child(2),
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell td:nth-child(3),
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-table-shell td:nth-child(6) {
    grid-column: 1 / -1;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-row-actions {
    justify-content: flex-start;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .user-action-menu-panel {
    top: auto !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
  }

  #user-create-modal,
  #user-edit-modal,
  #role-governance-modal {
    padding: 0 !important;
  }

  #user-create-modal .user-create-modal-card,
  #user-edit-modal .user-edit-modal-card,
  #role-governance-modal .role-governance-modal-card {
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    padding: 8px !important;
  }

  #user-create-modal .panel-head,
  #user-edit-modal .access-governance-hero,
  #role-governance-modal .access-governance-hero {
    position: sticky;
    top: 0;
    z-index: 4;
    min-height: 54px !important;
    padding: 8px 10px !important;
  }

  #user-create-modal .user-create-form,
  #user-edit-modal .user-edit-grid,
  #role-governance-modal .role-governance-layout {
    grid-template-columns: 1fr !important;
  }

  #user-create-modal .user-create-name,
  #user-create-modal .user-create-login,
  #user-create-modal .user-create-contact,
  #user-create-modal .user-create-phone,
  #user-create-modal .user-create-password {
    grid-column: 1 / -1;
  }

  #user-create-modal .user-role-picker,
  #user-edit-modal .user-role-picker,
  #role-governance-modal .role-menu-permissions,
  #role-governance-modal #role-technical-permissions {
    grid-template-columns: 1fr !important;
  }

  #user-edit-modal .user-edit-grid {
    grid-template-areas:
      "profile"
      "roles"
      "security" !important;
    grid-template-rows: max-content max-content max-content !important;
    grid-auto-rows: max-content !important;
    align-content: start !important;
  }

  #user-edit-modal .user-edit-section {
    height: auto !important;
  }

  #user-edit-modal #user-profile-form.user-profile-form {
    grid-template-columns: 1fr !important;
  }

  #role-governance-modal .role-governance-list {
    display: flex !important;
    max-height: none !important;
    overflow-x: auto !important;
  }

  #role-governance-modal .role-governance-item {
    flex: 0 0 190px;
  }

  #role-governance-modal .role-governance-layout,
  #role-governance-modal .role-governance-panel {
    overflow: auto !important;
  }
}

/* Gold Tier-1 v3: sidebar estructural sin superficies flotantes. */
body.menu-gold-tier1 .sidebar {
  position: sticky;
  top: 0;
  height: 100dvh;
  min-height: 0;
  padding: 14px;
  gap: 10px;
  overflow: hidden;
}

body.menu-gold-tier1 .menu-gold-sidebar-top {
  position: static;
  top: auto;
  z-index: auto;
  flex: 0 0 auto;
  margin: 0;
  border-color: rgba(215, 180, 106, 0.18);
  border-radius: 14px;
  background:
    linear-gradient(90deg, rgba(215, 180, 106, 0.055), transparent 48%),
    rgba(12, 35, 51, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  backdrop-filter: none;
}

body.menu-gold-tier1 .sidebar .nav-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  margin: 0;
  padding: 12px 10px 10px;
  overflow: hidden !important;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.menu-gold-tier1 .sidebar .nav-panel > .panel-head,
body.menu-gold-tier1 .sidebar .nav-panel > .menu-gold-search {
  flex: 0 0 auto;
}

body.menu-gold-tier1 .sidebar .nav-panel > .nav {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 4px 8px 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-color: rgba(215, 180, 106, 0.42) transparent;
  scrollbar-width: thin;
}

body.menu-gold-tier1 .sidebar-footer {
  position: static;
  bottom: auto;
  z-index: auto;
  flex: 0 0 auto;
  max-height: none;
  margin: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.menu-gold-tier1.sidebar-collapsed .sidebar {
  padding: 12px 9px;
  gap: 10px;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  display: grid;
  width: 52px;
  min-height: 52px;
  padding: 4px;
  margin: 0 auto;
  border: 1px solid rgba(215, 180, 106, 0.2);
  border-radius: 16px;
  background: rgba(12, 35, 51, 0.94);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-brand-mark,
body.menu-gold-tier1.sidebar-collapsed .menu-gold-brand-copy,
body.menu-gold-tier1.sidebar-collapsed .sidebar-footer {
  display: none !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-collapse.sidebar-collapse {
  order: initial;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin: 0;
  border-radius: 12px;
  background: rgba(215, 180, 106, 0.08);
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel {
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel > .nav {
  align-items: center;
  width: 100%;
  padding: 0 0 8px;
  scrollbar-gutter: auto;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-section,
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav {
  gap: 8px;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-link {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  border-radius: 14px !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-link.active {
  border-color: rgba(240, 207, 134, 0.58);
  background: rgba(215, 180, 106, 0.14);
  box-shadow: inset 3px 0 0 var(--menu-gold-strong), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

@media (max-width: 1180px) {
  body.menu-gold-tier1 .sidebar {
    position: fixed;
    top: 0;
    height: 100dvh;
    padding: 12px;
    gap: 9px;
    overflow: hidden;
  }

  body.menu-gold-tier1 .menu-gold-sidebar-top {
    position: static;
    top: auto;
    min-height: 48px;
    margin: 0;
  }

  body.menu-gold-tier1 .sidebar .nav-panel {
    padding: 11px 9px 9px !important;
    overflow: hidden !important;
  }

  body.menu-gold-tier1 .sidebar .nav-panel > .nav {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }

  body.menu-gold-tier1 .sidebar-footer {
    position: static;
    bottom: auto;
    margin: 0;
  }
}

/* Gold Tier-1 v4: eje simétrico, búsqueda bajo demanda y cuenta mínima. */
body.menu-gold-tier1 .menu-gold-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body.menu-gold-tier1 .menu-gold-head > div {
  min-width: 0;
}

body.menu-gold-tier1 .menu-gold-search-toggle {
  display: inline-grid;
  place-items: center;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border: 1px solid rgba(215, 180, 106, 0.2);
  border-radius: 10px;
  background: rgba(215, 180, 106, 0.055);
  color: rgba(240, 207, 134, 0.78);
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, color 150ms ease;
}

body.menu-gold-tier1 .menu-gold-search-toggle svg {
  width: 17px;
  height: 17px;
}

body.menu-gold-tier1 .menu-gold-search-toggle:hover,
body.menu-gold-tier1 .menu-gold-search-toggle:focus-visible,
body.menu-gold-tier1 .menu-gold-search-toggle.is-active {
  border-color: rgba(240, 207, 134, 0.58);
  background: rgba(215, 180, 106, 0.13);
  color: var(--menu-gold-strong);
  outline: none;
}

body.menu-gold-tier1 .menu-gold-search {
  display: none !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
}

body.menu-gold-tier1 .menu-gold-search.is-open {
  display: grid !important;
}

body.menu-gold-tier1 .sidebar-footer {
  padding: 9px 10px !important;
}

body.menu-gold-tier1 .sidebar-footer #session-card {
  margin: 0 0 7px !important;
}

body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  min-height: 0 !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: rgba(31, 59, 77, 0.46) !important;
  box-shadow: none !important;
}

/* Gold Tier-1 v6: paleta dual Midnight Ink / Royal Blue. */
body.menu-gold-tier1 .sidebar {
  background:
    radial-gradient(circle at 16% 0%, rgba(215, 180, 106, 0.055), transparent 27%),
    linear-gradient(180deg, #0b1725 0%, #07111d 100%) !important;
  border-right-color: rgba(148, 166, 184, 0.14) !important;
}

body.menu-gold-tier1 .menu-gold-sidebar-top {
  border-color: rgba(215, 180, 106, 0.16) !important;
  background:
    linear-gradient(90deg, rgba(215, 180, 106, 0.045), transparent 52%),
    #0e1d2c !important;
}

body.menu-gold-tier1 .sidebar .nav-panel {
  border-color: rgba(148, 166, 184, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(215, 180, 106, 0.025), transparent 110px),
    #0b1a29 !important;
}

body.menu-gold-tier1 .sidebar .nav-link {
  border-color: rgba(148, 174, 194, 0.17) !important;
  background: linear-gradient(180deg, #172d40, #122639) !important;
  color: rgba(237, 243, 248, 0.9) !important;
}

body.menu-gold-tier1 .sidebar .nav-link:hover,
body.menu-gold-tier1 .sidebar .nav-link:focus-visible {
  border-color: rgba(215, 180, 106, 0.38) !important;
  background: linear-gradient(180deg, #1d374d, #172e43) !important;
  color: #fffaf0 !important;
}

body.menu-gold-tier1 .sidebar .nav-link.active {
  border-color: rgba(240, 207, 134, 0.58) !important;
  background:
    linear-gradient(90deg, rgba(215, 180, 106, 0.18), rgba(215, 180, 106, 0.035) 62%, transparent),
    linear-gradient(180deg, #20384a, #172c3e) !important;
  color: #fff9e9 !important;
}

body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search.is-open:not([hidden]) {
  border-color: rgba(215, 180, 106, 0.2) !important;
  background: #071521 !important;
}

body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(148, 166, 184, 0.14) !important;
  background: #0b1a29 !important;
}

body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal {
  background: #142a3c !important;
}

body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu,
body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout {
  border-color: rgba(148, 174, 194, 0.16) !important;
  background: #142a3c !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  background: #0e1d2c !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.14), transparent 30%),
    linear-gradient(180deg, #174b96 0%, #0d3272 100%) !important;
  border-right-color: rgba(9, 38, 86, 0.28) !important;
  box-shadow: 12px 0 34px rgba(16, 48, 105, 0.12) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-sidebar-top {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.075), transparent 56%),
    #17478d !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-panel {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 120px),
    #103a7b !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-brand-copy strong,
:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-head h2 {
  color: #ffffff !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-brand-copy span,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-section-label {
  color: rgba(235, 243, 255, 0.76) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background: linear-gradient(180deg, #235a9f, #1d4e91) !important;
  color: rgba(247, 250, 255, 0.93) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-icon {
  color: rgba(224, 237, 255, 0.86) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link:hover,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link:focus-visible {
  border-color: rgba(244, 211, 139, 0.58) !important;
  background: linear-gradient(180deg, #2d68b6, #245aa4) !important;
  color: #ffffff !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link.active {
  border-color: rgba(255, 220, 146, 0.74) !important;
  background:
    linear-gradient(90deg, rgba(244, 198, 104, 0.22), rgba(244, 198, 104, 0.04) 62%, transparent),
    linear-gradient(180deg, #285c9f, #204b88) !important;
  color: #fff9e9 !important;
  box-shadow: inset 3px 0 0 #f2c96f, inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search.is-open:not([hidden]) {
  border-color: rgba(255, 219, 142, 0.32) !important;
  background: #0c2f68 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 #sidebar-module-search,
:root[data-theme="light"] body.menu-gold-tier1 #sidebar-module-search::placeholder {
  color: rgba(245, 249, 255, 0.88) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-search-toggle,
:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-collapse.sidebar-collapse {
  border-color: rgba(255, 218, 139, 0.34) !important;
  background: rgba(8, 35, 79, 0.22) !important;
  color: #f6d486 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #103978 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #1b4b8d !important;
  color: rgba(247, 250, 255, 0.92) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-account-minimal strong {
  color: #ffffff !important;
}

:root[data-theme="light"] body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  background: #17478d !important;
}

/* Gold Tier-1 v7: Royal Blue institucional con menor brillo y saturación. */
:root[data-theme="light"] body.menu-gold-tier1 .sidebar {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.065), transparent 30%),
    linear-gradient(180deg, #173d73 0%, #0f2b58 100%) !important;
  border-right-color: rgba(8, 31, 65, 0.3) !important;
  box-shadow: 10px 0 28px rgba(17, 40, 78, 0.1) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-sidebar-top {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 58%), #173a6b !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-panel {
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #143564 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(180deg, #234b7b, #1d416e) !important;
  color: rgba(245, 249, 255, 0.91) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link:hover,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link:focus-visible {
  border-color: rgba(238, 205, 134, 0.48) !important;
  background: linear-gradient(180deg, #2a578d, #244b7e) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link.active {
  border-color: rgba(244, 210, 138, 0.68) !important;
  background:
    linear-gradient(90deg, rgba(226, 181, 91, 0.17), rgba(226, 181, 91, 0.025) 64%, transparent),
    linear-gradient(180deg, #244b78, #1c3d68) !important;
  box-shadow: inset 3px 0 0 #e8bd66, inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search.is-open:not([hidden]) {
  border-color: rgba(239, 205, 134, 0.26) !important;
  background: #0f2c58 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-search-toggle,
:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-collapse.sidebar-collapse {
  border-color: rgba(239, 205, 134, 0.28) !important;
  background: rgba(7, 26, 56, 0.2) !important;
  color: #e9c875 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #13315e !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout {
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #1c426f !important;
}

:root[data-theme="light"] body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  background: #173a6b !important;
}

body.menu-gold-tier1 .menu-gold-account-minimal strong,
body.menu-gold-tier1 .menu-gold-account-minimal small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.menu-gold-tier1 .menu-gold-account-minimal strong {
  color: #fff8eb;
  font-size: 0.76rem;
  line-height: 1.2;
}

body.menu-gold-tier1 .menu-gold-account-minimal small {
  color: rgba(215, 180, 106, 0.82);
  font-size: 0.61rem;
  font-weight: 750;
  line-height: 1.2;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar {
  --menu-gold-rail-control: 48px;
  align-items: center !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  width: var(--menu-gold-rail-control) !important;
  min-width: var(--menu-gold-rail-control) !important;
  min-height: var(--menu-gold-rail-control) !important;
  padding: 3px !important;
  margin: 0 auto !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-collapse.sidebar-collapse {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel,
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel > .nav,
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-section {
  align-items: center !important;
  justify-items: center !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-section {
  display: flex !important;
  flex-direction: column !important;
  width: var(--menu-gold-rail-control) !important;
  min-width: var(--menu-gold-rail-control) !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-link {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (max-height: 720px) and (min-width: 1181px) {
  body.menu-gold-tier1 .sidebar-footer .menu-gold-account-head,
  body.menu-gold-tier1 .sidebar-footer .menu-gold-runtime {
    display: none;
  }

  body.menu-gold-tier1 .sidebar-footer #session-card .session-compact-card {
    min-height: 56px;
    padding: 7px 8px;
  }
}

/* Menu Gold Tier-1 v2: capa aislada sobre el patron vertical aprobado. */
body.menu-gold-tier1 {
  --menu-gold: #d7b46a;
  --menu-gold-strong: #f0cf86;
  --menu-gold-soft: rgba(215, 180, 106, 0.12);
  --menu-gold-line: rgba(215, 180, 106, 0.28);
  --menu-navy: rgba(10, 28, 43, 0.96);
  --menu-navy-soft: rgba(28, 55, 73, 0.82);
}

body.menu-gold-tier1 .sidebar {
  background:
    radial-gradient(circle at 18% 0%, rgba(215, 180, 106, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(10, 37, 56, 0.99), rgba(7, 28, 43, 0.99));
}

body.menu-gold-tier1 .sidebar .nav-panel {
  position: relative;
  border: 1px solid rgba(215, 180, 106, 0.2);
  background:
    linear-gradient(180deg, rgba(215, 180, 106, 0.045), transparent 120px),
    rgba(9, 31, 47, 0.93);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

body.menu-gold-tier1 .menu-gold-head {
  margin-bottom: 9px;
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(215, 180, 106, 0.16);
}

body.menu-gold-tier1 .menu-gold-kicker {
  margin: 0 0 5px;
  color: rgba(215, 180, 106, 0.78);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}

body.menu-gold-tier1 .menu-gold-head h2 {
  color: #f6f0e4;
  letter-spacing: 0.2em;
}

body.menu-gold-tier1 .menu-gold-search {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) auto auto !important;
  grid-template-rows: 44px !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 0 12px !important;
  padding: 0 10px !important;
  overflow: hidden !important;
  border: 1px solid rgba(215, 180, 106, 0.2) !important;
  border-radius: 13px !important;
  background: rgba(4, 18, 29, 0.58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.menu-gold-tier1 .menu-gold-search:focus-within {
  border-color: rgba(240, 207, 134, 0.62) !important;
  box-shadow: 0 0 0 3px rgba(215, 180, 106, 0.1) !important;
}

body.menu-gold-tier1 .menu-gold-search-icon {
  display: inline-flex;
  width: 17px;
  height: 17px;
  color: rgba(215, 180, 106, 0.82);
}

body.menu-gold-tier1 .menu-gold-search-icon svg {
  display: block;
  width: 17px;
  height: 17px;
}

body.menu-gold-tier1 #sidebar-module-search {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f7f2e8 !important;
  font: inherit !important;
  font-size: 0.82rem !important;
  line-height: 42px !important;
}

body.menu-gold-tier1 #sidebar-module-search::placeholder {
  color: rgba(220, 229, 236, 0.5);
}

body.menu-gold-tier1 .menu-gold-search-key {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(215, 180, 106, 0.18);
  border-radius: 7px;
  color: rgba(215, 180, 106, 0.68);
  font-size: 0.68rem;
  font-weight: 800;
}

body.menu-gold-tier1 .menu-gold-search-clear {
  display: inline-grid;
  place-items: center;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(215, 180, 106, 0.2) !important;
  border-radius: 8px !important;
  background: rgba(215, 180, 106, 0.08) !important;
  color: var(--menu-gold-strong) !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

body.menu-gold-tier1 .menu-gold-search-clear.hidden {
  display: none !important;
}

body.menu-gold-tier1 .sidebar .nav {
  width: 100%;
  min-width: 0;
  gap: 8px;
}

body.menu-gold-tier1 .sidebar .nav-section {
  width: 100%;
  min-width: 0;
  gap: 7px;
  padding-top: 13px;
  border-top-color: rgba(215, 180, 106, 0.18);
}

body.menu-gold-tier1 .sidebar .nav-section-label {
  position: relative;
  padding: 0 10px 3px 19px;
  color: rgba(222, 231, 238, 0.72);
  font-size: 0.64rem;
  letter-spacing: 0.1em;
}

body.menu-gold-tier1 .sidebar .nav-section-label::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--menu-gold);
  box-shadow: 0 0 0 4px rgba(215, 180, 106, 0.08);
  transform: translateY(-50%);
}

body.menu-gold-tier1 .sidebar .nav-link {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  height: auto;
  padding: 10px 12px;
  overflow: hidden;
  border-color: rgba(151, 177, 195, 0.2);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(34, 65, 84, 0.88), rgba(27, 54, 72, 0.88));
  color: rgba(232, 238, 243, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
  transform: none;
  transition: border-color 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

body.menu-gold-tier1 .sidebar .nav-link:hover,
body.menu-gold-tier1 .sidebar .nav-link:focus-visible {
  border-color: rgba(215, 180, 106, 0.42);
  background: linear-gradient(180deg, rgba(42, 75, 94, 0.96), rgba(31, 62, 80, 0.96));
  color: #fffaf0;
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transform: none;
  outline: none;
}

body.menu-gold-tier1 .sidebar .nav-link.active {
  border-color: rgba(240, 207, 134, 0.62);
  background:
    linear-gradient(90deg, rgba(215, 180, 106, 0.2), rgba(215, 180, 106, 0.055) 58%, transparent),
    linear-gradient(180deg, rgba(41, 67, 82, 0.98), rgba(25, 49, 65, 0.98));
  color: #fff9ea;
  box-shadow: 0 9px 22px rgba(0, 0, 0, 0.2), inset 3px 0 0 var(--menu-gold-strong), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.menu-gold-tier1 .sidebar .nav-link.active .nav-icon {
  color: var(--menu-gold-strong);
}

body.menu-gold-tier1 .sidebar .nav-icon {
  color: rgba(215, 225, 232, 0.82);
}

body.menu-gold-tier1 .sidebar .nav-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.menu-gold-tier1 .sidebar .nav-link.menu-gold-filtered-out,
body.menu-gold-tier1 .sidebar .nav-section.menu-gold-filter-empty {
  display: none !important;
}

body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(215, 180, 106, 0.17);
  background: linear-gradient(180deg, rgba(215, 180, 106, 0.035), transparent 80px), rgba(8, 28, 43, 0.9);
}

body.menu-gold-tier1 .sidebar {
  scrollbar-color: rgba(215, 180, 106, 0.52) rgba(255, 255, 255, 0.035);
  scrollbar-width: thin;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-search,
body.menu-gold-tier1.sidebar-collapsed .menu-gold-kicker {
  display: none !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-panel,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(215, 180, 106, 0.24);
}

@media (max-width: 1180px) {
  body.menu-gold-tier1 .sidebar .nav-panel {
    overflow: visible !important;
  }

  body.menu-gold-tier1 .sidebar .nav,
  body.menu-gold-tier1 .sidebar .nav-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.menu-gold-tier1 .sidebar .nav-link {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    padding: 10px 12px !important;
  }

  body.menu-gold-tier1 .menu-gold-search {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (max-width: 430px) {
  body.menu-gold-tier1 .sidebar .nav-panel {
    padding: 12px 10px !important;
  }

  body.menu-gold-tier1 .menu-gold-search {
    grid-template-columns: 18px minmax(0, 1fr) auto !important;
  }

  body.menu-gold-tier1 .menu-gold-search-key {
    display: none;
  }

  body.menu-gold-tier1 .sidebar .nav-link {
    border-radius: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.menu-gold-tier1 .sidebar .nav-link {
    transition: none;
  }
}

/* Gold Tier-1 v2: cabecera integrada y cuenta operativa pulida. */
body.menu-gold-tier1 .menu-gold-sidebar-top {
  position: sticky;
  top: 8px;
  z-index: 4;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 54px;
  padding: 7px 8px;
  border: 1px solid rgba(215, 180, 106, 0.2);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(26, 54, 72, 0.96), rgba(10, 31, 47, 0.98));
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(14px);
}

body.menu-gold-tier1 .menu-gold-brand-mark.sidebar-mark {
  display: flex;
  padding: 0;
}

body.menu-gold-tier1 .menu-gold-brand-mark .sidebar-mark-badge {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border-color: rgba(240, 207, 134, 0.44);
  background:
    radial-gradient(circle at 25% 18%, rgba(240, 207, 134, 0.24), transparent 48%),
    rgba(215, 180, 106, 0.08);
  color: var(--menu-gold-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  font-size: 0.74rem;
}

body.menu-gold-tier1 .menu-gold-brand-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.menu-gold-tier1 .menu-gold-brand-copy strong {
  overflow: hidden;
  color: #fff8e9;
  font-size: 0.82rem;
  font-weight: 850;
  letter-spacing: 0.015em;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.menu-gold-tier1 .menu-gold-brand-copy span {
  overflow: hidden;
  color: rgba(215, 225, 232, 0.58);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.menu-gold-tier1 .menu-gold-collapse.sidebar-collapse {
  position: static;
  inset: auto;
  align-self: center;
  justify-self: end;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(215, 180, 106, 0.3);
  border-radius: 12px;
  background: rgba(215, 180, 106, 0.07);
  color: var(--menu-gold-strong);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

body.menu-gold-tier1 .menu-gold-collapse.sidebar-collapse:hover,
body.menu-gold-tier1 .menu-gold-collapse.sidebar-collapse:focus-visible {
  border-color: rgba(240, 207, 134, 0.62);
  background: rgba(215, 180, 106, 0.15);
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.18), 0 0 0 3px rgba(215, 180, 106, 0.08);
  outline: none;
}

body.menu-gold-tier1 .menu-gold-collapse .nav-icon {
  color: inherit;
}

body.menu-gold-tier1 .sidebar-footer {
  padding: 12px;
  border-radius: 18px;
}

body.menu-gold-tier1 .menu-gold-account-head {
  margin-bottom: 8px;
  padding: 0 2px 8px;
  border-bottom: 1px solid rgba(215, 180, 106, 0.14);
}

body.menu-gold-tier1 .menu-gold-account-head .eyebrow {
  display: block;
  margin: 0 0 4px;
  color: rgba(215, 180, 106, 0.68);
  font-size: 0.56rem;
  letter-spacing: 0.13em;
}

body.menu-gold-tier1 .menu-gold-account-head h2 {
  color: #f5efe5;
  font-size: 0.68rem;
  letter-spacing: 0.18em;
}

body.menu-gold-tier1 .menu-gold-runtime.sidebar-runtime {
  display: inline-flex;
  width: fit-content !important;
  max-width: 100%;
  min-height: 27px;
  margin: 0 0 9px;
  padding: 5px 9px;
  gap: 7px;
  border: 1px solid rgba(215, 180, 106, 0.18);
  border-radius: 999px;
  background: rgba(215, 180, 106, 0.07);
  color: rgba(240, 207, 134, 0.9);
  box-shadow: none;
  font-size: 0.66rem;
  font-weight: 750;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

body.menu-gold-tier1 .menu-gold-runtime::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #6ed7a8;
  box-shadow: 0 0 0 4px rgba(110, 215, 168, 0.08);
}

body.menu-gold-tier1 .menu-gold-runtime.is-offline::before {
  background: #d7b46a;
  box-shadow: 0 0 0 4px rgba(215, 180, 106, 0.08);
}

body.menu-gold-tier1 .sidebar-footer #session-card {
  margin: 0 0 10px;
}

body.menu-gold-tier1 .sidebar-footer #session-card .session-compact-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 10px;
  border: 1px solid rgba(151, 177, 195, 0.18);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(30, 58, 76, 0.8), rgba(10, 31, 47, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body.menu-gold-tier1 .menu-gold-account-avatar {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(240, 207, 134, 0.38);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(215, 180, 106, 0.22), rgba(215, 180, 106, 0.07));
  color: #fff0c7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  font-size: 0.9rem;
  font-weight: 850;
}

body.menu-gold-tier1 .menu-gold-account-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-copy strong {
  overflow: hidden;
  color: #fff8eb;
  font-size: 0.8rem;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-copy > span {
  overflow: hidden;
  color: rgba(220, 229, 236, 0.66);
  font-size: 0.68rem;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-copy small {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-top: 3px;
  overflow: hidden;
  color: rgba(215, 180, 106, 0.8);
  font-size: 0.59rem;
  font-style: normal;
  font-weight: 750;
  letter-spacing: 0.02em;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-copy small span {
  overflow: hidden;
  text-overflow: ellipsis;
}

body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-copy small i {
  width: 3px;
  height: 3px;
  margin: 0 6px;
  flex: 0 0 3px;
  border-radius: 50%;
  background: rgba(215, 180, 106, 0.5);
}

body.menu-gold-tier1 .menu-gold-account-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 7px;
}

body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu,
body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout {
  width: 100%;
  min-width: 0;
  min-height: 39px;
  margin: 0;
  padding: 8px;
  justify-content: center;
  border-color: rgba(151, 177, 195, 0.18);
  border-radius: 11px;
  background: rgba(31, 59, 77, 0.62);
  color: rgba(229, 236, 241, 0.82);
}

body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu:hover,
body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout:hover {
  border-color: rgba(215, 180, 106, 0.38);
  background: rgba(215, 180, 106, 0.09);
  color: #fff8e9;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 7px;
  padding: 7px 4px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-brand-copy {
  display: none;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-collapse.sidebar-collapse {
  order: -1;
  justify-self: center;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-account-actions {
  grid-template-columns: 1fr;
}

@media (max-width: 1180px) {
  body.menu-gold-tier1 .menu-gold-sidebar-top {
    top: 8px;
    margin-top: -52px;
    min-height: 46px;
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    padding: 4px 6px;
    border-radius: 14px;
  }

  body.menu-gold-tier1 .menu-gold-brand-mark .sidebar-mark-badge {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    font-size: 0.68rem;
  }

  body.menu-gold-tier1 .menu-gold-collapse.sidebar-collapse {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    border-radius: 11px;
  }

  body.menu-gold-tier1 .menu-gold-brand-copy span {
    display: none;
  }

  body.menu-gold-tier1 .sidebar-footer #session-card .session-compact-card {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }
}

@media (max-width: 430px) {
  body.menu-gold-tier1 .menu-gold-account-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-label,
  body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout .nav-text {
    display: inline !important;
  }
}

/* Usuarios a78: filtros legibles y modales compactos sin desborde horizontal. */
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar label,
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar input,
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar select {
  min-width: 0 !important;
  width: 100% !important;
}

#user-create-modal .user-create-modal-card,
#user-edit-modal .user-edit-modal-card,
#role-governance-modal .role-governance-modal-card {
  box-sizing: border-box !important;
  max-width: calc(100vw - 24px) !important;
}

#user-create-modal .user-create-modal-card {
  width: min(1080px, calc(100vw - 24px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 24px) !important;
}

#user-edit-modal .user-edit-modal-card {
  width: min(1180px, calc(100vw - 24px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 24px) !important;
}

#user-edit-modal .user-edit-grid {
  box-sizing: border-box !important;
  flex: 0 1 auto !important;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 300px) !important;
  grid-template-areas:
    "profile security"
    "roles roles" !important;
  grid-template-rows: max-content max-content !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: calc(100dvh - 108px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#user-edit-modal .user-edit-section,
#user-edit-modal .user-edit-section > *,
#user-edit-modal .user-edit-section form,
#user-edit-modal .user-role-picker {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#user-edit-modal .user-edit-section {
  height: auto !important;
  overflow: hidden !important;
}

#user-edit-modal .security-section,
#user-edit-modal .security-section .form-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

#user-edit-modal .security-section label,
#user-edit-modal .security-section input,
#user-edit-modal .security-section .form-actions,
#user-edit-modal .security-section button {
  box-sizing: border-box !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

#user-edit-modal .user-role-picker {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#role-governance-modal .role-governance-modal-card {
  width: min(1240px, calc(100vw - 24px)) !important;
  height: min(720px, calc(100dvh - 24px)) !important;
  max-height: calc(100dvh - 24px) !important;
}

#role-governance-modal .role-governance-layout,
#role-governance-modal .role-governance-panel,
#role-governance-modal .role-governance-list {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#role-governance-modal .role-governance-layout {
  overflow-x: hidden !important;
}

@media (min-width: 821px) and (max-width: 1500px) {
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-bar {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 8px 10px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar input,
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar select,
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions button {
    min-height: 36px !important;
    height: 36px !important;
    font-size: 0.78rem !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions {
    justify-content: flex-end !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions button {
    padding-inline: 10px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid article {
    min-height: 62px !important;
    padding: 8px 10px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-kpi-grid strong {
    font-size: 1.12rem !important;
  }

  #user-create-modal,
  #user-edit-modal,
  #role-governance-modal {
    padding: 10px !important;
  }

  #user-create-modal .user-create-modal-card {
    width: min(1020px, calc(100vw - 20px)) !important;
    padding: 8px !important;
  }

  #user-edit-modal .user-edit-modal-card {
    width: min(1080px, calc(100vw - 20px)) !important;
    padding: 8px !important;
  }

  #role-governance-modal .role-governance-modal-card {
    width: min(1160px, calc(100vw - 20px)) !important;
    height: min(660px, calc(100dvh - 20px)) !important;
    padding: 8px !important;
  }

  #user-create-modal .panel-head,
  #user-edit-modal .access-governance-hero,
  #role-governance-modal .access-governance-hero {
    min-height: 50px !important;
    margin-bottom: 6px !important;
    padding: 7px 10px !important;
  }

  #user-create-modal .panel-head h2,
  #user-edit-modal .access-governance-hero h2,
  #role-governance-modal .access-governance-hero h2 {
    font-size: 1.08rem !important;
  }

  #user-create-modal label > span,
  #user-edit-modal label > span,
  #role-governance-modal label > span {
    font-size: 0.7rem !important;
  }

  #user-create-modal input,
  #user-create-modal select,
  #user-edit-modal input,
  #user-edit-modal select,
  #role-governance-modal input,
  #role-governance-modal select {
    min-height: 38px !important;
    height: 38px !important;
    padding: 7px 10px !important;
    font-size: 0.8rem !important;
  }

  #user-create-modal button,
  #user-edit-modal button,
  #role-governance-modal button {
    min-height: 36px !important;
    font-size: 0.76rem !important;
  }

  #user-edit-modal .user-edit-grid {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 270px) !important;
    gap: 8px !important;
    max-height: calc(100dvh - 88px) !important;
  }

  #user-edit-modal .user-edit-section {
    padding: 9px !important;
  }

  #user-edit-modal .section-heading {
    margin-bottom: 6px !important;
  }

  #user-edit-modal .section-heading h3 {
    font-size: 0.9rem !important;
  }

  #user-edit-modal #user-profile-form.user-profile-form {
    gap: 6px 8px !important;
  }

  #user-create-modal .user-role-picker .checkbox-pill,
  #user-edit-modal .user-role-picker .checkbox-pill {
    min-height: 44px !important;
    padding: 6px 8px !important;
    font-size: 0.74rem !important;
  }

  #role-governance-modal .role-governance-layout {
    grid-template-columns: 210px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #role-governance-modal .role-menu-permissions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar label:first-child {
    grid-column: 1 / -1 !important;
  }

  #user-create-modal .user-create-modal-card,
  #user-edit-modal .user-edit-modal-card,
  #role-governance-modal .role-governance-modal-card {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }

  #user-edit-modal .user-edit-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "profile"
      "roles"
      "security" !important;
    grid-template-rows: max-content max-content max-content !important;
    max-height: calc(100dvh - 70px) !important;
  }

  #user-edit-modal .user-role-picker,
  #role-governance-modal .role-menu-permissions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Usuarios a79: barra de filtros proporcionada y selects con lectura completa. */
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar {
  width: min(100%, 1120px) !important;
  grid-template-columns: minmax(320px, 1fr) 200px 260px !important;
  align-items: end !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar input,
body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar select {
  min-height: 44px !important;
  height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 0.86rem !important;
  line-height: normal !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar select {
  padding-left: 14px !important;
  padding-right: 40px !important;
}

body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar label > span {
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
}

@media (min-width: 1501px) and (max-width: 1700px) {
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-bar {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 6px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar {
    width: 100% !important;
    grid-template-columns: minmax(300px, 1fr) 210px 270px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-command-actions {
    justify-content: flex-end !important;
  }
}

@media (min-width: 821px) and (max-width: 1500px) {
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar {
    width: 100% !important;
    grid-template-columns: minmax(260px, 1fr) 190px 250px !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar input,
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar select {
    min-height: 42px !important;
    height: 42px !important;
    font-size: 0.82rem !important;
  }
}

@media (max-width: 820px) {
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar input,
  body.remesas-financial-ui-v1[data-active-view="users"] #view-users .users-access-toolbar select {
    min-height: 44px !important;
    height: 44px !important;
    font-size: 0.82rem !important;
  }
}

/* Gold Tier-1 v3 final: la cabecera y la cuenta quedan fuera del scroll de módulos. */
body.menu-gold-tier1 .sidebar {
  position: sticky !important;
  top: 0 !important;
  height: 100dvh !important;
  min-height: 0 !important;
  padding: 14px !important;
  gap: 10px !important;
  overflow: hidden !important;
}

body.menu-gold-tier1 .menu-gold-sidebar-top {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, rgba(215, 180, 106, 0.055), transparent 48%), rgba(12, 35, 51, 0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  backdrop-filter: none !important;
}

body.menu-gold-tier1 .sidebar .nav-panel {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 10px 10px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

body.menu-gold-tier1 .sidebar .nav-panel > .panel-head,
body.menu-gold-tier1 .sidebar .nav-panel > .menu-gold-search {
  flex: 0 0 auto !important;
}

body.menu-gold-tier1 .sidebar .nav-panel > .nav {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  padding: 0 4px 8px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.menu-gold-tier1 .sidebar-footer {
  position: static !important;
  bottom: auto !important;
  z-index: auto !important;
  flex: 0 0 auto !important;
  max-height: none !important;
  margin: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar {
  padding: 12px 9px !important;
  gap: 10px !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  display: grid !important;
  width: 52px !important;
  min-height: 52px !important;
  padding: 4px !important;
  margin: 0 auto !important;
  border: 1px solid rgba(215, 180, 106, 0.2) !important;
  border-radius: 16px !important;
  background: rgba(12, 35, 51, 0.94) !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-brand-mark,
body.menu-gold-tier1.sidebar-collapsed .menu-gold-brand-copy,
body.menu-gold-tier1.sidebar-collapsed .sidebar-footer {
  display: none !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-collapse.sidebar-collapse {
  order: initial !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  border-radius: 12px !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel > .nav {
  align-items: center !important;
  width: 100% !important;
  padding: 0 0 8px !important;
  scrollbar-gutter: auto;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-section,
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav {
  gap: 8px !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-link {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  border-radius: 14px !important;
}

@media (max-width: 1180px) {
  body.menu-gold-tier1 .sidebar {
    position: fixed !important;
    padding: 12px !important;
    gap: 9px !important;
  }

  body.menu-gold-tier1 .menu-gold-sidebar-top {
    min-height: 48px !important;
    margin: 0 !important;
  }

  body.menu-gold-tier1 .sidebar .nav-panel {
    padding: 11px 9px 9px !important;
  }
}

/* Gold Tier-1 v5: estado final y funcional del buscador. */
body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search,
body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search[hidden] {
  display: none !important;
}

body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search.is-open:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  grid-template-rows: 44px !important;
  align-items: center !important;
  gap: 7px !important;
}

body.menu-gold-tier1 #sidebar-module-search-box #sidebar-module-search {
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 4px !important;
}

body.menu-gold-tier1 #sidebar-module-search-box .menu-gold-search-key {
  grid-column: 2 !important;
}

body.menu-gold-tier1 #sidebar-module-search-box .menu-gold-search-clear {
  grid-column: 3 !important;
}

/* El control superior y los módulos comparten el mismo eje de 48px. */
body.menu-gold-tier1.sidebar-collapsed .sidebar {
  --menu-gold-rail-control: 48px;
  align-items: center !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  width: var(--menu-gold-rail-control) !important;
  min-width: var(--menu-gold-rail-control) !important;
  min-height: var(--menu-gold-rail-control) !important;
  padding: 3px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-collapse.sidebar-collapse {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel,
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel > .nav,
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-section {
  align-items: center !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-section {
  display: flex !important;
  flex-direction: column !important;
  width: var(--menu-gold-rail-control) !important;
  min-width: var(--menu-gold-rail-control) !important;
}

/* La cuenta conserva únicamente usuario y tipo de rol. */
body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  min-height: 0 !important;
  padding: 7px 9px !important;
  border: 0 !important;
  background: rgba(31, 59, 77, 0.46) !important;
  box-shadow: none !important;
}

/* Gold Tier-1 v6 final: paleta posterior a todas las capas heredadas. */
body.menu-gold-tier1 .sidebar {
  background:
    radial-gradient(circle at 16% 0%, rgba(215, 180, 106, 0.055), transparent 27%),
    linear-gradient(180deg, #0b1725 0%, #07111d 100%) !important;
  border-right-color: rgba(148, 166, 184, 0.14) !important;
}

body.menu-gold-tier1 .menu-gold-sidebar-top {
  border-color: rgba(215, 180, 106, 0.16) !important;
  background: linear-gradient(90deg, rgba(215, 180, 106, 0.045), transparent 52%), #0e1d2c !important;
}

body.menu-gold-tier1 .sidebar .nav-panel,
body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(148, 166, 184, 0.14) !important;
  background: #0b1a29 !important;
}

body.menu-gold-tier1 .sidebar .nav-link {
  border-color: rgba(148, 174, 194, 0.17) !important;
  background: linear-gradient(180deg, #172d40, #122639) !important;
  color: rgba(237, 243, 248, 0.9) !important;
}

body.menu-gold-tier1 .sidebar .nav-link:hover,
body.menu-gold-tier1 .sidebar .nav-link:focus-visible {
  border-color: rgba(215, 180, 106, 0.38) !important;
  background: linear-gradient(180deg, #1d374d, #172e43) !important;
  color: #fffaf0 !important;
}

body.menu-gold-tier1 .sidebar .nav-link.active {
  border-color: rgba(240, 207, 134, 0.58) !important;
  background:
    linear-gradient(90deg, rgba(215, 180, 106, 0.18), rgba(215, 180, 106, 0.035) 62%, transparent),
    linear-gradient(180deg, #20384a, #172c3e) !important;
  color: #fff9e9 !important;
}

body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search.is-open:not([hidden]) {
  border-color: rgba(215, 180, 106, 0.2) !important;
  background: #071521 !important;
}

body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal,
body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu,
body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout {
  border-color: rgba(148, 174, 194, 0.16) !important;
  background: #142a3c !important;
}

body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  background: #0e1d2c !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.14), transparent 30%),
    linear-gradient(180deg, #174b96 0%, #0d3272 100%) !important;
  border-right-color: rgba(9, 38, 86, 0.28) !important;
  box-shadow: 12px 0 34px rgba(16, 48, 105, 0.12) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-sidebar-top {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.075), transparent 56%), #17478d !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-panel {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #103a7b !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-brand-copy strong,
:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-head h2 {
  color: #ffffff !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-brand-copy span,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-section-label {
  color: rgba(235, 243, 255, 0.76) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background: linear-gradient(180deg, #235a9f, #1d4e91) !important;
  color: rgba(247, 250, 255, 0.93) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-icon {
  color: rgba(224, 237, 255, 0.86) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link:hover,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link:focus-visible {
  border-color: rgba(244, 211, 139, 0.58) !important;
  background: linear-gradient(180deg, #2d68b6, #245aa4) !important;
  color: #ffffff !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link.active {
  border-color: rgba(255, 220, 146, 0.74) !important;
  background:
    linear-gradient(90deg, rgba(244, 198, 104, 0.22), rgba(244, 198, 104, 0.04) 62%, transparent),
    linear-gradient(180deg, #285c9f, #204b88) !important;
  color: #fff9e9 !important;
  box-shadow: inset 3px 0 0 #f2c96f, inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search.is-open:not([hidden]) {
  border-color: rgba(255, 219, 142, 0.32) !important;
  background: #0c2f68 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 #sidebar-module-search,
:root[data-theme="light"] body.menu-gold-tier1 #sidebar-module-search::placeholder {
  color: rgba(245, 249, 255, 0.88) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-search-toggle,
:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-collapse.sidebar-collapse {
  border-color: rgba(255, 218, 139, 0.34) !important;
  background: rgba(8, 35, 79, 0.22) !important;
  color: #f6d486 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #103978 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #1b4b8d !important;
  color: rgba(247, 250, 255, 0.92) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-account-minimal strong {
  color: #ffffff !important;
}

:root[data-theme="light"] body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  background: #17478d !important;
}

/* Gold Tier-1 v7 final: azul institucional apagado. */
:root[data-theme="light"] body.menu-gold-tier1 .sidebar {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.065), transparent 30%),
    linear-gradient(180deg, #173d73 0%, #0f2b58 100%) !important;
  border-right-color: rgba(8, 31, 65, 0.3) !important;
  box-shadow: 10px 0 28px rgba(17, 40, 78, 0.1) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-sidebar-top {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 58%), #173a6b !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-panel {
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #143564 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(180deg, #234b7b, #1d416e) !important;
  color: rgba(245, 249, 255, 0.91) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link:hover,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link:focus-visible {
  border-color: rgba(238, 205, 134, 0.48) !important;
  background: linear-gradient(180deg, #2a578d, #244b7e) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar .nav-link.active {
  border-color: rgba(244, 210, 138, 0.68) !important;
  background:
    linear-gradient(90deg, rgba(226, 181, 91, 0.17), rgba(226, 181, 91, 0.025) 64%, transparent),
    linear-gradient(180deg, #244b78, #1c3d68) !important;
  box-shadow: inset 3px 0 0 #e8bd66, inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search.is-open:not([hidden]) {
  border-color: rgba(239, 205, 134, 0.26) !important;
  background: #0f2c58 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-search-toggle,
:root[data-theme="light"] body.menu-gold-tier1 .menu-gold-collapse.sidebar-collapse {
  border-color: rgba(239, 205, 134, 0.28) !important;
  background: rgba(7, 26, 56, 0.2) !important;
  color: #e9c875 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #13315e !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu,
:root[data-theme="light"] body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout {
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #1c426f !important;
}

:root[data-theme="light"] body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  background: #173a6b !important;
}

/* Gold Tier-1 v8: rail contraído sin cabecera ni buscador residual. */
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel > .menu-gold-head,
body.menu-gold-tier1.sidebar-collapsed #sidebar-module-search-box,
body.menu-gold-tier1.sidebar-collapsed #sidebar-module-search-status {
  display: none !important;
}

body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-panel > .nav {
  margin-top: 0 !important;
}

/* Gold Tier-1 v9: Graphite Navy alineado con las ventanas oscuras. */
:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar {
  background:
    radial-gradient(circle at 16% 0%, rgba(215, 180, 106, 0.035), transparent 25%),
    linear-gradient(180deg, #0b141e 0%, #09121c 100%) !important;
  border-right-color: rgba(139, 154, 169, 0.11) !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1 .menu-gold-sidebar-top {
  border-color: rgba(215, 180, 106, 0.14) !important;
  background: linear-gradient(90deg, rgba(215, 180, 106, 0.025), transparent 54%), #0f1a24 !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar .nav-panel,
:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar-footer {
  border-color: rgba(139, 154, 169, 0.11) !important;
  background: #0e1924 !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar .nav-link {
  border-color: rgba(148, 164, 180, 0.14) !important;
  background: linear-gradient(180deg, #172531, #14212d) !important;
  color: rgba(237, 242, 247, 0.89) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.022) !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar .nav-icon {
  color: rgba(211, 220, 229, 0.8) !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar .nav-link:hover,
:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar .nav-link:focus-visible {
  border-color: rgba(215, 180, 106, 0.34) !important;
  background: linear-gradient(180deg, #1b2b38, #172632) !important;
  color: #fffaf0 !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar .nav-link.active {
  border-color: rgba(235, 198, 120, 0.55) !important;
  background:
    linear-gradient(90deg, rgba(215, 180, 106, 0.15), rgba(215, 180, 106, 0.022) 64%, transparent),
    linear-gradient(180deg, #1d2b36, #17242f) !important;
  color: #fff8e7 !important;
  box-shadow: inset 3px 0 0 #dfb760, inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1 #sidebar-module-search-box.menu-gold-search.is-open:not([hidden]) {
  border-color: rgba(215, 180, 106, 0.17) !important;
  background: #0b1620 !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar-footer #session-card .menu-gold-account-minimal,
:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .theme-toggle-menu,
:root:not([data-theme="light"]) body.menu-gold-tier1 .sidebar-footer .menu-gold-account-actions .sidebar-logout {
  border-color: rgba(148, 164, 180, 0.13) !important;
  background: #162632 !important;
}

:root:not([data-theme="light"]) body.menu-gold-tier1.sidebar-collapsed .menu-gold-sidebar-top {
  background: #0f1a24 !important;
}

/* 20260723 foreground operator alerts r1: isolated operational layer */
body.menu-gold-tier1 .nav-operational-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 21px;
  height: 21px;
  margin-left: auto;
  padding: 0 6px;
  border: 1px solid rgba(236, 197, 112, 0.5);
  border-radius: 999px;
  background: rgba(218, 174, 79, 0.16);
  color: #f3cf7b;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

:root[data-theme="light"] body.menu-gold-tier1 .nav-operational-badge {
  border-color: rgba(178, 126, 28, 0.34);
  background: #fff4d6;
  color: #7a5106;
}

body.menu-gold-tier1.sidebar-collapsed .nav-operational-badge {
  position: absolute;
  top: 5px;
  right: 5px;
  min-width: 10px;
  width: 10px;
  height: 10px;
  padding: 0;
  overflow: hidden;
  color: transparent;
  border-width: 2px;
  background: #e4b657;
}

body.menu-gold-tier1 .operator-alert-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

body.menu-gold-tier1 .operator-alert-control {
  min-height: 34px;
  padding: 6px 11px;
  border-radius: 10px;
  font-size: 0.74rem;
  font-weight: 750;
  white-space: nowrap;
}

body.menu-gold-tier1 .operator-alert-control[aria-checked="true"] {
  border-color: rgba(214, 176, 91, 0.42);
  background: rgba(214, 176, 91, 0.12);
  color: #f1ca73;
}

:root[data-theme="light"] body.menu-gold-tier1 .operator-alert-control[aria-checked="true"] {
  border-color: rgba(30, 81, 159, 0.28);
  background: rgba(30, 81, 159, 0.08);
  color: #173f7e;
}

body.menu-gold-tier1 .operator-alert-region {
  position: fixed;
  top: 84px;
  right: 24px;
  z-index: 1200;
  width: min(390px, calc(100vw - 32px));
  pointer-events: none;
}

body.menu-gold-tier1 .operator-alert-list {
  display: grid;
  gap: 10px;
}

body.menu-gold-tier1 .operator-assignment-alert {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto 28px;
  align-items: center;
  gap: 10px;
  min-height: 76px;
  padding: 12px;
  border: 1px solid rgba(218, 180, 96, 0.38);
  border-radius: 17px;
  background:
    linear-gradient(135deg, rgba(218, 180, 96, 0.1), transparent 45%),
    rgba(13, 24, 34, 0.97);
  color: #f8fafc;
  box-shadow: 0 20px 48px rgba(2, 8, 15, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(18px);
  pointer-events: auto;
  animation: operator-alert-enter 220ms ease-out both;
}

:root[data-theme="light"] body.menu-gold-tier1 .operator-assignment-alert {
  border-color: rgba(30, 81, 159, 0.22);
  background:
    linear-gradient(135deg, rgba(30, 81, 159, 0.08), transparent 48%),
    rgba(255, 255, 255, 0.98);
  color: #111827;
  box-shadow: 0 18px 46px rgba(22, 42, 74, 0.16), inset 0 1px 0 #fff;
}

body.menu-gold-tier1 .operator-assignment-alert-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(229, 190, 103, 0.42);
  border-radius: 13px;
  background: rgba(214, 176, 91, 0.12);
  color: #edc56c;
}

body.menu-gold-tier1 .operator-assignment-alert-icon svg {
  width: 21px;
  height: 21px;
}

body.menu-gold-tier1 .operator-assignment-alert-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body.menu-gold-tier1 .operator-assignment-alert-copy strong {
  font-size: 0.9rem;
  letter-spacing: 0.01em;
}

body.menu-gold-tier1 .operator-assignment-alert-copy small {
  color: #aebdca;
  font-size: 0.76rem;
}

:root[data-theme="light"] body.menu-gold-tier1 .operator-assignment-alert-copy small {
  color: #627085;
}

body.menu-gold-tier1 .operator-assignment-alert-open,
body.menu-gold-tier1 .operator-assignment-alert-dismiss {
  border: 1px solid rgba(218, 180, 96, 0.34);
  background: rgba(218, 180, 96, 0.1);
  color: inherit;
  cursor: pointer;
}

body.menu-gold-tier1 .operator-assignment-alert-open {
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 10px;
  font-weight: 800;
}

body.menu-gold-tier1 .operator-assignment-alert-dismiss {
  width: 28px;
  height: 28px;
  padding: 0;
  border-color: transparent;
  border-radius: 9px;
  color: #9fb0bf;
  font-size: 1.05rem;
}

body.menu-gold-tier1 .operator-assignment-alert-open:hover,
body.menu-gold-tier1 .operator-assignment-alert-open:focus-visible,
body.menu-gold-tier1 .operator-assignment-alert-dismiss:hover,
body.menu-gold-tier1 .operator-assignment-alert-dismiss:focus-visible {
  border-color: rgba(238, 199, 113, 0.62);
  background: rgba(218, 180, 96, 0.18);
  outline: none;
}

@keyframes operator-alert-enter {
  from {
    opacity: 0;
    transform: translateY(-10px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 720px) {
  body.menu-gold-tier1 .operator-alert-region {
    top: 70px;
    right: 12px;
    width: calc(100vw - 24px);
  }

  body.menu-gold-tier1 .operator-assignment-alert {
    grid-template-columns: 38px minmax(0, 1fr) auto 28px;
    gap: 8px;
    min-height: 70px;
    padding: 10px;
    border-radius: 15px;
  }

  body.menu-gold-tier1 .operator-assignment-alert-icon {
    width: 38px;
    height: 38px;
  }

  body.menu-gold-tier1 .operator-alert-controls {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.menu-gold-tier1 .operator-assignment-alert {
    animation: none;
  }
}

/* 20260723 foreground alerts r2: mandatory signals and role-safe responsive navigation. */
body.menu-gold-tier1 .sidebar .nav-link.hidden,
body.menu-gold-tier1 .sidebar .nav-section.hidden,
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-link.hidden,
body.menu-gold-tier1.sidebar-collapsed .sidebar .nav-section.hidden {
  display: none !important;
}

body.menu-gold-tier1 .operator-alert-control:disabled {
  opacity: 1;
  cursor: default;
  transform: none;
}

body.menu-gold-tier1 .operator-alert-control:disabled:hover {
  transform: none;
}

/* 20260723 Web Push preview r1: user-initiated device enrollment. */
body.menu-gold-tier1 .operator-push-control {
  border-color: rgba(91, 219, 177, 0.38);
  background: rgba(34, 197, 139, 0.1);
  color: #8cf2ce;
}

body.menu-gold-tier1 .operator-push-control:not(:disabled):hover,
body.menu-gold-tier1 .operator-push-control:not(:disabled):focus-visible {
  border-color: rgba(117, 235, 197, 0.66);
  background: rgba(34, 197, 139, 0.17);
}

body.menu-gold-tier1 .operator-push-control.is-active {
  border-color: rgba(91, 219, 177, 0.42);
  background: rgba(34, 197, 139, 0.13);
  color: #a8f5da;
}

body.menu-gold-tier1 .operator-push-status {
  flex: 1 1 100%;
  color: rgba(204, 216, 226, 0.78);
  font-size: 0.72rem;
  line-height: 1.35;
}

:root[data-theme="light"] body.menu-gold-tier1 .operator-push-control {
  border-color: rgba(12, 125, 92, 0.28);
  background: rgba(12, 125, 92, 0.08);
  color: #075d46;
}

:root[data-theme="light"] body.menu-gold-tier1 .operator-push-status {
  color: #607086;
}

/* 20260723 operator mobile app r1: auth isolation and compact native-like operator surface. */
#app-shell.hidden,
#auth-landing.hidden {
  display: none !important;
}

body:not(.is-authenticated) #sidebar-toggle,
body:not(.is-authenticated) #sidebar-overlay {
  display: none !important;
}

body.menu-gold-tier1 .operator-push-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 999px;
}

body.menu-gold-tier1 .operator-push-control svg {
  width: 18px;
  height: 18px;
}

body.menu-gold-tier1 .operator-push-indicator {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 7px;
  height: 7px;
  border: 2px solid #111c27;
  border-radius: 999px;
  background: #d9a84f;
}

body.menu-gold-tier1 .operator-push-control[data-push-state="active"] .operator-push-indicator {
  background: #35d3a0;
  box-shadow: 0 0 0 3px rgba(53, 211, 160, 0.12);
}

body.menu-gold-tier1 .operator-push-control[data-push-state="denied"] .operator-push-indicator,
body.menu-gold-tier1 .operator-push-control[data-push-state="unsupported"] .operator-push-indicator,
body.menu-gold-tier1 .operator-push-control[data-push-state="unconfigured"] .operator-push-indicator {
  background: #ef6a6a;
}

:root[data-theme="light"] body.menu-gold-tier1 .operator-push-indicator {
  border-color: #ffffff;
}

@media (max-width: 767px) {
  body.menu-gold-tier1[data-active-view="operator"] .workspace {
    padding: calc(12px + env(safe-area-inset-top, 0px)) 12px calc(22px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 9px !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 0 4px !important;
    padding: 0 152px 9px 56px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head > div:first-child,
  body.menu-gold-tier1[data-active-view="operator"] .workspace-title-row {
    display: flex !important;
    align-items: center !important;
    min-height: 35px !important;
    width: auto !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head h2,
  body.menu-gold-tier1[data-active-view="operator"] .workspace-title-row h2 {
    margin: 0 !important;
    font-size: clamp(1.02rem, 5vw, 1.18rem) !important;
    font-weight: 800;
    line-height: 1 !important;
    letter-spacing: -0.02em;
    white-space: nowrap !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #sidebar-toggle {
    top: calc(12px + env(safe-area-inset-top, 0px)) !important;
    left: 12px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-stage {
    display: grid;
    gap: 9px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-queue-head,
  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-stage > .panel-head {
    display: contents !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-alert-controls {
    display: contents !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-history-button {
    position: fixed !important;
    top: calc(12px + env(safe-area-inset-top, 0px)) !important;
    right: 12px !important;
    z-index: 136 !important;
    width: auto !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(12, 21, 31, 0.9) !important;
    font-size: 0.64rem !important;
    letter-spacing: 0.14em;
    backdrop-filter: blur(16px);
    box-shadow: 0 8px 24px rgba(2, 8, 15, 0.16);
  }

  :root[data-theme="light"] body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-history-button {
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 8px 24px rgba(41, 52, 69, 0.09);
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-push-control {
    position: fixed !important;
    top: calc(14px + env(safe-area-inset-top, 0px)) !important;
    right: 112px !important;
    z-index: 137 !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    background: rgba(15, 28, 39, 0.9);
    box-shadow: 0 8px 24px rgba(2, 8, 15, 0.16);
    backdrop-filter: blur(16px);
  }

  :root[data-theme="light"] body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-push-control {
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 24px rgba(41, 52, 69, 0.09);
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-push-status {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-live-pill {
    display: none !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #flash-banner {
    min-height: 0;
    margin: 0;
    padding: 9px 11px;
    border-radius: 14px;
    font-size: 0.78rem;
    line-height: 1.25;
    box-shadow: 0 10px 28px rgba(3, 10, 18, 0.08);
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-kpis {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-kpis .metric-card {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-direction: column !important;
    gap: 7px !important;
    min-height: 76px !important;
    padding: 10px 9px 9px 11px !important;
    border-radius: 15px !important;
    text-align: left;
    box-shadow: 0 9px 22px rgba(3, 10, 18, 0.08);
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-kpis .metric-card::before {
    inset: 10px auto 10px 0 !important;
    width: 3px !important;
    border-radius: 0 999px 999px 0;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-kpis .metric-label {
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    font-size: clamp(0.48rem, 2.25vw, 0.58rem) !important;
    line-height: 1.15 !important;
    letter-spacing: 0.09em !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-kpis .metric-card strong {
    position: static !important;
    align-self: flex-end;
    margin: 0 !important;
    font-size: clamp(1.45rem, 8vw, 1.82rem) !important;
    line-height: 0.9 !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-kpis .metric-card p {
    display: none !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(94px, 0.72fr) !important;
    gap: 7px !important;
    padding: 8px !important;
    border-radius: 16px !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar label {
    gap: 4px !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar label > span {
    font-size: 0.62rem !important;
    letter-spacing: 0.06em;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar input,
  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar select,
  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar .search-select,
  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar .search-select-trigger {
    min-height: 40px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    font-size: 0.78rem !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator #operator-table {
    min-height: min(420px, calc(100dvh - 235px)) !important;
    max-height: none !important;
    border-radius: 16px !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .op-queue-cards {
    gap: 8px !important;
    padding: 7px !important;
  }
}

/* 20260723 operator mobile app r2: topbar geometry, binary bell state and aligned filters. */
body.menu-gold-tier1 .operator-push-control {
  border-color: rgba(224, 74, 82, 0.42) !important;
  background: rgba(218, 55, 66, 0.1) !important;
  color: #ef6670 !important;
}

body.menu-gold-tier1 .operator-push-indicator {
  background: #e23f4d !important;
  box-shadow: 0 0 0 3px rgba(226, 63, 77, 0.12) !important;
}

body.menu-gold-tier1 .operator-push-control[data-push-state="active"] {
  border-color: rgba(76, 137, 255, 0.5) !important;
  background: rgba(37, 99, 235, 0.12) !important;
  color: #69a0ff !important;
}

body.menu-gold-tier1 .operator-push-control[data-push-state="active"] .operator-push-indicator {
  background: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14) !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .operator-push-control {
  border-color: rgba(190, 32, 47, 0.26) !important;
  background: rgba(220, 38, 52, 0.065) !important;
  color: #bd2132 !important;
}

:root[data-theme="light"] body.menu-gold-tier1 .operator-push-control[data-push-state="active"] {
  border-color: rgba(30, 81, 178, 0.3) !important;
  background: rgba(37, 99, 235, 0.075) !important;
  color: #174ca6 !important;
}

@media (max-width: 767px) {
  body.menu-gold-tier1[data-active-view="operator"] #sidebar-toggle {
    border: 1px solid rgba(235, 199, 121, 0.42) !important;
    background:
      radial-gradient(circle at 22% 12%, rgba(255, 255, 255, 0.1), transparent 36%),
      linear-gradient(180deg, #1b477e, #143664) !important;
    color: #ffffff !important;
    box-shadow: 0 9px 24px rgba(13, 43, 83, 0.2) !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #sidebar-toggle .sidebar-toggle-icon {
    background: #ffffff !important;
    box-shadow:
      0 -6px 0 rgba(255, 255, 255, 0.94),
      0 6px 0 rgba(255, 255, 255, 0.94) !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-push-control {
    top: calc(14px + env(safe-area-inset-top, 0px)) !important;
    right: 126px !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-history-button {
    right: 12px !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar {
    align-items: start !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar .search-field,
  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar .sort-field {
    display: grid !important;
    grid-template-rows: 16px 40px !important;
    align-content: start !important;
    align-self: start !important;
    gap: 5px !important;
    height: 61px !important;
    margin: 0 !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar label > span {
    display: flex !important;
    align-items: center !important;
    height: 16px !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar input {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar .sort-field > select {
    margin: 0 !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar .sort-field > .search-select {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar .sort-field .search-select-trigger {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-toolbar .search-select-trigger-text {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    height: 100% !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
  }
}

/* 20260723 operator mobile app r3: structural blue app bar and rebuilt mobile history. */
.operator-history-mobile-list {
  display: none;
}

.operator-history-desktop-table {
  display: block;
}

@media (max-width: 767px) {
  body.menu-gold-tier1[data-active-view="operator"] .workspace {
    padding-top: calc(82px + env(safe-area-inset-top, 0px)) !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    z-index: 132 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(68px + env(safe-area-inset-top, 0px)) !important;
    height: calc(68px + env(safe-area-inset-top, 0px)) !important;
    margin: 0 !important;
    padding: env(safe-area-inset-top, 0px) 158px 0 68px !important;
    border: 0 !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.12), transparent 38%),
      linear-gradient(135deg, #194d89 0%, #123d72 56%, #0e315e 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(8, 36, 73, 0.2) !important;
    box-sizing: border-box !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head::after {
    content: "";
    position: absolute;
    inset: auto 12px 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(238, 202, 123, 0.5), transparent);
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head h2,
  body.menu-gold-tier1[data-active-view="operator"] .workspace-title-row h2 {
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(3, 18, 38, 0.22);
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-actions {
    display: none !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #sidebar-toggle {
    top: calc(13px + env(safe-area-inset-top, 0px)) !important;
    left: 12px !important;
    z-index: 136 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(6, 31, 64, 0.28) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: none !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-push-control {
    top: calc(15px + env(safe-area-inset-top, 0px)) !important;
    right: 126px !important;
    z-index: 137 !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: none !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-push-control[data-push-state="active"] {
    color: #9bc2ff !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-push-control:not([data-push-state="active"]) {
    color: #ff9ba3 !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-history-button {
    top: calc(13px + env(safe-area-inset-top, 0px)) !important;
    right: 12px !important;
    z-index: 136 !important;
    min-height: 42px !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background: rgba(6, 31, 64, 0.24) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
    backdrop-filter: none !important;
  }

  body.operator-history-open #sidebar-toggle,
  body.operator-history-open[data-active-view="operator"] .workspace-head,
  body.operator-history-open[data-active-view="operator"] #view-operator .operator-push-control,
  body.operator-history-open[data-active-view="operator"] #view-operator .operator-history-button {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #operator-history-modal {
    z-index: 1500 !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
    background: rgba(7, 15, 25, 0.72) !important;
  }

  #operator-history-modal .operator-history-modal {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 0 calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(45, 104, 177, 0.08), transparent 35%),
      var(--bg) !important;
    box-shadow: none !important;
  }

  #operator-history-modal .operator-history-head {
    position: relative !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 0 0 auto;
    min-height: calc(76px + env(safe-area-inset-top, 0px)) !important;
    margin: 0 !important;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 10px !important;
    border: 0 !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.12), transparent 38%),
      linear-gradient(135deg, #194d89 0%, #123d72 56%, #0e315e 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(8, 36, 73, 0.2) !important;
  }

  #operator-history-modal .operator-history-head .eyebrow {
    margin: 0 0 3px !important;
    color: #f0ca78 !important;
    font-size: 0.58rem !important;
    letter-spacing: 0.17em;
  }

  #operator-history-modal .operator-history-head h2 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 1.28rem !important;
    line-height: 1 !important;
  }

  #operator-history-modal .operator-history-close {
    width: auto !important;
    min-width: 76px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(6, 31, 64, 0.28) !important;
    color: #ffffff !important;
    font-size: 0.76rem !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  }

  #operator-history-modal #operator-history-summary {
    display: grid !important;
    gap: 4px !important;
    flex: 0 0 auto;
    min-height: 0 !important;
    margin: 12px 12px 8px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(3, 10, 18, 0.07) !important;
  }

  #operator-history-modal #operator-history-summary strong {
    font-size: 0.92rem !important;
    line-height: 1.15 !important;
  }

  #operator-history-modal #operator-history-summary span {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
  }

  #operator-history-modal #operator-history-table {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 12px 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overscroll-behavior: contain;
  }

  #operator-history-modal .operator-history-desktop-table {
    display: none !important;
  }

  #operator-history-modal .operator-history-mobile-list {
    display: grid !important;
    gap: 9px !important;
    width: 100% !important;
    padding: 0 0 4px !important;
  }

  #operator-history-modal .operator-history-card {
    display: grid;
    gap: 10px;
    width: 100%;
    padding: 13px;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.15);
    border-radius: 17px;
    background:
      linear-gradient(135deg, rgba(40, 93, 160, 0.055), transparent 46%),
      var(--panel);
    box-shadow: 0 9px 24px rgba(3, 10, 18, 0.07);
    box-sizing: border-box;
  }

  #operator-history-modal .operator-history-card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px;
  }

  #operator-history-modal .operator-history-card-head > div {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  #operator-history-modal .operator-history-card-head > div strong {
    overflow: hidden;
    font-size: 0.88rem;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #operator-history-modal .operator-history-card-head > div span {
    color: var(--muted);
    font-size: 0.68rem;
    line-height: 1.2;
  }

  #operator-history-modal .operator-history-card-head .status-chip {
    max-width: 118px;
    min-height: 26px;
    padding: 4px 8px;
    font-size: 0.62rem;
    white-space: nowrap;
  }

  #operator-history-modal .operator-history-card-amount {
    color: var(--text);
    font-size: clamp(1.28rem, 7vw, 1.62rem);
    line-height: 1;
    font-variant-numeric: tabular-nums;
  }

  #operator-history-modal .operator-history-card-route {
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.3;
  }

  #operator-history-modal .operator-history-card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }

  #operator-history-modal .operator-history-card-grid > span {
    display: grid;
    align-content: start;
    gap: 3px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 12px;
    background: rgba(127, 145, 164, 0.045);
  }

  #operator-history-modal .operator-history-card-grid small {
    color: #b58a3d;
    font-size: 0.54rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  #operator-history-modal .operator-history-card-grid strong,
  #operator-history-modal .operator-history-card-grid em {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  #operator-history-modal .operator-history-card-grid strong {
    color: var(--text);
    font-size: 0.72rem;
    line-height: 1.22;
  }

  #operator-history-modal .operator-history-card-grid em {
    color: var(--muted);
    font-size: 0.62rem;
    font-style: normal;
    line-height: 1.2;
  }

  #operator-history-modal .operator-history-card-open {
    width: 100%;
    min-height: 38px;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(180deg, #1d5697, #17467f);
    border-color: rgba(48, 105, 174, 0.58);
  }

  #operator-history-modal .operator-history-empty {
    margin: 0 !important;
    padding: 18px !important;
    border-radius: 16px !important;
  }
}

/* 20260724 operator mobile app r5: r4 cascade retained with left-aligned title. */
#operator-history-modal .operator-history-toolbar {
  grid-template-columns: minmax(260px, 1.35fr) minmax(178px, 0.65fr);
  margin: 0 0 14px;
}

/* 20260724 operator mobile app r6: historical detail, receipt access and compact completion signal. */
#operator-detail-modal {
  z-index: 160;
}

#operator-detail-modal .operator-completed-indicator {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 7px;
  max-width: 132px;
  padding: 6px 9px;
  border: 1px solid rgba(45, 177, 116, 0.25);
  border-radius: 999px;
  color: #47c98e;
  background: rgba(45, 177, 116, 0.09);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

#operator-detail-modal .operator-completed-indicator i {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #3fce8a;
  box-shadow: 0 0 0 4px rgba(63, 206, 138, 0.12);
}

#operator-detail-modal .operator-completed-indicator.is-returned {
  border-color: rgba(215, 180, 106, 0.28);
  color: #d7b46a;
  background: rgba(215, 180, 106, 0.09);
}

#operator-detail-modal .operator-completed-indicator.is-returned i {
  background: #d7b46a;
  box-shadow: 0 0 0 4px rgba(215, 180, 106, 0.12);
}

#operator-detail-modal .operator-evidence-card {
  gap: 14px;
}

#operator-detail-modal .operator-evidence-heading {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

#operator-detail-modal .operator-evidence-heading > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

#operator-detail-modal .operator-evidence-heading span:not(.operator-evidence-icon) {
  color: var(--muted);
  overflow-wrap: anywhere;
}

#operator-detail-modal .operator-evidence-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(45, 177, 116, 0.24);
  border-radius: 11px;
  color: #47c98e;
  background: rgba(45, 177, 116, 0.09);
  font-weight: 900;
}

#operator-detail-modal .operator-evidence-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

:root[data-theme="light"] #operator-detail-modal .operator-completed-indicator {
  color: #13784c;
  background: #edf9f3;
}

@media (max-width: 767px) {
  #operator-detail-modal {
    padding: 0 !important;
    place-items: stretch !important;
    background: rgba(4, 8, 14, 0.84);
  }

  #operator-detail-modal .operator-detail-modal {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    padding-top: calc(54px + env(safe-area-inset-top, 0px)) !important;
    border-radius: 0 !important;
  }

  #operator-detail-modal .operator-detail-head,
  #operator-detail-modal .operator-detail-modal > .panel-head.operator-detail-head {
    top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    right: 12px !important;
    z-index: 4;
  }

  #operator-detail-modal .operator-hero-card {
    margin-top: 0 !important;
  }

  #operator-detail-modal .operator-hero-top {
    align-items: flex-start !important;
    gap: 10px !important;
  }

  #operator-detail-modal .operator-completed-indicator {
    max-width: 112px;
    padding: 5px 7px;
    font-size: 0.58rem;
  }

  #operator-detail-modal .operator-evidence-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #operator-detail-modal .operator-evidence-links > * {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 767px) {
  body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-main-toolbar {
    display: none !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head > div:first-child,
  body.menu-gold-tier1[data-active-view="operator"] .workspace-head .workspace-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: stretch !important;
    width: auto !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.menu-gold-tier1[data-active-view="operator"] .workspace-head h2,
  body.menu-gold-tier1[data-active-view="operator"] .workspace-title-row h2 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
  }

  :root:not([data-theme="light"]) body.menu-gold-tier1[data-active-view="operator"] .workspace-head,
  :root:not([data-theme="light"]) #operator-history-modal .operator-history-head {
    border-bottom: 1px solid rgba(201, 166, 107, 0.2) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(67, 104, 137, 0.13), transparent 40%),
      linear-gradient(135deg, #111f2d 0%, #0d1925 58%, #09131d 100%) !important;
    box-shadow: 0 8px 24px rgba(1, 7, 13, 0.34) !important;
  }

  :root:not([data-theme="light"]) body.menu-gold-tier1[data-active-view="operator"] #sidebar-toggle,
  :root:not([data-theme="light"]) body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-push-control,
  :root:not([data-theme="light"]) body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-history-button {
    border-color: rgba(151, 174, 196, 0.2) !important;
    background: rgba(22, 39, 55, 0.84) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.055),
      0 5px 14px rgba(0, 4, 9, 0.18) !important;
  }

  :root[data-theme="light"] body.menu-gold-tier1[data-active-view="operator"] #view-operator .operator-history-button {
    border-color: rgba(19, 61, 113, 0.22) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #123d72 !important;
    text-shadow: none !important;
    box-shadow: 0 5px 14px rgba(18, 61, 114, 0.12) !important;
  }

  #operator-history-modal #operator-history-summary {
    margin-bottom: 8px !important;
  }

  #operator-history-modal .operator-history-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(96px, 0.72fr) !important;
    align-items: start !important;
    gap: 7px !important;
    flex: 0 0 auto;
    margin: 0 12px 9px !important;
    padding: 8px !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 16px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(201, 166, 107, 0.08), transparent 36%),
      var(--panel) !important;
    box-shadow: 0 7px 20px rgba(3, 10, 18, 0.06) !important;
  }

  #operator-history-modal .operator-history-toolbar .search-field,
  #operator-history-modal .operator-history-toolbar .sort-field {
    display: grid !important;
    grid-template-rows: 16px 40px !important;
    align-content: start !important;
    align-self: start !important;
    gap: 5px !important;
    height: 61px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #operator-history-modal .operator-history-toolbar label > span {
    display: flex !important;
    align-items: center !important;
    height: 16px !important;
    margin: 0 !important;
    color: var(--muted) !important;
    font-size: 0.62rem !important;
    line-height: 1 !important;
    letter-spacing: 0.06em;
  }

  #operator-history-modal .operator-history-toolbar input,
  #operator-history-modal .operator-history-toolbar select,
  #operator-history-modal .operator-history-toolbar .search-select-trigger {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    font-size: 0.78rem !important;
  }

  #operator-history-modal .operator-history-toolbar .sort-field > .search-select {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #operator-history-modal .operator-history-toolbar .search-select-trigger-text {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    height: 100% !important;
    overflow: hidden;
    font-size: 0.78rem !important;
    line-height: 1 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #operator-history-modal #operator-history-table {
    padding-top: 0 !important;
  }
}