/* ROC workspace visual system. Loaded after the existing module styles. */
#osApp #osContent.roc-upgrade{--ux-bg:#f7f6f1;--ux-panel:#fffefa;--ux-raised:#f1f0e8;--ux-line:#dedfd5;--ux-text:#202b28;--ux-muted:#5d6d65;--ux-gold:#856512;--ux-gold-soft:#eee4bf;--ux-green:#107653;--ux-shadow:0 12px 30px rgba(24,39,30,.06);color:var(--ux-text)}
html[data-roc-theme="dark"] #osApp #osContent.roc-upgrade{--ux-bg:#0b1210;--ux-panel:#111c18;--ux-raised:#192720;--ux-line:#2b3a31;--ux-text:#f1f3ec;--ux-muted:#abb9ad;--ux-gold:#e3c77e;--ux-gold-soft:#332f20;--ux-green:#76d5aa;--ux-shadow:0 12px 30px rgba(0,0,0,.14)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm){background:var(--ux-bg);min-height:calc(100vh - 82px)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.application-welcome,.crm-welcome){display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:24px 26px;border:1px solid var(--ux-line);border-radius:15px;background:var(--ux-panel);color:var(--ux-text);box-shadow:var(--ux-shadow)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.application-welcome,.crm-welcome) .eyebrow{color:var(--ux-gold);font:700 10px "DM Sans",sans-serif;letter-spacing:2px;text-transform:uppercase}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.application-welcome,.crm-welcome) h2{margin:8px 0;color:var(--ux-text);font:650 clamp(25px,2.3vw,31px)/1.2 "DM Sans",sans-serif;letter-spacing:-.04em}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.application-welcome,.crm-welcome) p{max-width:600px;margin:0;color:var(--ux-muted);font-size:11px;line-height:1.55}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .crm-welcome-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.filter-btn,.gold-btn){min-height:39px;border-radius:9px;font-size:11px;font-weight:650;white-space:nowrap}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .filter-btn{border:1px solid var(--ux-line);background:var(--ux-panel);color:var(--ux-text)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .filter-btn:hover{border-color:var(--ux-gold);background:var(--ux-raised)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .kpi-grid{gap:12px;margin-bottom:22px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .kpi-card{min-height:125px;padding:16px;border:1px solid var(--ux-line);border-radius:13px;background:var(--ux-panel);box-shadow:var(--ux-shadow)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .kpi-top{color:var(--ux-muted);font-size:10px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .kpi-icon{border-radius:9px;background:var(--ux-gold-soft);color:var(--ux-gold)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .kpi-value{margin:14px 0 7px;color:var(--ux-text);font-size:25px;letter-spacing:-.04em}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .delta{color:var(--ux-muted);font-size:10px}
#osApp #osContent.roc-upgrade-applications .application-filter-bar{gap:7px;margin-bottom:16px}
#osApp #osContent.roc-upgrade-applications .application-filter-bar .filter-btn{border-radius:24px;padding:8px 13px}
#osApp #osContent.roc-upgrade-applications .application-filter-bar .active{border-color:var(--ux-gold);background:var(--ux-gold-soft);color:var(--ux-gold)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.table-panel,.crm-insights-grid .panel,.crm-followups-panel){border:1px solid var(--ux-line);border-radius:15px;background:var(--ux-panel);box-shadow:var(--ux-shadow);overflow:hidden}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .table-panel>.panel-head{padding:20px 20px 16px;margin:0}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .panel-head h3{color:var(--ux-text);font-size:16px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .panel-head span{color:var(--ux-muted);font-size:10px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .data-table{background:var(--ux-panel);color:var(--ux-text)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .data-table th{padding:12px 15px;border-color:var(--ux-line);background:var(--ux-panel);color:var(--ux-muted);font-size:9px;letter-spacing:.7px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .data-table td{height:82px;padding:10px 15px;border-color:var(--ux-line);color:var(--ux-text);font-size:11px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .data-table tbody tr{height:82px;transition:background .18s}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .data-table tbody tr:hover{background:var(--ux-raised)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .data-table tbody tr.roc-quick-selected{background:var(--ux-gold-soft);box-shadow:inset 3px 0 var(--ux-gold)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .client-cell{gap:10px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .client-cell .avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--ux-gold-soft);color:var(--ux-gold)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .client-cell b{font-size:11px;color:var(--ux-text)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .client-cell small{display:block;margin-top:4px;color:var(--ux-muted);font-size:9px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.application-view-btn,.client-view-btn){display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ux-text);font-size:10px;font-weight:700;cursor:pointer}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.application-view-btn,.client-view-btn):hover{border-color:var(--ux-line);background:var(--ux-raised)}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .roc-score-animated{display:flex;align-items:center;gap:9px}
#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .roc-score-animated__gauge{flex:0 0 43px}
#osApp #osContent.roc-upgrade-crm .crm-insights-grid{gap:12px;margin-bottom:12px}
#osApp #osContent.roc-upgrade-crm :is(.crm-growth-panel,.crm-performance-panel,.crm-followups-panel){padding:20px}
#osApp #osContent.roc-upgrade-crm .crm-followup-row{border-color:var(--ux-line);color:var(--ux-text)}
#osApp #osContent.roc-upgrade-crm .crm-followup-row:hover{background:var(--ux-raised)}
/* Match the Applications row height in Loan Management while retaining a denser user choice. */
#osApp #osContent.loan-experience .loan-table tbody tr{height:74px}
#osApp #osContent.loan-experience .loan-table td{height:auto;padding-block:7px}
#osApp #osContent.loan-experience.loan-density-compact .loan-table tbody tr{height:60px}
#osApp #osContent.loan-experience.loan-density-compact .loan-table td{height:auto;padding-block:5px}
#osApp #osContent.loan-experience .loan-table .roc-score-animated{padding:2px}
#osApp #osContent.loan-experience .loan-table .roc-score-animated__gauge{width:48px;height:48px;min-width:48px}
#osApp #osContent.loan-experience .loan-table .roc-score-animated__ring{width:48px;height:48px}
#osApp #osContent.loan-experience .loan-table .loan-score-scale{bottom:1px}
#osApp #osContent.loan-experience .loan-table td:last-child button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;margin:0 auto;padding:5px}
#osApp #osContent.loan-experience .loan-table td:last-child [data-loan-quick]{margin-bottom:1px}
#osApp #osContent.loan-experience.loan-density-compact .loan-table .roc-score-animated__gauge,#osApp #osContent.loan-experience.loan-density-compact .loan-table .roc-score-animated__ring{width:42px;height:42px;min-width:42px}
#osApp #osContent.loan-experience.loan-density-compact .loan-table td:last-child button{width:27px;height:27px;min-width:27px;min-height:27px;padding:4px}
/* Read-only quick view shared by Applications and CRM. */
body > .roc-quick-panel{--ux-panel:#fffefa;--ux-raised:#f1f0e8;--ux-line:#dedfd5;--ux-text:#202b28;--ux-muted:#5d6d65;--ux-gold:#856512}
html[data-roc-theme="dark"] body > .roc-quick-panel{--ux-panel:#111c18;--ux-raised:#192720;--ux-line:#2b3a31;--ux-text:#f1f3ec;--ux-muted:#abb9ad;--ux-gold:#e3c77e}
body > .roc-quick-panel{position:fixed;z-index:45;top:92px;right:18px;width:min(390px,calc(100vw - 36px));max-height:calc(100dvh - 110px);display:flex;flex-direction:column;overflow:auto;padding:23px;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-raised);color:var(--ux-text);box-shadow:-18px 18px 60px rgba(0,0,0,.28);animation:rocQuickIn .2s ease-out}
body > .roc-quick-panel header{position:relative;padding-right:30px}
body > .roc-quick-panel .roc-upgrade-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--ux-gold);font-size:10px;font-weight:800;letter-spacing:1.6px}
body > .roc-quick-panel .roc-upgrade-kicker svg{width:15px}
body > .roc-quick-panel h2{margin:14px 0 6px;color:var(--ux-text);font:650 23px/1.2 "DM Sans",sans-serif;letter-spacing:-.04em}
body > .roc-quick-panel p{margin:0;color:var(--ux-muted);font-size:11px;line-height:1.55}
body > .roc-quick-panel .roc-quick-close{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ux-gold);border-radius:10px;background:var(--ux-panel);color:var(--ux-text);cursor:pointer}
body > .roc-quick-panel .roc-quick-close svg{width:17px}
body > .roc-quick-panel .roc-quick-score{margin:19px 0 4px;padding:15px;border:1px solid var(--ux-line);border-radius:12px;background:var(--ux-panel)}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__gauge{flex:0 0 88px;width:88px;height:88px}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__ring{width:88px;height:88px}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__value{font-size:26px}
body > .roc-quick-panel .roc-quick-score .roc-score-animated{--score-color:#89c7ed;gap:13px}
body > .roc-quick-panel .roc-quick-score .roc-score-animated--strong{--score-color:#e3c77e}
body > .roc-quick-panel .roc-quick-score .roc-score-animated--fair{--score-color:#e7bf70}
body > .roc-quick-panel .roc-quick-score .roc-score-animated--weak{--score-color:#f39189}
body > .roc-quick-panel .roc-quick-score .roc-score-animated--empty{--score-color:var(--ux-muted)}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__ring{transform:rotate(135deg)}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__track{stroke:var(--ux-line);stroke-dasharray:75 25;stroke-width:2.6;fill:none}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__fill{stroke:var(--score-color);stroke-dasharray:var(--loan-score-arc,0) 100;stroke-width:2.6;stroke-linecap:round;fill:none}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__label{color:var(--score-color)}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__description{color:var(--ux-muted)}
body > .roc-quick-panel .roc-quick-score .roc-score-animated__stars{display:none}
body > .roc-quick-panel .roc-quick-scale{position:absolute;bottom:4px;left:0;width:100%;text-align:center;color:var(--ux-muted);font-size:9px}
body > .roc-quick-panel .roc-quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:19px 13px;margin:22px 0}
body > .roc-quick-panel .roc-quick-facts dt{margin-bottom:5px;color:var(--ux-muted);font-size:9px;letter-spacing:.7px;text-transform:uppercase}
body > .roc-quick-panel .roc-quick-facts dd{margin:0;color:var(--ux-text);font-size:12px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
body > .roc-quick-panel footer{margin-top:18px;padding-top:16px;border-top:1px solid var(--ux-line)}
body > .roc-quick-panel footer p{margin-bottom:13px}
body > .roc-quick-panel .roc-quick-open{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:8px 12px;border:1px solid var(--ux-line);border-radius:9px;background:var(--ux-panel);color:var(--ux-text);font-size:11px;font-weight:700;cursor:pointer}
body > .roc-quick-panel .roc-quick-open svg{width:16px}
html[data-roc-privacy="hidden"] body > .roc-quick-panel{visibility:hidden;pointer-events:none}
/* Facility detail and its three servicing actions use the quick-view palette. */
.modal-card.roc-facility-detail,.modal-card.roc-facility-form{--fd-panel:#fffefa;--fd-raised:#f1f0e8;--fd-line:#dedfd5;--fd-ink:#202b28;--fd-muted:#5d6d65;--fd-gold:#856512;--fd-gold-soft:#eee4bf;--fd-shadow:0 22px 70px rgba(0,0,0,.18);background:var(--fd-panel);color:var(--fd-ink);border:1px solid var(--fd-line);box-shadow:var(--fd-shadow)}
html[data-roc-theme="dark"] .modal-card.roc-facility-detail,html[data-roc-theme="dark"] .modal-card.roc-facility-form{--fd-panel:#111c18;--fd-raised:#192720;--fd-line:#2b3a31;--fd-ink:#f1f3ec;--fd-muted:#abb9ad;--fd-gold:#e3c77e;--fd-gold-soft:#332f20;--fd-shadow:0 22px 70px rgba(0,0,0,.48)}
.modal:has(.roc-facility-detail),.modal:has(.roc-facility-form){padding:0;place-items:stretch end}
.modal-card.roc-facility-detail{justify-self:end;align-self:stretch;width:min(980px,100vw);max-height:100dvh;margin:0;padding:0;border-radius:17px 0 0 17px;overflow:auto}
.modal-card.roc-facility-detail #modalContent{padding:0 22px 24px}
.modal-card.roc-facility-detail .loan-command-back{margin:0 -22px;width:calc(100% + 44px);padding:13px 22px;border-bottom:1px solid var(--fd-line);background:var(--fd-panel);color:var(--fd-muted)}
.modal-card.roc-facility-detail .loan-command-back:hover{color:var(--fd-gold)}
.modal-card.roc-facility-detail .loan-detail-header{display:flex;align-items:center;gap:16px;margin:0 -22px;padding:22px;border-bottom:1px solid var(--fd-line);background:linear-gradient(135deg,var(--fd-raised),var(--fd-panel));color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-detail-header .avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;background:var(--fd-gold-soft);color:var(--fd-gold);font-size:15px}
.modal-card.roc-facility-detail .loan-detail-header .eyebrow{color:var(--fd-gold);font-size:10px;letter-spacing:1.8px;text-transform:uppercase}
.modal-card.roc-facility-detail .loan-detail-header h2{margin:6px 0;font:650 26px/1.2 "DM Sans",sans-serif;color:var(--fd-ink);letter-spacing:-.04em}
.modal-card.roc-facility-detail .loan-detail-header p{margin:0 0 8px;color:var(--fd-muted);font-size:11px}
.modal-card.roc-facility-detail .loan-detail-badges{display:flex;flex-wrap:wrap;gap:5px}
.modal-card.roc-facility-detail .loan-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto;max-width:58%}
.modal-card.roc-facility-detail .loan-profile-actions button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:10px 13px;border-radius:9px;font-size:11px;font-weight:700}
.modal-card.roc-facility-detail .loan-profile-actions .filter-btn{border:1px solid var(--fd-line);background:var(--fd-raised);color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-profile-actions .filter-btn:hover{border-color:var(--fd-gold)}
.modal-card.roc-facility-detail .loan-command-tabs{position:sticky;top:0;z-index:3;display:flex;gap:5px;margin:0 -22px 18px;padding:5px 22px;border-bottom:1px solid var(--fd-line);background:var(--fd-panel);overflow-x:auto}
.modal-card.roc-facility-detail .loan-command-tabs button{min-height:42px;padding:10px 14px;border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;background:transparent;color:var(--fd-muted);font-size:11px}
.modal-card.roc-facility-detail .loan-command-tabs button.active{border-bottom-color:var(--fd-gold);background:var(--fd-gold-soft);color:var(--fd-gold)}
.modal-card.roc-facility-detail .loan-financial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.modal-card.roc-facility-detail .loan-financial-card{min-height:110px;padding:16px;border:1px solid var(--fd-line);border-radius:12px;background:var(--fd-raised);color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-financial-card small{color:var(--fd-muted);font-size:10px}
.modal-card.roc-facility-detail .loan-financial-card h3{margin:9px 0 0;color:var(--fd-ink);font-size:23px}
.modal-card.roc-facility-detail :is(.loan-workspace-contact,.loan-timeline,.loan-progress-panel,.loan-history-panel,.loan-command-context,.loan-profitability-panel,.loan-profitability-detail,.loan-economics-panel){border:1px solid var(--fd-line);border-radius:13px;background:var(--fd-raised);color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-workspace-contact{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0;padding:11px}
.modal-card.roc-facility-detail .loan-workspace-contact .filter-btn{border:1px solid var(--fd-line);border-radius:8px;background:var(--fd-panel);color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-detail-section-title{margin:22px 0 12px;color:var(--fd-gold);font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.modal-card.roc-facility-detail .loan-command-context{margin:0 0 14px;padding:20px}
.modal-card.roc-facility-detail .loan-command-context-head h3{color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-command-context-head p,.modal-card.roc-facility-detail .loan-command-context small{color:var(--fd-muted)}
.modal-card.roc-facility-detail .loan-command-context :is(.loan-command-risk-grid article,.loan-command-collection-grid article){border-color:var(--fd-line);background:var(--fd-panel);color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-command-context :is(.loan-command-risk-grid b,.loan-command-collection-grid b){color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-command-table :is(th,td){border-color:var(--fd-line)}
.modal-card.roc-facility-detail .loan-command-table th{color:var(--fd-muted)}
.modal-card.roc-facility-detail .loan-command-table td{color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-timeline{margin:14px 0;padding:12px}
.modal-card.roc-facility-detail .loan-timeline :is(small,b){color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-timeline small{color:var(--fd-muted)}
.modal-card.roc-facility-detail :is(.loan-progress-panel,.loan-history-panel){margin:14px 0;padding:18px}
.modal-card.roc-facility-detail :is(.loan-progress-panel,.loan-history-panel) h3{color:var(--fd-ink)}
.modal-card.roc-facility-detail .loan-history-panel .panel-head span{color:var(--fd-muted)}
.modal-card.roc-facility-detail .modal-close{z-index:5;top:10px;right:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--fd-line);border-radius:9px;background:var(--fd-panel);color:var(--fd-ink)}
.modal-card.roc-facility-form{justify-self:end;align-self:stretch;width:min(620px,100vw);max-height:100dvh;margin:0;padding:27px;border-radius:15px 0 0 15px;overflow:auto}
.modal-card.roc-facility-form :is(.modal-heading,.modal-header){padding-bottom:16px;border-bottom:1px solid var(--fd-line)}
.modal-card.roc-facility-form :is(.modal-heading,.modal-header) .eyebrow{color:var(--fd-gold)}
.modal-card.roc-facility-form :is(h2,h3){color:var(--fd-ink)}
.modal-card.roc-facility-form :is(p,small,.field>span){color:var(--fd-muted)}
.modal-card.roc-facility-form .field :is(input,select,textarea){min-height:42px;border:1px solid var(--fd-line);border-radius:8px;background:var(--fd-raised);color:var(--fd-ink)}
.modal-card.roc-facility-form .field :is(input,select,textarea):focus{border-color:var(--fd-gold);outline:2px solid var(--fd-gold-soft)}
.modal-card.roc-facility-form :is(.modal-stat-grid>div,.loan-calculation,.repeat-client-card,.task-link-note){border-color:var(--fd-line);border-radius:10px;background:var(--fd-raised);color:var(--fd-ink)}
.modal-card.roc-facility-form .modal-actions{padding-top:16px;border-top:1px solid var(--fd-line)}
.modal-card.roc-facility-form .modal-actions .filter-btn{border:1px solid var(--fd-line);border-radius:8px;background:var(--fd-raised);color:var(--fd-ink)}
.modal-card.roc-facility-form .modal-close{color:var(--fd-ink)}
/* Application and CRM full records follow the same quick-view surfaces. */
.modal-card.roc-record-detail{--rd-panel:#fffefa;--rd-raised:#f1f0e8;--rd-line:#dedfd5;--rd-ink:#202b28;--rd-muted:#5d6d65;--rd-gold:#856512;--rd-gold-soft:#eee4bf;width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid var(--rd-line);border-radius:16px;background:var(--rd-panel);color:var(--rd-ink)}
html[data-roc-theme="dark"] .modal-card.roc-record-detail{--rd-panel:#111c18;--rd-raised:#192720;--rd-line:#2b3a31;--rd-ink:#f1f3ec;--rd-muted:#abb9ad;--rd-gold:#e3c77e;--rd-gold-soft:#332f20}
.modal-card.roc-record-detail .modal-close{top:0;right:0;border:1px solid var(--rd-line);border-radius:9px;background:var(--rd-panel);color:var(--rd-ink)}
.modal-card.roc-record-detail .client-profile-head{display:flex;align-items:center;gap:15px;padding:2px 42px 18px 0;border-bottom:1px solid var(--rd-line)}
.modal-card.roc-record-detail .client-profile-head .avatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:var(--rd-gold-soft);color:var(--rd-gold)}
.modal-card.roc-record-detail .client-profile-identity .eyebrow{color:var(--rd-gold);font-size:10px;letter-spacing:1.8px;text-transform:uppercase}
.modal-card.roc-record-detail .client-profile-identity h2{margin:5px 0;color:var(--rd-ink);font:650 26px/1.2 "DM Sans",sans-serif;letter-spacing:-.04em}
.modal-card.roc-record-detail .client-profile-identity p{margin:0 0 7px;color:var(--rd-muted);font-size:10px}
.modal-card.roc-record-detail .client-decision-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:17px 0;padding:15px;border:1px solid var(--rd-line);border-radius:12px;background:var(--rd-raised);color:var(--rd-ink)}
.modal-card.roc-record-detail .client-decision-panel .eyebrow{color:var(--rd-gold)}
.modal-card.roc-record-detail .client-decision-panel p{color:var(--rd-muted)}
.modal-card.roc-record-detail .client-decision-actions{display:flex;flex-wrap:wrap;gap:7px}
.modal-card.roc-record-detail .client-decision-actions button{min-height:38px;border-radius:8px}
.modal-card.roc-record-detail .client-decision-actions .filter-btn{border:1px solid var(--rd-line);background:var(--rd-panel);color:var(--rd-ink)}
.modal-card.roc-record-detail .client-decision-actions .filter-btn.danger{color:#f39189}
.modal-card.roc-record-detail .profile-tabs{position:sticky;top:0;z-index:2;display:flex;gap:5px;margin:0 -24px;padding:5px 24px;border-bottom:1px solid var(--rd-line);background:var(--rd-panel);overflow-x:auto}
.modal-card.roc-record-detail .profile-tabs button{min-height:39px;padding:9px 13px;border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;color:var(--rd-muted);font-size:11px}
.modal-card.roc-record-detail .profile-tabs button.active{border-bottom-color:var(--rd-gold);background:var(--rd-gold-soft);color:var(--rd-gold)}
.modal-card.roc-record-detail .client-tab-content{padding-top:16px}
.modal-card.roc-record-detail .client-overview-grid{gap:9px}
.modal-card.roc-record-detail .client-overview-grid .panel,.modal-card.roc-record-detail :is(.client-risk-review,.client-application-card,.roc-credit-summary article,.client-document-list article,.crm-task-card){border:1px solid var(--rd-line);border-radius:10px;background:var(--rd-raised);color:var(--rd-ink)}
.modal-card.roc-record-detail .client-overview-grid .panel{min-height:68px;padding:13px}
.modal-card.roc-record-detail .client-overview-grid .panel small{color:var(--rd-muted);font-size:10px}
.modal-card.roc-record-detail .client-overview-grid .panel h3{color:var(--rd-ink);font-size:12px}
.modal-card.roc-record-detail :is(.client-risk-review,.client-application-card){padding:15px}
.modal-card.roc-record-detail .client-risk-review p{color:var(--rd-muted)}
.modal-card.roc-record-detail .client-tab-content :is(h3,b){color:var(--rd-ink)}
.modal-card.roc-record-detail .client-tab-content :is(small,p){color:var(--rd-muted)}
.modal-card.roc-record-detail .client-tab-content .field :is(input,select,textarea){border:1px solid var(--rd-line);border-radius:8px;background:var(--rd-raised);color:var(--rd-ink)}
.modal-card.roc-record-detail .client-tab-content .filter-btn{border:1px solid var(--rd-line);border-radius:8px;background:var(--rd-raised);color:var(--rd-ink)}
/* Executive board: same surface, borders and status colors as the operational workspaces. */
#osApp #osContent.roc-upgrade-executive .command-dashboard{--command-surface:var(--ux-panel);--command-line:var(--ux-line);--command-text:var(--ux-text);--command-muted:var(--ux-muted);--command-gold:var(--ux-gold);background:var(--ux-bg);color:var(--ux-text)}
#osApp #osContent.roc-upgrade-executive .command-intro h1{color:var(--ux-text);font:650 clamp(28px,2.7vw,36px)/1.15 "DM Sans",sans-serif;letter-spacing:-.04em}
#osApp #osContent.roc-upgrade-executive :is(.command-metrics article,.command-workspace>section,.command-priority,.command-health){border:1px solid var(--ux-line)!important;border-radius:13px;background:var(--ux-panel)!important;color:var(--ux-text);box-shadow:var(--ux-shadow)}
#osApp #osContent.roc-upgrade-executive .command-metrics strong{color:var(--ux-text)}
#osApp #osContent.roc-upgrade-executive .command-metrics :is(small,article>span){color:var(--ux-muted)}
#osApp #osContent.roc-upgrade-executive .command-section-head h2{color:var(--ux-text)}
#osApp #osContent.roc-upgrade-executive .command-link{color:var(--ux-gold)}
#osApp #osContent.roc-upgrade-executive .command-operation{border-color:var(--ux-line)}
#osApp #osContent.roc-upgrade-executive .command-operation:hover{background:var(--ux-raised)}
#osApp #osContent.roc-upgrade-executive .command-financial-grid .panel{border-color:var(--ux-line);border-radius:10px;background:var(--ux-raised)}
#osApp #osContent.roc-upgrade-executive .command-financial-grid .panel :is(h3,small){color:var(--ux-text)}
#osApp #osContent.roc-upgrade-executive .command-financial-grid .panel span{color:var(--ux-muted)}
#osApp #osContent.roc-upgrade :is(button,input,select):focus-visible,.modal-card:is(.roc-facility-detail,.roc-facility-form) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--ux-gold,var(--fd-gold));outline-offset:2px}
@keyframes rocQuickIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.modal-card.roc-facility-detail .loan-detail-header{flex-wrap:wrap}.modal-card.roc-facility-detail .loan-profile-actions{width:100%;max-width:none;margin-left:72px;justify-content:flex-start}.modal-card.roc-facility-detail .loan-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) :is(.application-welcome,.crm-welcome){display:block;padding:20px}#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .crm-welcome-actions{justify-content:flex-start;margin-top:18px}#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .data-table td{height:78px;padding:8px}body > .roc-quick-panel{top:auto;right:0;bottom:0;left:0;width:100%;max-height:min(85dvh,760px);border-radius:18px 18px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.modal-card.roc-facility-detail{width:100%;max-height:100dvh;align-self:end;border-radius:17px 17px 0 0}.modal-card.roc-facility-detail #modalContent{padding:0 15px 18px}.modal-card.roc-facility-detail .loan-command-back,.modal-card.roc-facility-detail .loan-detail-header,.modal-card.roc-facility-detail .loan-command-tabs{margin-inline:-15px}.modal-card.roc-facility-detail .loan-command-back{width:calc(100% + 30px);padding-inline:15px}.modal-card.roc-facility-detail .loan-detail-header{padding:18px 15px}.modal-card.roc-facility-detail .loan-command-tabs{padding-inline:15px}.modal-card.roc-facility-detail .loan-profile-actions{margin-left:0}.modal-card.roc-facility-detail .loan-profile-actions button{flex:1 1 140px}.modal-card.roc-facility-detail .loan-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .kpi-card{min-height:112px}#osApp #osContent.roc-upgrade:is(.roc-upgrade-applications,.roc-upgrade-crm) .kpi-value{font-size:21px}.modal-card.roc-facility-detail .loan-financial-card{min-height:95px;padding:12px}.modal-card.roc-facility-detail .loan-financial-card h3{font-size:18px}}
@media(max-width:760px){.modal-card.roc-record-detail{width:100%;max-height:100dvh;align-self:end;padding:18px 15px calc(20px + env(safe-area-inset-bottom));border-radius:17px 17px 0 0}.modal-card.roc-record-detail .client-profile-head{align-items:flex-start}.modal-card.roc-record-detail .client-profile-identity h2{font-size:22px}.modal-card.roc-record-detail .client-decision-panel{align-items:stretch;flex-direction:column}.modal-card.roc-record-detail .client-decision-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-card.roc-record-detail .client-decision-actions button{white-space:normal}.modal-card.roc-record-detail .profile-tabs{margin-inline:-15px;padding-inline:15px}}
@media(max-width:760px){body > .roc-quick-panel{height:min(85dvh,680px)}body > .roc-quick-panel footer{position:sticky;bottom:0;z-index:1;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:var(--ux-raised)}}
@media(max-width:760px){.modal-card.roc-facility-form{width:100%;max-height:100dvh;align-self:end;padding:21px 17px calc(20px + env(safe-area-inset-bottom));border-radius:17px 17px 0 0}}
@media(prefers-reduced-motion:reduce){body > .roc-quick-panel{animation:none}#osApp #osContent.roc-upgrade *{transition:none!important}}