: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);
}


/* Distribution premium v6: 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,
  #view-distribution .distribution-side-panel {
    border-radius: 18px;
    box-shadow: 0 18px 56px rgba(0, 0, 0, 0.18);
  }

  #view-distribution .distribution-module {
    min-height: min(660px, calc(100dvh - 138px));
  }

  #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 {
    grid-template-columns: minmax(0, 1fr);
    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 {
    transition: background 160ms ease;
  }

  #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(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: 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 {
    margin-bottom: 12px;
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: 1.42rem;
    line-height: 1;
  }

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

  #view-distribution .distribution-account-ledger .distribution-account-list {
    max-height: calc(100dvh - 330px);
  }

  #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-side-panel #distribution-accounts {
    min-width: 0;
  }

  #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-workspace {
    grid-template-columns: 1fr;
  }

  #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;
  }
}

/* Distribution modal premium v7 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;
  }
}

: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 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;
    background:
      linear-gradient(90deg, rgba(201, 166, 107, 0.08), transparent 42%),
      rgba(13, 20, 30, 0.88);
  }

  #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-line-beneficiary {
    min-height: 50px;
    padding: 9px 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;
    padding: 11px 12px;
  }

  #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-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-result-panel {
    display: grid;
    align-content: start;
    gap: 10px;
  }

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

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

@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-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);
    gap: 8px;
  }

  #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-detail-modal .distribution-total-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

: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);
}

/* Distribution modal premium v7: 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;
    background:
      linear-gradient(90deg, rgba(201, 166, 107, 0.08), transparent 42%),
      rgba(13, 20, 30, 0.88);
  }

  #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-detail-grid > .detail-card {
    min-height: 72px;
  }

  #distribution-detail-modal .distribution-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(268px, 292px);
    gap: 12px;
  }

  #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 strong {
    white-space: nowrap;
  }

  #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-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-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-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);
    gap: 8px;
  }

  #distribution-detail-modal .distribution-beneficiary-inline {
    grid-template-columns: minmax(0, 1fr);
  }

  #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-workspace {
    grid-template-columns: 1fr;
  }

  #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);
  }
}

: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) {
  #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;
  }
}

@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-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 {
    transition: background 160ms ease;
  }

  #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(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: 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 {
    margin-bottom: 12px;
  }

  #view-distribution .distribution-side-panel .panel-head h2 {
    font-size: 1.42rem;
    line-height: 1;
  }

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

  #view-distribution .distribution-account-ledger .distribution-account-list {
    max-height: calc(100dvh - 330px);
  }

  #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-side-panel #distribution-accounts {
    min-width: 0;
  }

  #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-workspace {
    grid-template-columns: 1fr;
  }

  #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);
}
#view-accounts .table-shell {
  scroll-behavior: smooth;
}

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

#view-accounts .table-shell table {
  table-layout: fixed;
}

#view-accounts .table-shell th:nth-child(1),
#view-accounts .table-shell td:nth-child(1) {
  width: 23%;
}

#view-accounts .table-shell th:nth-child(2),
#view-accounts .table-shell td:nth-child(2) {
  width: 17%;
}

#view-accounts .table-shell th:nth-child(3),
#view-accounts .table-shell td:nth-child(3) {
  width: 12%;
}

#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: 14%;
}

#view-accounts .table-shell th:nth-child(6),
#view-accounts .table-shell td:nth-child(6) {
  width: 8%;
}

#view-accounts .table-shell th:nth-child(7),
#view-accounts .table-shell td:nth-child(7) {
  width: 20%;
}

.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.has-actions {
  display: flex;
}
.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;
}
.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));
}
.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-login-card {
  padding: 28px;
}

.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,
.client-form-grid {
  display: grid;
  gap: 12px;
}

.client-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.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-full {
  grid-column: 1 / -1;
}

.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-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: 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-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-block .table-shell,
#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 {
  background: transparent;
  border: 0;
  box-shadow: none;
}

#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,
#view-rates .reference-matrix-row {
  grid-template-columns: minmax(250px, 0.96fr) minmax(240px, 1fr) minmax(240px, 1fr) minmax(250px, 1fr) minmax(122px, 0.34fr);
}

#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 {
  width: 100%;
  justify-content: flex-end;
}

#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,
.remittance-beneficiary-list {
  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:
    linear-gradient(180deg, rgba(236,244,251,0.72), rgba(255,255,255,0.72) 120px),
    rgba(255, 255, 255, 0.84);
  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-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-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 .form-grid > label.full-span,
.internal-transfer-modal-card .form-grid > .full-span {
  grid-column: 1 / -1;
}
.internal-transfer-modal-card #internal-transfer-destination-currency-wrap {
  grid-column: span 6;
}
.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. */
#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: 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 .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-grid {
    grid-template-columns: 1fr;
  }

  .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-kpis .metric-card p {
    display: none;
  }
  #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-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);
}

