/* Same owner-read provenance in conversation and Application, without a dashboard. */
.file-version-observation{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 0;margin:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.file-version-observation strong{font-size:inherit;font-weight:600}
.file-version-observation small{flex-basis:100%;color:var(--muted)}
/* Shared visual tokens for every borrower surface. Keep theme values here. */
:root {
  color-scheme: light;
  --bg: #faf9f2;
  --surface: #fffef9;
  --surface-user: var(--surface);
  --ink: #272b29;
  --muted: #61655e;
  --line: #ddded2;
  --accent: #5752a4;
  --accent-hover: #464183;
  --on-accent: #fff;
  --focus: #5752a4;
  --box: #e7e5fb;
  --box-line: #d0cdeb;
  --box-ink: #53536a;
  --success-bg: #e7f3e9;
  --success-ink: #245d3b;
  --warning-bg: #fbf0d9;
  --warning-ink: #72551c;
  --error-ink: #8a342d;
  --error-bg: #faeae7;
  --saved-ink: #245d3b;
  --composer-shadow: 0 3px 15px #272b2905;
  --panel-shadow: 0 10px 80px #272b2926;
  --font-body: system-ui, sans-serif;
  --font-heading: Georgia, serif;
  --radius-control: 10px;
  --control-line: #96998f;
  --surface-hover: #f1efe6;
  --space-section: 24px;
  --radius-card: 16px;
  --radius-panel: 22px;
  --field-label-size: 12px;
  --field-copy-size: 13px;
  --field-control-size: 14px;
}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font-body)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:var(--radius-control);padding:9px 15px;transition:background .15s}button:hover{background:var(--box)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);outline-offset:3px}.primary{background:var(--accent);color:var(--on-accent);border:0}.primary:hover{background:var(--accent-hover)}header{height:80px;display:flex;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:0 36px;border-bottom:1px solid var(--line)}.brand{font:500 27px var(--font-heading);text-decoration:none;color:var(--ink);letter-spacing:-1px}.brand{display:inline-flex;align-items:center;gap:9px}.company-logo{position:relative;display:inline-block;width:32px;height:32px;flex-shrink:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 30%,#3B82F6,#9333EA 70%);box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset 2px 2px 4px rgba(255,255,255,.2)}.company-logo::after{content:"";position:absolute;top:12%;left:12%;width:25%;height:25%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.34) 0%,rgba(255,255,255,.12) 58%,transparent 70%)}.trial{font-size:12px;color:var(--muted)}#view-toggle{margin-left:auto;font-size:13px}main{max-width:1440px;margin:auto;padding:28px 36px}.login{max-width:440px;margin:6vh auto}h1{font:400 44px/1.2 var(--font-heading);letter-spacing:-1px;margin:16px 0 24px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.login p,.welcome p{color:var(--muted)}label{display:block;font-size:13px;margin:16px 0}input{display:block;width:100%;background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:6px}.login .primary{width:100%;margin-top:10px}small{font-size:12px;color:var(--muted)}#workspace{display:flex;gap:28px;align-items:flex-start;min-height:calc(100vh - 175px)}.conversation{flex:1;min-width:0;max-width:740px;margin:auto;display:flex;flex-direction:column;min-height:calc(100vh - 190px)}#messages{flex:1;padding:12px 16px 28px}.welcome{padding:7vh 10px}.bubble{margin-bottom:30px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:var(--surface-user);border-radius:var(--radius-card);padding:12px 17px;margin-left:15%;width:fit-content;justify-self:end}.bubble.assistant{padding-right:14px}.bubble .speaker{display:block;font-size:12px;color:var(--accent);margin-bottom:7px;font-weight:600}.bubble .result-link{display:block;margin-top:18px;font-size:13px}.bubble p{margin:0 0 12px}.bubble strong{font-weight:600}#compose{display:flex;align-items:flex-end;gap:10px;background:var(--surface-user);border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--composer-shadow)}textarea{width:100%;resize:vertical;min-height:52px;max-height:190px;background:transparent;border:0;padding:8px;font-size:15px;line-height:1.5}#send{font-size:22px;min-width:44px;height:44px;padding:0}.composer-note{font-size:11px;color:var(--muted);text-align:center;margin:10px 0}#progress{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);padding:10px 16px}.pulse{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:pulse 1.5s infinite}#elapsed{margin-left:auto;font-variant-numeric:tabular-nums}#error{color:var(--error-ink);background:var(--error-bg);border-radius:var(--radius-control);padding:12px;font-size:13px}#panel{flex:1;min-width:340px;max-width:640px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-panel);padding:23px;position:sticky;top:18px;max-height:calc(100vh - 120px);overflow:auto}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-top button{border:0;padding:0 8px;font-size:25px}.result-title{font:400 29px/1.2 var(--font-heading);margin:0 0 19px}.summary{background:var(--box);border:1px solid var(--box-line);border-radius:17px;padding:20px}.metric{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:8px 0;color:var(--box-ink);font-size:13px}.metric b{font-size:25px;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.metric.hero{display:block;padding-top:0}.metric.hero b{display:block;font-size:36px}.essential{font-size:12px;color:var(--box-ink);border-top:1px solid var(--box-line);margin-top:12px;padding-top:12px}.hint{font-size:13px;color:var(--muted);margin:20px 0}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-size:14px;font-weight:500}details p{font-size:13px;color:var(--muted)}dl{margin:12px 0;font-size:13px}.row{display:flex;justify-content:space-between;gap:20px;margin:8px 0}dt{color:var(--muted)}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}footer{font-size:11px;color:var(--muted);text-align:center;padding:12px 25px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.pulse{animation:none}}@media(max-width:980px){header{padding:0 18px;height:66px;gap:14px}.brand{font-size:24px}.trial{font-size:10px}main{padding:18px}h1{font-size:38px}#workspace{display:block}.conversation{min-height:calc(100vh - 170px)}#messages{padding:0 2px 22px}#panel{position:fixed;inset:76px 10px 10px;max-height:none;max-width:none;z-index:2;box-shadow:var(--panel-shadow);min-width:0}.bubble.user{margin-left:8%}.metric b{font-size:23px}footer{font-size:10px}#view-toggle{font-size:12px;padding:7px}}
/* Keep the conversation and its composer usable as history grows. */
body:has(#workspace:not([hidden])){height:100dvh;overflow:hidden}
main:has(#workspace:not([hidden])){height:calc(100dvh - 120px);width:100%;min-height:0;padding-top:20px;padding-bottom:12px}
#workspace{height:100%;min-height:0;align-items:stretch}
.conversation{height:100%;min-height:0;margin:0 auto}
#messages{min-height:0;overflow-y:auto;scrollbar-gutter:stable}
#compose,#progress,.composer-note,#error{flex-shrink:0}
#panel{position:relative;top:0;max-height:100%}
@media(max-width:980px){main:has(#workspace:not([hidden])){height:calc(100dvh - 102px);padding:12px 16px}.conversation{min-height:0}#panel{position:fixed;top:76px;max-height:none}}

:is(#review,.review){flex-shrink:0;border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;margin-bottom:12px;background:var(--surface);overflow:auto}#review{max-height:calc(100dvh - 210px)}:is(#review,.review):empty{display:none}:is(#review,.review) h3{font-size:16px;margin:0 0 8px}:is(#review,.review) button{margin:4px 8px 0 0}:is(#review,.review) .metric b{font-size:20px}

#documents{flex-shrink:0;max-height:38%;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-card);padding:12px 16px;margin:8px 0}#documents summary{cursor:pointer;font-weight:600}#documents p{font-size:13px}#documents label{display:block;font-size:13px;margin:8px 0}#documents input{max-width:100%}.document-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}.document-row strong{flex:1;min-width:120px;font-size:14px}.document-row span{font-size:12px}#income-view,#funds-view{align-self:flex-start;flex-shrink:0;font-size:14px}.summary form label{display:block;font-size:14px;margin:14px 0}.summary form input,.summary form select{background:var(--surface);display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}.summary form button{margin-right:10px}

.saved-views{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.summary+.summary{margin-top:14px}

/* Keep every confirmation action visible while long evidence scrolls. */
:is(#review,.review){display:flex;flex-direction:column;overflow:hidden}
.review-content{min-height:0;overflow:auto}
.review-actions{flex-shrink:0;padding-top:10px;border-top:1px solid var(--line);background:var(--surface)}

/* Optional mobile expansion of the same inline owner review. */
.mobile-review-sheet{inset:0;margin:auto;width:min(640px,calc(100% - 48px));height:fit-content;max-width:none;max-height:calc(var(--review-viewport-height,100dvh) - 48px);padding:24px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);color:var(--ink);box-shadow:var(--panel-shadow)}
.mobile-review-sheet[open]{display:flex;flex-direction:column;gap:16px}
.mobile-review-sheet::backdrop{background:#0006}
.mobile-review-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.mobile-review-sheet-header h2{margin:0;font-size:18px;font-weight:600}
.mobile-review-sheet-header h2:focus{outline:none}
.mobile-review-sheet-header button{min-height:44px;flex-shrink:0;font-size:13px}
.mobile-review-sheet :is(#review,.review).mobile-review-target{flex:1;min-height:0;max-height:none;margin:0;padding:0;border:0;border-radius:0}
.mobile-review-target>.review-content{flex:1;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}
.mobile-review-target>.review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:16px}
.mobile-review-target>.review-actions button{margin:0;min-width:0;min-height:44px;font-size:14px}
.review-resume{display:none}
@media(max-width:980px){.review-resume{display:block;align-self:flex-start;font-size:14px}}
.mobile-review-target>.review-resume{display:none}
.mobile-review-sheet .review-content{font-size:14px;line-height:1.5}
.mobile-review-sheet .review-content>h3:first-child,.mobile-review-sheet .owner-change-review>h3:first-child{display:none}
.mobile-review-sheet .review-content :is(p,.hint){font-size:13px;line-height:1.5;margin:10px 0}
.mobile-review-sheet .review-content .metric{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.45}
.mobile-review-sheet .review-content :is(.metric b,.metric.hero b){font-size:13px;line-height:1.45;font-weight:400;text-align:left;overflow-wrap:anywhere}
.mobile-review-sheet .review-content .summary{padding:14px;background:var(--surface);border:0;border-radius:0}
.review-decision-error{padding:12px;background:var(--error-bg);color:var(--error-ink);border-radius:var(--radius-control)}
.conversation-history-notice{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:24px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}
.conversation-history-notice strong{font-weight:600}
.conversation-history-notice p{flex-basis:100%;margin:0;color:var(--muted)}
.conversation-history-notice button{min-height:44px;font-size:13px}
#compose.read-only{opacity:.7}
.mobile-review-sheet .review-content dl{margin:12px 0;font-size:14px}
.mobile-review-sheet .review-content .row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0;padding:12px 0;border-top:0;border-bottom:1px solid var(--line);line-height:1.45}
.mobile-review-sheet .review-content dt{color:var(--ink);font-weight:500;overflow-wrap:anywhere}
.mobile-review-sheet .review-content dd{text-align:left;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.mobile-review-sheet .owner-change-review-grid{grid-template-columns:1fr}
.mobile-review-sheet .owner-change-version{padding:0;border:0;background:transparent}
.mobile-review-sheet .owner-change-version h4{font-size:13px;font-weight:500}
.mobile-review-sheet .owner-change-version dl{font-size:14px}
.mobile-review-sheet .application-comparison-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.mobile-review-sheet .application-comparison-columns h5{margin:0 0 8px;font-size:13px;color:var(--muted)}
.mobile-review-sheet .application-address-card{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.mobile-review-sheet .application-address-card+.application-address-card{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
@media(max-width:980px){.mobile-review-sheet{margin:auto;width:calc(100% - 24px);max-height:calc(var(--review-viewport-height,100dvh) - 48px);padding:16px;border:1px solid var(--line);border-radius:var(--radius-panel)}}

/* Owner-backed changes use the same before/proposed grammar in chat and forms. */
.owner-change-review{display:grid;gap:10px;min-width:0;container-name:owner-change-review;container-type:inline-size}
.owner-change-review>h3{margin:0;font:500 17px/1.35 var(--font-heading);overflow-wrap:anywhere}
.owner-change-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.owner-change-version{min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}
.owner-change-version h4{margin:0 0 7px;color:var(--muted);font-size:12px;font-weight:650;line-height:1.35}
.owner-change-version dl{margin:0;font-size:12px}
.owner-change-version .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;margin:0;padding:6px 0;border-top:1px solid var(--line);line-height:1.4}
.owner-change-version .row:first-child{border-top:0}
.owner-change-version dt{min-width:0;overflow-wrap:anywhere}
.owner-change-version dd{text-align:left;overflow-wrap:anywhere}
.owner-change-empty,.owner-change-note,.owner-change-cancel-note{margin:0;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.owner-change-cancel-note{padding-top:8px;border-top:1px solid var(--line)}
.owner-change-review-empty-current{grid-template-columns:1fr}
.owner-change-version-empty details{margin-top:8px;font-size:12px;color:var(--muted)}
.owner-change-version-empty summary{cursor:pointer;min-height:24px}
.income-planning-review .metric{margin:0;min-width:0}
.income-planning-review details{min-width:0;padding:10px 0}
.income-planning-review .income-planning-source{margin:10px 0 0;color:var(--ink);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
@container owner-change-review (max-width:520px){.owner-change-review-grid{grid-template-columns:1fr}.owner-change-version{padding:10px 11px}}

/* Shared workspace shell: navigation, conversation, optional detail surface. */
#sidebar{flex:0 0 232px;min-width:0;display:flex;flex-direction:column;padding:6px;background:var(--bg);border-right:0;overflow-y:auto;z-index:4}
#sidebar.collapsed{flex-basis:56px}
#sidebar svg{width:20px;height:20px;flex:none}
#nav-toggle,#nav-items button,#nav-history summary{display:flex;align-items:center;gap:12px;min-height:42px;width:100%;border:0;padding:10px;text-align:left;white-space:nowrap;font-size:14px;margin:2px 0}
#nav-toggle{margin-bottom:16px}
#nav-items{display:flex;flex-direction:column;flex:1;min-height:0}
#nav-items button:hover{background:var(--surface-hover)}
#nav-items button[aria-current]{background:var(--surface-user);color:var(--accent)}
.nav-heading{font-size:11px;color:var(--muted);margin:20px 10px 6px}
#nav-history{border:0;padding:0;margin-top:18px}#nav-history summary{list-style:none;border-radius:var(--radius-control)}#nav-history summary::-webkit-details-marker{display:none}#nav-history summary:hover{background:var(--surface-hover)}
#history-list button{white-space:normal;overflow-wrap:anywhere}
.nav-account{margin-top:auto;padding-top:24px}#account-email{display:block;overflow:hidden;text-overflow:ellipsis;margin:8px 10px}.nav-links{display:flex;gap:16px;padding:8px 10px;font-size:11px}.nav-links a{color:var(--muted)}
#sidebar.collapsed .nav-label,#sidebar.collapsed .nav-heading,#sidebar.collapsed #history-list,#sidebar.collapsed #account-email,#sidebar.collapsed .nav-links{display:none}
#sidebar.collapsed #rates-view,#sidebar.collapsed #income-view{margin-top:18px}
#workspace{gap:20px}.conversation{flex:1 1 50%;max-width:980px}
#panel{flex:1 1 50%;min-width:300px;padding:24px;resize:none;overflow:auto;background:var(--surface)}
#attach{width:40px;height:44px;padding:0;border:0;font-size:26px;flex-shrink:0}
#compose textarea{resize:none;min-height:52px}
#documents{border:0;padding:0;margin:0;max-height:none;overflow:visible}
#documents h2{margin-top:0}#documents .document-row{padding:16px 0}
.account-row{border-bottom:1px solid var(--line);padding:18px 0;background:transparent}
.account-row h3{font-size:16px;margin:0 0 8px}.account-row .hint{margin:8px 0 12px}
.account-row .metric b{font-size:23px}.account-row details{border:0;padding:10px 0 0}
.account-row details summary{font-size:12px;color:var(--muted)}
.account-row form input,.account-row form select,.readiness-location select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.account-row form button{margin-right:8px}
.summary{padding:18px}.summary .hint{margin:12px 0 0}.metric.hero b{font-size:34px}
#result>.hint{margin:12px 0 18px}#result>button{margin:0 8px 12px 0}
#panel .panel-top{margin-bottom:16px}.result-title{font-size:28px}
@media(max-width:980px){#workspace{display:flex}header{padding-left:68px}header .trial{display:none}#view-toggle{display:none!important}.conversation{width:100%}#panel{position:fixed;inset:76px 10px 10px;z-index:3;min-width:0;max-width:none;resize:none}.account-row{padding:14px 0}#attachment-preview{max-height:170px;overflow:auto}}
#panel-width{margin-left:auto;margin-right:12px}
@media(max-width:980px){#panel-width{display:none}}

#google-signin{width:100%;margin:12px 0}#google-status{display:block}.auth-divider{text-align:center;color:var(--muted);font-size:13px}#email-actions{display:flex;gap:10px;margin-top:12px}.auth-links{font-size:13px}.auth-links a{color:inherit}

/* Shared attachment and document rows: readable at either workspace width. */
.document-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.document-info strong{overflow-wrap:anywhere;font-size:14px}.document-info small{color:var(--muted);font-size:12px}
#document-state-label{font-size:13px;padding:12px;border:1px solid var(--line);border-radius:12px}#document-state-label[hidden]{display:none}
#document-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

.attachment-row.reading:before{content:"";width:12px;height:12px;flex:none;border:2px solid var(--line);border-top-color:var(--accent,#7870a8);border-radius:50%;animation:attachment-spin 1s linear infinite}
@keyframes attachment-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.attachment-row.reading:before{animation:none}}

/* One composer for text and attachments, with one send action. */
#compose{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.composer-controls{display:flex;align-items:center;gap:10px;width:100%}#compose #send{margin-left:auto;border-radius:50%;width:36px;min-width:36px;height:36px;font-size:22px}#compose #attach{width:36px;height:36px;border-radius:50%}.composer-file-hint{font-size:11px;color:var(--muted)}
#compose #document-state-label{margin:0 4px}

#compose{padding:14px;border-radius:22px;gap:6px}#compose:focus-within{border-color:var(--accent)}#compose textarea:focus{outline:none}#compose textarea{padding:4px 6px;min-height:54px;max-height:180px}
#attachment-preview{display:flex;flex-wrap:wrap;gap:8px;max-height:164px;overflow:auto;flex-shrink:0;padding:2px}
.attachment-row{display:flex;align-items:center;gap:10px;width:240px;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.attachment-row .document-info{gap:2px}.attachment-row strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-row small{font-size:11px}.attachment-row button{border:0;padding:0;min-width:28px;height:28px;border-radius:50%;font-size:19px}.file-type{display:grid;place-items:center;flex:none;width:32px;height:38px;background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:9px;color:var(--muted)}
@media(max-width:1100px){#sidebar:not(.collapsed){position:absolute;inset:90px auto 40px 16px;width:232px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--panel-shadow)}#workspace{gap:12px}}
@media(max-width:980px){#sidebar.collapsed{position:absolute;top:12px;left:12px;width:42px;height:42px;padding:0;border:0;overflow:visible}#sidebar.collapsed #nav-items{display:none}#sidebar.collapsed #nav-toggle{margin:0}#sidebar:not(.collapsed){inset:70px auto 18px 12px;width:min(280px,calc(100vw - 24px))}.attachment-row{width:100%}#attachment-preview{max-height:146px}#compose{padding:12px}.composer-file-hint{font-size:10px}}

#attachment-notice:empty{display:none}#attachment-notice{padding:0 6px;font-size:11px}

.message-attachment{display:inline-block;margin:8px 6px 0 0;padding:8px 12px;max-width:100%;overflow-wrap:anywhere;font-size:12px;background:var(--surface);text-align:left}

/* Full viewport shell: navigation belongs to the edge, text keeps a readable measure. */
:root[data-theme="dark"]{color-scheme:dark;--bg:#17171a;--surface:#222326;--surface-user:#2a2b2e;--ink:#f2efe5;--muted:#b5b2a5;--line:#34353a;--accent:#8589e0;--accent-hover:#9a9ee8;--on-accent:#151518;--focus:#a9acf0;--box:#2e2f4a;--box-line:#3e3f66;--box-ink:#f2efe5;--success-bg:#1c2e24;--success-ink:#8fd2a5;--warning-bg:#302617;--warning-ink:#e8c880;--error-ink:#f2a19a;--error-bg:#332020;--saved-ink:#8fd2a5;--control-line:#777a83;--surface-hover:#2a2b2e}
body:has(#workspace:not([hidden])){display:flex;flex-direction:column;height:100dvh;overflow:hidden}
header{max-width:none;width:100%;margin:0;height:58px;flex-shrink:0;padding:0 20px}
main:has(#workspace:not([hidden])){max-width:none;margin:0;padding:0;height:auto;flex:1;min-height:0}
#workspace{height:100%;gap:20px}#sidebar{background:var(--surface-user);padding:8px;flex-basis:232px}#sidebar.collapsed{flex-basis:60px;cursor:pointer}
.conversation{padding:12px 0 0;max-width:none}
#messages{padding-inline:max(16px,calc((100% - 800px)/2));}
.conversation > :not(#messages){width:calc(100% - 32px);max-width:800px;align-self:center}
#workspace:not(.at-home) #compose textarea{height:30px;min-height:30px}
#compose #attach{display:grid;place-items:center;padding:0;line-height:1;font-size:24px}
#financial-profile{border:0;padding:0}#financial-profile summary{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;list-style:none}#financial-profile summary svg{width:20px;height:20px;flex:none}#financial-profile summary:hover{background:var(--surface-hover)}#sidebar.collapsed #financial-profile button{display:none}
.panel-top{position:relative}#panel-width-options{position:absolute;right:30px;top:36px;z-index:4;display:flex;gap:4px;background:var(--surface);border:1px solid var(--line);padding:6px;border-radius:12px;box-shadow:var(--panel-shadow)}#panel-width-options button{font-size:13px;padding:8px}#panel-width-options button[aria-pressed="true"]{background:var(--box)}#panel{box-shadow:none;margin-top:12px;margin-right:16px;margin-bottom:16px;max-width:none;min-height:0}
footer{flex-shrink:0;width:100%;padding:8px 4px;font-size:11px;line-height:16px}footer a{color:inherit}#compose{flex-shrink:0}
#sidebar.collapsed .theme-control{display:none}.theme-control{margin:8px 10px;font-size:12px}.theme-control select{display:block;width:100%;margin-top:6px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
#document-preview{height:calc(100% - 48px);display:flex;flex-direction:column;min-height:0}.document-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.document-toolbar a{color:var(--accent)}#preview-status{font-size:12px;color:var(--muted)}#document-frame{width:100%;flex:1;min-height:300px;border:0;background:var(--surface)}#document-image{max-width:100%;height:auto;object-fit:contain}#document-preview[hidden]{display:none}
@media(max-width:1100px){#sidebar:not(.collapsed){top:0;left:0;bottom:0;background:var(--surface-user);border:0}}
@media(max-width:980px){header{padding-left:60px;height:54px}main:has(#workspace:not([hidden])){padding:0 10px}.conversation{padding-top:48px}#sidebar.collapsed{top:6px;left:6px;background:transparent}#sidebar:not(.collapsed){top:0;left:0;bottom:0;border:0;border-radius:0 14px 14px 0}#panel{inset:6px;margin:0}footer{padding:7px 0;font-size:10px;line-height:15px}.document-toolbar{flex-wrap:wrap}}

#chat-consent{flex-shrink:0;font-size:12px;line-height:1.5;padding:8px 12px;color:var(--muted)}#chat-consent p{margin:4px 0}#chat-consent a{color:inherit}

#document-frame canvas,.pdf-preview canvas{width:100%;height:auto;display:block}.pdf-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:10px}.pdf-controls button{padding:6px 8px}#document-frame{overflow:auto;background:transparent}

#nav-toggle{padding:4px 6px;min-height:44px}#nav-toggle .nav-label{font-size:17px;font-weight:600}#nav-toggle .company-logo{width:28px;height:28px}

#panel-resizer{flex:0 0 8px;align-self:stretch;cursor:col-resize;touch-action:none;margin:12px -16px 16px;border-radius:8px}#panel-resizer:hover,#panel-resizer:focus-visible{background:var(--line)}#workspace:has(#panel[hidden]) #panel-resizer{display:none}
/* Shares divide the two work areas after navigation, gutter and outer spacing. */
@media(min-width:981px){
 #workspace:has(#panel:not([hidden])){display:grid;grid-template-columns:max-content minmax(0,var(--conversation-share,50fr)) 16px minmax(0,var(--panel-share,50fr));gap:0;padding-right:16px}
 #workspace:has(#panel:not([hidden])) #sidebar{grid-column:1;width:232px;margin-right:20px}
 #workspace:has(#panel:not([hidden])) #sidebar.collapsed{width:60px}
 #workspace:has(#panel:not([hidden])) .conversation{grid-column:2;width:100%;margin:0}
 #workspace:has(#panel:not([hidden])) #panel-resizer{grid-column:3;width:8px;margin:12px auto 16px}
 #workspace:has(#panel:not([hidden])) #panel{grid-column:4;min-width:0;margin-right:0}
}
@media(max-width:980px){#panel-resizer{display:none}#panel{inset:8px 8px 16px;max-height:none;flex:auto}}
/* One starting point, using the existing composer and visual tokens. */
.home-welcome{padding-top:clamp(24px,9vh,100px);max-width:680px;margin:auto}
.home-welcome h1{font-size:clamp(32px,3.5vw,46px)}
.recent-work{margin-top:42px}.recent-work h2{font:500 14px var(--font-body);color:var(--muted);margin-bottom:12px}
.recent-item{display:flex;width:100%;align-items:center;gap:16px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px 8px}
.recent-item span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item small{color:var(--muted);white-space:nowrap;font-size:12px}
#history-list button{display:flex;align-items:baseline;gap:8px}.history-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#history-list small{font-size:10px;color:var(--muted);white-space:nowrap}
#history-search{width:100%;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px;font-size:13px}
#sidebar.collapsed #history-search{display:none}
@media(max-width:980px){.home-welcome{padding-top:30px}.recent-work{margin-top:24px}.recent-item{padding:12px 4px}}
#workspace.at-home .conversation{justify-content:center}
#workspace.at-home #messages{flex:0 1 auto;max-height:55dvh;padding-bottom:24px}
#workspace.at-home .home-welcome{padding-top:0;max-width:none}
#workspace.at-home footer{position:absolute;bottom:0;max-width:800px;align-self:center}
#workspace.at-home .conversation{padding-bottom:64px;position:relative}
@media(max-width:980px){
 #workspace.at-home:has(#panel[hidden]) .conversation{justify-content:flex-start;padding:40px 0 12px;overflow:hidden}
 #workspace.at-home:has(#panel[hidden]) #messages{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding-bottom:20px;margin-top:0}
 #workspace.at-home:has(#panel[hidden]) #compose{margin-bottom:0}
 #workspace.at-home:has(#panel[hidden]) footer{position:static;width:100%;margin-top:20px}
}

/* Rate exploration reuses the shared panel, cards, typography and theme tokens. */
.rate-choices{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.rate-choices button{flex:1;min-width:110px;font-size:13px}.rate-choices button[aria-pressed="true"]{background:var(--box);border-color:var(--accent)}.rate-quote{border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;margin-top:12px}.rate-quote h3{margin:0;font-size:16px}.rate-quote details{border:0;padding-bottom:0}.rate-quote .row{align-items:baseline}.rate-quote dd{max-width:58%}.rate-quotes .summary{margin-bottom:14px}

@media(max-width:980px){#panel{z-index:6}}

.credit-attestation{display:flex;align-items:flex-start;gap:.65rem;line-height:1.5}
.credit-authorization select{display:block;width:100%;background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:6px}
.credit-attestation input[type=checkbox]{width:1.1rem;height:1.1rem;flex:0 0 auto;margin:.2rem 0 0}

@media(max-width:980px){.conversation > :not(#messages){width:100%}#messages{padding-inline:6px}#workspace:not(.at-home) #compose{padding:8px;gap:2px}#workspace:not(.at-home) #compose textarea{min-height:26px;height:26px}#panel-width,#panel-width-options{display:none!important}}

#workspace:not(.application-workspace) .application-editor form select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}
#workspace:not(.application-workspace) .application-editor button{margin:8px 8px 0 0}
#workspace:not(.application-workspace) .application-editor select[multiple]{min-height:110px}
#workspace:not(.application-workspace) .application-editor [hidden]{display:none}
#workspace:not(.application-workspace) .application-editor dd{overflow-wrap:anywhere}
#workspace:not(.application-workspace) .application-editor h4{margin-bottom:8px}
#workspace.financial-workspace #panel .application-correction-summary{border:1px solid var(--line);border-radius:var(--radius-card);padding:16px;margin:0 0 12px;background:var(--surface)}
#workspace:not(.application-workspace) #panel .application-summary-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
#workspace:not(.application-workspace) #panel .application-summary-head button{margin:0;flex:none}
#workspace:not(.application-workspace) #panel .application-field-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;border-top:1px solid var(--line);padding-top:14px}
#workspace:not(.application-workspace) #panel .application-field-group>h4{grid-column:1/-1;margin:0}
#workspace:not(.application-workspace) #panel .application-options{grid-column:1/-1;border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
#workspace:not(.application-workspace) #panel .application-options legend{width:100%;font-weight:650;margin-bottom:2px}
#workspace:not(.application-workspace) #panel .application-options label,#workspace:not(.application-workspace) #panel .application-previous-toggle{display:flex;align-items:center;gap:8px;margin:0}
#workspace:not(.application-workspace) #panel .application-options input,#workspace:not(.application-workspace) #panel .application-previous-toggle input{width:auto;margin:0;flex:none}
@container borrower-workspace (max-width:619px){#workspace:not(.application-workspace) #panel .application-field-group{grid-template-columns:1fr}}

/* Financial workspace: the same owner views, with conversation always reachable. */
#financial-profile>button{display:none}
#workspace-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 20px;font-size:12px;color:var(--muted)}
#workspace-breadcrumb button{border:0;background:transparent;padding:6px 0;font-size:inherit;color:inherit}
#workspace-breadcrumb [aria-current]{color:var(--ink)}
#workspace-breadcrumb button:disabled{opacity:1;cursor:default}
.financial-destination{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 0}
.financial-destination strong,.financial-destination small{display:block}.financial-destination small{color:var(--muted);margin-top:6px;line-height:1.5}
#conversation-expand{display:none}
@media(max-width:980px){
 #workspace:is(.financial-workspace,.application-workspace):has(#panel:not([hidden])){display:flex;flex-direction:column;gap:0;padding-top:50px}
 #workspace:is(.financial-workspace,.application-workspace) #panel:not([hidden]){position:relative;inset:auto;order:0;flex:0 1 var(--panel-height,58%);width:100%;min-height:0;margin:0;padding:18px 14px 28px;box-shadow:none;z-index:1}
 #workspace:is(.financial-workspace,.application-workspace):has(#panel:not([hidden])) .conversation{order:2;flex:1 1 0;min-height:170px;width:100%;padding:8px 0 0;overflow:hidden}
 #workspace:is(.financial-workspace,.application-workspace):has(#panel:not([hidden])) #messages{flex:1;min-height:36px;padding:0 8px 8px}
 #workspace:is(.financial-workspace,.application-workspace):has(#panel:not([hidden])) footer{display:none}
 #workspace:is(.financial-workspace,.application-workspace) #conversation-expand{display:block;flex:none;text-align:left;border:0;background:transparent;padding:6px 8px;font-size:12px;color:var(--accent)}
 #workspace.financial-workspace #review{max-height:40%;overflow:auto}
 #workspace-breadcrumb button{min-height:40px}
}

/* Mobile composer keeps controls on one row; attachments and longer text expand it. */
@media(max-width:980px){
 #compose{display:grid;grid-template-columns:32px minmax(0,1fr) 36px;align-items:center;gap:0 4px;padding:7px 8px;border-radius:20px}
 #compose .composer-controls{display:contents}
 #compose .composer-file-hint{display:none}
 #compose #attach{grid-column:1;grid-row:3;width:32px;height:36px}
 #compose #message{grid-column:2;grid-row:3;width:100%;min-height:36px;height:36px;max-height:140px;padding:7px 3px;line-height:22px;font-size:16px;box-sizing:border-box}
 #workspace:not(.at-home) #compose #message{height:36px;min-height:36px}
 #compose #send{grid-column:3;grid-row:3;width:36px;height:36px;padding:0}
 #compose #attachment-preview{grid-column:1/-1;grid-row:1;margin:0}
 #compose #attachment-notice{grid-column:1/-1;grid-row:2}
}

@media(max-width:980px){
 #workspace:is(.financial-workspace,.application-workspace):has(#panel:not([hidden])) #panel-resizer{display:flex;order:1;flex:0 0 24px;align-self:stretch;align-items:center;justify-content:center;margin:0;cursor:row-resize;touch-action:none}
 #workspace:is(.financial-workspace,.application-workspace) #panel-resizer::after{content:"";width:44px;height:4px;border-radius:4px;background:var(--line)}
 #workspace.at-home:has(#panel[hidden]) #compose #message{min-height:58px;height:58px}
 #workspace.at-home:has(#panel[hidden]) #compose{padding:12px}
}

/* Controls sit on the last input line; on a single line their centers coincide. */
@media(max-width:980px){
 #compose #attach,#compose #send{align-self:end}
}

/* One financial title: the shared header owns it; breadcrumbs only show ancestry. */
#workspace.financial-workspace .panel-top .eyebrow{font-family:var(--font-heading);font-size:22px;letter-spacing:0;text-transform:none;color:var(--ink);line-height:1.25}
#workspace.financial-workspace #result>.result-title{display:none}
#workspace.financial-workspace #workspace-breadcrumb:has(>button[aria-current]:only-child){display:none}
#workspace.financial-workspace #workspace-breadcrumb{margin:0 0 12px}
#workspace.financial-workspace #result>.hint{margin:0 0 14px}
#workspace.financial-workspace .panel-top{margin-bottom:12px}
#workspace.financial-workspace .financial-destination{padding:15px 0;margin:0}

/* Domain detail pages keep the same hierarchy at either pane width. */
@media(min-width:981px){
 #workspace.financial-workspace #panel{padding:23px 24px}
 #workspace.financial-workspace #workspace-breadcrumb{font-size:13px}
 #workspace.financial-workspace .financial-destination small{font-size:14px;margin-top:8px}
 #workspace.financial-workspace .account-row{padding:20px 0}
}

/* Content responds to its workspace width, not the browser width. */
#panel{container-type:inline-size;container-name:borrower-workspace}
#panel>.panel-top,#panel>#workspace-breadcrumb,#panel>#result,#panel>#documents{width:100%;max-width:960px;margin-inline:auto}
#panel #result>.metric,#panel #result p,#panel #result>.account-row,#panel #result>.financial-destination{max-width:680px}
#panel :is(.row,.metric){min-width:0;overflow-wrap:anywhere}
#panel .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#panel .row dd{min-width:0;max-width:none}
#panel :is(input,select,textarea){min-width:0;max-width:100%}
#panel .rate-quotes{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
#panel .rate-quotes>.summary{grid-column:1/-1}
#panel .rate-quote{min-width:0;margin-top:0}
@container borrower-workspace (min-width:620px){
 #result details>dl,#workspace:not(.application-workspace) .application-editor section>dl,.document-detail>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
 #panel .row{display:block;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
 #panel .row dd{text-align:left;margin-top:4px}
 #panel .rate-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}
 #panel .summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
 #panel .summary>:not(.metric){grid-column:1/-1}
 #panel .summary .metric{display:block}
 #panel .summary .metric b{display:block;margin-top:4px}
}
@container borrower-workspace (max-width:360px){
 #panel .metric:not(.hero){display:block}
 #panel .metric:not(.hero) b{display:block;margin-top:4px}
 #panel .row{grid-template-columns:minmax(0,1fr);gap:2px}
 #panel .row dd{text-align:left}
}

#panel .form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;grid-column:1/-1}
#panel .form-actions button{margin:0}

/* Lists, comparison cards and document chrome retain their own readable density. */
#panel:has(#documents:not([hidden])) .panel-top .eyebrow{font:400 28px/1.25 var(--font-heading);letter-spacing:0;text-transform:none;color:var(--ink)}
#documents>.result-title{display:none}
#panel .panel-top .eyebrow{min-width:0;overflow-wrap:anywhere}
#panel .panel-top>button{flex-shrink:0}
#panel .rate-quotes>.hint{grid-column:1/-1}
#panel .rate-quote details>dl{display:block}
#panel .document-toolbar,#panel .pdf-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#panel #document-list{max-width:800px}
@media(max-width:980px){#panel:has(#documents:not([hidden])) .panel-top .eyebrow{font-size:22px}}

#panel form > [role=status],#panel form > .review{grid-column:1/-1;min-width:0}

/* One summary grammar for each financial destination, sized by its workspace. */
#panel .financial-summary{display:block;padding:18px 20px 20px;border-bottom:1px solid var(--line);margin-bottom:20px}
#panel .financial-summary .hero{display:block}
#panel .financial-summary .hero b{display:block;margin-top:6px;font-size:32px;line-height:1.2;overflow-wrap:anywhere}
#panel .financial-summary .financial-status{font-size:12px;color:var(--muted);margin:0 0 10px}
#panel .financial-summary .hint{margin:10px 0 0}
#panel .financial-section-title{font:600 14px/1.4 var(--font-body);margin:0 0 12px}
@container borrower-workspace (max-width:420px){
 #panel .financial-summary{padding:14px 16px;margin-bottom:14px}
 #panel .financial-summary .hero b{font-size:27px}
}

/* Every borrower workspace leads with the same compact state, decision facts and task. */
#panel .workspace-overview{padding:0 0 20px;margin:0 0 22px;border-bottom:1px solid var(--line)}
#panel .workspace-overview>.financial-status{margin:0 0 7px;color:var(--accent);font-weight:650;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
#panel .workspace-overview-copy{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
#panel .workspace-overview-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:16px 0 0;border:1px solid var(--box-line);border-radius:var(--radius-card);overflow:hidden;background:var(--box-line)}
#panel .workspace-overview-facts .metric{display:block;margin:0;padding:13px 14px;background:var(--surface)}
#panel .workspace-overview-facts .metric span{display:block;color:var(--muted);font-size:12px}
#panel .workspace-overview-facts .metric b{display:block;margin-top:3px;font-size:17px;font-weight:550;line-height:1.35;overflow-wrap:anywhere}
#panel .workspace-overview-facts .metric.hero b{font-size:25px;letter-spacing:-.025em}
#panel .workspace-task{margin-top:16px;padding:16px;border:1px solid var(--box-line);border-radius:var(--radius-card);background:var(--box)}
#panel .workspace-task h3{margin:0;font:500 18px/1.35 var(--font-heading)}
#panel .workspace-task p{margin:5px 0 14px;color:var(--box-ink);font-size:14px}
#panel .workspace-task form{margin:0}
#panel .workspace-task button.primary{background:var(--accent);color:var(--on-accent)}
#panel .workspace-open-requests{margin:0 0 18px}
#panel .application-overview{padding-bottom:16px;margin-bottom:16px}
#panel .application-overview .workspace-overview-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
#panel .application-overview .workspace-overview-facts .metric{padding:10px 13px}
#panel .application-overview .workspace-overview-facts .metric.wide{grid-column:1/-1}
#panel .application-overview .workspace-overview-facts .metric b{font-size:16px}
#panel .application-request{padding:16px;margin:0 0 10px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
#panel .application-request>.financial-status{margin:0 0 4px;color:var(--accent);font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
#panel .application-request h4{margin:0 0 6px;font:500 17px/1.35 var(--font-heading)}
#panel .application-request-instructions{margin:0;color:var(--ink);font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
#panel .application-request>details{padding:10px 0 0;border:0}
#panel .application-request>button{margin-top:12px}
#panel .application-signature-responsibility{padding:12px 0;margin:0 0 18px;border-top:1px solid var(--line);background:transparent}
#panel .application-signature-responsibility h3{margin:0;font:500 16px/1.35 var(--font-heading)}
#panel .application-signature-responsibility p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
@container borrower-workspace (max-width:520px){
 #panel .workspace-overview{padding-bottom:16px;margin-bottom:18px}
 #panel .workspace-overview-facts{grid-template-columns:1fr;margin-top:13px}
 #panel .workspace-overview-facts .metric.hero b{font-size:23px}
 #panel .workspace-task{padding:14px}
}

/* Income sources share one outline; actions remain separate and easy to reach. */
#panel .financial-source-list{max-width:680px;border:1px solid var(--line);border-radius:var(--radius-card)}
#panel .financial-source-list .financial-destination{padding-inline:16px;border-radius:0}
#panel .financial-source-list .financial-destination:first-child{border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card)}
#panel .financial-source-list .financial-destination:last-child{border-bottom:0;border-bottom-left-radius:var(--radius-card);border-bottom-right-radius:var(--radius-card)}
#panel .financial-add-actions{padding-block:20px 12px;margin-top:8px}
#workspace-breadcrumb>*{min-width:0;overflow-wrap:anywhere}

.financial-editor select{display:block;width:100%;min-width:0;background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:6px}.financial-editor>button{margin-right:10px}

.message-time{display:block;margin-top:6px;font-size:11px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}.bubble.user .message-time{text-align:right}
/* Guided service preparation shares the financial row and form system. */
.prequalification-step{padding:16px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);margin:0 0 14px}.prequalification-step>*+*{margin-top:12px}
.prequalification-step h3{margin:0;font:600 15px/1.4 var(--font-body)}.prequalification-fields{display:grid;gap:12px}#panel .prequalification-fields>label{margin:0;display:grid;gap:7px;font-size:var(--field-label-size);line-height:1.45;color:var(--muted)}
#panel .prequalification-fields :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){width:100%;min-height:44px;margin:0;padding:9px 11px;font-size:var(--field-control-size);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink)}
#panel .prequalification-fields :is(input,select,textarea):focus{border-color:var(--focus);outline:none;box-shadow:none}
.prequalification-document{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;flex-wrap:wrap}
.prequalification-document>span{overflow-wrap:anywhere;flex:1;min-width:150px}
.prequalification-document-choices{display:flex;gap:14px}.prequalification-document-choices label{display:flex;align-items:center;gap:6px;margin:0}
.prequalification-document-choices input{width:auto;margin:0}
@container borrower-workspace (min-width:620px){.prequalification-fields{grid-template-columns:1fr 1fr}.prequalification-fields label:last-child{grid-column:1/-1}}

/* Intake links reuse section editors without expanding the preparation page. */
#panel .intake-section-list .financial-destination{padding:12px 16px}
#panel .intake-section-list .financial-destination strong{font-size:15px}
#panel .intake-section-list .financial-destination small{font-size:13px;margin-top:3px;line-height:1.4}
#panel .intake-section-list{border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--surface)}
#panel .intake-section-list .financial-destination{min-height:56px;border-radius:0}
#panel .intake-section-list .financial-destination:last-child{border-bottom:0}
/* Both intake journeys arrange the same actionable rows, not a second fact model. */
#panel .intake-section-groups{display:grid;gap:16px}
#panel .intake-section-group{min-width:0;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}
#panel .intake-section-group>.intake-group-heading{margin:0;padding:10px 16px;border-bottom:1px solid var(--line);font:600 12px/1.4 var(--font-body);color:var(--muted)}
#panel .intake-section-list.intake-grouped-index{border:0;border-radius:0;background:transparent;overflow:visible}
#panel .intake-section-group>.financial-destination{width:100%;padding:12px 16px;border-radius:0;text-align:left}
#panel .intake-section-group>.financial-destination strong{font-size:15px;line-height:1.35}
#panel .intake-section-group>.financial-destination small{font-size:12px;line-height:1.45}
#panel .application-review-section-notes{padding:8px 16px 12px;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
#panel .application-review-section-notes:last-child{border-bottom:0}
#panel .application-review-section-notes .application-section-review-context{margin:0 0 6px;font-size:12px;line-height:1.45;color:var(--muted)}
#panel .financial-destination>.application-review-label{flex:1;min-width:0}
#panel .financial-destination>.application-review-label small{color:var(--muted);font-weight:400;overflow-wrap:anywhere}
#panel .financial-destination>.application-review-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none;flex-wrap:wrap;max-width:45%}
#workspace.application-workspace #panel .intake-section-group>.application-review-group{border:0;border-radius:0;margin:0;border-bottom:1px solid var(--line)}
#workspace.application-workspace #panel .intake-section-group>.application-review-group:last-child{border-bottom:0}
#panel :is(.application-overview,.intake-overview).intake-summary{border:0;background:transparent;border-radius:0;padding:0;margin-bottom:16px}
#panel .intake-summary>.financial-status{font:600 12px/1.4 var(--font-body);text-transform:none;letter-spacing:0;color:var(--accent);margin:0 0 6px}
#panel .intake-summary>.workspace-overview-copy{font-size:12px;line-height:1.5;margin:0;color:var(--muted)}
#panel .intake-source-details{padding:0;margin:0 0 12px;border:0}
#panel .intake-source-details>summary{min-height:36px;display:flex;align-items:center;font-size:12px;color:var(--muted)}
#panel .intake-source-details .file-version-observation{font-size:12px;margin:0;padding:6px 0}
#panel .intake-review[data-prequalification-preparation] .intake-section-group>.intake-review-section{margin:0;padding:12px 16px;border:0;border-radius:0;border-bottom:1px solid var(--line);background:transparent}
#panel .intake-review[data-prequalification-preparation] .intake-section-group>.intake-review-section:last-child{border-bottom:0}
#panel .intake-review[data-prequalification-preparation] .intake-section-group>.intake-review-section>.financial-destination{min-height:44px;padding:0;margin:0 0 8px}
#panel .personal-fact-list{border:0;border-radius:0;background:transparent}
#panel .personal-fact-list .financial-destination{padding:9px 0}
#panel .personal-fact-list .financial-destination>span{display:grid;grid-template-columns:minmax(100px,40%) minmax(0,1fr);gap:12px;width:100%}
#panel .personal-fact-list .financial-destination strong{font:400 13px/1.5 var(--font-body);color:var(--muted)}
#panel .personal-fact-list .financial-destination small{margin:0;font-size:13px;color:var(--ink);overflow-wrap:anywhere}
#panel .intake-record-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
#panel .intake-record-row:last-child{border-bottom:0}
#panel .intake-record-row>.financial-destination{flex:1;min-width:0;padding:0;border:0}
#panel .intake-record-row>.financial-destination strong{font-size:13px}
#panel .intake-record-row>.financial-destination small{font-size:12px;line-height:1.45;margin-top:4px;overflow-wrap:anywhere}
#panel .intake-record-row>button:not(.financial-destination){flex:none;min-height:44px;margin:0;padding:6px 11px;font-size:12px}
#panel .application-context-details>.application-overview{margin:0;padding:8px 0;border:0;background:transparent}
#panel [data-prequalification-preparation]>.financial-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
#panel [data-prequalification-preparation]>.financial-actions>button{min-height:44px;margin:0;max-width:100%}
#panel [data-prequalification-preparation]>.financial-actions>[role=status]{flex-basis:100%;margin:0}
#panel .financial-editor>button{margin:0 0 14px}

/* The existing mobile split remains visible across intake stages and editors. */
#workspace-expand{display:none}
@media(min-width:981px){
 #workspace:is(.financial-workspace,.application-workspace):has(#panel:not([hidden])) #workspace-expand{display:block;min-height:44px;font-size:12px;padding:6px 10px}
 #workspace:is(.financial-workspace,.application-workspace):has(#panel:not([hidden])) #conversation-expand{display:block;align-self:center;width:auto;min-height:44px;border:0;font-size:12px;color:var(--accent)}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus]:has(#panel:not([hidden])){grid-template-columns:max-content minmax(0,1fr)}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus] #panel-resizer{display:none!important}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus="workspace"] .conversation{display:none!important}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus="workspace"]:has(#panel:not([hidden])) #panel{grid-column:2}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus="conversation"] #panel{display:none!important}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus] #panel-width-options,
 #workspace:is(.financial-workspace,.application-workspace)[data-focus] #panel-width{display:none!important}
}
@media(max-width:980px){
 #workspace:is(.financial-workspace,.application-workspace) #workspace-expand{display:block;min-height:44px;font-size:12px}
 #workspace:is(.financial-workspace,.application-workspace) .panel-top{flex-wrap:wrap;gap:8px}
 #workspace:is(.financial-workspace,.application-workspace) .panel-top .eyebrow{flex:1}
 #workspace:is(.financial-workspace,.application-workspace) #close-panel{min-width:44px;min-height:44px}
 #workspace:is(.financial-workspace,.application-workspace):has(#panel:not([hidden])) .conversation{min-height:0;overflow-y:auto}
 #workspace.financial-workspace #mlo-reply-context{max-height:30%;overflow:auto;flex-shrink:1;margin:4px 0}
 #workspace:is(.financial-workspace,.application-workspace) #compose{flex-shrink:0;position:sticky;bottom:0;z-index:1}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus="workspace"] #panel:not([hidden]){flex:1 1 0}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus="workspace"] .conversation,
 #workspace:is(.financial-workspace,.application-workspace)[data-focus] #panel-resizer{display:none!important}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus="conversation"] #panel{display:none!important}
 #workspace:is(.financial-workspace,.application-workspace)[data-focus="conversation"] .conversation{display:flex;flex:1 1 0}
}

/* Stage navigation uses the same quiet surfaces and rounded row groups. */
#panel .prequalification-stage{margin:0 0 14px;padding:0;border:0;background:transparent}
#panel .prequalification-stage>.eyebrow{display:none}
#panel .prequalification-stage h2{font-family:var(--font-heading);font-size:20px;line-height:1.25;margin:0 0 4px}
#panel .prequalification-stage .hint{font-size:12px;margin:4px 0}
.prequalification-stage-nav,.service-stage-nav{display:flex;flex-wrap:nowrap;gap:4px;padding:0 0 12px;margin:0 0 20px;border-bottom:1px solid var(--line);overflow-x:auto;overscroll-behavior-x:contain}
#workspace #panel nav:is(.prequalification-stage-nav,.service-stage-nav) button{flex:0 0 auto;min-width:0;padding:8px 12px;margin:0;font-size:13px;line-height:1.35;min-height:40px;white-space:nowrap;text-align:center;border:1px solid transparent;border-radius:var(--radius-control);background:transparent}
#workspace #panel nav:is(.prequalification-stage-nav,.service-stage-nav) button[aria-current="page"]{background:var(--box);border-color:transparent;font-weight:600;color:var(--accent)}
:root[data-theme="dark"] #workspace #panel nav:is(.prequalification-stage-nav,.service-stage-nav) button[aria-current="page"]{color:var(--ink)}
@media(max-width:980px){
 .prequalification-stage-nav,.service-stage-nav{margin-bottom:16px;padding-bottom:10px}
 #workspace #panel nav:is(.prequalification-stage-nav,.service-stage-nav) button{font-size:12px;padding:8px;flex:0 0 auto}
}
#panel .intake-section-list{background:var(--surface)}

#mlo-reply-context .mlo-reply-saved-files{border:0;padding:0;margin:8px 0}
#mlo-reply-context .mlo-reply-saved-files summary{font-size:12px;color:var(--ink)}
#mlo-reply-context .mlo-reply-saved-files select{display:block;width:100%;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}
#mlo-reply-context .hint{margin:7px 0}

/* Borrower review and received facts share the same card and row layout. */
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section{margin:0 0 12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section h3{margin:0 0 9px;font-size:15px;line-height:1.4}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section>.financial-destination{padding:0 0 9px;margin:0 0 4px;border:0;gap:12px}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section>.financial-destination strong{font-size:15px}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section>.financial-destination button{flex:none;padding:6px 11px;font-size:12px}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section dl{margin:0;font-size:13px}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section .row{display:grid;border-bottom:0;grid-template-columns:minmax(90px,42%) minmax(0,1fr);gap:12px;padding:6px 0;margin:0;align-items:start}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section .row+.row{border-top:1px solid var(--line)}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section dd{margin:0;text-align:left;overflow-wrap:anywhere}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section>details{padding:9px 0 0}
#panel :is(.intake-review[data-prequalification-preparation],.application-review,#result:has(>.prequalification-stage)) .intake-review-section>.hint{margin:9px 0 0}

/* Returning Application within the existing conversation/workspace split. */
.return-application{padding:24px;margin:24px 0;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
.return-application h2{font:26px/1.3 var(--font-heading);margin:8px 0}
.return-application .primary{background:var(--accent);color:var(--on-accent);padding:12px 18px}
#workspace.application-workspace #panel .application-correction-summary{padding:12px 14px;margin-bottom:8px}
#workspace.application-workspace #panel .application-correction-summary .row{grid-template-columns:minmax(105px,36%) minmax(0,1fr);gap:10px;align-items:start}
#workspace.application-workspace #panel .application-correction-summary dd{white-space:normal;overflow-wrap:anywhere;text-align:left}
#workspace.application-workspace #panel .application-summary-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
#workspace.application-workspace #panel .application-summary-head button{margin:0;flex:none}
#workspace.application-workspace #panel .application-summary-head strong{font:600 16px/1.35 var(--font-body)}
#workspace.application-workspace #panel .intake-section-list{max-width:none;width:100%}
#workspace.application-workspace #panel .workspace-task{margin-bottom:20px;background:var(--surface);border-color:var(--line)}
#workspace.application-workspace #panel .intake-section-list .financial-destination{padding:12px 16px}
@media(max-width:980px){
 #workspace.application-workspace #panel{padding:20px 18px}
 #workspace.application-workspace #panel .application-correction-summary .row{grid-template-columns:minmax(90px,38%) minmax(0,1fr);gap:8px}
}

/* Shared Application actions: wrap with space rather than adjacent bare buttons. */
#workspace.application-workspace #panel .application-editor>section>button+button{margin-left:12px}
#workspace.application-workspace #panel .application-editor [aria-invalid=true]{border-color:var(--error-ink);box-shadow:none;outline:none}

/* Address edits and confirmations use the full workspace width. */
#panel .application-record-list{grid-column:1/-1;min-width:0}
#panel .application-record-list>div{display:grid;gap:16px}
#panel .application-record-list legend{padding:0 6px;font-weight:650}
#panel .application-field-wide{grid-column:1/-1}
#workspace.application-workspace #panel p.application-home-loan-context{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
@container borrower-workspace (max-width:480px){
}
#panel .application-record-list .application-field-group>button{grid-column:1/-1;justify-self:start}
#panel .application-address-comparison{container-type:inline-size}
#panel .application-comparison-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#panel .application-comparison-columns>section{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
#panel .application-comparison-columns h5{margin:0 0 12px;font:600 13px/1.4 var(--font-body);color:var(--muted)}
#panel .application-address-card{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
#panel .application-address-card+ .application-address-card{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
#panel .application-address-card p{margin:8px 0 0}
#panel .application-address-card small{color:var(--muted)}
@container(max-width:480px){#panel .application-comparison-columns{grid-template-columns:1fr}}

#panel .application-changed-value{font-weight:650;text-decoration:underline;text-underline-offset:3px}

/* Review starts as a short section index; each group exposes its complete saved facts. */
#workspace.application-workspace #panel .application-review-group:not(button){margin:0 0 9px;padding:0;overflow:hidden;border-radius:var(--radius-control)}
#workspace.application-workspace #panel .application-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;min-height:56px;transition:background-color .15s}
#workspace.application-workspace #panel .application-review-group:is(:hover,:focus-within)>.application-review-heading{background:var(--box)}
#workspace.application-workspace #panel .application-review-label{flex:1;min-width:0}
#workspace.application-workspace #panel .application-review-label h4{margin:0;font-size:15px;font-weight:600;line-height:1.35}
#workspace.application-workspace #panel .application-review-label small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:400;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-review-actions{display:flex;align-items:center;gap:8px;flex:none;flex-wrap:wrap}
#workspace.application-workspace #panel .application-review-actions>button{min-height:36px;padding:7px 12px;white-space:nowrap}
#panel .application-status-chip{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;background:var(--box);color:var(--muted);font-size:11px;line-height:1.25;white-space:nowrap}
#panel .application-status-chip.success{background:var(--success-bg);color:var(--success-ink)}
#panel .application-status-chip.warning{background:var(--warning-bg);color:var(--warning-ink)}
#panel .application-status-chip.error{background:var(--error-bg);color:var(--error-ink)}
#panel .application-status-chip.quiet{background:transparent;color:var(--muted)}
#workspace.application-workspace #panel .application-review-details-toggle{color:var(--muted);background:transparent;border-color:transparent}
#workspace.application-workspace #panel .application-review-details-toggle:hover{background:var(--surface-hover);color:var(--ink)}
#workspace.application-workspace #panel .application-review-body{border-top:1px solid var(--line);padding:12px 16px 16px}
#workspace.application-workspace #panel .application-review-body[hidden]{display:none}
#workspace.application-workspace #panel .application-document-choice{gap:12px;padding:12px 0}
#workspace.application-workspace #panel .application-document-choice label{display:flex;align-items:center;gap:9px;min-width:0;flex:1;font-weight:600;line-height:1.35}
#workspace.application-workspace #panel .application-document-choice input{flex:none;width:auto;margin:0}
#workspace.application-workspace #panel .application-document-choice button{flex:none;white-space:nowrap;padding:7px 11px}
#workspace.application-workspace #panel .application-review-body>.form-actions{margin:0;padding:0 0 10px;border-top:0}
#workspace.application-workspace #panel .application-financial-source{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}
#workspace.application-workspace #panel .application-financial-source-new{padding:12px;border-style:dashed;background:transparent}
#workspace.application-workspace #panel .application-financial-inline-editor{display:grid;gap:10px;min-width:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
#workspace.application-workspace #panel .application-financial-inline-editor>.application-financial-record-heading{margin:0;padding:0;border:0}
#workspace.application-workspace #panel .application-financial-inline-editor .application-financial-record-heading h3{font:600 14px/1.4 var(--font-body)}
#workspace.application-workspace #panel .application-financial-source-editing>.application-record-heading,
#workspace.application-workspace #panel .application-financial-source-editing>.application-financial-facts,
#workspace.application-workspace #panel .application-financial-collection-editing>.application-financial-add,
#workspace.application-workspace #panel .application-financial-collection-editing .application-financial-actions{display:none}
#workspace.application-workspace #panel .application-financial-source-editing>.application-financial-inline-editor{margin:0;padding:0;border:0}
#workspace.application-workspace #panel .application-financial-document-add{justify-self:start;min-height:34px;margin-top:2px;padding:5px 9px;font-size:12px}
#workspace.application-workspace #panel .application-financial-source h5{margin:0;font:600 13px/1.4 var(--font-body);overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
#workspace.application-workspace #panel .application-record-heading>div:first-child,
#workspace.application-workspace #panel .application-record-heading>strong{min-width:0;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-record-heading>strong{font:600 13px/1.4 var(--font-body)}
#workspace.application-workspace #panel .application-record-heading>.application-financial-actions{flex:none;margin:0}
#workspace.application-workspace #panel .application-record-heading>button,
#workspace.application-workspace #panel .application-record-heading .application-financial-actions>button{flex:none;min-height:36px;margin:0;padding:6px 11px;font-size:12px}
#workspace.application-workspace #panel .application-financial-source-value{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
#workspace.application-workspace #panel .application-financial-source>details{padding:8px 0 0;border:0}
#workspace.application-workspace #panel .application-financial-source>details>summary{color:var(--accent);font-size:12px}
#workspace.application-workspace #panel .application-financial-actions{display:flex;align-items:center;gap:8px;margin-top:8px}
#workspace.application-workspace #panel .application-financial-actions button{min-height:34px;padding:5px 10px;font-size:12px}
#workspace.application-workspace #panel .application-financial-edit{margin-top:0}
#workspace.application-workspace #panel .application-financial-add{min-height:36px;margin:2px 0 0;padding:6px 10px;font-size:12px}
#workspace.application-workspace #panel .application-financial-facts{margin-top:8px}
#workspace.application-workspace #panel .application-financial-facts dl{margin:0}
#workspace.application-workspace #panel .application-financial-facts .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}
#workspace.application-workspace #panel .application-financial-facts .row:last-child{border-bottom:0}
#workspace.application-workspace #panel .application-financial-facts dt{min-width:0;color:var(--muted);overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-financial-facts dd{min-width:0;text-align:right;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-financial-evidence{display:grid;gap:5px;min-width:0;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
#workspace.application-workspace #panel .application-financial-evidence>.hint{margin:0;font-size:11px}
#workspace.application-workspace #panel .application-financial-evidence-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
#workspace.application-workspace #panel .application-financial-evidence-item>button{min-width:0;min-height:34px;padding:5px 8px;text-align:left;font-size:11px;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-financial-evidence-item>small{min-width:0;text-align:right;font-size:10px;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-financial-source .hint,
#workspace.application-workspace #panel .application-section-body>.account-row .hint{margin:8px 0 0;font-size:12px;line-height:1.45}
#workspace.application-workspace #panel .application-section-body>.account-row{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#workspace.application-workspace #panel .application-section-body>.account-row+.account-row{margin-top:0;padding-top:12px;border-top:1px solid var(--line)}
#workspace.application-workspace #panel .application-section-body>.account-row>h3{margin:0 0 4px;color:var(--ink);font:600 14px/1.4 var(--font-body);overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-financial-record-heading{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
#workspace.application-workspace #panel .application-financial-record-heading h3{margin:0;font:600 16px/1.4 var(--font-body);overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-financial-record-heading p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
#workspace.application-workspace #panel .application-review-group .application-correction-summary{padding:0;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
#workspace.application-workspace #panel .application-review-group .application-correction-summary:first-of-type{border-top:0}
#workspace.application-workspace #panel .application-review-group .application-correction-summary>summary{cursor:pointer;list-style:none;padding:12px 0}
#workspace.application-workspace #panel .application-review-group .application-correction-summary>summary::-webkit-details-marker{display:none}
#workspace.application-workspace #panel .application-review-group .application-correction-summary>summary::after{content:'⌄';float:right;color:var(--muted)}
#workspace.application-workspace #panel .application-review-group .application-correction-summary[open]>summary::after{transform:rotate(180deg)}
#workspace.application-workspace #panel .application-review-group .application-correction-summary dl{margin:0 0 12px}
@media(max-width:980px){#workspace.application-workspace #panel .application-review-heading{padding:12px}#workspace.application-workspace #panel .application-review-body{padding:12px}}
@media(max-width:420px){#workspace.application-workspace #panel .application-review-heading{align-items:center;gap:8px}#workspace.application-workspace #panel .application-review-label{flex-basis:calc(100% - 102px)}#workspace.application-workspace #panel .application-review-actions{width:auto;max-width:100%;justify-content:flex-end;gap:6px}#workspace.application-workspace #panel .application-review-actions>button{min-height:36px;padding:6px 9px}}

/* The review summary and owner findings share one compact block. */
#workspace.application-workspace #panel .application-ai-review{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-items:start;align-items:center;gap:7px 12px;max-width:760px;margin:18px auto 0;padding:16px 0 0;border-top:1px solid var(--line)}
#workspace.application-workspace #panel .application-ai-review>*{grid-column:1/-1;min-width:0}
#workspace.application-workspace #panel .application-ai-review>h3{grid-column:1;grid-row:1;margin:0;font:600 13px/1.4 var(--font-body)}
#workspace.application-workspace #panel .application-ai-review>button.primary{grid-column:2;grid-row:1;margin:0;min-height:44px;font-size:12px;padding:7px 10px}
#workspace.application-workspace #panel .application-ai-review>p{max-width:680px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}
#workspace.application-workspace #panel .application-ai-review>.application-review-findings{width:100%;margin:2px 0}
#workspace.application-workspace #panel .application-ai-review>button{align-self:flex-start;min-height:38px;padding:7px 12px;font-size:12px}

/* Application task rhythm: quiet context and readable owner facts. */
#workspace.application-workspace #panel button{font-size:14px;line-height:1.4;min-height:40px}
#workspace.application-workspace #panel button:hover{background:var(--surface-hover)}
#workspace.application-workspace #panel button.primary:hover{background:var(--accent-hover)}
#workspace.application-workspace #panel :is(input,select){border-color:var(--control-line)}
#workspace.application-workspace #panel :is(input,select,textarea){font-size:16px}
#workspace.application-workspace #panel :is(input,select,textarea):focus{border-color:var(--focus);box-shadow:none;outline:none}
#workspace.financial-workspace #panel :is(input,select,textarea):focus{border-color:var(--focus);box-shadow:none;outline:none}
#nav-items button[aria-current]{background:var(--box);color:var(--accent)}
#nav-items button,#nav-history summary{min-height:44px}
#workspace.application-workspace #panel .panel-top{gap:8px;margin-bottom:20px;align-items:center}
#workspace.application-workspace #panel .panel-top .eyebrow{flex:1;font:400 clamp(22px,calc(1.1vw + 18px),26px)/1.2 var(--font-heading);letter-spacing:-.02em;text-transform:none;color:var(--ink)}
#workspace.application-workspace #panel .panel-top>button{width:36px;min-height:36px;margin:0;padding:4px;font-size:20px;border-radius:var(--radius-control)}
#workspace.application-workspace #panel .panel-top #workspace-expand{width:auto;padding:6px 10px;font-size:13px}
:root[data-theme="dark"] #nav-items button[aria-current]{color:var(--ink)}
#workspace.application-workspace #panel .workspace-overview>.financial-status{font-size:12px;text-transform:none;letter-spacing:0;color:var(--accent)}
#panel :is(.application-overview,.intake-overview){display:block;padding:14px 16px;margin:0 0 18px;border:1px solid var(--box-line);border-radius:var(--radius-card);background:var(--box)}
#panel :is(.application-overview,.intake-overview) .workspace-overview-copy{font-size:12px;line-height:1.45}
#panel .prequalification-stage .intake-overview{margin-bottom:8px}
#panel .application-overview .application-receipt-meta{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#panel .application-overview .workspace-overview-facts{border:0;border-radius:0;background:transparent;gap:10px 16px;padding-top:10px;margin-top:10px;border-top:1px solid var(--box-line)}
#panel .application-overview .workspace-overview-facts .metric{padding:0;background:transparent}
#panel .application-overview .workspace-overview-facts .metric b{font-size:16px;font-weight:600}
#panel .application-overview .workspace-overview-facts .metric.wide{grid-column:1/-1}
#panel .application-receipt{padding:12px 0;margin:0 0 20px;border-block:1px solid var(--line)}
#panel .application-receipt dl{font-size:13px}
#panel .application-authorization-evidence{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
#panel .application-authorization-evidence-body{padding:10px 0 2px}
#panel .application-authorization-evidence-content{display:grid;gap:12px}
#panel .application-authorization-evidence-content h4{margin:4px 0 0;font-size:14px}
#panel .application-authorization-scope-evidence code{display:block;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);font-size:12px}
#panel .application-authorization-disclosure{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
#workspace.application-workspace #panel .application-authorization-controls{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
#workspace.application-workspace #panel .application-authorization-controls>p{margin:0;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-authorization-controls form{display:grid;justify-items:start;gap:12px;margin:0}
#workspace.application-workspace #panel .application-authorization-controls form>label{display:grid;gap:6px;width:100%;margin:0;color:var(--muted);font-size:12px}
#workspace.application-workspace #panel .application-authorization-controls form>label input{width:100%;min-height:44px;margin:0;color:var(--ink)}
#workspace.application-workspace #panel .application-authorization-controls form>p{margin:0;font-size:12px;line-height:1.5}
#workspace.application-workspace #panel .application-authorization-controls button.primary{min-height:44px}
#workspace.application-workspace #panel .application-overview+.application-ai-review{margin:0 0 20px;padding:0 0 16px;border-top:0;border-bottom:1px solid var(--line)}
#workspace.application-workspace #panel .form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#workspace.application-workspace #panel .application-edit-guidance{padding:0;margin:12px 0;font-size:12px;line-height:1.5}
#workspace.application-workspace #panel .application-edit-guidance>summary{min-height:44px;display:flex;align-items:center;color:var(--accent);cursor:pointer}
#workspace.application-workspace #panel .application-edit-guidance>p{margin:0 0 12px;color:var(--muted)}
#workspace.application-workspace #panel .form-actions>button{margin:0}
#workspace.application-workspace #panel .application-financial-collection{display:grid;gap:9px;width:100%;max-width:none}
#workspace.application-workspace #panel :is(.application-financial-collection,.application-section-body)>.application-financial-add{justify-self:start}
#panel .application-signature-responsibility{margin-top:24px;padding-top:16px}
#panel .application-signature-responsibility h3{font:600 14px/1.4 var(--font-body)}
#workspace.application-workspace.at-home:has(#panel:not([hidden])) .conversation{padding-bottom:0;justify-content:flex-start}
#workspace.application-workspace.at-home:has(#panel:not([hidden])) #messages{flex:1;max-height:none}
#workspace.application-workspace.at-home:has(#panel:not([hidden])) footer{position:static}
@media(max-width:980px){
 #workspace:is(.financial-workspace,.application-workspace) #panel:not([hidden]){padding:16px;border-radius:var(--radius-card)}
 #workspace:is(.financial-workspace,.application-workspace) .panel-top{flex-wrap:nowrap;gap:4px;margin-bottom:16px}
 #workspace:is(.financial-workspace,.application-workspace) #panel .panel-top .eyebrow{font-size:22px}
 #workspace:is(.financial-workspace,.application-workspace) #close-panel{min-width:36px;min-height:40px}
 #workspace:is(.financial-workspace,.application-workspace) #workspace-expand{min-height:40px}
 #workspace:is(.financial-workspace,.application-workspace) #conversation-expand{min-height:36px;padding:6px 8px}
 #workspace:is(.financial-workspace,.application-workspace) .conversation{padding-bottom:env(safe-area-inset-bottom)}
 #panel .application-overview{margin-bottom:16px}
 #workspace.application-workspace #panel .application-correction-summary{padding:14px}
 #workspace.application-workspace #panel .application-financial-document-add{min-height:44px;padding:8px 11px}
}
@media(max-width:980px) and (max-height:600px){
 #workspace:is(.financial-workspace,.application-workspace){--panel-height:45%}
}

/* Application keeps the reference's single shell and balanced split on desktop. */
#workspace.application-workspace:has(#panel:not([hidden])){position:relative;grid-template-columns:max-content minmax(0,var(--conversation-share,50fr)) 8px minmax(0,var(--panel-share,50fr));gap:0;padding:0;border:0;border-radius:var(--radius-panel);overflow:hidden;background:var(--bg);box-shadow:none}
#workspace.application-workspace:has(#panel:not([hidden])) #sidebar{margin:0;background:var(--surface);border-right:0}
#workspace.application-workspace:has(#panel:not([hidden])) #sidebar.collapsed{width:60px}
#workspace.application-workspace:has(#panel:not([hidden])) .conversation{grid-column:2;width:100%;min-width:0;max-width:none;margin:0}
#workspace.application-workspace:has(#panel:not([hidden])) #panel-resizer{grid-column:3;width:8px;margin:0;align-self:stretch;display:block;border-radius:0}
#workspace.application-workspace:has(#panel:not([hidden])) #panel{grid-column:4;min-width:0;max-width:none;min-height:0;max-height:none;margin:12px 14px 14px 0;position:relative;top:0;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:none}
#workspace.application-workspace #panel{font-size:15px;line-height:1.55}
#workspace.application-workspace .conversation{font-size:15px;line-height:1.55}
#workspace.application-workspace #panel .application-page-heading:not(.sr-only){font:400 26px/1.25 var(--font-heading);letter-spacing:-.02em;margin:0 0 8px}
#workspace.application-workspace #panel .application-page-intro{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 15px}
.phone-topbar{display:none}
#phone-nav-toggle{display:none}
@media(max-width:980px){
 #workspace.application-workspace:has(#panel:not([hidden])){display:flex;flex-direction:column;gap:0;padding:0;border-radius:var(--radius-panel)}
 #workspace.application-workspace:has(#panel:not([hidden])) #phone-nav-toggle{display:block;min-height:44px;min-width:44px;padding:6px 9px;font-size:12px;white-space:nowrap}
 #workspace.application-workspace:has(#panel:not([hidden])) #sidebar.collapsed{display:none}
 #workspace.application-workspace:has(#panel:not([hidden])) #panel:not([hidden]){width:calc(100% - 16px);margin:8px 8px 0;border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:none}
 #workspace.application-workspace:has(#panel:not([hidden])) #panel-resizer{display:flex;order:1;flex:0 0 24px;align-self:stretch;align-items:center;justify-content:center;margin:0;cursor:row-resize;touch-action:none}
 #workspace.application-workspace:has(#panel:not([hidden])) .conversation{order:2}
 #workspace.application-workspace #panel .application-page-heading:not(.sr-only){font-size:23px}
 /* A filename is identifying detail, not a large page headline. Keep its
    full text readable without pushing document recovery off the phone. */
 #workspace #panel:has(#documents:not([hidden])):has(.document-detail) .panel-top .eyebrow{font:600 16px/1.35 var(--font-body);letter-spacing:0;overflow-wrap:anywhere}
}

/* Application section grammar: one compact status, one heading, then the saved facts. */
#workspace.application-workspace #panel .application-section-review{display:grid;align-content:start;width:100%;max-width:760px;margin:0 auto;font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--ink)}
#workspace.application-workspace #panel .application-section-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 8px}
#workspace.application-workspace #panel .application-section-review-heading h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#workspace.application-workspace #panel:has(.application-section-review) .panel-top .eyebrow{flex:1;font:400 24px/1.25 var(--font-heading);letter-spacing:-.02em;text-transform:none;color:var(--ink)}
#workspace.application-workspace #panel:has(.application-section-review) .panel-top{margin-bottom:8px}
#workspace.application-workspace #panel:has(.application-section-review) #workspace-breadcrumb{margin:0 0 8px}
#workspace.application-workspace #panel .application-section-review-heading>button{flex:none;min-height:44px;padding:6px 11px;font-size:12px}
#workspace.application-workspace #panel .application-section-mode-chip{flex:none;padding:4px 9px;border-radius:999px;background:var(--box);color:var(--box-ink);font-size:11px;font-weight:600}
#workspace.application-workspace #panel .application-section-intro{margin:6px 0 12px;color:var(--muted);font-size:13px;line-height:1.5}
#workspace.application-workspace #panel .application-section-status-card{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);align-items:start;gap:0 10px;margin:6px 0 12px;padding:10px 12px;border:1px solid var(--box-line);border-radius:14px;background:var(--box);color:var(--ink)}
#workspace.application-workspace #panel .application-section-status-card.warning{border-color:color-mix(in srgb,var(--warning-ink) 35%,var(--line));background:var(--warning-bg)}
#workspace.application-workspace #panel .application-section-status-card.success{border-color:color-mix(in srgb,var(--success-ink) 35%,var(--line));background:var(--success-bg)}
#workspace.application-workspace #panel .application-section-status-card.error{border-color:color-mix(in srgb,var(--error-ink) 35%,var(--line));background:var(--error-bg)}
#workspace.application-workspace #panel .application-section-status-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:500;line-height:1.4}
#workspace.application-workspace #panel .application-section-status-heading .application-status-chip{font-size:11px;line-height:1.35}
#workspace.application-workspace #panel .application-section-status-description{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
/* In Edit, keep the status and any warning/action visible, but do not repeat
   the neutral saved-view explanation before the user's actual fields. */
#workspace.application-workspace #panel .application-section-review[data-mode="edit"] .application-section-status-card:is(.neutral,.success,.quiet) .application-section-status-description{display:none}
#workspace.application-workspace #panel .application-section-review[data-mode="edit"] .application-section-status-card{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:4px 10px;align-items:center;padding:8px 12px}
#workspace.application-workspace #panel .application-section-review[data-mode="edit"] .application-section-review-notes:not(:empty){grid-column:2;grid-row:1;margin:0;padding:0;border:0}
#workspace.application-workspace #panel .application-section-review[data-mode="edit"] .application-section-status-card>:is(.hint,button){grid-column:1/-1;margin:0;font-size:12px;line-height:1.45}
#workspace.application-workspace #panel .application-section-review[data-mode="edit"] .application-section-review-disclosure{margin:0;padding:0;border:0;background:transparent}
#workspace.application-workspace #panel .application-section-review-notes{grid-column:1/-1;min-width:0}
#workspace.application-workspace #panel .application-section-review-notes:empty{display:none}
#workspace.application-workspace #panel .application-section-review-notes>.hint{margin:0;font-size:12px;line-height:1.5}
#workspace.application-workspace #panel .application-section-review-notes:not(:empty){margin-top:10px;padding-top:9px;border-top:1px solid var(--box-line)}
#workspace.application-workspace #panel .application-section-review-notes:has(>p[role=status]){margin-top:4px;padding-top:0;border-top:0}
#workspace.application-workspace #panel .application-section-review-context,
#workspace.application-workspace #panel .application-section-review-empty,
#workspace.application-workspace #panel .application-section-review-stale{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
#workspace.application-workspace #panel .application-section-review-stale{color:var(--warning-ink)}
#workspace.application-workspace #panel .application-section-body{--application-field-label-size:var(--field-label-size);--application-field-copy-size:var(--field-copy-size);--application-field-control-size:var(--field-control-size);display:grid;align-content:start;gap:12px;margin:0;padding:0;border:0;min-width:0;font-size:14px;line-height:1.5}
#workspace.application-workspace #panel .application-section-body[hidden]{display:none}
/* Saved section facts share the reference's label-above-value grammar.
   Scope this to saved summaries: owner change comparisons keep their own
   before/after layout, and long application questions remain a single column. */
#workspace.application-workspace #panel .application-section-review .application-correction-summary dl,
#workspace.application-workspace #panel .application-section-review .application-debt-record>dl,
#workspace.application-workspace #panel .application-section-review .application-financial-facts>dl{display:grid;grid-template-columns:minmax(0,1fr);gap:0 18px;margin:4px 0 0}
#workspace.application-workspace #panel .application-section-review .application-correction-summary dl>.row,
#workspace.application-workspace #panel .application-section-review .application-debt-record>dl>.row,
#workspace.application-workspace #panel .application-section-review .application-financial-facts>dl>.row{display:block;min-width:0;margin:0;padding:10px 0;border-top:0;border-bottom:1px solid var(--line)}
#workspace.application-workspace #panel .application-section-review .application-correction-summary dl>.row>dt,
#workspace.application-workspace #panel .application-section-review .application-debt-record>dl>.row>dt,
#workspace.application-workspace #panel .application-section-review .application-financial-facts>dl>.row>dt{color:var(--muted);font-size:11px;line-height:1.45;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-section-review .application-correction-summary dl>.row>dd,
#workspace.application-workspace #panel .application-section-review .application-debt-record>dl>.row>dd,
#workspace.application-workspace #panel .application-section-review .application-financial-facts>dl>.row>dd{min-width:0;margin:3px 0 0;text-align:left;font-size:13px;font-weight:550;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-section-review .application-correction-summary>dl>.row>dd>ul{margin:0;padding-left:18px}
@container borrower-workspace (min-width:520px){
 #workspace.application-workspace #panel .application-section-review[data-application-section="personal"] .application-correction-summary>dl,
 #workspace.application-workspace #panel .application-section-review[data-application-section="home"] .application-correction-summary>dl,
 #workspace.application-workspace #panel .application-section-review .application-debt-record>dl,
 #workspace.application-workspace #panel .application-section-review .application-financial-facts>dl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
#workspace.application-workspace #panel .application-section-body .financial-summary{margin:0 0 14px;padding:0 0 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
#workspace.application-workspace #panel .application-section-body .financial-summary .financial-status{display:none}
#workspace.application-workspace #panel .application-section-body .financial-summary .metric.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:0;color:var(--muted)}
#workspace.application-workspace #panel .application-section-body .financial-summary .metric.hero span{min-width:0;overflow-wrap:anywhere;font-size:13px}
#workspace.application-workspace #panel .application-section-body .financial-summary .metric.hero b{display:block;margin:0;color:var(--ink);font-size:24px;line-height:1.25}
#workspace.application-workspace #panel .application-section-body .financial-summary>.hint{margin:7px 0 0;font-size:12px;line-height:1.45}

/* These are the same domain editors whether opened from Application,
   prequalification or the sidebar. Keep their controls and field grid shared. */
#workspace.application-workspace #panel .application-section-body>.application-editor{display:grid;gap:12px;width:100%;max-width:none;min-width:0}
#panel :is(.application-section-form,.application-editor form,.account-row form,.financial-editor){display:grid;grid-template-columns:minmax(0,1fr);gap:12px 16px;width:100%;max-width:none;margin:0;align-items:start}
#panel :is(.application-section-form,.application-editor form,.account-row form,.financial-editor)>*{grid-column:1/-1;min-width:0}
#workspace.application-workspace #panel .application-section-body :is(.application-section-form,.application-editor form,.account-row form,.financial-editor)>p:not(.hint){margin:0 0 3px;color:var(--muted);font-size:var(--application-field-copy-size);line-height:1.45}
#panel :is(.application-section-form,.application-editor form,.account-row form,.financial-editor) label:has(input:not([type=checkbox]):not([type=radio]),select,textarea),
#panel .application-field>label{min-width:0;margin:0;color:var(--muted);font-size:var(--field-label-size);font-weight:500;line-height:1.4}
#workspace.application-workspace #panel .application-section-body :is(.application-section-form,.application-editor form,.account-row form,.financial-editor)>label{display:block}
#workspace.application-workspace #panel .application-section-body .application-field>label{display:block}
#panel :is(.application-section-form,.application-editor form,.account-row form,.financial-editor) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){display:block;width:100%;min-height:44px;margin-top:5px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font:400 var(--field-control-size)/1.45 var(--font-body)}
#panel :is(.application-section-form,.application-editor form,.account-row form,.financial-editor) :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--focus);box-shadow:none;outline:none}
#workspace.application-workspace #panel .application-section-body :is(.application-section-form,.application-editor form,.account-row form,.financial-editor) input[type=checkbox],
#workspace.application-workspace #panel .application-section-body :is(.application-section-form,.application-editor form,.account-row form,.financial-editor) input[type=radio]{display:inline-block;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;accent-color:var(--accent);flex:0 0 18px;vertical-align:middle}
#workspace.application-workspace #panel .application-section-body :is(.application-section-form,.application-editor form,.account-row form,.financial-editor)>label:has(>input[type=checkbox]){display:flex;align-items:center;gap:8px;min-height:39px;color:var(--ink);font-size:var(--application-field-copy-size);font-weight:400;line-height:1.4}
#panel .application-clear-field{display:flex;align-items:center;gap:6px;min-height:36px;margin:5px 0 0;color:var(--muted);font-size:var(--field-label-size);line-height:1.35}
#panel .application-clear-field input{display:inline-block;width:16px;height:16px;min-width:16px;min-height:16px;margin:0;padding:0;flex:0 0 16px;accent-color:var(--accent)}
#panel .application-field-group{display:grid;grid-template-columns:minmax(0,1fr);gap:10px 14px;min-width:0;min-inline-size:0;width:100%;margin:0;padding:10px 0 0;border:0;border-top:1px solid var(--line);align-items:start}
#panel .application-field-group>h4{grid-column:1/-1;margin:0;color:var(--ink);font:600 14px/1.4 var(--font-body)}
#panel .application-field-group>legend{grid-column:1/-1;margin:0;color:var(--ink);font:600 var(--field-copy-size)/1.4 var(--font-body)}
#workspace.application-workspace #panel .application-section-body .application-options{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;margin:0;padding:10px 0;border:0;border-bottom:1px solid var(--line)}
#workspace.application-workspace #panel .application-section-body .application-options legend{flex:0 0 100%;width:100%;margin:0 0 2px;padding:0;color:var(--ink);font:600 var(--application-field-copy-size)/1.4 var(--font-body)}
#workspace.application-workspace #panel .application-section-body .application-options label{display:inline-flex;align-items:center;gap:7px;min-height:39px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:var(--application-field-copy-size);font-weight:400;line-height:1.35}
#workspace.application-workspace #panel .application-section-body .application-previous-toggle{display:flex;align-items:center;gap:8px;min-height:39px;margin:0;color:var(--ink);font-size:var(--application-field-copy-size);font-weight:400}
#workspace.application-workspace #panel .application-section-body .application-options label:has(input:checked){border-color:var(--focus);background:var(--box)}
#workspace.application-workspace #panel .application-section-body .application-options input,
#workspace.application-workspace #panel .application-section-body .application-previous-toggle input{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--accent);flex:none}
#workspace.application-workspace #panel .application-section-body .application-record-list .application-field-group{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-card)}
#workspace.application-workspace #panel .application-section-body .application-editor .form-actions,
#workspace.application-workspace #panel .application-section-body .account-row .form-actions,
#workspace.application-workspace #panel .application-section-body .financial-editor .form-actions{display:flex;grid-column:1/-1;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}
#workspace.application-workspace #panel .application-section-body :is(.application-editor,.account-row,.financial-editor) .form-actions>button{min-height:44px;margin:0;padding:7px 12px;font-size:14px}
#workspace.application-workspace #panel .application-section-body :is(.application-editor,.account-row,.financial-editor) .form-actions>button.primary{min-height:44px}
#workspace.application-workspace #panel .application-section-body :is(.application-editor,.account-row,.financial-editor) .hint{margin:7px 0 0;color:var(--muted);font-size:var(--application-field-copy-size);line-height:1.45}
#workspace.application-workspace #panel .application-debt-review>.hint{margin:8px 0}
#workspace.application-workspace #panel .application-debt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
#workspace.application-workspace #panel .application-debt-actions .application-debt-add{min-height:44px;justify-content:center}
#workspace.application-workspace #panel .application-debt-actions .application-debt-total-edit{justify-self:start}
@container borrower-workspace (min-width:520px){
 #panel :is(.application-section-form,.application-editor form,.account-row form,.financial-editor){grid-template-columns:repeat(2,minmax(0,1fr))}
 #panel :is(.application-section-form,.application-editor form,.account-row form,.financial-editor)>label:not(.application-field-wide){grid-column:auto}
 #panel :is(.application-section-form,.application-editor form,.account-row form,.financial-editor)>.application-field:not(.application-field-wide){grid-column:auto}
 #panel .application-field-group{grid-template-columns:repeat(2,minmax(0,1fr))}
 #panel .application-field-group>label:not(.application-field-wide){grid-column:auto}
 #panel .application-field-group>.application-field:not(.application-field-wide){grid-column:auto}
}
#workspace.application-workspace #panel .application-section-body .application-single-field-form>label:not(.application-field-wide),
#workspace.application-workspace #panel .application-section-body .application-single-field-form>.application-field:not(.application-field-wide),
#workspace.application-workspace #panel .application-section-body .application-single-field-group>label:not(.application-field-wide),
#workspace.application-workspace #panel .application-section-body .application-single-field-group>.application-field:not(.application-field-wide){grid-column:1/-1;width:100%;max-width:30rem}
/* Optional demographic answers read as a short question sequence, not a dense data grid. */
#workspace.application-workspace #panel .application-section-review[data-application-section="demographics"] :is(.application-section-form,.application-field-group)>label:not(.application-field-wide),
#workspace.application-workspace #panel .application-section-review[data-application-section="demographics"] :is(.application-section-form,.application-field-group)>.application-field:not(.application-field-wide){grid-column:1/-1;width:100%;max-width:30rem}
/* Pending financial changes use the same compact review grammar as section edits.
   Supporting-file actions return with the editor; they do not compete with the
   owner-backed confirmation and its disclosures. */
#workspace.application-workspace #panel .application-financial-editor-page[data-mode="change-review"] .application-section-body>.account-row:not(.application-financial-record),
#workspace.application-workspace #panel .application-financial-editor-page[data-mode="change-review"] .application-financial-record-heading{display:none}
/* Avoid mobile browser auto-zoom while keeping the shared field geometry. */
@media(max-width:980px){
 :root{--field-control-size:16px}
 /* The phone already names Application in its navigation bar. Put section
    breadcrumbs beside the existing focus/close controls instead of stacking
    another title row above them. Keep the panel heading available to AT. */
 #workspace.application-workspace #panel:has(.application-section-review){display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:0;padding:12px 16px}
 #workspace.application-workspace #panel:has(.application-section-review) .panel-top{grid-column:1;grid-row:1;gap:4px;margin:0 0 8px}
 #workspace.application-workspace #panel:has(.application-section-review) .panel-top .eyebrow{font-size:18px}
 #workspace.application-workspace #panel:has(.application-section-review) #workspace-breadcrumb{grid-column:1;grid-row:2;align-self:center;min-width:0;margin:0 0 8px;font-size:12px;line-height:1.4}
 /* The section heading is visually hidden; the breadcrumb names the current section. */
 #workspace.application-workspace #panel:has(.application-section-review) #workspace-breadcrumb>span{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
 #workspace.application-workspace #panel:has(.application-section-review) #workspace-breadcrumb>button{min-height:44px}
 #workspace.application-workspace #panel:has(.application-section-review) .panel-top>button{min-height:44px}
 #workspace.application-workspace #panel:has(.application-section-review) #result{grid-column:1/-1;min-width:0}
 #workspace.application-workspace #panel .application-section-status-card{display:flex;flex-wrap:wrap;gap:4px 10px}
 #workspace.application-workspace #panel .application-section-status-heading{flex:0 1 auto}
 #workspace.application-workspace #panel .application-section-status-description{flex:1 1 190px;min-width:0}
 #workspace.application-workspace #panel .application-section-review-notes{flex-basis:100%}
 #workspace.application-workspace #panel .application-financial-document-add{min-height:44px;min-width:44px}
 #workspace.application-workspace #panel :is(.application-section-review-heading>button,.application-record-heading>button,.application-record-heading .application-financial-actions>button,.application-financial-add,.application-financial-evidence-item>button,.application-review-actions>button,.application-review-finding-heading>button,.application-financial-editor-page .review-actions>button){min-height:44px;min-width:44px}
 #workspace.application-workspace #panel .application-section-body :is(.application-editor,.account-row,.financial-editor) .form-actions>button,
 #workspace.application-workspace #panel .application-section-body :is(.application-editor,.account-row,.financial-editor) .form-actions>button.primary{min-height:44px}
 #workspace.application-workspace #panel .application-section-body :is(.application-section-form,.application-editor form,.account-row form,.financial-editor)>label :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
 #workspace.application-workspace #panel .application-section-body :is(.application-section-form,.application-editor form,.account-row form,.financial-editor) .application-field-group>label :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
 #workspace.application-workspace #panel .application-section-body .application-field>label :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
}

/* Findings are grouped by reviewer intent and then by the section the borrower can act on. */
#workspace.application-workspace #panel .application-review-findings{display:grid;gap:9px;min-width:0;margin:10px 0;padding:10px 12px;border:1px solid var(--box-line);border-radius:12px;background:var(--surface)}
#workspace.application-workspace #panel .application-review-finding-kind{min-width:0}
#workspace.application-workspace #panel .application-review-finding-kind>h4{margin:0 0 3px;color:var(--muted);font:600 11px/1.4 var(--font-body);letter-spacing:.02em}
#workspace.application-workspace #panel .application-review-finding-section{min-width:0;padding:8px 0 0;border-top:1px solid var(--line)}
#workspace.application-workspace #panel .application-review-finding-section:first-of-type{border-top:0;padding-top:3px}
#workspace.application-workspace #panel .application-review-finding-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}
#workspace.application-workspace #panel .application-review-finding-heading strong{min-width:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-review-finding-heading button{flex:none;min-height:32px;padding:4px 9px;font-size:11px}
#workspace.application-workspace #panel .application-review-finding-message{margin:5px 0 0;color:var(--ink);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#workspace.application-workspace #panel .application-review-finding-message+ .application-review-finding-message{margin-top:6px}
#workspace.application-workspace #panel .application-review-finding-disclosure{width:100%;min-width:0;margin:2px 0 0;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
#workspace.application-workspace #panel .application-review-finding-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 12px;color:var(--ink);font-size:12px;font-weight:600;list-style:none;cursor:pointer}
#workspace.application-workspace #panel .application-review-finding-disclosure>summary::-webkit-details-marker{display:none}
#workspace.application-workspace #panel .application-review-finding-disclosure>summary::after{content:'+';flex:none;color:var(--muted);font-size:17px;font-weight:400}
#workspace.application-workspace #panel .application-review-finding-disclosure[open]>summary::after{content:'−'}
#workspace.application-workspace #panel .application-review-finding-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
#workspace.application-workspace #panel .application-review-finding-disclosure-content{padding:10px 12px;border-top:1px solid var(--line)}
#workspace.application-workspace #panel .application-review-finding-disclosure-content>.application-review-findings{margin:0;padding:0;border:0;border-radius:0;background:transparent}
#workspace.application-workspace #panel .application-section-review-disclosure{margin:0;border:0;border-radius:0;background:transparent}
#workspace.application-workspace #panel .application-section-review-disclosure>summary{min-height:32px;padding:4px 0;font-size:11px}
#workspace.application-workspace #panel .application-section-review-disclosure>.application-review-finding-disclosure-content{padding:9px 0 0}
#workspace.application-workspace #panel .application-section-findings{display:grid;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#workspace.application-workspace #panel .application-section-findings .application-review-finding-kind>h4{margin:0 0 3px;color:var(--box-ink);font-size:11px}
#workspace.application-workspace #panel .application-section-findings .application-review-finding-message{margin:0;padding-left:9px;border-left:2px solid var(--box-line);font-size:12px;line-height:1.5}
#workspace.application-workspace #panel .application-section-findings .application-review-finding-message+.application-review-finding-message{margin-top:6px}
@container borrower-workspace (max-width:380px){
 #workspace.application-workspace #panel .application-review-findings{padding:9px}
 #workspace.application-workspace #panel .application-review-finding-disclosure>summary{min-height:44px;padding:8px 10px}
 #workspace.application-workspace #panel .application-review-finding-heading{flex-wrap:wrap}
 #workspace.application-workspace #panel .application-review-finding-heading button{margin-left:auto}
}
.guest-conversation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;font-size:12px;color:var(--muted);}
.guest-conversation[hidden]{display:none;}
.guest-conversation button{min-height:44px;font-size:13px;}
.auth-divider{text-align:center;font-size:12px;color:var(--muted);margin:8px 0;}
#guest-signup-actions{display:flex;flex-wrap:wrap;gap:12px;}
#guest-signup-actions[hidden]{display:none;}

/* Exploration uses the same owner-backed workspace, with three compact comparisons. */
#panel .rate-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
#panel .rate-approach{min-width:0;padding:12px;text-align:left;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}
#panel .rate-approach span,#panel .rate-approach small{display:block;font-size:12px;font-weight:400}
#panel .rate-approach .rate-approach-rate{font-size:22px;font-weight:600}
#panel .rate-approach[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:-2px}
@container borrower-workspace (max-width:420px){
 #panel .rate-choices{grid-template-columns:minmax(0,1fr)}
 #panel .rate-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px}
 #panel .rate-approach strong,#panel .rate-approach small{grid-column:1/-1}
}

#panel .exploration-editor{margin-block:1rem;padding-block:1rem;border-block:1px solid var(--line)}

.income-proposal-comparison{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;margin:0;font-size:14px;overflow-wrap:anywhere}.income-proposal-comparison strong{font-weight:500}

.income-proposal-card{gap:6px}
:is(#review,.review) .income-proposal-card>p{margin:0;line-height:1.4}
.income-proposal-card>details{margin:0;padding:8px 0}
/* Income uses one source/document/editor hierarchy across both journeys. */
#workspace.application-workspace #panel [data-application-finance-section] .application-financial-source{padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
#workspace.application-workspace #panel [data-application-finance-section] .application-financial-source:last-of-type{border-bottom:0}
#workspace.application-workspace #panel [data-application-finance-section] .income-source-context{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-editor-title{margin:0;font:600 16px/1.4 var(--font-body)}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source .application-financial-facts>summary{padding:10px 0;min-height:44px;color:var(--ink)}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source .income-history-edit,#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source .income-remove{display:block;min-height:44px;margin:8px 0;padding:8px 12px}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source .income-remove{margin-top:8px}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source-heading .income-remove{margin:0}
#panel .application-section-review[data-application-section="income"]{display:flex;flex-direction:column}
#panel .application-section-review[data-application-section="income"]>.application-section-status-card{padding:8px 12px;margin-bottom:8px}
#workspace.application-workspace #panel .application-section-review[data-application-section="income"]>.application-section-status-card.neutral{display:inline-flex;width:fit-content;max-width:100%;padding:0;margin:4px 0 8px;border:0;border-radius:0;background:transparent;color:var(--muted)}
#panel .application-section-review[data-application-section="income"][data-mode="edit"]>.application-section-review-notes{display:none}
#workspace.application-workspace #panel .application-section-review[data-application-section="income"][data-mode="edit"]>.application-section-status-card:is(.neutral,.success,.quiet){display:none}
#workspace.application-workspace #panel [data-application-finance-section] .income-purpose-state{margin:0 0 20px;padding:0}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-status{align-self:center}
#workspace.application-workspace #panel [data-application-finance-section] :is(.income-planning-details,.application-financial-source>.application-financial-facts){margin:0;padding:0;border:0}
#workspace.application-workspace #panel .application-section-body[data-application-finance-section="income"]{gap:0}
#workspace.application-workspace #panel [data-application-finance-section] .income-purpose-state .metric{padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}
#workspace.application-workspace #panel [data-application-finance-section] .income-purpose-state .metric b{font-size:20px}
#workspace.application-workspace #panel [data-application-finance-section] .income-purpose-state .hint{margin:4px 0 0}
#workspace.application-workspace #panel [data-application-finance-section] :is(.income-purpose-state>h3,.income-collection-heading>h3){margin:0;font:600 14px/1.5 var(--font-body)}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-collection-heading>.application-financial-add{margin:0;min-height:44px}
#workspace.application-workspace #panel [data-application-finance-section] .income-purpose-state>.metric{margin:4px 0}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source-issue{margin-top:8px;color:var(--warning-ink)}
#workspace.application-workspace #panel [data-application-finance-section] .income-edit-details>summary{min-height:44px;padding:10px 0;cursor:pointer}
#workspace.application-workspace #panel [data-application-finance-section] .income-purpose-state .income-planning-action{padding:0;margin:8px 0 0;border:0;background:transparent}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-planning-action button{min-height:44px}
#workspace.application-workspace #panel [data-application-finance-section].application-financial-collection-editing>:is(.income-purpose-state,.financial-collection-heading){display:none}
#workspace.application-workspace #panel [data-application-finance-section] .income-planning-details>summary{min-height:44px;padding:10px 0;cursor:pointer;font:500 13px/1.5 var(--font-body);overflow-wrap:anywhere}
#workspace.application-workspace #panel [data-application-finance-section].application-financial-collection-editing>.income-planning-details{display:none}
#workspace.application-workspace #panel [data-application-finance-section] .application-record-heading{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px;min-width:0}
#workspace.application-workspace #panel [data-application-finance-section] .application-record-heading>div:first-child{flex:1 1 16rem;min-width:0}
#workspace.application-workspace #panel [data-application-finance-section] .application-record-heading .application-financial-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;margin:0}
#workspace.application-workspace #panel [data-application-finance-section] .application-record-heading :is(h5,.application-financial-source-value){margin:0;line-height:1.45;overflow-wrap:break-word}
#workspace.application-workspace #panel [data-application-finance-section] .application-record-heading h5{font-size:15px}
#workspace.application-workspace #panel [data-application-finance-section] .application-record-heading button{min-height:44px;white-space:normal}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;min-width:0;padding:8px 0}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-info{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;min-width:0;overflow-wrap:anywhere}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-label{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-info strong{font:500 14px/1.4 var(--font-body);color:var(--ink)}
#workspace.application-workspace #panel [data-application-finance-section] :is(.income-document-date,.income-document-status){font:400 12px/1.45 var(--font-body);color:var(--muted)}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-version{font:400 12px/1.45 var(--font-body);color:var(--muted);overflow-wrap:anywhere}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-version{border:0;margin:0;padding:0;grid-column:2;grid-row:2}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-version>summary{font-size:12px;min-height:44px;display:flex;align-items:center}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-version>summary::before{content:'›';margin-right:6px}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-version[open]>summary::before{content:'⌄'}
#workspace.application-workspace #panel [data-application-finance-section="income"] .application-financial-source .application-financial-evidence{border:0;padding-top:0;margin-top:12px;gap:0}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-row{padding:4px 0;align-items:center}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%}
#workspace.application-workspace #panel [data-application-finance-section] .income-document-actions button{min-height:44px;margin:0;padding:8px 12px;white-space:normal}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source-assessment{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source-assessment h3{margin:0 0 6px;font:600 14px/1.4 var(--font-body)}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source-assessment .hint{margin:6px 0;font-size:12px;line-height:1.45}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source-assessment .metric{margin:8px 0}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-source-assessment .metric b{font-size:18px}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-employment-form .application-field-group{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:0;border:0}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-employment-form .application-field-group:first-of-type{padding-top:0;border-top:0}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-employment-form .form-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border:0}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-employment-form .form-actions button{min-height:44px;margin:0}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-employment-form .hint{margin:0;line-height:1.45}
@container borrower-workspace (min-width:620px){
 #workspace.application-workspace #panel [data-application-finance-section="income"] .income-employment-form .application-field-group{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container borrower-workspace (max-width:619px){
 #workspace.application-workspace #panel [data-application-finance-section] .application-record-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 #workspace.application-workspace #panel [data-application-finance-section] .application-record-heading>div:first-child{width:100%;min-width:0}
 #workspace.application-workspace #panel [data-application-finance-section] .application-record-heading .application-financial-actions{justify-content:flex-start;flex-wrap:wrap}
}
@container borrower-workspace (max-width:359px){
 #workspace.application-workspace #panel [data-application-finance-section] .application-record-heading{grid-template-columns:minmax(0,1fr)}
 #workspace.application-workspace #panel [data-application-finance-section] .income-document-row{grid-template-columns:minmax(0,1fr);gap:8px}
 #workspace.application-workspace #panel [data-application-finance-section] .income-document-actions{justify-content:flex-start}
}

#workspace.application-workspace #panel [data-application-finance-section="income"] .income-monthly-basis{margin:3px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-employment-form .application-field-group>label{margin:0}
#workspace.application-workspace #panel [data-application-finance-section="income"] .income-employment-form :is(input,select,button):focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* Funds uses the same flat source/editor grammar; account truth stays with its owner. */
#workspace.application-workspace #panel [data-application-finance-section="funds"] :is(.application-financial-actions,.form-actions){display:flex;flex-wrap:wrap;gap:8px;margin:0}
#workspace.application-workspace #panel [data-application-finance-section="funds"] button{min-height:44px}
#workspace.application-workspace #panel [data-application-finance-section="funds"] .application-financial-facts{margin:0;padding:0;border:0}
#workspace.application-workspace #panel [data-application-finance-section="funds"] .application-financial-facts>summary{min-height:44px;padding:10px 0;font:500 13px/1.5 var(--font-body);cursor:pointer}
#workspace.application-workspace #panel .financial-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#workspace.application-workspace #panel .financial-collection-heading>h3{margin:0;font:600 14px/1.5 var(--font-body)}
#workspace.application-workspace #panel .financial-collection-heading>button{margin:0;min-height:44px}
#workspace.application-workspace #panel [data-application-finance-section].application-financial-collection-editing>.financial-collection-heading{display:none}
#workspace.application-workspace #panel [data-application-finance-section="funds"] .application-financial-evidence{border:0;margin:12px 0 0;padding:0}
#workspace.application-workspace #panel [data-application-finance-section="funds"] .application-financial-inline-editor form{gap:16px}
#workspace.application-workspace #panel [data-application-finance-section="funds"] .application-financial-inline-editor .form-actions{padding-top:16px;border:0}


/* Keep existing context and split controls available during long inline edits. */
#workspace:is(.financial-workspace,.application-workspace) #panel>.workspace-navigation{position:sticky;top:0;z-index:3;max-width:960px;margin:0 auto 12px;padding:8px 0;background:var(--bg);box-shadow:0 -24px 0 var(--bg);border-bottom:1px solid var(--line)}
#workspace:is(.financial-workspace,.application-workspace) #panel>.workspace-navigation .panel-top{margin-bottom:4px}
#workspace:is(.financial-workspace,.application-workspace) #panel>.workspace-navigation #workspace-breadcrumb{margin:0;min-height:36px}
#workspace:is(.financial-workspace,.application-workspace) #panel{scroll-padding-top:var(--workspace-navigation-clearance,160px)}
@media(max-width:980px){
 #workspace:is(.financial-workspace,.application-workspace) #panel>.workspace-navigation{grid-column:1/-1;width:100%;padding:0 0 8px}
 #workspace:is(.financial-workspace,.application-workspace) #panel>.workspace-navigation #workspace-breadcrumb{min-height:44px}
}
#workspace.application-workspace #panel:has(.application-section-review) #workspace-breadcrumb>span{display:none}
@container borrower-workspace (max-width:619px){
 #workspace.application-workspace #panel:has(.application-section-review)>.workspace-navigation .panel-top{flex-wrap:nowrap;gap:4px;margin-bottom:0}
 #workspace.application-workspace #panel:has(.application-section-review)>.workspace-navigation .panel-top .eyebrow{order:0;flex:1 1 auto;flex-basis:auto;font:600 16px/1.35 var(--font-body)}
 #workspace.application-workspace #panel:has(.application-section-review)>.workspace-navigation .panel-top #close-panel{order:0}
}

@container borrower-workspace (max-width:359px){
 #workspace:is(.financial-workspace,.application-workspace) #panel>.workspace-navigation .panel-top{flex-wrap:wrap;gap:4px 8px}
 #workspace:is(.financial-workspace,.application-workspace) #panel>.workspace-navigation .panel-top .eyebrow{order:-2;flex-basis:calc(100% - 52px);font:600 16px/1.35 var(--font-body);overflow-wrap:normal}
 #workspace:is(.financial-workspace,.application-workspace) #panel>.workspace-navigation #close-panel{order:-1}
}

/* Inline workspace reviews use the panel scroll, not a nested flex scroll area. */
#workspace:is(.financial-workspace,.application-workspace) #panel>#review{display:block;max-height:none;overflow:visible}
#panel>#review>.review-content{overflow:visible}
#workspace[data-focus="workspace"] #panel>#review>.review-resume{display:none}

#workspace.application-workspace #panel .application-section-review[data-application-section="funds"]>.application-section-status-card.neutral:not(:has(>.hint,>button)){display:block;width:fit-content;max-width:100%;margin:4px 0 8px;padding:0;border:0;border-radius:0;background:transparent}
#workspace.application-workspace #panel .application-section-review[data-application-section="funds"]>.application-section-status-card.neutral:not(:has(>.hint,>button))>.application-section-status-description{display:none}

/* Shared immutable proposals: familiar section/source rows, detail on demand. */
#review:has(.pending-review-section){display:block;overflow:auto;max-height:none;border:0;padding:0;background:transparent}
.pending-review-section{border:1px solid var(--line);border-radius:8px;margin:12px 0;overflow:hidden}
.pending-review-section>h4{font-size:14px;font-weight:600;margin:0;padding:10px 14px;background:var(--surface-user)}
.pending-review-row{padding:12px 14px;border-top:1px solid var(--line);min-width:0}
.pending-review-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.pending-review-heading h5{font-size:15px;font-weight:600;margin:0;overflow-wrap:anywhere}
.pending-review-state{font-size:12px;color:var(--muted);flex-shrink:0}
.pending-review-summary{font-size:13px;color:var(--muted);margin:6px 0;overflow-wrap:anywhere}
.pending-review-details{border:0;padding:6px 0}
.pending-review-details .owner-change-review-grid{display:block}
.pending-review-details .owner-change-version{padding:8px 0;border:0;background:transparent}
.pending-review-details .owner-change-review{border:0;padding:0;background:transparent}
.pending-review-details .hint,.pending-review-details .owner-change-note{margin:8px 0}
.pending-review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.pending-review-actions button{margin:0!important;min-height:40px}
.pending-review-row [data-workspace-editor]{border:0;padding:8px 0;margin:0}
@media(max-width:980px){.pending-review-actions button{min-height:44px}.pending-review-heading{align-items:flex-start}}