/* Sahaj working application: shared visual language, scoped away from the prototype. */
:root {
 --purple:#6246dc;--purple-dark:#4b30b7;--ink:#202b45;--muted:#64718a;
 --border:#e3e8f1;--bg:#f5f7fb;--teal:#087e72;--font:"Segoe UI",Arial,sans-serif;
 --shadow:0 3px 18px #22365705;--sidebar:248px;
 --surface-soft:#f8f9fd;--text-secondary:#596780;--focus:#5840cf;
}
body {font-size:14px;line-height:1.6;color:var(--ink);font-family:var(--font)}
button,input,select,textarea {font-family:var(--font)}
h1 {font-size:30px;line-height:1.25;letter-spacing:-.9px;font-weight:700}
h2 {font-weight:650;letter-spacing:-.35px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.table-wrap:focus-visible {
 outline:3px solid var(--focus);outline-offset:3px;
}
button:disabled {opacity:.55}
[hidden] {display:none!important}
.sidebar {padding:26px 18px 18px;background:#fff}
.brand {margin-left:9px;margin-bottom:28px}
.brand-name {font-size:31px;font-weight:800;letter-spacing:-1.5px}
.tenant-tag {padding:14px 12px;background:var(--surface-soft);border-color:var(--border);border-radius:12px;margin-bottom:25px}
.tenant-tag strong {font-size:13px;color:var(--ink);font-weight:650;line-height:1.5}
.tenant-tag span {font-size:11px;color:var(--text-secondary)}
.tenant-tag .tenant-icon {background:#eeeafe;color:var(--purple);border-radius:9px}
.nav-caption {font-size:10px;letter-spacing:1.4px;color:#707b91;margin-left:13px}
.nav-link {font-size:14px;min-height:46px;padding:11px 13px;color:#59667d;border-radius:10px;gap:12px;margin-bottom:5px}
.nav-link:hover {background:#f4f5fb;color:#443691}
.nav-link.active {background:#eeeafe;color:#5338c9;font-weight:650}
.nav-link.active:before {display:none}
.nav-link.active .icon {stroke-width:2}
.count-badge {background:#6144d7;color:#fff;font-size:11px}
.sidebar-bottom {padding-top:24px}
.sidebar-promo {padding:14px;background:linear-gradient(120deg,#f0ecff,#f0f8fa);border:1px solid #e9e5fa;border-radius:12px}
.sidebar-promo strong {font-size:12px;color:#453778;font-weight:600}
.sidebar-promo p {font-size:11px;color:#626b81}
.user-row strong {font-size:12px;color:var(--ink)}
.user-row small {font-size:11px;color:var(--text-secondary)}
.topbar {height:76px;padding:0 32px;gap:18px;background:#ffffffed}
.workspace-caption {display:flex!important;align-items:center;gap:12px;min-width:0;font-size:13px;color:var(--text-secondary);flex:1}
.workspace-context {display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600;white-space:nowrap}
.workspace-context>.icon {width:17px;color:var(--purple)}
.branch-control {display:flex;gap:9px;align-items:center;font-size:11px;color:var(--text-secondary);border-left:1px solid var(--border);padding-left:15px;min-width:0}
.workspace-select {background:#f8f9fd;border:1px solid var(--border);font-size:12px;color:#384963;min-height:40px;max-width:210px;min-width:0;padding:7px 10px}
.topbar-user {margin-left:auto;gap:12px;flex-shrink:0}
.working-date {font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:7px;white-space:nowrap}
.working-date .icon {width:15px}
.workspace-find-button {display:flex;gap:9px;align-items:center;min-height:38px;border:1px solid var(--border);background:#f8f9fd;color:#65718a;border-radius:9px;font-size:12px;padding:7px 10px;white-space:nowrap}
.workspace-find-button .icon {width:16px;height:16px}
.workspace-find-button kbd {font:10px var(--font);padding:1px 5px;border:1px solid #dce1ec;border-radius:4px;background:white;color:#748097}
.workspace-finder label {font-size:13px;font-weight:600;color:#46546d}
.workspace-finder>.control {width:100%;margin-top:8px;font-size:15px}
#workspace-find-count {font-size:11px;color:#67758b;margin:12px 0}
#workspace-results {max-height:48dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:11px}
.workspace-result {display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #edf0f6;color:#5e49b2}
.workspace-result:last-child {border:0}.workspace-result:hover,.workspace-result:focus-visible {background:#f3f0fc;outline-offset:-3px}
.workspace-result>span {flex:1;min-width:0}.workspace-result strong {display:block;font-size:13px;color:#33415c;font-weight:650}
.workspace-result small {display:block;font-size:12px;color:#66738b;line-height:1.65;margin-top:3px}
.workspace-result>.icon:last-child {width:15px;color:#9387af}
.workspace-result[aria-current=page] {background:#f7f5fd}
.workspace-result-current {flex:0 0 auto!important;font-size:10px;font-weight:600;color:#5b40bd;padding:3px 7px;border-radius:6px;background:#eee8fc}
.workspace-find-empty {padding:26px 18px;font-size:13px;line-height:1.8;color:#64718a}
.workspace-find-help {font-size:11px;color:#728098;margin-top:14px}
.logout-button {font-size:12px;color:#5e6880;min-height:40px}
.account-shortcut {border:0;background:none;display:flex;padding:2px;border-radius:12px;min-height:40px;min-width:40px;align-items:center;justify-content:center}
.account-shortcut:hover {background:#f0ecfc}
.account-shortcut[aria-current=page],.user-settings-button[aria-current=page] {background:#eeeafe;border-radius:11px}
.runtime-note {background:#edf6f5;border-bottom:1px solid #dcecea;color:#36635e;padding:9px 32px;font-size:11px;gap:16px}
.runtime-note a {font-weight:600;color:#38615c;text-decoration:none;white-space:nowrap}
.app-shell {min-height:100dvh;display:flex;flex-direction:column}
.app-shell>#main {width:100%;max-width:1600px;padding:30px 32px 36px;min-height:0;flex:1;animation:none}
.app-shell>#main:focus {outline:none}
.page-heading {margin-bottom:22px;gap:20px;align-items:flex-start}
.page-heading p {font-size:13px;color:var(--text-secondary);line-height:1.75;margin-top:9px;max-width:650px}
.page-eyebrow {display:block;color:#6e63a0;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px}
.heading-actions {display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:flex-end;max-width:58%;padding-top:3px}
.heading-actions:empty {display:none}
.heading-actions>.button {font-size:12px}
.button {font-size:12px;min-height:42px;padding:10px 15px;border-radius:9px;gap:8px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s,box-shadow .15s}
.button .icon {width:16px;height:16px}
.button.primary {background:var(--purple);border-color:var(--purple);box-shadow:0 3px 9px #6246dc20;color:#fff}
.button.primary:hover {background:var(--purple-dark);border-color:var(--purple-dark)}
.button.soft {background:#f0ecff;color:#5238b4;border:1px solid #e7e0fc}
.button.soft:hover {background:#e8e1fd;border-color:#d6cafb}
.button.danger {color:#a32f4d;background:#fff0f3;border-color:#f0cbd5}
.button.small {font-size:11px;min-height:36px;padding:7px 11px}
.button.white {color:#5033b6;background:#fff}
.button.is-busy:after {content:"";width:13px;height:13px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:action-progress .7s linear infinite}
@keyframes action-progress {to {transform:rotate(360deg)}}
.icon-button {min-width:40px;min-height:40px}
.workspace-tabs {display:flex;gap:5px;padding:5px;background:#fff;border:1px solid var(--border);border-radius:12px;margin:0 0 24px;overflow-x:auto;scrollbar-width:thin;max-width:100%}
.workspace-tabs a {padding:9px 14px;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:550;white-space:nowrap;border-radius:8px;color:var(--text-secondary);flex-shrink:0}
.workspace-tabs a:hover {background:#f5f3fc;color:#513ab2}
.workspace-tabs a.current {background:#eeeafe;color:#5337bf;font-weight:650;box-shadow:inset 0 0 0 1px #e1d9fb}
.card,.metric {border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}
.card-header {padding:21px 22px 17px;gap:14px;align-items:center}
.card-header h2,.runtime-title h2 {font-size:17px;color:var(--ink)}
.card-header p,.runtime-title p {font-size:12px;color:var(--text-secondary);line-height:1.7}
.form-card {padding:24px}
.form-card>p {font-size:13px;color:var(--text-secondary);line-height:1.8}
.form-card>h2 {font-size:18px}
.metrics {gap:16px;margin-bottom:24px}
.metric {padding:20px}
.metric-label {font-size:12px;color:var(--text-secondary);font-weight:550}
.metric-icon {height:36px;width:36px;border-radius:11px;background:#f0ecff;color:#6246dc}
.metric-icon.teal {background:#e6f5ef;color:#087a60}
.metric-icon.pink {background:#fff0f3;color:#c3466c}
.metric-icon.orange {background:#fff4e4;color:#a76b10}
.metric-value {font-size:29px;letter-spacing:-.9px;font-weight:700;margin-top:12px;color:var(--ink);font-variant-numeric:tabular-nums}
.metric-value.long {overflow-wrap:anywhere;line-height:1.4}
.metric-footer {font-size:11px;line-height:1.6;color:var(--text-secondary);margin-top:8px}
.dashboard-hero {background:linear-gradient(110deg,#553bc1,#8060df);border:1px solid #6b4ed0;padding:25px 28px;border-radius:15px;margin-bottom:24px}
.dashboard-hero h2 {font-size:23px;font-weight:650;letter-spacing:-.5px}
.dashboard-hero p {font-size:13px;color:#eee7ff;line-height:1.75}
.quick-grid {gap:12px}
.quick-action {padding:19px 17px;border-radius:11px;min-height:112px;background:#f1ecff;color:#5b3faa}
.quick-action strong {font-size:13px;font-weight:650}
.quick-action small {font-size:11px;line-height:1.65;color:#655c80;margin-top:4px}
.quick-action.teal {color:#087660;background:#eaf6f1}
.quick-action.teal small {color:#477467}
.quick-action.pink {color:#aa4567;background:#fff0f4}
.quick-action.pink small {color:#865569}
.quick-action.blue {color:#3d65a9;background:#edf3fe}
.quick-action.blue small {color:#536b8e}
.runtime-row {padding:16px 0;gap:16px}
.runtime-row strong {font-size:13px;color:var(--ink)}
.runtime-row small {font-size:12px;color:var(--text-secondary);line-height:1.7}
.runtime-row>div {min-width:0;overflow-wrap:anywhere}
.people-tools {display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.people-tools .runtime-search {min-width:180px;max-width:250px}
.people-tools input {width:100%}
.people-result-count {padding:0 22px 15px;font-size:11px;color:var(--text-secondary)}
.runtime-empty {padding:46px 24px;background:linear-gradient(180deg,#fff,#fafbfe)}
.runtime-empty h2 {font-size:21px;color:#33405e}
.runtime-empty p {font-size:13px;color:var(--text-secondary)}
.data-table {font-size:13px}
.data-table th,.runtime-table th {font-size:10px;color:#627089;letter-spacing:.8px;font-weight:650;background:#f8f9fc;padding:13px 18px;border-color:var(--border)}
.data-table td,.runtime-table td {font-size:13px;color:#45536d;padding:16px 18px;border-bottom-color:#edf0f6;line-height:1.7}
.data-table td.amount,.runtime-table .amount {color:#273954;font-variant-numeric:tabular-nums;font-weight:650}
.data-table td.amount,.data-table th.numeric {text-align:right;white-space:nowrap}
.data-table small,.runtime-table small {font-size:11px;line-height:1.7;color:#63718a}
.data-table tbody tr:hover {background:#faf9fe}
.person-cell strong {font-size:13px;color:#2e3b55}
.person-cell small {font-size:11px;color:var(--text-secondary)}
.avatar {color:#5d3aa9}.avatar.mint {color:#096d58}.avatar.rose {color:#a2355d}.avatar.blue {color:#355eab}.avatar.gold {color:#805d1c}
.person-cell .avatar {font-size:11px}
.table-wrap {overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#c2c6d8 transparent}
.data-table th {position:relative}
.table-footer,.database-pager {font-size:12px;color:var(--text-secondary);padding:15px 20px;border-top-color:var(--border)}
.database-pager .pagination>span {font-size:12px;color:var(--text-secondary)}
.pagination button {min-width:36px;min-height:36px}
.badge {font-size:11px;font-weight:650;padding:5px 9px;background:#e5f3ec;color:#236c49;line-height:1.5;white-space:nowrap;border-radius:7px;letter-spacing:.15px}
.badge.pending {background:#fff2d9;color:#85540a}
.badge.returned,.badge.negative {background:#ffebef;color:#a42c4a}
.badge.neutral {background:#edf0f5;color:#526078}
.badge.purple {background:#eee8fc;color:#6740ab}
.runtime-search {max-width:290px;min-width:160px}
.runtime-search input,.control,input.control,select.control,textarea.control {font-size:13px;min-height:44px;color:#2d3c56;border:1px solid #d6ddeb;border-radius:9px;background:#fff;padding:11px 12px;line-height:1.5}
.runtime-search input {padding-left:13px}
input::placeholder,textarea::placeholder {color:#75829a;opacity:1}
.control:disabled,input.control:disabled,select.control:disabled {background:#f0f2f7;color:#718098;border-color:#e0e5ef;cursor:not-allowed;opacity:1}
.form-grid {gap:19px 20px}
.form-grid label,.dialog-body label,.card-header label {font-size:12px;font-weight:600;color:#46546d;line-height:1.7;min-width:0}
.form-grid .control,.dialog-body label>.control {margin-top:7px}
.form-grid input,.form-grid select,.form-grid textarea {font-weight:400}
.password-control {min-width:0}.password-control>label {display:block;font-size:12px;font-weight:600;color:#46546d;line-height:1.7}
.password-input {position:relative;margin-top:7px}.password-input input.control {width:100%;padding-right:49px;margin-top:0}
.password-toggle {position:absolute;right:3px;top:3px;bottom:3px;width:40px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#69758b;border-radius:7px;padding:6px}
.password-toggle:hover,.password-toggle[aria-pressed=true] {color:#573bb2;background:#f2effb}.password-toggle .icon {width:18px;height:18px}
.auth-form-panel .password-toggle {margin:0;min-height:0}
.form-grid textarea {min-height:94px;resize:vertical}
.password-help,.role-description,.migration-info,.view-limit,.picker-result {font-size:12px;color:var(--text-secondary);line-height:1.8}
.form-error {background:#fff0f3;border:1px solid #f2d2dc;border-left:3px solid #b83c60;padding:12px 14px;border-radius:8px;font-size:13px;color:#9d2948;margin-top:16px}
.form-error:empty {display:none}
.form-success {font-size:13px;background:#edf8f1;color:#276847;border:1px solid #d4eadb}
.form-actions {padding-top:20px;border-top:1px solid var(--border);margin-top:24px;gap:10px;flex-wrap:wrap}
.terms-box,.readonly-banner,.banner-note,.migration-mapping {background:#f2effb;color:#62557e;border:1px solid #e5dff4;border-radius:11px;font-size:12px;line-height:1.8}
.terms-box strong {color:#4b3971}
.terms-box p {font-size:12px;color:#655875}
.readonly-banner {margin-top:16px;margin-bottom:20px}
.report-actions {gap:10px;margin-bottom:16px}
.report-actions .button {margin-top:0}
.report-grid>.card {display:flex;flex-direction:column;align-items:flex-start}
.report-grid .report-actions {margin-top:auto;margin-bottom:0;padding-top:22px}
.interest-approval-link {padding:14px 16px}
.app-tabs {gap:7px}
.app-tabs .button {border:1px solid var(--border);background:white;color:var(--text-secondary);font-size:12px}
.app-tabs .button.selected {background:#eeeafe;color:#5338bf;border-color:#d9cff7}
.detail-row {gap:18px;padding:12px 0;font-size:13px;line-height:1.7;color:var(--text-secondary)}
.detail-row strong {color:#33415d}
.back-link {color:#5a46a4;font-size:12px;margin-bottom:18px;min-height:30px;display:inline-flex;align-items:center;gap:7px}
.lending-metrics span,.lending-metrics small,.loan-summary-grid small,.loan-summary-grid p {font-size:12px;color:var(--text-secondary)}
.lending-metrics strong,.loan-summary-grid h2 {color:#33476b}
.lending-metrics strong,.loan-summary-grid h2 {overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.loan-scheme-card p,.loan-settings-card p,.deposit-scheme>.muted {color:var(--text-secondary);font-size:12px}
.loan-settings-card h2,.deposit-scheme h2 {color:#33415d}
.eyebrow {color:#6b6683}
.loan-type-item small {font-size:12px;color:var(--text-secondary)}
.loan-selected-heading p,.loan-scheme-toolbar>span {font-size:13px;color:var(--text-secondary)}
.loan-version-pill {font-size:11px;background:#f0ebfb;color:#64438c}
.loan-rate>span {font-size:12px;color:var(--text-secondary)}
.loan-scheme-facts small {font-size:12px;color:var(--text-secondary)}
.loan-panel-heading>span {font-size:12px;color:#5b3c99;background:#eee8fb}
.deposit-rate span {color:var(--text-secondary)}
.runtime-tenant-card {padding:24px}
.runtime-tenant-card h2 {font-size:19px;margin:20px 0 9px;color:#2a3752}
.runtime-tenant-card p {font-size:13px;color:var(--text-secondary);line-height:1.8}
.runtime-tenant-card>.button {margin-top:auto;align-self:stretch;justify-content:center}
.runtime-tenant-card p {margin-bottom:24px}
.platform-counts {font-size:13px;color:var(--text-secondary);padding:4px 0;margin-bottom:20px}
.platform-counts strong {color:#5943a0;font-size:16px}
.tenant-overview {margin-bottom:24px;padding:24px}
.tenant-overview-top {display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.tenant-overview h2 {font-size:21px;margin:8px 0}
.tenant-overview p {font-size:12px;color:var(--text-secondary);line-height:1.8;max-width:550px}
.tenant-overview-top .button {margin-top:16px}
[data-tenant-section] {scroll-margin-top:96px}
[data-tenant-section] h2:focus {outline:2px solid #b6a6eb;outline-offset:5px;border-radius:3px}
.tenant-overview .eyebrow {color:#73618d;font-size:10px;letter-spacing:1.3px}
.tenant-facts {display:flex;gap:28px;flex-shrink:0;flex-wrap:wrap}
.tenant-facts strong {display:block;font-size:26px;color:#53408f;line-height:1.4;font-variant-numeric:tabular-nums}
.tenant-facts span {font-size:11px;color:var(--text-secondary);white-space:nowrap}
.setup-progress {list-style:none;display:flex;padding:19px 0 0;margin:22px 0 0;border-top:1px solid var(--border);gap:20px}
.setup-progress li {display:flex;align-items:center;gap:10px;flex:1;font-size:12px;font-weight:600;color:#68758c}
.setup-progress li>span {display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:#f0f2f7;border:1px solid #dce2ee;border-radius:50%;font-size:11px}
.setup-progress .complete>span {background:#e6f4ec;border-color:#cde7d8;color:#267348}
.setup-progress .icon {width:15px;height:15px}
.setup-progress small {display:block;font-size:10px;font-weight:400;color:#6b778b;margin-top:1px}
.related-reviews {margin-bottom:24px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:15px 18px}
.related-reviews summary {font-size:13px;font-weight:600;color:#526078;cursor:pointer;min-height:25px}
.related-reviews .review-links {display:flex;gap:10px;flex-wrap:wrap;padding-top:14px}
.related-reviews .review-links .button {margin:0}
.agent-queue-item strong,.batch-agent h2 {color:#34425e}
.agent-queue-item small,.batch-agent p,.batch-selection {color:var(--text-secondary);font-size:12px}
.agent-queue-item.selected {background:#eeeafd;box-shadow:inset 3px 0 #7052d7}
.batch-toolbar {background:#f8f7fd;border-color:#e5e0f1}
.batch-eyebrow {font-size:10px;color:#675878;letter-spacing:1.2px}
.batch-select-label {color:#51436e}
.batch-table th {font-size:10px}
.batch-table td {font-size:13px}
.batch-return-note {font-size:11px;color:#8d4e61}
.auth-page {background:#fff}
.auth-story {background:linear-gradient(145deg,#4530a5,#7050d4 70%,#8767e3);padding:55px}
.auth-story h1 {font-size:48px;font-weight:650;letter-spacing:-1.8px}
.auth-story p {font-size:15px;color:#eae5ff}
.auth-form-panel {background:#fafbfe;padding:45px}
.auth-form-panel>div {max-width:420px}
.auth-form-panel h2 {font-size:29px;color:#26324b}
.auth-form-panel p {font-size:13px;color:var(--text-secondary)}
.auth-form-panel label {font-size:13px;color:#46546d}
.auth-form-panel input {font-size:15px;min-height:48px}
.auth-form-panel .button {min-height:46px;font-size:13px}
dialog {max-width:740px;border-color:#e0e4ee;border-radius:16px;box-shadow:0 24px 100px #19263e33;max-height:90dvh}
dialog::backdrop {background:#1b244855;backdrop-filter:blur(3px)}
.dialog-header {padding:23px 25px 19px;border-bottom:1px solid var(--border);background:#fff}
.dialog-header h2 {font-size:21px;color:#293750}
.dialog-header p {font-size:12px;color:var(--text-secondary);line-height:1.75;margin-top:7px;max-width:590px}
.dialog-body {padding:24px 25px 26px}
.toast {font-size:13px;background:#253b39;box-shadow:0 8px 30px #23322c30;max-width:560px;padding:15px 18px;line-height:1.65;border-radius:11px}
.toast.error {background:#7f2846}
.app-footer {margin-top:0;padding:20px 32px;font-size:10px;color:#738097;gap:15px;border-top:1px solid #e9edf5;background:#f8f9fc}
.navigation-close {display:none}
.navigation-find {display:none;width:100%;border:1px solid var(--border);background:var(--surface-soft);text-align:left;font-family:inherit}
.workspace-loading:before {content:"";position:fixed;z-index:150;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,#6246dc,#b4a0f1,#6246dc);background-size:200% 100%;animation:workspace-progress 1.3s linear infinite}
@keyframes workspace-progress {to {background-position:-200% 0}}
@media(min-width:1650px) {.app-shell>#main {padding:36px 42px}.topbar,.runtime-note {padding-left:42px;padding-right:42px}}
@media(max-width:1200px) {
 :root {--sidebar:224px}.sidebar {padding-left:15px;padding-right:15px}
 .workspace-context {font-size:12px}.branch-control {padding-left:10px}.working-date {display:none}
 .workspace-find-button kbd {display:none}
 .heading-actions {max-width:55%}.heading-actions>.button {font-size:11px}
 .tenant-overview-top {flex-direction:column;gap:20px}.tenant-facts {gap:35px}
}
@media(min-width:651px) and (max-width:1100px) {
 .metrics,.lending-metrics,.loan-summary-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:930px) {
 :root {--sidebar:0px}.sidebar {width:270px;padding:22px 18px;z-index:60}
 .navigation-close {display:flex;position:absolute;right:14px;top:24px}
 .navigation-find {display:flex;margin-bottom:13px}
 .sidebar .brand {padding-bottom:12px;margin-bottom:18px}
 .sidebar .tenant-tag {padding:10px 12px;margin-bottom:16px}
 .sidebar .sidebar-promo {display:none}
 .sidebar nav {gap:2px}
 .sidebar .nav-link {min-height:44px;margin-bottom:0;padding:10px 12px}
 .sidebar .navigation-find {margin-bottom:13px}
 .sidebar-bottom {padding-top:14px}
 .sidebar-divider {margin:12px 0}
 .sidebar .brand {margin-right:30px}.drawer-shade {z-index:50;background:#1d29495e;backdrop-filter:blur(2px)}
 body.navigation-open {overflow:hidden}.topbar {height:70px;padding:0 24px}
 .app-shell>#main {padding:26px 24px 30px}.runtime-note {padding:9px 24px}
 .heading-actions {max-width:52%}.heading-actions>.button {font-size:11px}
 .card-header {flex-wrap:wrap}.metrics {gap:13px}.metric {padding:17px}
 .workspace-tabs {margin-bottom:22px}.app-footer {padding:19px 24px}
}
@media(max-width:650px) {
 h1 {font-size:25px;letter-spacing:-.65px}.topbar {height:66px;padding:0 14px;gap:8px}
 .workspace-caption {gap:0}.workspace-context {display:none}.branch-control {border:0;padding:0;gap:0}.branch-control>span {display:none}
 .workspace-select {max-width:160px;min-height:40px;font-size:12px;padding:7px 9px}
 .topbar-user {gap:9px}.topbar-user .avatar {width:32px;height:32px;font-size:11px}.logout-button {min-width:32px}
 .account-shortcut {min-width:34px;padding:0}
 .workspace-find-button {width:36px;min-height:38px;padding:8px;justify-content:center;gap:0}.workspace-find-button>span,.workspace-find-button kbd {display:none}
 .workspace-select {max-width:135px}.topbar-user {gap:5px}
 .runtime-note {padding:8px 18px;font-size:10px;align-items:center}.runtime-note span {max-width:none;min-width:0;overflow-wrap:anywhere}
 .app-shell>#main {padding:24px 18px 30px}.page-heading {display:flex;flex-direction:column;gap:15px;margin-bottom:20px}
 .page-heading p {font-size:13px;max-width:none;margin-top:8px;line-height:1.7}.page-eyebrow {font-size:10px;margin-bottom:7px}
 .heading-actions {max-width:100%;width:100%;justify-content:flex-start;padding:0;gap:8px}
 .heading-actions>.button,.heading-actions>.button.textual {font-size:12px;padding:10px 12px;min-height:42px}
 .heading-actions>.button .icon {width:16px;height:16px}
 .button {font-size:12px;min-height:44px}.button.small {font-size:11px;min-height:38px}
 .workspace-tabs {border-radius:10px;padding:4px;margin-bottom:20px;gap:3px}
 .workspace-tabs a {font-size:12px;min-height:42px;padding:9px 12px}
 .metrics {gap:12px}.metric {padding:15px;border-radius:12px}
 .metric-label {font-size:11px;line-height:1.5}.metric-value {font-size:clamp(18px,5.7vw,25px);margin-top:10px;overflow-wrap:anywhere}.metric-value.long {font-size:23px}.metric:has(.metric-value.long) {grid-column:1/-1}
 .metric-footer {font-size:10px;line-height:1.6}.metric-top {gap:6px}.metric-icon {width:30px;height:30px;flex-shrink:0}
 .dashboard-hero {padding:22px 20px;border-radius:13px;gap:18px}.dashboard-hero h2 {font-size:22px}.dashboard-hero p {font-size:13px}
 .dashboard-hero .button {font-size:12px}.settings-grid {gap:18px}.form-card {padding:20px}
 .quick-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action {padding:17px 14px;min-height:110px}.quick-action strong {font-size:12px}.quick-action small {font-size:11px}
 .card-header {padding:18px;gap:14px}.card-header h2 {font-size:17px}.card-header p {font-size:12px}
 .card-header .runtime-search {width:100%;max-width:none;min-width:0}.runtime-search input {font-size:14px;min-height:44px}
 .people-tools {width:100%;justify-content:flex-start}.people-tools .runtime-search {flex:1 1 100%}.people-result-count {padding:0 18px 15px}
 .data-table td,.runtime-table td {padding:14px;font-size:12px}.data-table th,.runtime-table th {padding:12px 14px;font-size:10px}
 .data-table small,.runtime-table small {font-size:11px}.person-cell strong {font-size:12px}.person-cell small {font-size:11px}
 .database-pager {padding:15px;gap:14px}.database-pager .pagination>span {font-size:11px}
 .queue-filters {gap:12px}.queue-filters select {font-size:12px;max-width:100%}.queue-filters>.muted {font-size:12px}
 .queue-filters .runtime-search {flex:1 1 100%}.agent-queue-item {padding:15px}.agent-queue-item small {font-size:11px}
 .batch-toolbar {flex-wrap:wrap;gap:10px}.batch-selection,.batch-select-label {font-size:12px}
 .agent-queue-layout .batch-table td {font-size:12px}.batch-table .review-receipt,.batch-table .review-meta {font-size:11px}
 .batch-table .review-actions .button {font-size:12px;min-height:40px}.batch-header .batch-approve {font-size:12px;min-height:44px}
 .readonly-banner,.terms-box,.banner-note {font-size:12px;padding:14px 15px;line-height:1.8}
 .runtime-title {flex-wrap:wrap;gap:13px}.runtime-title h2 {font-size:18px}.runtime-title p {font-size:12px}
 .runtime-title>.button {font-size:12px}.runtime-row strong {font-size:13px}.runtime-row small {font-size:12px}
 .runtime-empty {padding:35px 20px}
 .responsive-records,.responsive-records tbody {display:block;white-space:normal;width:100%}
 .responsive-records thead {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .table-wrap:has(.responsive-records) {padding:12px;background:#f8f9fc;overflow:visible}
 .responsive-records tbody tr {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding:17px 15px;border:1px solid var(--border);border-radius:11px;margin-bottom:12px;background:#fff}
 .responsive-records tbody tr:last-child {margin-bottom:0}.responsive-records tbody tr:hover {background:#fff}
 .responsive-records td,.runtime-table.responsive-records td {display:block;padding:0;border:0;min-width:0;font-size:12px;overflow-wrap:anywhere;white-space:normal}
 .responsive-records td:before {content:attr(data-label);display:block;font-size:10px;font-weight:600;color:#69758b;letter-spacing:.3px;margin-bottom:5px;text-align:left}
 .responsive-records td:first-child {grid-column:1/-1}.responsive-records .person-cell {align-items:flex-start}
 .responsive-records td.amount {text-align:left;font-size:17px;white-space:normal;overflow-wrap:anywhere}
 .responsive-records .inline-actions {flex-wrap:wrap;gap:8px}.responsive-records .button {min-height:40px;font-size:11px}
 [data-route=members] .responsive-records td:last-child,[data-route=accounts] .responsive-records td:last-child,.employee-records td:last-child {grid-column:1/-1;padding-top:12px;border-top:1px solid #edf0f5}
 [data-route=members] .responsive-records td:last-child:before,[data-route=accounts] .responsive-records td:last-child:before,.employee-records td:last-child:before {display:none}
 .employee-records td:last-child:empty {display:none}
 [data-route=accounts] .responsive-records td:nth-child(2) {grid-column:1/-1}
 [data-route=transactions] .responsive-records td:nth-child(n+6) {grid-column:1/-1}
 .responsive-records .empty-record {display:block}.responsive-records .empty-record td:before {display:none}
 .form-grid {gap:17px;grid-template-columns:1fr}.form-grid label,.dialog-body label {font-size:13px}
 .password-control>label {font-size:13px}
 .runtime-search input,.control,input.control,select.control,textarea.control {font-size:16px;min-height:46px}
 .picker-search-row {grid-template-columns:1fr;gap:14px}.picker-search-row input,.picker-search-row select {font-size:16px!important}
 .picker-result {font-size:12px}.form-actions {gap:10px}.form-actions>.button {flex:1;justify-content:center;min-width:110px}
 .terms-box p {font-size:12px}.detail-row {font-size:12px;gap:12px}.ledger-total {font-size:12px}
 .tenant-overview {padding:20px}.tenant-overview h2 {font-size:20px}.tenant-facts {gap:20px;width:100%;justify-content:space-between}
 .tenant-facts strong {font-size:24px}.tenant-facts span {font-size:10px}.setup-progress {flex-wrap:wrap;gap:16px}
 .setup-progress li {flex:1 1 calc(50% - 16px);font-size:11px}.setup-progress small {font-size:10px}
 .runtime-tenant-card {padding:22px}.runtime-tenant-card p {font-size:13px}.platform-counts {font-size:12px;flex-wrap:wrap;gap:14px}
 .loan-type-item strong {font-size:12px}.loan-scheme-toolbar .button {font-size:12px}.loan-version-note,.loan-account-terms {font-size:12px}
 .deposit-rate span,.deposit-scheme>.muted {font-size:12px}.report-actions .button {font-size:12px}
 .related-reviews {padding:14px 15px}.related-reviews summary {font-size:12px}.related-reviews .review-links {gap:8px}
 .auth-story {padding:30px 25px}.auth-story h1 {font-size:32px;margin:28px 0 12px;letter-spacing:-1px}.auth-story p {font-size:13px}
 .auth-form-panel {padding:32px 25px}.auth-form-panel h2 {font-size:25px}.auth-form-panel p {font-size:13px}
 .auth-form-panel input {font-size:16px}.auth-form-panel .button {font-size:13px}
 dialog {width:calc(100% - 20px);max-height:92dvh;border-radius:14px}.dialog-header {padding:20px 18px 17px;gap:10px}
 .dialog-header h2 {font-size:20px}.dialog-header p {font-size:12px}.dialog-body {padding:21px 18px}
 .dialog-header .icon-button {flex-shrink:0}.toast {font-size:12px;padding:14px 16px}
 .workspace-finder>.control {font-size:16px}.workspace-result {padding:14px 12px;gap:10px}.workspace-result small {font-size:11px}
 .app-footer {padding:18px;flex-wrap:wrap;font-size:10px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce) {.workspace-loading:before {animation:none;background:#6246dc}* {scroll-behavior:auto!important}}

/* Reviewed capture and KYC forms share the established workspace controls. */
.capture-fields{border:1px solid var(--border,#e3e1ef);border-radius:12px;margin:14px 0;padding:14px 18px;background:var(--surface,#fff)}
.capture-fields summary{font-weight:700;cursor:pointer;padding:4px 0}.capture-fields[open] summary{margin-bottom:16px}.capture-check{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:14px;line-height:1.5}.capture-check input{flex:none;width:18px;height:18px;margin-top:2px}.capture-fields fieldset{min-width:0}.capture-source-dialog .detail-row strong,.capture-fields .detail-row strong{overflow-wrap:anywhere}.capture-source-dialog small{overflow-wrap:anywhere}.capture-fields .control{max-width:100%}@media(max-width:700px){.capture-fields{padding:12px}.capture-fields .form-grid{grid-template-columns:1fr}.capture-check{font-size:13px}.capture-source-dialog .report-actions{flex-wrap:wrap}}

/* Long original references in history actions must fit narrow desktop cards. */
.card > p > .button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;}