/* Shared example styling: concise source/result cards, visible human decisions. */
.resident-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;background:#314765;color:#e5edff;border-radius:50%;font-size:.7rem;font-weight:700}
.care-demo,.care-workflow{scroll-margin-top:95px}
.demo-heading{max-width:780px;margin-bottom:26px}
.demo-heading .module-name{color:var(--accent);margin-bottom:13px}
.demo-heading h3{font-size:clamp(1.65rem,2.6vw,2.25rem);line-height:1.22}
.demo-window{background:#172237;color:#edf3ff;border:1px solid #314461;border-radius:15px;overflow:hidden}
.demo-titlebar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;background:#111c2f;border-bottom:1px solid #344158;padding:15px 25px;font-size:.78rem;font-weight:650}
.demo-titlebar>span>span{font-weight:400;color:#afbed5;margin-left:5px}
.demo-fiction{font-size:.66rem;font-weight:400;color:#b9c7dc}
.demo-window summary{list-style:none;cursor:pointer}
.demo-window summary::-webkit-details-marker{display:none}
.demo-window summary:focus-visible{outline:3px solid #e39825;outline-offset:-3px;border-radius:7px}
.demo-window a:focus-visible{outline:3px solid #e39825;outline-offset:3px}
.result-chevron{font-size:1.2rem;line-height:1;color:#a0b4d7;flex:none;font-weight:400}
.demo-window details[open]>summary>.result-chevron{transform:rotate(45deg)}
.avis-overview{padding:24px 28px 10px}
.avis-context{font-size:.8rem;color:#c5d3e7;line-height:1.6}
.avis-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.avis-totals>div{border:1px solid #445b79;background:#21334d;padding:16px;border-radius:8px;min-width:0}
.avis-totals dt{font-size:.71rem;color:#bdcce2;line-height:1.5}
.avis-totals dd{font-size:clamp(1.15rem,1.9vw,1.65rem);font-weight:650;margin-top:7px;font-variant-numeric:tabular-nums}
.avis-totals .avis-offset-total{border-color:#9b515a;background:#432e3a}
.avis-offset-total dd{color:#ffc0c4}
.matching-outcome{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;font-size:.78rem;line-height:1.6;margin:6px 0 10px}
.matching-outcome strong{color:#b4e5cf;font-weight:600}
.matching-outcome>span{color:#ffb6bd}
.resident-matches{padding:0 28px}
.match-result{border:1px solid #40516c;border-radius:8px;margin-top:9px;overflow:hidden;background:#1c2b43}
.match-result>summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto 12px;align-items:center;gap:12px;padding:16px 18px;min-height:72px}
.result-label{min-width:0;line-height:1.4}
.result-label>strong{font-size:.95rem;font-weight:600}
.result-state{text-align:right;line-height:1.4}
.result-state>strong{display:block;font-size:.9rem;color:#ffb6bd;white-space:nowrap}
.result-state>span{display:block;font-size:.66rem;color:#c4ccda;margin-top:4px}
.match-balanced .result-state>strong{color:#b4e5cf}
.match-result[open]{border-color:#7e9ccf;background:#243650}
.demo-matching{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:23px;align-items:start;border-top:1px solid #496280}
.demo-paper{background:#fff;color:#273244;padding:22px;border-radius:8px;min-width:0}
.paper-heading{padding-bottom:15px;border-bottom:2px solid #283f63}
.paper-heading h4{font-size:1.15rem;line-height:1.4;margin:8px 0}
.paper-heading>span:last-child{font-size:.74rem;color:#58677d}
.paper-position{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 9px;font-size:.76rem;border-bottom:1px solid #dde4ee}
.paper-position>span:first-child strong{display:block;font-size:.78rem;line-height:1.45;color:#253f66}
.paper-position>span:first-child span{display:block;font-size:.68rem;color:#5d6a7d;line-height:1.6;margin-top:4px}
.paper-position>span:last-child strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.paper-offset{background:#fff0f1;margin-top:6px;border-radius:5px;border-color:#f3cbd0}
.paper-offset>span:last-child strong{color:#a22c40}
.paper-total{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:2px solid #283f63;margin-top:12px;padding-top:13px;font-size:.8rem}
.demo-results{min-width:0}
.result-heading{margin:0 0 14px}
.result-heading h4{font-size:.78rem;font-family:inherit;font-weight:600;letter-spacing:0;color:#bfd3ef}
.matched-invoice{border:1px solid #4c6784;background:#1b2d46;border-radius:8px;padding:16px;margin-top:12px;min-width:0}
.amount-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.76rem;color:#d0dff0;line-height:1.5}
.match-tick,.offset-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;border-radius:50%;background:#285849;color:#b8f1d3;font-size:.9rem;font-weight:700}
.amount-card-value{display:block;font-size:1.55rem;line-height:1.3;letter-spacing:-.025em;margin-top:6px;font-variant-numeric:tabular-nums}
.matched-invoice>p{font-size:.68rem;color:#b8cbe4;line-height:1.6;margin-top:5px}
.offset-finding{background:#482c39;border-color:#a45b65}
.offset-finding .amount-card-top,.offset-finding .amount-card-value{color:#ffc2c8}
.offset-finding .offset-mark{background:#743d4b;color:#ffe0e3}
.offset-finding>p{color:#f5c8cc}
.offset-finding>a{display:inline-block;color:#ffd4d8;font-size:.73rem;font-weight:650;margin-top:10px;text-underline-offset:4px}
.matching-footer{padding:20px 28px 25px}
.bank-summary{display:flex;align-items:center;gap:12px;background:#213b3b;border:1px solid #3d6761;border-radius:8px;padding:13px 17px}
.bank-check{display:flex;align-items:center;justify-content:center;border-radius:50%;width:26px;height:26px;flex:none;background:#3f7864;color:#fff}
.bank-summary>div{display:flex;flex:1;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 15px}
.bank-summary span:not(.bank-check){font-size:.75rem;color:#c4e3d7}
.bank-summary strong{font-size:1.15rem;color:#d8f2e5;font-variant-numeric:tabular-nums}
/* Workflow: automatic preparation, human review and conditional reminders. */
.workflow-body,.portfolio-body{padding:28px}
.workflow-case-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:24px}
.case-person{display:flex;gap:12px;align-items:center;min-width:0}
.case-person>div{min-width:0}
.case-person h4{font-size:1.08rem;color:#edf3ff}
.case-person p{font-size:.72rem;color:#bdcee4;line-height:1.6;margin-top:5px}
.case-amount{font-size:.8rem;font-weight:650;background:#4b303d;color:#ffc4cb;border:1px solid #935765;padding:8px 12px;border-radius:6px}
.automation-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;margin:0 0 27px;padding:0}
.automation-track li{position:relative;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #476287;border-radius:8px;padding:17px;background:#213750;min-width:0}
.automation-track li:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:50%;color:#a6c1e7;font-size:.9rem}
.flow-number{font-size:.65rem;color:#8eadd3;letter-spacing:.06em;margin-bottom:10px}
.automation-badge{font-size:.61rem;line-height:1.5;color:#c0d8ff;background:#294d7b;border-radius:4px;padding:3px 7px;margin-bottom:11px}
.automation-track li>strong{font-size:.85rem;line-height:1.4;color:#f1f6ff}
.automation-track li>span:last-child{font-size:.69rem;line-height:1.7;color:#bdd0e8;margin-top:8px}
.automation-track .flow-human{background:#443b30;border-color:#a28255}
.flow-human .automation-badge{background:#715737;color:#ffe0af}
.workflow-preview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}
.letter-preview{background:#fafcff;color:#33415a;border:1px solid #c4d2e5;border-radius:9px;overflow:hidden}
.letter-preview>summary,.review-task>summary,.collection-file>summary{display:flex;align-items:center;gap:12px;padding:18px}
.letter-preview>summary>span:first-child,.review-task>summary>span:nth-child(2),.collection-file>summary>span:first-child{flex:1;min-width:0}
.letter-preview .mini-label,.review-task .mini-label,.collection-file .mini-label{display:block;font-size:.61rem;line-height:1.6;letter-spacing:.045em;margin-bottom:5px}
.letter-preview .mini-label{color:#466bb1}
.letter-preview summary strong{font-family:inherit;font-size:.89rem;line-height:1.45;display:block;color:#273d60}
.letter-content{padding:0 20px 20px;font-size:.78rem;line-height:1.85}
.letter-content>p{margin-bottom:15px}
.letter-subject{font-weight:600;border-top:1px solid #d9e1ee;padding-top:17px;color:#334c73}
.document-chips{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 16px}
.document-chips>span{font-size:.65rem;padding:4px 8px;border:1px solid #cbd8e9;border-radius:4px;background:#eef3fb;color:#496183}
.letter-status{display:inline-block;font-size:.69rem;color:#7b5a27;background:#fff0d9;border:1px solid #e8cc9f;padding:5px 9px;border-radius:5px}
.workflow-tasks{display:grid;gap:16px;min-width:0}
.review-task{background:#fff5e5;color:#685032;border:1px solid #d4b782;border-radius:9px;overflow:hidden}
.review-task .mini-label{color:#7c5d2d}
.review-task summary strong{display:block;font-size:.83rem;line-height:1.5;color:#5c411d}
.task-icon{display:flex;align-items:center;justify-content:center;flex:none;width:29px;height:29px;border-radius:50%;font-size:1rem;background:#82633126;color:#7a592c}
.review-task>div{padding:0 18px 17px}
.review-task ul,.collection-file ul{padding-left:18px;font-size:.74rem;line-height:1.8}
.review-task li+li,.collection-file li+li{margin-top:7px}
.reminder-preview{display:flex;gap:12px;padding:18px;border:1px solid #4b7194;border-radius:9px;background:#1e3a52}
.reminder-preview>div{min-width:0}
.reminder-preview .task-icon{background:#345b7a;color:#d1eaff}
.reminder-preview .mini-label{font-size:.62rem;color:#b6d8f7;display:block;line-height:1.6;margin-bottom:8px}
.reminder-preview h5{font-size:.92rem;line-height:1.5;color:#e5f3ff;letter-spacing:0}
.reminder-preview p{font-size:.74rem;line-height:1.75;color:#c3dbf1;margin-top:8px}
.reminder-preview div>span:last-child{display:block;font-size:.68rem;line-height:1.7;color:#b3cce3;margin-top:12px}
.workflow-next{font-size:.72rem;line-height:1.8;color:#b5c9e2;border-top:1px solid #425676;padding-top:18px;margin-top:23px}
/* Portfolio: one overview with expandable facility work queues. */
.portfolio-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.portfolio-heading h4{font-size:1.15rem;color:#edf3ff}
.portfolio-heading>span{font-size:.7rem;color:#c7d8f0;border:1px solid #4d678a;border-radius:5px;padding:5px 9px}
.portfolio-kpis{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px;margin-bottom:26px}
.portfolio-kpis>div{background:#20334d;border:1px solid #466080;border-radius:8px;padding:19px;min-width:0}
.portfolio-kpis dt{font-size:.72rem;line-height:1.5;color:#b6cbe5}
.portfolio-kpis dd{font-size:clamp(1.45rem,2.2vw,2rem);font-weight:650;line-height:1.25;margin-top:10px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.portfolio-kpis .portfolio-urgent{background:#41313d;border-color:#7e4c5a}
.portfolio-urgent dd{color:#ffbdc5}
.portfolio-site{border:1px solid #455d7d;border-radius:8px;margin-top:12px;overflow:hidden}
.portfolio-site>summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto 14px;align-items:center;gap:14px;padding:19px;background:#21334b}
.site-symbol svg{width:27px;height:27px;fill:none;stroke:#9ebdeb;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.site-name strong{font-size:.94rem;line-height:1.4;display:block;color:#e4efff}
.site-name>span{display:block;font-size:.7rem;line-height:1.6;color:#b7cbe4;margin-top:5px}
.site-amount{font-size:1.1rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.portfolio-site[open]{border-color:#7c9fd3}
.portfolio-site[open]>summary{background:#29415f}
.site-cases{padding:15px 20px 6px;background:#182b43}
.site-case-labels,.portfolio-case{display:grid;grid-template-columns:1.15fr .7fr .9fr 1.2fr;gap:18px;align-items:center}
.site-case-labels{color:#9db5d4;font-size:.64rem;margin:0 0 8px}
.portfolio-case{border-top:1px solid #415773;padding:17px 0;font-size:.75rem}
.portfolio-case>div{min-width:0}
.portfolio-case>div:first-child>strong{display:block;font-size:.87rem;color:#e5efff}
.portfolio-case>div:first-child>span{display:block;font-size:.67rem;line-height:1.6;color:#adc4e2;margin-top:5px}
.portfolio-case-amount>strong{white-space:nowrap}
.portfolio-status{width:fit-content;max-width:100%;font-size:.65rem;line-height:1.5;padding:5px 9px;border-radius:5px}
.status-review{background:#4b3b2a;color:#ffe0b5}
.status-waiting{background:#284764;color:#c1e1ff}
.status-approval{background:#384265;color:#dedbff}
.portfolio-case-task>strong,.portfolio-case-task>a{display:block;font-size:.71rem;font-weight:500;line-height:1.6;color:#d8e7ff}
.task-due{display:block;color:#acbfd9;font-size:.64rem;margin-bottom:5px}
.task-due.is-today{color:#ffb5bd}
/* Dunning: conditional escalation with a reviewable collection dossier. */
.collection-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;padding:30px}
.collection-track{list-style:none;padding:0;margin:0}
.collection-track>li{position:relative;display:flex;gap:16px;padding-bottom:27px}
.collection-track>li:last-child{padding-bottom:0}
.collection-track>li:not(:last-child)::after{content:'';position:absolute;top:40px;left:16px;bottom:5px;width:1px;background:#4f6b90}
.collection-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:50%;background:#294c79;color:#cde1ff;font-size:.73rem;font-weight:650}
.collection-track h4{color:#e9f2ff;font-size:1rem;margin:4px 0 8px;line-height:1.4}
.collection-track p{color:#b5c9e3;font-size:.75rem;line-height:1.8}
.collection-gate{display:block;color:#bfd8ff;font-size:.65rem;margin-top:10px;line-height:1.7}
.collection-escalation .collection-number{background:#643546;color:#ffc0cc}
.collection-escalation h4{color:#ffc8d1}
.collection-side{display:grid;align-content:start;gap:20px;min-width:0}
.collection-hold{background:#42382e;border:1px solid #967449;border-radius:9px;padding:21px}
.collection-hold .mini-label{font-size:.64rem;color:#e6c699}
.collection-hold>strong{display:block;color:#ffe1b9;font-size:1.6rem;line-height:1.4;margin-top:13px}
.collection-hold>p{color:#dbc6a8;font-size:.72rem;line-height:1.7;margin-top:5px}
.collection-hold-status{display:flex;gap:12px;align-items:center;padding:15px 0;margin:12px 0;border-top:1px solid #806848;border-bottom:1px solid #806848;color:#ffe3bf;font-size:.81rem;line-height:1.65}
.collection-hold-status>span:first-child{font-size:1.5rem;color:#e5b875}
.collection-hold>a{color:#ffe0b6;font-size:.75rem;font-weight:600}
.collection-file{border:1px solid #566e90;border-radius:9px;background:#20334d}
.collection-file .mini-label{color:#a9c1e1}
.collection-file summary strong{display:block;font-size:.88rem;line-height:1.5;color:#e4efff}
.collection-file>div{padding:0 20px 20px;color:#c1d3ed}
.collection-file p{font-size:.68rem;line-height:1.8;border-top:1px solid #4c6381;padding-top:12px;margin-top:14px}
@media(max-width:950px){.demo-matching,.workflow-preview{grid-template-columns:1fr}.automation-track{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-track li::after{display:none}.site-case-labels{display:none}.portfolio-case{grid-template-columns:1fr 1fr}.portfolio-case-amount{text-align:right}.portfolio-case-task{text-align:right}.collection-layout{gap:25px}}
@media(max-width:650px){.demo-heading h3{font-size:1.65rem}.demo-titlebar{padding:13px 16px}.avis-overview{padding:20px 16px 8px}.avis-totals{grid-template-columns:1fr;gap:9px;margin:16px 0}.avis-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px}.avis-totals dt{font-size:.7rem}.avis-totals dd{font-size:1.04rem;margin:0;white-space:nowrap}.resident-matches{padding:0 12px}.match-result>summary{grid-template-columns:30px minmax(0,1fr) 14px;gap:8px 9px;padding:13px 11px}.match-result>summary>.resident-avatar{width:30px;height:30px;grid-column:1;grid-row:1}.match-result>summary>.result-label{grid-column:2;grid-row:1}.match-result>summary>.result-state{grid-column:2;grid-row:2;text-align:left}.match-result>summary>.result-chevron{grid-column:3;grid-row:1}.result-state>strong{font-size:.9rem}.result-state>span{font-size:.66rem}.demo-matching{padding:14px 10px;gap:18px}.demo-paper{padding:14px 12px}.paper-heading h4{font-size:1.03rem}.paper-position{grid-template-columns:1fr;gap:6px;padding:12px 7px}.paper-position>span:last-child{text-align:left}.matched-invoice{padding:14px}.amount-card-value{font-size:1.45rem}.matching-footer{padding:18px 16px}.bank-summary{padding:12px;align-items:flex-start}.bank-summary>div{display:block}.bank-summary strong{display:block;margin-top:5px}.workflow-body,.portfolio-body{padding:20px 16px}.workflow-case-header{margin-bottom:20px}.case-person{gap:9px}.automation-track{gap:10px;margin-bottom:20px}.automation-track li{padding:13px 11px}.automation-track li>strong{font-size:.79rem}.automation-track li>span:last-child{font-size:.67rem}.automation-badge{font-size:.59rem;padding:3px 6px}.workflow-preview{gap:16px}.letter-preview>summary,.review-task>summary,.collection-file>summary{padding:15px 13px;gap:9px}.letter-content{padding:0 15px 16px;font-size:.77rem}.review-task>div{padding:0 14px 15px}.reminder-preview{padding:15px 13px;gap:9px}.portfolio-kpis{grid-template-columns:1fr 1fr;gap:10px}.portfolio-kpis>div{padding:14px}.portfolio-kpis>div:first-child{grid-column:1/-1}.portfolio-kpis dt{font-size:.68rem}.portfolio-kpis dd{font-size:1.5rem}.portfolio-site>summary{grid-template-columns:27px minmax(0,1fr) 12px;gap:9px;padding:15px 12px}.site-name{grid-column:2}.site-name strong{font-size:.85rem}.site-name>span{font-size:.66rem}.site-amount{grid-column:2;font-size:1.05rem}.portfolio-site>summary>.result-chevron{grid-column:3;grid-row:1}.site-cases{padding:0 13px}.portfolio-case{grid-template-columns:1fr;gap:10px}.portfolio-case-amount{display:flex;justify-content:space-between;align-items:baseline;text-align:left}.portfolio-case-task{text-align:left}.portfolio-case .cockpit-mobile-label{display:block;color:#a9c0df;font-size:.65rem;margin:0}.collection-layout{grid-template-columns:1fr;padding:23px 17px;gap:26px}.collection-track>li{gap:13px}.collection-track h4{font-size:.98rem}.collection-hold{padding:18px}}
@media(max-width:360px){.automation-track{grid-template-columns:1fr}.automation-track li{padding:14px}.flow-number{margin-bottom:7px}.automation-track li>strong{font-size:.9rem}.automation-track li>span:last-child{font-size:.73rem}.amount-card-top{font-size:.74rem}.paper-heading h4{font-size:1rem}}

/* Bidirectional allocation: the same group is selected on both documents. */
button.paper-position{appearance:none;width:100%;border:0;border-bottom:1px solid #dde4ee;background:transparent;color:inherit;text-align:left;cursor:pointer;line-height:inherit}
button.paper-position.paper-offset{background:#fff0f1;border-color:#f3cbd0}
button.paper-position:disabled,.invoice-select:disabled{opacity:1;cursor:default}
button.paper-position:enabled:hover{background:#f0f5ff}
button.paper-position[aria-pressed=true]{background:#e3edff;box-shadow:inset 4px 0 #315fd0;outline:2px solid #6389da;outline-offset:-2px;border-radius:5px}
button.paper-position.paper-offset[aria-pressed=true]{background:#ffe3e7;box-shadow:inset 4px 0 #b8455b;outline-color:#cb5e73}
.matched-invoice.invoice-document{padding:0;background:#f8fbff;border-color:#ccd8e8;color:#273c5b;box-shadow:0 4px 10px #09182b20}
.invoice-select{appearance:none;display:block;width:100%;padding:17px;border:0;border-radius:inherit;background:transparent;color:inherit;text-align:left;cursor:pointer;line-height:1.6}
.invoice-select:enabled:hover{box-shadow:inset 0 0 0 2px #91afd9}
.invoice-select[aria-pressed=true]{outline:3px solid #729dff;outline-offset:-3px;background:#eaf1ff}
.invoice-document-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #ced9ea;padding-bottom:10px}
.invoice-document-heading>strong{font-size:1.6rem;line-height:1.25;letter-spacing:-.035em;font-weight:700;color:#203b63}
.invoice-document .match-tick{background:#d8efe5;color:#24684c}
.invoice-issuer{display:block;font-size:.63rem;color:#5f7290;margin-bottom:9px}
.invoice-recipient{display:grid;gap:6px;font-size:.65rem;color:#667a96;margin:17px 0 22px}
.invoice-recipient>span{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 12px}
.invoice-recipient strong{font-size:.72rem;font-weight:600;color:#2b4163}
.invoice-column-headings{display:flex;justify-content:space-between;font-size:.6rem;color:#657994;border-bottom:1px solid #cbd7e7;padding-bottom:6px}
.invoice-items{display:block}
.invoice-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 0;border-bottom:1px solid #dde5f0;font-size:.76rem;line-height:1.5}
.invoice-item>span>strong{display:block;font-weight:600;color:#263e63}
.invoice-item>span>span{display:block;font-size:.65rem;color:#657994;margin-top:4px}
.invoice-item>strong{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.invoice-paid{font-size:.62rem;font-weight:600;color:#24684c;background:#d8efe5;padding:4px 7px;border-radius:4px}
[data-invoice-view][hidden]{display:none}
.invoice-total{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 12px;border-top:1px solid #c7d5e8;margin-top:13px;padding-top:10px}
.invoice-total>span{font-size:.64rem;color:#596d8a}
.invoice-total>strong{font-size:1.28rem;color:#234674;letter-spacing:-.02em;white-space:nowrap}
.matched-invoice.offset-finding{padding:17px}
.invoice-prior .invoice-select[aria-pressed=true]{outline-color:#cc7083}
.offset-invoice-context{display:block;font-size:.68rem;color:#f5c8cc;margin-top:8px}
.offset-finding>a{margin:12px 0 0}
.demo-window button.paper-position:focus-visible,.demo-window .invoice-select:focus-visible{outline:3px solid #d79828;outline-offset:2px}
/* Explicit attachments, reviewed together with the generated letter. */
.letter-attachment-block{margin:19px 0 17px;border-top:1px solid #d4deeb;padding-top:16px}
.letter-attachment-block h5{font:650 .79rem/1.5 Inter,sans-serif;color:#29476e}
.letter-attachment-block>p{font-size:.68rem;line-height:1.7;color:#62748d;margin:5px 0 11px}
.letter-attachments{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.letter-attachments>li{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #cedbea;background:#edf3fc;border-radius:5px;color:#3d5677;font-size:.71rem;line-height:1.5}
.letter-attachments>li>span:nth-child(2){min-width:0;overflow-wrap:anywhere;flex:1}
.attachment-type{flex:none;font-size:.52rem;font-weight:700;color:#486b9c;background:#dde8f8;border:1px solid #b9cde8;padding:5px 4px;border-radius:3px}
.attachment-check{flex:none;color:#347757;font-size:.85rem}
/* Named owners and textual criticality badges stay distinct from case status. */
.site-case-labels,.portfolio-case{grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr) minmax(0,.9fr) minmax(0,.65fr) minmax(0,1fr) minmax(0,1.2fr);gap:14px}
.portfolio-status{display:inline-block}
.portfolio-field-label{display:none}
.criticality-badge{display:inline-flex;align-items:center;gap:6px;font-size:.65rem;font-weight:600;line-height:1.5}
.criticality-badge>span{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
.criticality-high{color:#ffb2c0}
.criticality-medium{color:#f0ce91}
.criticality-low{color:#aadbc3}
.assignee-chip{display:inline-flex;align-items:center;gap:7px;font-size:.68rem;line-height:1.5;color:#d6e6fc}
.assignee-chip>span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:none;border-radius:50%;background:#365275;color:#e6f0ff;font-size:.55rem;font-weight:650}
@media(max-width:1100px){.site-case-labels{display:none}.portfolio-case{grid-template-columns:1fr 1fr;gap:13px 18px}.portfolio-case-amount{text-align:right}.portfolio-case-task{text-align:left}.portfolio-field-label{display:block;font-size:.6rem;color:#a9bfdc;margin-bottom:5px}.portfolio-case .cockpit-mobile-label{display:block;color:#a9bfdc;font-size:.6rem;margin-bottom:5px}}
@media(max-width:650px){.portfolio-case{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 10px}.portfolio-case>div:first-child,.portfolio-case-task{grid-column:1/-1}.portfolio-case-amount{display:block;text-align:left}.portfolio-case>div:nth-child(3){text-align:right}.portfolio-case>div:nth-child(5){text-align:right}.portfolio-case-task{border-top:1px solid #3d5576;padding-top:11px}.assignee-chip{gap:5px;font-size:.66rem}.assignee-chip>span{width:23px;height:23px}.invoice-select{padding:14px}.invoice-total>strong{font-size:1.2rem}.matched-invoice.offset-finding{padding:14px}.invoice-item{grid-template-columns:1fr;gap:5px}.invoice-column-headings>span:last-child{display:none}.invoice-document-heading{gap:8px;flex-wrap:wrap}.collection-layout{margin-top:0}}

/* Controlling: full portfolio balances, separate from the clarification queue. */
.controlling-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.controlling-kpis>div{padding:17px 15px}
.controlling-kpis dd{font-size:clamp(1.25rem,1.8vw,1.65rem);white-space:nowrap}
.controlling-kpis dd>span{font-size:.8rem;font-weight:500;letter-spacing:0}
.controlling-kpis p{font-size:.62rem;line-height:1.6;color:#b4c9e4;margin-top:9px}
.controlling-kpis p.kpi-improving{color:#b4e5cf}
.controlling-breakdowns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;margin-bottom:28px}
.aging-overview,.payer-overview{border:1px solid #405978;border-radius:8px;padding:20px;background:#1b2d45;min-width:0}
.controlling-breakdowns h5,.portfolio-work-heading h5{font:650 .84rem/1.5 Inter,sans-serif;color:#e1edff}
.aging-bar{display:flex;height:13px;gap:2px;overflow:hidden;border-radius:4px;margin:20px 0 18px;background:#293e5b}
.aging-bar>span{flex-basis:0;min-width:0}
.aging-color-0{background:#75baa8}.aging-color-1{background:#83aaf0}.aging-color-2{background:#d7bc84}.aging-color-3{background:#e1977f}.aging-color-4{background:#d9738b}
.aging-legend{display:grid;gap:10px}
.aging-legend>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.67rem;line-height:1.5}
.aging-legend dt{display:flex;align-items:center;gap:8px;min-width:0;color:#c0d2eb}
.aging-dot{display:inline-block;width:7px;height:7px;border-radius:2px;flex:none}
.aging-legend dd{white-space:nowrap;color:#e8f1ff;font-weight:600;font-variant-numeric:tabular-nums}
.controlling-caption{font-size:.65rem;color:#acc2de;margin-top:4px}
.payer-row{border-top:1px solid #3d5575;margin-top:14px;padding-top:12px}
.payer-row>div{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:.75rem;color:#e1edff}
.payer-row>div>strong{font-weight:600}
.payer-row>div>strong:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.payer-row p{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;font-size:.63rem;color:#bfd0e6;line-height:1.6;margin-top:5px}
.payer-row p>span{white-space:nowrap}
.portfolio-work-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.portfolio-work-heading>span{font-size:.66rem;color:#ffbfca;background:#453347;border:1px solid #79516a;border-radius:5px;padding:5px 8px}
.site-financials{display:grid;grid-template-columns:repeat(3,auto);gap:20px}
.site-financials>span{display:grid;gap:3px}
.site-financials>span>span{font-size:.58rem;color:#b3c7e1}
.site-financials strong{font-size:.76rem;font-weight:600;white-space:nowrap;color:#e5efff;font-variant-numeric:tabular-nums}
.site-financials>span:nth-child(2)>strong{color:#ffc1c9}
.process-overview{border:1px solid #455d7d;background:#1c2d46;border-radius:8px;margin-top:22px;overflow:hidden}
.process-overview>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px}
.process-overview>summary>span:first-child>strong{display:block;font-size:.85rem;font-weight:650}
.process-overview>summary>span:first-child>span{display:block;font-size:.66rem;color:#b8cce8;margin-top:4px;line-height:1.6}
.process-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 20px 20px}
.process-kpis>div{min-width:0;border-top:1px solid #496281;padding-top:15px}
.process-kpis dt{font-size:.66rem;line-height:1.6;color:#c2d5ed}
.process-kpis dd{font-size:1.25rem;font-weight:650;margin-top:9px;color:#e5efff;white-space:nowrap;font-variant-numeric:tabular-nums}
.process-kpis p{font-size:.6rem;line-height:1.7;color:#adc5e2;margin-top:7px}
@media(max-width:1100px){.controlling-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.site-financials{gap:12px}.process-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.controlling-breakdowns{grid-template-columns:1fr}.portfolio-site>summary{grid-template-columns:27px minmax(0,1fr) 12px}.portfolio-site>summary>.result-chevron{grid-column:3;grid-row:1}.site-financials{grid-column:2;grid-row:2;justify-content:start;gap:22px}.site-financials strong{font-size:.73rem}}
@media(max-width:600px){.controlling-kpis{grid-template-columns:1fr;gap:10px}.controlling-kpis>div:first-child{grid-column:auto}.controlling-kpis>div{padding:15px}.controlling-kpis dd{font-size:1.5rem}.controlling-kpis p{font-size:.65rem}.aging-overview,.payer-overview{padding:16px 13px}.aging-legend>div{flex-wrap:wrap;gap:3px 10px}.aging-legend dd{margin-left:15px}.aging-legend dt{font-size:.66rem}.site-financials{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px 15px;width:100%;border-top:1px solid #4d6687;padding-top:12px}.site-financials>span:last-child{grid-column:1/-1}.site-financials strong{font-size:.82rem}.site-financials>span>span{font-size:.62rem}.process-overview>summary{padding:16px 13px}.process-kpis{grid-template-columns:1fr;padding:0 13px 16px}.process-kpis dd{font-size:1.35rem}}