.fin-all-titles{--portfolio-accent:var(--brand,#087f9c);--portfolio-soft:color-mix(in srgb,var(--brand,#087f9c) 7%,var(--surface,#fff))}.fin-all-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.fin-all-metric{display:grid;gap:5px;text-align:left;padding:12px 15px;background:var(--surface,#fff);color:var(--text,#17334c);border:1px solid var(--line,#dce5ed);border-left:3px solid var(--portfolio-accent);border-radius:10px;cursor:pointer;min-width:0}.fin-all-metric[aria-pressed=true]{background:var(--portfolio-soft);outline:1px solid var(--portfolio-accent)}.fin-all-metric span{font-size:11px;font-weight:600}.fin-all-metric strong{font-size:20px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.fin-all-metric small{font-size:10px;color:var(--muted,#627a8b)}.metric-payable{border-left-color:#b77931}.metric-overdue{border-left-color:#bf4b5a}.fin-all-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.4fr);gap:12px;padding:15px 20px}.fin-all-filters>label,.fin-all-advanced>label,.fin-all-advanced>div{display:grid;gap:6px;font-size:11px;min-width:0}.fin-all-filters .ops-search{align-self:end;min-width:0;width:100%;max-width:none}.fin-all-titles select{min-height:40px;max-width:100%;width:100%;border:1px solid var(--line,#d6e2eb);border-radius:8px;padding:8px 10px;background:var(--surface,#fff);color:var(--text,#17334c);font:inherit}.fin-all-quick{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 15px}.fin-all-quick button,.fin-all-view button{border:1px solid var(--line,#d6e2eb);border-radius:7px;background:var(--surface,#fff);color:var(--text,#17334c);padding:8px 12px;font-size:11px;cursor:pointer;min-height:36px}.fin-all-quick .active,.fin-all-view [aria-pressed=true]{background:var(--portfolio-accent);color:#fff;border-color:var(--portfolio-accent)}.fin-all-advanced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:15px 20px;align-items:end}.fin-all-advanced .date-range-trigger{width:100%;min-width:0}.fin-all-list-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line,#dce5ed);font-size:11px}.fin-all-list-tools>label{display:flex;gap:8px;align-items:center;min-width:0}.fin-all-list-tools>label:first-child{margin-right:auto}.fin-all-list-tools input{width:17px;height:17px;accent-color:var(--brand,#087f9c)}.fin-all-view{display:flex;gap:4px}.fin-all-selection{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 20px;background:var(--portfolio-soft);font-size:12px}.fin-all-selection small{width:100%;color:var(--muted,#627a8b)}.fin-all-titles .fin-list-columns>span:nth-child(2){text-align:left}.fin-all-titles .fin-list-row{min-width:0}.fin-all-titles .fin-portfolio-toolbar{gap:14px;flex-wrap:wrap}.fin-all-titles .fin-portfolio-toolbar h2{margin:0}.fin-all-titles .fin-portfolio-toolbar p{font-size:11px;color:var(--muted,#627a8b)}
@media(max-width:760px){.fin-all-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fin-all-metric{padding:10px 12px}.fin-all-metric strong{font-size:18px}.fin-all-filters{grid-template-columns:minmax(0,1fr);padding:14px;gap:10px}.fin-all-quick{padding:0 14px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fin-all-quick button{padding:8px 5px;min-width:0}.fin-all-advanced{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.fin-all-advanced>div{grid-column:1/-1}.fin-all-list-tools{padding:12px 14px;gap:8px;display:grid;grid-template-columns:minmax(0,1fr) 42px}.fin-all-list-tools>label:first-child{grid-column:1/-1}.fin-all-view{grid-column:1/-1}.fin-all-view button{flex:1}.fin-all-list-tools>label:not(:first-child){display:grid;grid-template-columns:auto minmax(0,1fr)}.fin-all-list-tools>.btn{padding:9px;min-width:0}.fin-all-selection{padding:12px 14px}.fin-all-selection>span{width:100%}.fin-all-titles .fin-portfolio-toolbar{padding:16px 14px}.fin-all-titles .fin-portfolio-footer{padding:14px}.fin-all-titles .fin-portfolio-totals{gap:10px}.fin-all-titles .fin-portfolio-totals strong{font-size:12px}}
.fin-all-statement-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0;margin-bottom:14px;border-bottom:1px solid var(--line,#dce5ed);font-size:11px}.fin-all-statement-totals span{display:grid;gap:5px;min-width:0}.fin-all-statement-totals strong{font-size:14px;overflow-wrap:anywhere}.fin-all-titles .ops-modal-body>.fin-portfolio-export-tools{margin-bottom:16px}
.fin-all-titles .fin-list-state .fin-badge.fin-partial+.fin-list-partial{display:none}

/* The document statement is narrower than the desktop viewport. Its rows must
   follow the space inside the dialog, rather than the full-page column grid. */
.ops-modal:has(.fin-all-statement-totals){width:min(1100px,calc(100vw - 32px))}
.ops-modal:has(.fin-all-statement-totals) .ops-modal-body{container:finance-statement / inline-size}
.ops-modal:has(.fin-all-statement-totals) .fin-list-row{grid-template-columns:22px repeat(4,minmax(0,1fr));gap:16px;padding:18px 0;border-left:0;align-items:start}
.ops-modal:has(.fin-all-statement-totals) .fin-list-check{grid-column:1;grid-row:1;align-self:start;padding-top:3px}
.ops-modal:has(.fin-all-statement-totals) .fin-list-identity{grid-column:2/-1;grid-row:1;grid-template-columns:minmax(0,1fr) minmax(320px,1.25fr);gap:5px 20px}
.ops-modal:has(.fin-all-statement-totals) .fin-list-title{grid-column:1;grid-row:1;font-size:14px;line-height:1.5}
.ops-modal:has(.fin-all-statement-totals) .fin-list-party{grid-column:1;grid-row:2;line-height:1.5}
.ops-modal:has(.fin-all-statement-totals) .fin-list-context{grid-column:1;grid-row:3;white-space:normal;font-size:11px;line-height:1.5;display:block}
.ops-modal:has(.fin-all-statement-totals) .fin-list-tags{grid-column:1;grid-row:4;align-self:start}
.ops-modal:has(.fin-all-statement-totals) .fin-title-context.is-compact{grid-column:2;grid-row:1/5;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);margin:0;align-self:start}
.ops-modal:has(.fin-all-statement-totals) .fin-context-group{padding:10px;min-width:0}
.ops-modal:has(.fin-all-statement-totals) .fin-context-value strong{font-size:12px}
.ops-modal:has(.fin-all-statement-totals) .fin-context-value small{font-size:11px;line-height:1.5}
.ops-modal:has(.fin-all-statement-totals) .fin-list-date{grid-column:2;grid-row:2;justify-self:stretch;text-align:left;display:grid;gap:4px}
.ops-modal:has(.fin-all-statement-totals) .fin-list-value{grid-row:2;text-align:left;white-space:normal;font-size:14px;overflow-wrap:anywhere}
.ops-modal:has(.fin-all-statement-totals) .fin-list-value:nth-child(4){grid-column:3}
.ops-modal:has(.fin-all-statement-totals) .fin-list-value:nth-child(5){grid-column:4}
.ops-modal:has(.fin-all-statement-totals) .fin-list-value:nth-child(6){grid-column:5}
.ops-modal:has(.fin-all-statement-totals) .fin-list-date>small,.ops-modal:has(.fin-all-statement-totals) .fin-list-value>small{display:block;margin:0 0 5px;font-size:11px;color:var(--muted,#627a8b)}
.ops-modal:has(.fin-all-statement-totals) .fin-list-balance>b{font-size:14px}
.ops-modal:has(.fin-all-statement-totals) .fin-list-operations{grid-column:2/-1;grid-row:3;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line,#dce5ed);padding-top:12px}
.ops-modal:has(.fin-all-statement-totals) .fin-list-buttons .btn,.ops-modal:has(.fin-all-statement-totals) .fin-list-menu summary{font-size:12px;min-height:36px;padding:8px 12px}
.ops-modal:has(.fin-all-statement-totals) .fin-portfolio-export-tools{margin:14px 0}
@container finance-statement (max-width:640px){
 .fin-list-row{grid-template-columns:18px repeat(3,minmax(0,1fr))!important;gap:12px!important}
 .fin-list-identity{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}
 .fin-list-identity .fin-title-context.is-compact{grid-column:1!important;grid-row:5!important;grid-template-columns:minmax(0,1fr)!important;margin-top:6px!important}
 .fin-list-date{grid-column:2/-1!important;grid-row:2!important;display:flex!important;flex-wrap:wrap;gap:5px 10px!important;align-items:center}
 .fin-list-value{grid-row:3!important;font-size:13px!important}
 .fin-list-value:nth-child(4){grid-column:2!important}.fin-list-value:nth-child(5){grid-column:3!important}.fin-list-value:nth-child(6){grid-column:4!important}
 .fin-list-operations{grid-row:4!important}
 .fin-list-buttons{justify-content:flex-start}
 .fin-list-date>small{margin:0!important}
}