.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;
  }
}

@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-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"] .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(248,250,252,0.86), rgba(230,237,246,0.82));
  border-color: rgba(100, 116, 139, 0.18);
}

: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"] .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(246,243,238,0.96), rgba(230,224,214,0.88));
  border-color: rgba(128, 112, 91, 0.22);
}

: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-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: 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-rate-summary-grid,
  #corridor-windows-modal .corridor-rate-hero-grid {
    grid-template-columns: 1fr;
  }
  #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,
  #view-validation .validation-module {
    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-shell table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
  }

  #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-detail-modal .distribution-workspace {
    grid-template-columns: 1fr;
  }

  #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;
  }
}

/* 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(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: 118px;
  }

  #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(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: 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(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: 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;
  }

  #view-distribution .distribution-account-ledger .distribution-account-list {
    max-height: calc(100dvh - 330px);
  }

  #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-workspace {
    grid-template-columns: 1fr;
  }

  #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 {
    grid-template-columns: minmax(160px, 0.28fr) minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    min-height: 88px;
  }

  #distribution-detail-modal .distribution-detail-modal > .panel-head > div:first-child {
    min-width: 0;
  }

  #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: 10px 12px;
  }

  #distribution-detail-modal .distribution-benefit-breakdown {
    grid-template-columns: minmax(0, 1fr) auto;
    display: none;
  }
}

@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 {
  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) {
  #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-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(270px, 300px);
    gap: 10px;
  }

  #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-total-strip > div {
    min-height: 70px;
    padding: 10px 12px;
  }

  #distribution-detail-modal .distribution-benefit-panel {
    padding: 12px 13px;
  }

  #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;
  }
}

: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;
}

/* Dashboard mobile v14b: final cascade guard for phone-sized operations. */
@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-control-kpis .metric-card p {
    display: none !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 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 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 .benefits-settings-form {
  grid-template-columns: minmax(160px, 0.7fr) repeat(3, minmax(150px, 1fr)) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
}

#view-benefits .benefits-settings-form .settings-intro {
  display: none;
}

#view-benefits .benefits-settings-form .form-actions {
  grid-column: auto;
}

#view-benefits .benefits-settings-form .primary-button {
  min-height: 42px;
  white-space: nowrap;
}

#view-benefits .benefits-split {
  grid-template-columns: minmax(360px, 0.9fr) minmax(460px, 1.1fr);
  gap: 14px;
}

#view-benefits .inline-head {
  margin-bottom: 8px;
}

#view-corrections .corrections-preflight-card {
  padding: 14px;
  gap: 12px;
}

#view-corrections .corrections-preflight-card > span {
  display: none;
}

#view-corrections .corrections-preview-form {
  grid-template-columns: minmax(170px, 0.65fr) minmax(280px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
}

#view-receivables .table-shell table {
  table-layout: fixed;
  min-width: 1040px;
}

#view-benefits .table-shell table {
  table-layout: fixed;
  min-width: 720px;
}

