.record-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.record-summary .admin-card{margin:0;display:grid;gap:20px}.record-summary strong{font-size:36px}.record-summary a{justify-self:start}.record-search{display:flex;align-items:end;gap:14px;margin:20px 0}.record-search label{flex:1;margin:0;max-width:520px}.record-search input{margin-top:8px}.record-search button{height:52px}.record-paging,.record-tabs{display:flex;gap:12px;margin:20px 0}.record-dialog{width:min(720px,92vw);max-height:85vh;overflow:auto;border:1px solid #82939c;border-radius:16px;padding:28px;background:var(--surface,#fff);color:var(--text,#182c3b)}.record-dialog::backdrop{background:#10253488}.record-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px}.record-dialog dl{display:grid;grid-template-columns:160px 1fr;gap:16px}.record-dialog dt{font-weight:600}.record-dialog dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.record-dialog p{white-space:pre-wrap;overflow-wrap:anywhere}.table-scroll td{max-width:420px;overflow-wrap:anywhere}.record-search input{width:100%}@media(max-width:560px){.record-search{align-items:stretch;flex-direction:column}.record-dialog dl{grid-template-columns:1fr;gap:8px}.record-dialog dd{margin-bottom:12px}}



.dashboard-content.financial-page{max-width:1380px;width:100%;box-sizing:border-box}.financial-card{border-top:3px solid var(--button,#214e64)}.financial-process-filter{display:block;max-width:640px;margin:18px 0}.financial-process-filter select{display:block;width:100%;margin-top:8px}.financial-total{padding:16px;border-radius:8px;background:var(--tint,#edf3e5);font-weight:600}.financial-page .record-search{flex-wrap:wrap}



/* Highlight the complete data row while hovering or using its controls. */

.dashboard-content table tbody tr>td{transition:background-color 140ms ease}

@media(hover:hover){.dashboard-content table tbody tr:hover>td{background-color:#e8f5fc}body[data-theme=dark] .dashboard-content table tbody tr:hover>td{background-color:#294657}}

.dashboard-content table tbody tr:focus-within>td{background-color:#e8f5fc}

body[data-theme=dark] .dashboard-content table tbody tr:focus-within>td{background-color:#294657}

@media(prefers-reduced-motion:reduce){.dashboard-content table tbody tr>td{transition:none}}



/* The table scrolls independently so headings stay visible in long listings. */

.table-scroll{overflow-x:auto;position:relative}

.table-scroll table{border-collapse:separate;border-spacing:0}

.table-scroll thead th{background:var(--surface,#f7f9fa)}

body[data-theme=dark] .table-scroll thead th{background:#263744}



/* Finance follows the shared module heading, search and indicator cards. */

.dashboard-content.financial-page{max-width:1500px}

.financial-page .financial-context{margin:0 0 18px;font-size:13px}

.financial-page .financial-summary{margin-bottom:22px}

.financial-page .financial-summary .client-summary-card{min-width:0;text-decoration:none;margin:0}

.financial-page .financial-summary strong{min-width:0;white-space:nowrap;font-variant-numeric:tabular-nums}

.financial-summary section{cursor:default}

.financial-month-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 14px}

.financial-month-toolbar h2{font-size:17px;font-weight:500;margin:0;text-transform:capitalize;letter-spacing:0}

.financial-month-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.financial-month-controls .action-button,.financial-month-controls input{height:36px;margin:0;box-sizing:border-box;font-size:12px}

.financial-month-controls input{width:174px;padding:6px 10px}

.financial-month-controls .financial-month-arrow{width:36px;padding:0;font-size:22px}

@media(max-width:600px){.financial-month-toolbar{align-items:flex-start;flex-direction:column}.financial-month-controls{width:100%}}

.record-dialog.hearing-dialog.payment-dialog>form{display:block;padding:20px 26px 0}

.payment-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.payment-fields label:first-child,.payment-fields label:last-child{grid-column:1/-1}

.payment-fields input,.payment-fields select,.payment-fields textarea{width:100%;min-width:0;box-sizing:border-box}

.payment-dialog .feedback:empty{display:none}

@media(max-width:560px){.payment-fields{grid-template-columns:1fr}.record-dialog.hearing-dialog.payment-dialog>form{padding:16px 18px 0}}

.financial-page .financial-card{padding:0;border:1px solid #dfe6eb;border-radius:12px;margin-top:0;overflow:hidden}

.financial-page .clients-heading{padding:0;background:transparent;border:0;min-height:0}

.financial-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}

.financial-toolbar>label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;color:var(--muted,#657582)}

.financial-toolbar select{height:38px;font-size:13px}

.financial-page .financial-status{margin:0;font-size:16px;font-weight:500;color:inherit}

.financial-card th,.financial-card td{padding:12px 20px;vertical-align:middle}

.financial-card th{font-size:12px}

.financial-card td{font-size:14px;font-variant-numeric:tabular-nums}

.financial-card table{min-width:720px;width:100%}

.financial-card :is(th,td):first-child{text-align:left;white-space:normal;width:38%}

.financial-card [data-column=installment_type]{text-align:left;white-space:normal;width:22%}

.financial-card :is([data-column=value],[data-column=client_percent],[data-column=company_percent],[data-column=succumbency]){text-align:right;white-space:nowrap}

.financial-card td[data-column=value]{font-weight:600}

.financial-card .financial-breakdown{min-width:1100px;table-layout:fixed}

.financial-card .financial-breakdown>thead>tr>th,.financial-card .financial-breakdown>tbody>.financial-payment-row>td{box-sizing:border-box;padding:14px 12px}

.financial-card .financial-breakdown>thead>tr>th:first-child,.financial-card .financial-breakdown>tbody>.financial-payment-row>td:first-child{width:32%;padding-left:20px}

.financial-card .financial-breakdown>thead>tr>[data-column=installment_type],.financial-card .financial-breakdown>tbody>.financial-payment-row>[data-column=installment_type]{width:18%;overflow-wrap:anywhere}

.financial-card .financial-breakdown [data-column=installment]{width:12%;text-align:center;white-space:nowrap}

.financial-card .financial-breakdown [data-column=dates]{width:12%;text-align:center;white-space:nowrap}

.financial-card .financial-breakdown [data-column=value]{width:14%;text-align:center;padding-left:12px;padding-right:12px}

.financial-card .financial-breakdown [data-column=value] :is(.financial-money-aligned,.financial-sort-button){display:inline-block;width:112px;max-width:100%;text-align:right}

.financial-card .financial-breakdown>thead>tr>th:last-child,.financial-card .financial-breakdown>tbody>.financial-payment-row>td:last-child{width:12%;padding-left:8px;padding-right:16px}

.financial-card [data-column=payment_date],.financial-card :is(th,td):last-child{text-align:center}

.financial-card .financial-outputs-table{table-layout:fixed;min-width:1000px}
.financial-card .financial-outputs-table :is(th,td){padding:16px 20px;vertical-align:middle}
.financial-card .financial-outputs-table [data-column=description]{width:34%;text-align:left;overflow-wrap:anywhere}
.financial-card .financial-outputs-table th[data-column=description]{padding-left:64px}
.financial-card .financial-outputs-table [data-column=installment_type]{width:18%;text-align:left;overflow-wrap:anywhere}
.financial-card .financial-outputs-table [data-column=payment_date]{width:12%;text-align:center;white-space:nowrap}
.financial-card .financial-outputs-table [data-column=value]{width:12%;text-align:right;white-space:nowrap}
.financial-card .financial-outputs-table [data-column=situation]{width:16%;text-align:center;white-space:normal}
.financial-outputs-table [data-column=situation] :is(.payment-confirmed,.payment-pending){justify-content:center}
.financial-outputs-table .payment-confirmed>div{text-align:left;overflow-wrap:anywhere}
.financial-card .financial-outputs-table :is(th,td):last-child{width:8%;padding-left:8px;padding-right:16px;text-align:center}
.financial-outputs-table .financial-identity-layout{gap:14px}
.financial-outputs-table .financial-client-name{font-size:14px;line-height:1.5}
.financial-card .financial-outputs-table .financial-row-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:8px;min-width:0;width:100%}
.financial-outputs-table .financial-row-actions>.financial-comment-indicator{flex-shrink:0}

.financial-payment-date{position:relative;display:inline-flex;align-items:center;white-space:nowrap}

.financial-page .financial-today{position:static;display:inline-flex;align-items:center;flex-shrink:0;color:#ff616b}

.financial-page .financial-today[hidden]{display:none}

.financial-page .financial-today svg{display:block;width:23px;height:23px}

.financial-page .financial-today:not([hidden]){animation:activity-fire-blink 1.4s ease-in-out infinite}

body[data-theme=dark] .financial-page .financial-today{color:#ff8991}

@media(prefers-reduced-motion:reduce){.financial-page .financial-today:not([hidden]){animation:none}}

.financial-client-name{display:block;font-size:15px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}

.financial-identity-layout{display:flex;align-items:center;gap:20px;text-align:left}

.financial-identity-text{min-width:0}

.financial-flow-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:7px}

.financial-flow-icon svg{width:19px;height:19px}

.financial-flow-icon.is-incoming{color:#23774e;background:#e7f5ed}

.financial-flow-icon.is-outgoing{color:#b34d30;background:#fff0e9}

body[data-theme=dark] .financial-flow-icon.is-incoming{color:#9bdcb5;background:#24493b}

body[data-theme=dark] .financial-flow-icon.is-outgoing{color:#ffbaa1;background:#51392f}

.financial-card .financial-identity .process-number{margin-top:0;font-size:12px;line-height:1.3;color:var(--muted,#657582);white-space:normal}

.financial-card .financial-identity .process-number strong{font-weight:400}

.financial-payment-row{cursor:pointer}

.financial-card .financial-row-actions{display:grid;grid-template-columns:28px 28px 32px;justify-content:center;align-items:center;gap:8px}

.financial-row-actions .financial-payment-status{grid-column:2;grid-row:1}

.financial-row-actions .financial-today{grid-column:2;grid-row:1;justify-self:center}

.financial-row-actions .financial-payment-status.is-partial{grid-column:3}

.financial-row-actions.has-payment-overdue .financial-payment-status.is-partial{grid-column:3}

.financial-payment-overdue{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#bc3434;background:#fce8e8}

.financial-payment-overdue[hidden]{display:none}.financial-payment-overdue svg{width:23px;height:23px}

body[data-theme=dark] .financial-payment-overdue{color:#ffaaaa;background:#542e35;--overdue-badge-border:#542e35;--overdue-badge-mark:#542e35}

.financial-row-actions .record-more-button{grid-column:3;grid-row:1}

.financial-payment-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%}

.financial-payment-status[hidden]{display:none}.financial-payment-status svg{width:23px;height:23px}

.financial-payment-status.is-paid{color:#23774e;background:#e7f5ed}.financial-payment-status.is-partial{color:#a96b0a;background:#fff0d9}

body[data-theme=dark] .financial-payment-status.is-paid{color:#9bdcb5;background:#24493b}body[data-theme=dark] .financial-payment-status.is-partial{color:#f1c97d;background:#513e24}

.financial-row-actions .record-more-button,.payment-partials-table .record-more-button{width:32px;height:32px;padding:0;font-size:24px;line-height:1;border:1px solid #d8e2e9;border-radius:7px}

body[data-theme=dark] .financial-row-actions .record-more-button,body[data-theme=dark] .payment-partials-table .record-more-button{background:#203342;color:#d9e8f2;border-color:#425362}

@media(pointer:coarse){.financial-card .financial-row-actions{grid-template-columns:28px 23px 44px}.financial-row-actions .record-more-button,.payment-partials-table .record-more-button{width:44px;height:44px}}

.financial-expand svg{transition:transform .16s ease}

.financial-expand[aria-expanded=true] svg{transform:rotate(180deg)}

.financial-card .financial-expanded-row[hidden]{display:none}

.financial-card .financial-breakdown .financial-expanded-row>td{padding:0 20px 16px;text-align:left;white-space:normal;width:auto;background:var(--surface,#fff)}

.financial-card .financial-payment-row.is-expanded>td{background:#eef5fa}

.payment-composition{width:780px;max-width:100%;box-sizing:border-box;margin-left:auto;padding:18px 22px;border:1px solid #d5e3ed;border-left:3px solid #214e64;border-radius:8px;background:#f5f9fc}

.payment-composition h3{font-size:15px;font-weight:600;margin:0 0 14px}

.payment-composition-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}

.payment-composition-toolbar h3{margin:0}.payment-composition-toolbar button{min-height:40px}

.record-dialog.hearing-dialog.payment-confirm-dialog{width:780px;max-width:calc(100% - 32px)}

.record-dialog.hearing-dialog.payment-confirm-dialog>form{grid-template-columns:minmax(0,1fr);gap:12px}

.payment-confirm-context{padding:0 0 18px;border-bottom:1px solid #d8e3eb;margin-bottom:0}

.payment-confirm-context p{margin:6px 0 0;font-size:12px}
.payment-edit-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:center;gap:24px}
.payment-edit-client{min-width:0;overflow-wrap:anywhere}
.payment-confirm-context .payment-edit-type{display:flex;flex-direction:column;gap:6px;margin:0;max-width:440px;width:100%;font-size:13px;justify-self:end}
.payment-edit-context .payment-edit-type small:empty{display:none}
@media(max-width:700px){.payment-edit-context{grid-template-columns:minmax(0,1fr);gap:16px}.payment-edit-context .payment-edit-type{max-width:none}}
.payment-edit-type select{width:100%;min-height:42px}
.payment-edit-type small{font-size:12px;color:var(--muted,#637b8d)}

.payment-confirm-part,.payment-edit-columns{display:grid;grid-template-columns:36px minmax(0,1fr) 100px 150px 42px;gap:14px;align-items:center;padding:12px 14px}

.payment-edit-columns{font-size:12px;color:var(--muted,#657582);padding-top:2px;padding-bottom:10px}

.payment-edit-columns>span:first-child{justify-self:center;text-align:center}

.payment-confirm-part{background:#f3f7fa;border:1px solid #d8e3eb;border-radius:9px;margin-bottom:8px;min-height:66px}

.payment-confirm-part label{font-size:13px}.record-dialog.payment-confirm-dialog .payment-confirm-choice{display:contents}

.payment-edit-amount{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}

.record-dialog.payment-confirm-dialog .payment-confirm-choice input[type=checkbox]{appearance:auto;width:18px;height:18px;min-width:18px;padding:0;margin:0;box-shadow:none;accent-color:#214e64;justify-self:center}

.payment-confirm-choice small{display:block;margin-top:5px}.payment-confirm-part-detail small{display:block;margin-top:6px;font-size:12px;overflow-wrap:anywhere}

.payment-confirm-part input[type=date]{display:block;width:100%;box-sizing:border-box;margin:0;padding:9px;border:1px solid #cbd9e2;border-radius:6px;background:var(--surface,#fff);color:inherit;font:inherit}

.payment-confirm-note{font-size:12px;color:var(--muted,#657582)}.payment-confirm-total{font-size:14px;font-weight:600}

.payment-edit-summary{margin-right:auto}.payment-edit-summary p{margin:0}.payment-edit-summary .payment-confirm-note{margin-top:5px}

.payment-edit-actions{display:flex;gap:10px;flex-wrap:wrap}.payment-confirm-dialog .hearing-dialog-footer{flex-wrap:wrap;gap:16px}

body[data-theme=dark] .payment-confirm-part{background:#223744}body[data-theme=dark] .payment-confirm-context,body[data-theme=dark] .payment-confirm-part,body[data-theme=dark] .payment-confirm-part input[type=date]{border-color:#425362}

@media(max-width:600px){.payment-edit-columns{display:none}.payment-confirm-part{grid-template-columns:24px minmax(0,1fr) 100px;gap:10px}.payment-confirm-part-detail{grid-column:2/-1}.payment-edit-actions{margin-left:auto}}

.payment-composition-line{display:grid;grid-template-columns:minmax(200px,1fr) 140px 200px;gap:18px;align-items:center;padding:10px 12px;border-bottom:1px solid #dfe6eb;font-size:13px}

.payment-composition-line>:nth-child(2){text-align:right;font-variant-numeric:tabular-nums}

.payment-composition-line>:last-child{padding-left:8px}

.payment-composition-head{font-size:12px;color:#657582;padding-top:0}

.payment-composition-line strong{font-weight:500}

.payment-part-status{display:inline-block;border-radius:14px;padding:4px 10px;font-size:12px;background:#e9eef2;color:#526579}

.payment-part-status.is-paid{background:#e5f5e7;color:#27653a}

.payment-part-status.is-pending{background:#fff0d9;color:#875609}

.payment-pending{display:inline-flex;align-items:center;gap:10px;padding:4px 0;border:0;background:transparent;color:#9a670b;font:inherit;font-size:12px;text-align:left}

button.payment-pending{cursor:pointer}button.payment-pending:disabled{opacity:.6;cursor:wait}

button.payment-pending:focus-visible{outline:2px solid #214e64;outline-offset:4px;border-radius:4px}

.payment-pending .hearing-line-icon,.payment-confirm-icon{display:inline-flex;align-items:center;flex:0 0 28px;width:28px;height:30px}

.payment-pending .hearing-line-icon svg,.payment-confirm-icon svg{width:26px;height:26px}

.payment-confirmed{display:flex;align-items:center;gap:10px;font-size:12px;overflow-wrap:anywhere}

.payment-confirm-icon{color:#267151}.payment-confirmed small{display:block;font-size:10px;color:#657582;margin-top:4px}

.payment-confirm-feedback{margin:14px 0 0;font-size:12px}

body[data-theme=dark] .payment-pending{color:#e7b962}body[data-theme=dark] .payment-confirm-icon{color:#9ad2ae}body[data-theme=dark] .payment-confirmed small{color:#bac8d1}

.payment-composition-total{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:13px}

.payment-check{color:#27653a;margin-left:14px}.payment-mismatch{color:#875609}

body[data-theme=dark] .financial-card .financial-payment-row.is-expanded>td{background:#294657}

body[data-theme=dark] .payment-composition{background:#223744;border-color:#425362}

body[data-theme=dark] .payment-composition-head{color:#bac8d1}

body[data-theme=dark] .payment-composition-line{border-color:#425362}

body[data-theme=dark] .payment-check{color:#a5d6b0}body[data-theme=dark] .payment-mismatch{color:#f3c882}

@media(prefers-reduced-motion:reduce){.financial-expand svg{transition:none}}

@media(pointer:fine){.financial-card .financial-identity .process-copy{width:24px;height:24px;padding:0}}


.financial-card .financial-process-filter{margin:16px 20px}

.financial-card .table-scroll>p{padding:24px 20px;text-align:center}

body[data-theme=dark] .financial-page .financial-card,body[data-theme=dark] .financial-toolbar,body[data-theme=dark] .financial-card .financial-paging{border-color:#425362}

@media(min-width:701px) and (max-width:1250px){.financial-page .financial-summary .client-summary-card{flex-wrap:wrap}.financial-page .financial-summary strong{flex-basis:100%;text-align:right}}

@media(max-width:480px){.financial-page .financial-summary .client-summary-card{flex-wrap:wrap}.financial-page .financial-summary strong{flex-basis:100%}.financial-toolbar>label{flex-wrap:wrap}}



.payment-partial-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:6px!important;color:#214e64;border:1px solid #b4cbd8;border-radius:7px;background:#fff}.payment-partial-icon svg{width:20px;height:20px}

.payment-partial-note{display:block;font-size:11px;color:#986007;margin-top:5px}.payment-partial-status small{display:block;font-size:12px;margin-top:5px}

.payment-confirm-part.has-payment-history{cursor:pointer}

.payment-history-hint{display:block;font-size:11px;color:#41677e;margin-top:5px}

.payment-inline-history{padding:0 14px 12px 64px;margin-bottom:8px}

.payment-inline-history[hidden]{display:none}

.payment-inline-history table{width:100%;border-collapse:collapse;font-size:12px}

.payment-inline-history caption{text-align:left;font-weight:600;padding:8px 0}

.payment-inline-history th,.payment-inline-history td{text-align:left;padding:8px;border-bottom:1px solid #d8e3eb}

.payment-inline-history th:last-child,.payment-inline-history td:last-child{text-align:right;font-variant-numeric:tabular-nums}

body[data-theme=dark] .payment-history-hint{color:#badeef}body[data-theme=dark] .payment-inline-history th,body[data-theme=dark] .payment-inline-history td{border-color:#425362}

@media(max-width:600px){.payment-inline-history{padding-left:12px}}

.record-dialog.hearing-dialog.payment-partials-dialog{width:700px;max-width:calc(100% - 32px)}

.record-dialog.hearing-dialog.payment-partials-dialog>form{grid-template-columns:minmax(0,1fr);gap:16px}

.record-dialog.hearing-dialog.payment-delete-dialog{width:540px;max-width:calc(100% - 32px)}.record-dialog.hearing-dialog.payment-delete-dialog>form{grid-template-columns:minmax(0,1fr);gap:16px}

.payment-partials-actions{display:flex;justify-content:flex-end}.payment-partials-new{background:#214e63;color:#fff;border-color:#214e63}.payment-partials-new:hover{background:#183c4e}.payment-partials-new:disabled{opacity:.5;cursor:default}.payment-partials-history h3{font-size:14px;margin:0 0 12px}.payment-partials-table-wrap{overflow:auto}.payment-partials-table{width:100%;border-collapse:collapse}.payment-partials-table th,.payment-partials-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #d8e3eb}.payment-partials-table th{font-size:11px;color:#667e8e;font-weight:500}.payment-partials-table td:nth-child(2){font-weight:600;white-space:nowrap}.payment-partials-table td:last-child,.payment-partials-table th:last-child{text-align:right}.payment-partials-table .action-button{padding:6px 10px;font-size:12px}.payment-partials-editor{padding:16px;background:#f3f7fa;border:1px solid #d8e3eb;border-radius:8px}.payment-partials-editor[hidden]{display:none}.payment-partials-editor .payment-partial-entry{grid-template-columns:1fr 1fr;padding:12px 0;border:0;margin:0}.payment-partials-editor .hearing-dialog-footer{margin-top:8px}.payment-partials-metrics>div:nth-child(2) strong{color:#237b54}.payment-partials-metrics[data-status=partial]>div:last-child strong{color:#a46509}body[data-theme=dark] .payment-partials-editor{background:#223744;border-color:#425362}body[data-theme=dark] .payment-partials-metrics>div:nth-child(2) strong{color:#85d9af}

.payment-partials-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;background:#f3f7fa;border-radius:8px}.payment-partials-metrics small{display:block;font-size:12px;margin-bottom:6px}.payment-partials-metrics strong{font-size:15px}

.payment-partial-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:12px;align-items:end;padding:12px;background:#f3f7fa;border:1px solid #d8e3eb;border-radius:8px;margin-bottom:8px}.payment-partial-entry label{font-size:12px}.payment-partial-entry button{height:42px;padding:0}.payment-partial-entry input{box-sizing:border-box;background:var(--surface,#fff);color:inherit}

.payment-partials-history{font-size:12px}.payment-partials-history summary{cursor:pointer}.payment-partials-history-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #d8e3eb}

body[data-theme=dark] .payment-partial-entry,body[data-theme=dark] .payment-partials-metrics{background:#223744;border-color:#425362}body[data-theme=dark] .payment-partial-icon{background:#223744;color:#badeef;border-color:#425362}

@media(max-width:600px){.payment-confirm-part>.payment-partial-icon{grid-column:3;grid-row:2;justify-self:end}.payment-confirm-part-detail{grid-column:2/3}.payment-partials-metrics{grid-template-columns:1fr}.payment-partial-entry{grid-template-columns:1fr 36px}.payment-partial-entry label{grid-column:1}.payment-partial-entry button{grid-column:2;grid-row:2}}

.payment-delete-dialog select[hidden]{display:none}

.financial-sort-button{background:transparent;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}.financial-sort-button:hover{color:var(--button,#214e64)}.financial-sort-button:focus-visible{outline:2px solid var(--button,#214e64);outline-offset:4px;border-radius:3px}.financial-card th[aria-sort=ascending],.financial-card th[aria-sort=descending]{color:var(--button,#214e64);font-weight:600}



.payment-edit-rows{max-height:55vh;overflow-y:auto;padding-right:4px}

.payment-installment-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;margin:18px 0 8px;color:#214e64}

.payment-installment-heading:first-child{margin-top:0}

.payment-installment-heading small{font-size:12px;font-weight:400}


/* Compact installment editor: one shared header and one identity cell per installment. */
.record-dialog.hearing-dialog.payment-compact-dialog{width:960px}
.payment-compact-list{--payment-identity:142px;--payment-gap:12px;max-height:55vh;overflow:auto;padding:0 4px 0 0}
.payment-compact-columns{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:var(--payment-identity) 32px minmax(150px,1fr) 112px 132px 42px;gap:var(--payment-gap);align-items:center;padding:10px 12px;margin-bottom:6px;background:#eaf2f7;color:var(--muted,#657582);font-size:12px;border-radius:6px;min-width:760px;box-sizing:border-box}
.payment-compact-columns>span:nth-child(2),.payment-compact-columns>span:last-child{text-align:center}
.payment-installment-group{display:grid;grid-template-columns:var(--payment-identity) minmax(0,1fr);gap:var(--payment-gap);padding:0 12px;margin-bottom:6px;border:1px solid #d8e3eb;border-radius:7px;background:#f3f7fa;min-width:760px;box-sizing:border-box}
.payment-installment-identity{padding:12px 0;display:flex;flex-direction:column;gap:4px;font-size:14px}
.payment-installment-identity small{font-size:12px;color:var(--muted,#657582)}
.payment-installment-parts{min-width:0}
.payment-compact-list .payment-confirm-part{grid-template-columns:32px minmax(150px,1fr) 112px 132px 42px;gap:var(--payment-gap);padding:8px 0;min-height:56px;margin:0;background:transparent;border:0;border-radius:0;box-sizing:border-box}
.payment-compact-list .payment-confirm-part:not(:first-child){border-top:1px solid #d8e3eb}
.payment-compact-list .payment-confirm-part-detail{grid-column:auto}
.payment-compact-list .payment-confirm-part>.payment-partial-icon{grid-column:auto;grid-row:auto;justify-self:center}
.payment-compact-list .payment-confirm-part-detail input{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:8px;border:1px solid #cbd9e2;border-radius:6px;background:var(--surface,#fff);color:inherit;font:inherit;height:36px}
.payment-compact-list .payment-inline-history{padding:0 0 8px 44px;margin:0}
.payment-compact-list .payment-confirm-choice small{margin-top:3px}
body[data-theme=dark] .payment-installment-group{background:#223744;border-color:#425362}
body[data-theme=dark] .payment-compact-columns{background:#293f4c}
body[data-theme=dark] .payment-compact-list .payment-confirm-part,body[data-theme=dark] .payment-compact-list .payment-confirm-part-detail input{border-color:#425362}

.payment-compact-columns .payment-sort-button{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left;white-space:nowrap;min-height:24px;box-shadow:none}
.payment-compact-columns .payment-sort-button:hover,.payment-compact-columns .payment-sort-button[aria-pressed=true]{color:#214e64}
.payment-sort-icon{font-size:14px;line-height:1}
body[data-theme=dark] .payment-compact-columns .payment-sort-button[aria-pressed=true]{color:#badeef}

.record-dialog.hearing-dialog.payment-compact-dialog{width:1100px}
.payment-compact-list{--payment-identity:125px;--payment-gap:24px}
.payment-compact-columns{grid-template-columns:var(--payment-identity) 145px minmax(170px,1fr) 112px 170px 42px;min-width:940px}
.payment-installment-group{grid-template-columns:var(--payment-identity) 145px minmax(0,1fr);min-width:940px}
.payment-compact-list .payment-confirm-part{grid-template-columns:minmax(170px,1fr) 112px 170px 42px}
.payment-compact-columns>span:nth-child(2),.payment-compact-columns>span:nth-child(5){text-align:center}
.payment-state-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.payment-compact-list .payment-state-button{border:1px solid transparent;border-radius:6px;padding:8px 10px;min-height:36px;width:100%;font:inherit;font-size:12px;font-weight:600;cursor:pointer;background:#214e64;color:#fff;white-space:nowrap}
.payment-compact-list .payment-state-button[data-state=paid]{background:#e3f3e9;border-color:#b7dec6;color:#167045}
.payment-compact-list .payment-state-button[data-state=partial]{background:#fff1d6;border-color:#f0d29a;color:#925b00}
.payment-compact-list .payment-state-button:hover:not(:disabled){filter:brightness(.95)}
.payment-compact-list .payment-state-button:disabled{opacity:.65;cursor:default}
.payment-state-summary{font-size:11px;line-height:1.4;color:#925b00}
.payment-state-summary:empty{display:none}
.payment-compact-list .payment-inline-history{padding-left:0}
body[data-theme=dark] .payment-state-summary{color:#f0c578}

.payment-compact-list .payment-installment-date{display:flex;align-items:center;justify-content:center;grid-column:auto;padding:8px 0;min-width:0}
.payment-compact-list .payment-installment-date input{text-align:center;width:100%;box-sizing:border-box}

.payment-partials-dialog .record-actions-popover .record-menu-action{box-sizing:border-box}

.payment-confirmed small:first-child{margin-top:0}

.payment-date-field{position:relative;width:100%;min-width:0}
.payment-compact-list .payment-date-field>input:first-child{padding-right:34px;text-align:center}
.payment-compact-list .payment-date-field>.payment-date-picker{position:absolute;bottom:0;left:0;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}
.payment-compact-dialog .payment-date-calendar{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:0;padding:4px;margin:0;border:0;border-radius:4px;background:transparent;color:#476071;cursor:pointer}
.payment-date-calendar svg{width:18px;height:18px}
.payment-compact-dialog .payment-date-calendar:hover:not(:disabled){background:#e7eef3}
.payment-compact-dialog .payment-date-calendar:disabled{opacity:.5;cursor:default}
body[data-theme=dark] .payment-compact-dialog .payment-date-calendar{color:#bdcedb}

.financial-card .financial-row-actions{grid-template-columns:28px 28px 28px 32px}
.financial-row-actions .record-more-button{grid-column:4}
.financial-row-actions .financial-comment-indicator{grid-column:1;grid-row:1;width:28px;height:32px;padding:0;color:#42677e;border-radius:7px;background:transparent}
.financial-comment-indicator svg{width:20px;height:20px;stroke-width:1.7}
.financial-row-actions .financial-comment-indicator:hover{color:#214e64;background:#edf2f5}
.financial-row-actions .financial-comment-indicator:focus-visible{outline:2px solid #2563b8;outline-offset:2px}
body[data-theme=dark] .financial-row-actions .financial-comment-indicator{color:#afc9da}
body[data-theme=dark] .financial-row-actions .financial-comment-indicator:hover{background:#365a70;color:#c7e7fa}
@media(pointer:coarse){.financial-card .financial-row-actions{grid-template-columns:44px 28px 28px 44px}.financial-row-actions .financial-comment-indicator{width:44px;height:44px}}

/* Comentários, alertas, estado do pagamento e menu de ações. */
.financial-card .financial-row-actions{grid-template-columns:28px 28px 28px 32px}
.financial-row-actions .financial-comment-indicator{grid-column:1}
.financial-row-actions .financial-today,.financial-row-actions .financial-payment-overdue{grid-column:2}
.financial-row-actions .record-more-button{grid-column:4}
.financial-row-actions .financial-payment-status,.financial-row-actions .financial-payment-status.is-partial,.financial-row-actions.has-payment-overdue .financial-payment-status.is-partial{grid-column:3}
@media(pointer:coarse){.financial-card .financial-row-actions{grid-template-columns:44px 28px 28px 44px}}

.payment-partials-new[aria-disabled=true]{opacity:.6}
.payment-partials-paid-notice{margin:12px 0 0;padding:12px 14px;border:1px solid #d8e3eb;border-radius:7px;background:#f3f7fa;color:#476071;font-size:13px;line-height:1.5}
body[data-theme=dark] .payment-partials-paid-notice{background:#223744;border-color:#425362;color:#bdcedb}

/* Keep only visible indicators in the action row, without empty slots. */
.financial-card .financial-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.financial-row-actions .financial-comment-indicator{order:1}
.financial-row-actions .financial-today,.financial-row-actions .financial-payment-overdue{order:2}
.financial-row-actions .financial-payment-status{order:3}
.financial-row-actions .record-more-button{order:4;flex-shrink:0}

/* Payments due today follow the active today indicator. */
.financial-card tr:has(.financial-row-actions.has-payment-flame)>td{background:#fff5e6}
.financial-card tr:has(.financial-row-actions.has-payment-flame)>td:first-child{box-shadow:inset 4px 0 0 #df8a20}
.financial-card tr:has(.financial-row-actions.has-payment-flame):hover>td,
.financial-card tr:has(.financial-row-actions.has-payment-flame)[aria-expanded=true]>td{background:#ffedcf}
body[data-theme=dark] .financial-card tr:has(.financial-row-actions.has-payment-flame)>td{background:#403323}
body[data-theme=dark] .financial-card tr:has(.financial-row-actions.has-payment-flame)>td:first-child{box-shadow:inset 4px 0 0 #e9a344}
body[data-theme=dark] .financial-card tr:has(.financial-row-actions.has-payment-flame):hover>td,
body[data-theme=dark] .financial-card tr:has(.financial-row-actions.has-payment-flame)[aria-expanded=true]>td{background:#503d27}

.financial-payment-date{gap:10px}
.financial-page .financial-payment-date .financial-today{width:30px;height:30px;align-items:center;justify-content:center}
.financial-page .financial-payment-date .financial-today svg{width:30px;height:30px}

.financial-today-alert{order:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#fff0d9;color:#c77908}
.financial-today-alert[hidden]{display:none}
.financial-today-alert svg{width:20px;height:20px}
body[data-theme=dark] .financial-today-alert{background:#513e24;color:#f1b74f}

/* Anchor the flame outside the date text so all dates share the same alignment. */
.financial-page .financial-payment-date .financial-today{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%)}
.process-finance-summary{margin:10px 0 22px;color:var(--text,#193749)}.process-finance-overview,.process-finance-distribution>section{background:var(--surface,#fff);border:1px solid #dce5ec;border-radius:12px;padding:20px}.process-finance-top{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}.process-finance-top strong{display:block;font-size:28px;font-weight:600;margin:7px 0}.process-finance-summary small{display:block;color:#617889;font-size:12px}.process-finance-progress{width:35%;min-width:220px}.process-finance-progress progress{display:block;width:100%;height:10px;margin:12px 0;accent-color:#277554}.process-finance-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid #dce5ec;padding-top:16px;margin-top:20px}.process-finance-label{display:flex;align-items:center;gap:8px;font-size:13px}.process-finance-label svg{width:18px;height:18px}.process-finance-label .summary-icon{border:0;padding:0;width:24px;height:24px;background:transparent}.process-finance-facts b{display:block;font-size:16px;margin:6px 0}.process-finance-distribution{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.process-finance-distribution>section{border-top:3px solid #9ebec6}.process-finance-distribution strong{display:block;font-size:24px;font-weight:600;margin-top:12px}.process-finance-split{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:13px}.process-finance-split:first-of-type{border-top:1px solid #dce5ec;padding-top:12px}.process-finance-summary strong,.process-finance-summary b{font-variant-numeric:tabular-nums}body[data-theme=dark] .process-finance-summary small{color:#b1c4d0}body[data-theme=dark] .process-finance-overview,body[data-theme=dark] .process-finance-distribution>section,body[data-theme=dark] .process-finance-facts{border-color:#415763}@media(max-width:700px){.process-finance-facts{grid-template-columns:1fr}.process-finance-progress{width:100%}.process-finance-distribution{grid-template-columns:1fr}}
/* Resumo do processo: apresentação compacta e cores por destinatário. */
.process-finance-overview{padding:12px 18px;background:#e8f2f3;border-color:#c6dfe2}
.process-finance-top{gap:12px}
.process-finance-top strong{font-size:24px;margin:2px 0}
.process-finance-facts{padding-top:10px;margin-top:10px;gap:12px}
.process-finance-facts b{font-size:15px;margin:1px 0}
.process-finance-distribution{gap:12px;margin-top:10px}
.process-finance-distribution>section{padding:14px 16px;background:#edf4fd;border-color:#cfdfef;border-top-color:#92b4d5}
.process-finance-distribution>section:nth-child(2){background:#edf6ee;border-color:#d1e3d3;border-top-color:#98bd9d}
.process-finance-distribution>section:nth-child(3){background:#f3eff9;border-color:#dfd6ed;border-top-color:#b4a1ce}
.process-finance-distribution>section:nth-child(4){background:#f3f5f7;border-color:#dce2e7;border-top-color:#a8b5bf}
.process-finance-distribution strong{font-size:22px;margin-top:1px}
.process-finance-split{margin-top:2px}
.process-finance-split:first-of-type{padding-top:3px}
.process-finance-summary{margin-bottom:8px}
body[data-theme=dark] .process-finance-distribution>section{background:#21374b;border-color:#3b5670}
body[data-theme=dark] .process-finance-distribution>section:nth-child(2){background:#253c30;border-color:#46624e}
body[data-theme=dark] .process-finance-distribution>section:nth-child(3){background:#352e45;border-color:#5c4f70}
body[data-theme=dark] .process-finance-distribution>section:nth-child(4){background:#2c3740;border-color:#4d5c68}

.process-finance-progress progress{margin:7px 0;height:8px}
body[data-theme=dark] .process-finance-overview{background:#213c42;border-color:#40616a}
/* Valores principais à esquerda e complementos à direita. */
.process-finance-distribution>section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.process-finance-card-main{min-width:0}
.process-finance-balances{display:grid;gap:9px;align-self:center}
.process-finance-balances .process-finance-split{margin:0;padding:0;border:0;gap:12px}
.process-finance-balances b{white-space:nowrap}
.process-finance-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.process-finance-facts>div>small{text-align:right;max-width:48%}
@media(max-width:1150px){.process-finance-distribution{grid-template-columns:1fr}.process-finance-facts>div{flex-wrap:wrap}.process-finance-facts>div>small{text-align:left;max-width:100%}}
@media(max-width:420px){.process-finance-distribution>section{grid-template-columns:1fr}.process-finance-balances{width:100%}}

.financial-summary[hidden],.process-finance-summary[hidden]{display:none}



.payment-kind-switch{display:flex;gap:4px;padding:4px;background:#edf3f7;border-radius:9px;margin:0 0 0 auto;width:300px;max-width:100%;flex-shrink:0}
.payment-kind-switch .payment-kind-button{flex:1;border:0;border-radius:6px;padding:10px 20px;background:transparent;color:#48687d;font-weight:600;cursor:pointer}
.payment-kind-switch .payment-kind-button[aria-pressed=true]{background:#214e64;color:#fff;box-shadow:0 1px 3px #16344320}
.payment-kind-switch .payment-kind-button:focus-visible{outline:2px solid #a7c76b;outline-offset:2px}
.payment-adaptive-fields>label[hidden]{display:none}
.payment-adaptive-fields>.payment-output-status{grid-column:auto}
.payment-adaptive-fields>.payment-wide-field{grid-column:1/-1}
body[data-theme=dark] .payment-kind-switch{background:#172a38}body[data-theme=dark] .payment-kind-switch .payment-kind-button{color:#e0eaf0}

.payment-link-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px;grid-column:1/-1;align-items:start}
.payment-link-fields[hidden]{display:none}
.payment-link-fields>div{min-width:0}.payment-link-fields label{display:flex;flex-direction:column;gap:6px}
.payment-link-fields>.settings-help{grid-column:2;margin:0;font-size:12px}
@media(max-width:560px){.payment-link-fields{grid-template-columns:minmax(0,1fr)}.payment-link-fields>.settings-help{grid-column:1}}

@media(max-width:560px){.payment-dialog .hearing-dialog-header{gap:12px}.payment-dialog .hearing-dialog-header h2{font-size:18px}.payment-dialog .payment-kind-switch{width:auto}.payment-dialog .payment-kind-button{padding:9px 10px}}

.payment-plan{grid-column:1/-1;min-width:0}.payment-plan[hidden]{display:none}
.payment-plan-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.payment-plan-controls>label{grid-column:auto!important;display:flex;flex-direction:column;gap:6px;margin:0}
.payment-plan-schedule{max-height:300px;overflow:auto;margin-top:20px}.payment-plan-schedule h3{font-size:15px;margin:0 0 12px}
.payment-plan-schedule table{width:100%;border-collapse:collapse}.payment-plan-schedule th{text-align:left;background:#edf3f7;position:sticky;top:0}.payment-plan-schedule th,.payment-plan-schedule td{padding:8px 12px;border-bottom:1px solid #dce5ec}.payment-plan-schedule input[readonly]{background:#edf3f7}
body[data-theme=dark] .payment-plan-schedule th,body[data-theme=dark] .payment-plan-schedule input[readonly]{background:#203744}
@media(max-width:560px){.payment-plan-controls{grid-template-columns:1fr}.payment-plan-schedule th,.payment-plan-schedule td{padding:6px}}

.payment-create-dialog>.hearing-dialog-header{position:sticky;top:0;z-index:4;background:inherit}
.record-dialog.hearing-dialog.payment-dialog.payment-create-dialog{width:calc(100vw - 32px);max-width:1200px}
.payment-create-dialog .hearing-dialog-footer .action-button{min-width:120px}
@media(min-width:1000px){.payment-create-dialog .payment-entry-table th,.payment-create-dialog .payment-entry-table td{padding-left:10px;padding-right:10px}.payment-create-dialog .payment-entry-table thead th:nth-child(3){width:172px}}

.payment-composition-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr 1.25fr;gap:12px;align-items:end;padding-top:16px;border-top:1px solid #dce5ec}
.payment-composition-fields[hidden]{display:none}.payment-composition-fields>label{grid-column:auto!important;min-width:0;display:flex;flex-direction:column;gap:8px;margin:0;font-size:12px}
.payment-composition-fields input{text-align:right}

@media(max-width:700px){.payment-composition-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.payment-composition-fields{grid-template-columns:minmax(0,1fr)}}

.payment-entry-installments{grid-column:1/-1;min-width:0}.payment-entry-installments[hidden]{display:none}
.payment-entry-installment{padding:14px 0;border-top:1px solid #dce5ec}.payment-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.payment-entry-heading h3{font-size:14px;margin:0}.payment-entry-heading button{padding:6px 12px}.payment-entry-heading button[hidden]{display:none}.payment-entry-installment .payment-composition-fields{border-top:0;padding-top:0}.payment-entry-installments>button{margin-top:8px}

.payment-entry-table-scroll{overflow-x:auto}.payment-entry-table{width:100%;min-width:820px;table-layout:fixed;border-collapse:collapse}
.payment-entry-table th,.payment-entry-table td{padding:10px 6px;text-align:left;vertical-align:middle}.payment-entry-table thead th{background:#eaf2f7;color:#4c687c;font-size:11px;font-weight:500;border-bottom:1px solid #d5e1ea}.payment-entry-table thead th:first-child{width:64px}.payment-entry-table thead th:nth-child(3){width:152px}.payment-entry-table thead th:last-child{width:44px;font-size:0}.payment-entry-table tbody th{font-size:12px;white-space:nowrap}.payment-entry-table input{text-align:right;font-variant-numeric:tabular-nums}.payment-entry-table input[type=date]{text-align:center}.payment-entry-table .client-icon-button[hidden],.payment-entry-notice[hidden]{display:none}.payment-entry-table td{border-bottom:1px solid #e7edf2}.payment-entry-table .payment-entry-notice td{padding:0 6px 8px;border-bottom:1px solid #d5e1ea}.payment-entry-check{font-size:12px;padding:6px 10px;border-radius:5px}.payment-entry-check[data-state=warning]{background:#fff4e5;color:#925100}.payment-entry-check[data-state=ok]{background:#edf7f1;color:#21704b}.payment-entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.payment-entry-summary{font-size:13px;color:#526d7c;font-variant-numeric:tabular-nums}
body[data-theme=dark] .payment-entry-table thead th{background:#263e4c;color:#c1d4df}body[data-theme=dark] .payment-entry-table td,body[data-theme=dark] .payment-entry-table th{border-color:#405461}body[data-theme=dark] .payment-entry-check[data-state=warning]{background:#423320;color:#ffd0a0}body[data-theme=dark] .payment-entry-check[data-state=ok]{background:#243e33;color:#a4d6bd}body[data-theme=dark] .payment-entry-summary{color:#b9cbd6}
.payment-adaptive-fields>.payment-installment-type{grid-column:auto;max-width:440px;width:100%;margin:0}
.payment-adaptive-fields>.payment-installment-type[hidden]{display:none}
.payment-entry-bottom>.action-button{margin-left:auto}
.payment-adaptive-fields>.payment-entry-summary{display:flex;justify-content:flex-start;align-items:center;align-self:end;gap:8px;min-height:42px;margin:0;padding:0;background:none;border:0;font-size:14px;line-height:1.4;white-space:nowrap}
.payment-adaptive-fields>.payment-entry-summary[hidden]{display:none}
.payment-entry-summary strong{font-size:15px;font-weight:700;color:#204d62}
.payment-entry-count{font-weight:600}
.payment-entry-separator{margin:0 4px}
body[data-theme=dark] .payment-entry-summary strong{color:#e2edf3}
@media(max-width:700px){.payment-adaptive-fields>.payment-entry-summary{grid-column:1/-1;white-space:normal;flex-wrap:wrap}}
.financial-installment-badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:136px;height:30px;padding:0 8px;border-radius:8px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;vertical-align:middle}
.financial-installment-badge.is-paid{background:#e4f3eb;color:#177247;border:1px solid #a8d4bc}
.financial-installment-badge.is-overdue{background:#fce7e8;color:#b52d3a;border:1px solid #e6b0b6}
.financial-installment-badge.is-today{background:#fff0d9;color:#995700;border:1px solid #e8bc79}
.financial-installment-badge.is-partial{background:#fff5d6;color:#866000;border:1px solid #e3cd88}
.financial-installment-badge.is-pending{background:#eaf1f7;color:#42647e;border:1px solid #b8cddd}