#view-corrections .correction-operation-results table,
#view-corrections .corrections-audit-store table {
  table-layout: fixed;
  min-width: 1060px;
}

#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,
  #view-fx-variances .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-benefits .benefits-settings-form,
  #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-benefits .benefits-settings-form .primary-button,
  #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 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #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-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-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-benefits tr.benefit-client-row td,
  #view-benefits tr.benefit-ledger-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-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; }

  #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-benefits tr.benefit-client-row,
  :root[data-theme="light"] #view-benefits tr.benefit-ledger-row,
  :root[data-theme="light"] #view-corrections tr.correction-operation-row,
  :root[data-theme="light"] #view-corrections tr.correction-row,
  :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;
  }
}

@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-internal-transfers .operator-toolbar {
  grid-template-columns: minmax(280px, 1fr);
}

#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-budget .budget-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-internal-transfers tr.internal-transfer-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "source state"
      "date date"
      "target target"
      "amount action"
      "operator operator" !important;
  }

  #view-expenses tr.expense-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "description state"
      "date date"
      "type resolution"
      "account account"
      "local usd"
      "support action" !important;
  }

  #view-budget tr.budget-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "description state"
      "type recurrence"
      "account account"
      "destination destination"
      "next next"
      "local usd"
      "action action" !important;
  }

  #view-internal-transfers tr.internal-transfer-row td,
  #view-expenses tr.expense-row td,
  #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-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(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; justify-self: end !important; padding-top: 8px !important; border-top: 1px solid var(--line) !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) { grid-area: support !important; }
  #view-expenses tr.expense-row td:nth-child(10) { grid-area: action !important; justify-self: end !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) { grid-area: destination !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-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;
  }

  #view-execution .operator-queue-mobile,
  #view-treasury .operator-queue-mobile {
    display: block !important;
  }

  #view-execution .operator-queue-desktop,
  #view-treasury .operator-queue-desktop {
    display: none !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 absolute final mobile override. */
@media (max-width: 900px) {
  #view-investments .table-shell,
  #view-liquidity .table-shell,
  #view-profitability .table-shell {
    overflow: visible !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;
  }
}

/* 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;
  }
}

/* Finance suite v17 final mobile override: must win after legacy table-card rules. */
@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,
  #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;
  }

  #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;
  }
}

/* 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 .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-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-investments .table-shell tr.investment-row td:nth-child(2) .row-sub,
  #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-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-shell {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #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;
  }

  #view-clients #client-service-remittances .table-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }
}

/* 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(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: 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 {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #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::before {
    content: none !important;
    display: none !important;
  }

  #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(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: 220px; }
#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: 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(5) .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 {
    padding: 12px 13px;
  }

  #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;
  }
}

: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;
}

@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;
  }
}

@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;
  }
}

: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-control-kpis .metric-card p {
    display: none !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.is-secondary-collapsed > article:nth-child(n+5) {
  display: none !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-kpis > article:nth-child(n+5) p {
  display: none !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 {
  gap: 8px !important;
}

#view-daily-balances .daily-balance-country-metrics span {
  padding: 8px 10px !important;
  border-radius: 14px !important;
}

#view-daily-balances .daily-balance-country-body {
  padding: 0 12px 12px !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;
}

#view-daily-balances .daily-balance-collapsible-section.is-collapsed .daily-balance-section-total {
  display: none !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 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card {
    min-height: 92px !important;
  }

  #view-daily-balances .daily-balance-kpis .metric-card p {
    display: none !important;
  }

  #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 .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 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  #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 .nested-panel {
    padding: 12px !important;
    border-radius: 18px !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-head {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 11px 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-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-panel-head {
    padding-bottom: 14px;
    margin-bottom: 12px;
  }

  #view-rates .rates-panel-actions {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #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;
  }
}

/* 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-table-head,
  body .remittance-beneficiary-picker-modal .search-select-table-head {
    display: none !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 {
    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: 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;
  }
}