/* Pronto Flux / Contas a Pagar 2026-10-14 — hierarquia de Encomendas, compacto e responsivo */
.payable-workspace{gap:12px}
.payable-workspace .page-head-actions .btn{min-height:38px;font-size:11px;border-radius:10px}
.payable-workspace-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}
.payable-workspace-tabs button{display:flex;align-items:center;gap:8px;min-height:35px;padding:8px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-weight:760;font-size:11px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.payable-workspace-tabs button b{min-width:22px;text-align:center;border:1px solid var(--border);padding:3px 5px;border-radius:7px;font-size:10px;background:var(--panel2);color:var(--text)}
.payable-workspace-tabs button:hover{color:var(--text);border-color:var(--border);background:var(--panel2)}
.payable-workspace-tabs button.active{border-color:rgba(215,25,32,.38);background:rgba(215,25,32,.10);color:var(--red)}
.payable-workspace-tabs button.active b{background:#D71920;border-color:#D71920;color:white}
.payable-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.payable-metric{border:1px solid var(--border);border-radius:13px;background:var(--panel);padding:14px 13px;display:grid;gap:8px;min-width:0}
.payable-metric::before{content:"";height:3px;width:27px;border-radius:3px;background:var(--border)}
.payable-metric.paid::before{background:#20a56a}.payable-metric.open::before{background:#d71920}.payable-metric.upcoming::before{background:#3291e8}.payable-metric.overdue::before{background:#df5058}.payable-metric.installments::before{background:#e39f2d}
.payable-metric small{color:var(--muted);font-size:10px;font-weight:750}
.payable-metric strong{font-size:clamp(17px,1.55vw,23px);line-height:1.15;letter-spacing:-.45px;color:var(--text);overflow-wrap:anywhere}
.payable-metric.paid strong{color:#1ea66d}.payable-metric.overdue strong{color:#f04b57}
.payable-metric span{font-size:9px;line-height:1.4;color:var(--muted)}
.payable-metrics-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}
.payable-workspace-filters{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(230px,1fr);align-items:end;gap:12px;border:1px solid var(--border);padding:15px;border-radius:13px;background:var(--panel)}
.payable-workspace-search,.payable-workspace-dates label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:10px;font-weight:750}
.payable-workspace-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.payable-workspace-filters .input{height:40px;font-size:12px;border-radius:9px}
.payable-workspace-quick{display:grid;gap:6px}
.payable-workspace-quick>span{font-size:10px;color:var(--muted);font-weight:750}
.payable-workspace .payable-quick-pills button{min-height:31px;font-size:10px}
.payable-workspace-group{font-size:11px;display:flex;align-items:center;gap:7px;color:var(--muted);cursor:pointer}
.payable-workspace-group input{accent-color:#d71920}
.payable-workspace-filters .btn{justify-self:end;min-height:36px;font-size:10px}
.payable-workspace-results{display:flex;align-items:center;justify-content:space-between;gap:14px}
.payable-workspace-results>div{display:grid;gap:3px}
.payable-workspace-results b{font-size:14px}
.payable-workspace-results small,.payable-workspace-results>span{font-size:10px;color:var(--muted)}
.payable-workspace .payable-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.payable-workspace-card{gap:12px;padding:14px;border-radius:13px;background:var(--panel);align-content:start}
.payable-workspace-card:focus-visible{outline:3px solid rgba(215,25,32,.3);outline-offset:3px}
.payable-workspace-card .payable-card-top{grid-template-columns:35px minmax(0,1fr) auto;gap:9px}
.payable-workspace-card .payable-card-icon{width:35px;height:35px;border-radius:10px}
.payable-workspace-card .payable-card-top h3{font-size:12px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.payable-workspace-card .payable-card-top small{font-size:9px}
.payable-workspace-supplier{min-height:16px;color:var(--muted);font-size:10px}
.payable-workspace-amounts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;border-radius:10px;background:var(--panel2);border:1px solid var(--border)}
.payable-workspace-amounts>div{display:grid;gap:5px;min-width:0}
.payable-workspace-amounts span{font-size:9px;color:var(--muted)}
.payable-workspace-amounts strong{font-size:14px;color:var(--text);overflow-wrap:anywhere}
.payable-workspace-amounts strong.is-pending{color:#ef525e}
.payable-workspace-progress{display:grid;gap:7px}
.payable-workspace-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:9px}
.payable-workspace-progress span,.payable-workspace-progress b{color:var(--muted);font-size:9px;font-weight:650}
.payable-workspace-track{height:6px;background:var(--panel2);border-radius:99px;overflow:hidden}
.payable-workspace-track i{display:block;height:100%;background:#22a96e;border-radius:99px}
.payable-workspace-due{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;padding-top:9px;border-top:1px solid var(--border)}
.payable-workspace-due span{color:var(--muted)}
.payable-workspace-due b{color:var(--text)}
.payable-workspace-card>.btn{margin-top:auto;min-height:35px;font-size:10px;border-radius:9px}
.payable-workspace .payable-empty{grid-column:1/-1;padding:35px}
.payables-page .payable-payment-title{padding:15px;border-radius:12px;border-color:rgba(215,25,32,.22)}
.payables-page .payable-payment-grid .field>label{font-size:10px}
@media(max-width:1250px){.payable-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.payable-workspace .payable-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.payable-workspace .payable-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payable-workspace-filters{grid-template-columns:1fr}}
@media(max-width:650px){.payable-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payable-workspace .payable-card-grid{grid-template-columns:1fr}.payable-workspace-results{align-items:flex-start;flex-direction:column}.payable-workspace-filters{padding:12px}.payable-workspace-tabs button{font-size:10px;padding:7px}.payable-workspace-amounts strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.payable-workspace-card,.payable-workspace-tabs button{transition:none;transform:none!important}}

/* Modal de quitação: hierarquia visual clara sem alterações no processamento financeiro. */
.payable-payment-spotlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 15px}
.payable-payment-spotlight>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--panel2)}
.payable-payment-spotlight span{font-size:10px;color:var(--muted);font-weight:720}
.payable-payment-spotlight b{font-size:15px;line-height:1.3;color:var(--text);overflow-wrap:anywhere}
.payable-payment-spotlight>div:first-child b{color:var(--red)}
.payable-payment-grid{gap:12px}
.payable-payment-grid .field>label{font-size:10px;font-weight:760}
.payable-payment-grid .input,.payable-payment-grid .select{min-height:39px;border-radius:9px}
.payable-partial-box{border-radius:12px;gap:10px;padding:14px}
.payable-partial-warning,.payable-partial-choice{font-size:11px;line-height:1.5}
.payable-payment-title{border-color:color-mix(in srgb,var(--red) 23%,var(--border));padding:13px;border-radius:12px}
.payable-payment-title b{font-size:13px}
.payable-payment-title small{font-size:10px}
@media(max-width:560px){.payable-payment-spotlight{grid-template-columns:1fr 1fr}.payable-payment-spotlight>div:first-child{grid-column:1/-1}}

/* Despesas: mesma hierarquia visual de Contas a Pagar e Receber, sem modificar lançamentos. */
.expenses-workspace .expenses-workspace-filters{grid-template-columns:minmax(210px,1.2fr) minmax(230px,1fr)}
.expenses-workspace-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.expenses-workspace-selects label{display:grid;gap:6px;min-width:0;font-size:10px;font-weight:750;color:var(--muted)}
.expenses-workspace-selects .select{height:40px;max-width:100%;border-radius:9px;font-size:12px}
.expense-workspace-card .expense-workspace-payment{font-size:10px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.expense-workspace-note{margin:0;color:var(--muted);font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.expense-workspace-created{font-size:9px;color:var(--muted);margin-top:-5px}
.expenses-workspace .page-head-actions{display:flex;flex-wrap:wrap;gap:7px}
@media(max-width:960px){.expenses-workspace .expenses-workspace-filters{grid-template-columns:1fr}}
@media(max-width:650px){.expenses-workspace-selects{grid-template-columns:1fr}.expenses-workspace .page-head-actions .btn{font-size:10px}}

/* Financeiro unificado: Despesas dentro de Contas a Pagar, 16 itens por página */
.payables-page .payable-view-switch{display:flex;gap:5px;background:var(--panel);border:1px solid var(--border);padding:4px;border-radius:10px}
.payables-page .payable-view-switch button{border:1px solid transparent;border-radius:7px;padding:8px 10px;background:transparent;color:var(--muted);cursor:pointer;font-weight:750;font-size:10px}
.payables-page .payable-view-switch button.active{color:var(--red);border-color:rgba(215,25,32,.3);background:rgba(215,25,32,.08)}
.payables-page .payable-workspace-dates{grid-template-columns:1.3fr 1fr 1fr}
.payables-page .payable-workspace-dates .select{height:40px;border-radius:9px;font-size:11px}
.payables-page .payable-entry-kind{color:var(--red);font-size:9px;font-weight:760}
.payables-page .payable-entry-created{color:var(--muted);font-size:9px;margin-top:-6px}
@media(min-width:1080px){.payables-page .payable-card-grid:not(.payable-workspace-list){grid-template-columns:repeat(4,minmax(0,1fr))}}
.payables-page .payable-card-grid.payable-workspace-list{grid-template-columns:1fr!important;gap:8px}
.payables-page .payable-list-row{display:grid;grid-template-columns:minmax(230px,2.2fr) minmax(115px,1fr) minmax(100px,.85fr) minmax(100px,.8fr) auto;align-items:center;gap:13px;min-width:0;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;cursor:pointer}
.payables-page .payable-list-row:hover{border-color:rgba(215,25,32,.3);background:var(--panel2)}
.payables-page .payable-list-row:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.payables-page .payable-list-main{display:flex;align-items:center;gap:11px;min-width:0}
.payables-page .payable-list-main>div{min-width:0;display:grid;gap:3px}
.payables-page .payable-list-main h3{font-size:12px;font-weight:760;margin:0;overflow-wrap:anywhere;color:var(--text)}
.payables-page .payable-list-main small,.payables-page .payable-list-money span,.payables-page .payable-list-money small,.payables-page .payable-list-status small,.payables-page .payable-list-date small{font-size:9px;color:var(--muted)}
.payables-page .payable-list-money,.payables-page .payable-list-status,.payables-page .payable-list-date{display:grid;gap:5px;min-width:0}
.payables-page .payable-list-money strong,.payables-page .payable-list-date strong{font-size:12px;color:var(--text)}
.payables-page .payable-list-row>.btn{min-height:34px;font-size:10px}
@media(max-width:1079px){.payables-page .payable-list-row{grid-template-columns:minmax(220px,2fr) minmax(100px,1fr) minmax(90px,.8fr) auto}.payables-page .payable-list-date{display:none}}
@media(max-width:760px){.payables-page .payable-list-row{grid-template-columns:minmax(0,1.7fr) minmax(95px,1fr) auto}.payables-page .payable-list-status{display:none}.payables-page .payable-workspace-dates{grid-template-columns:1fr 1fr}.payables-page .payable-workspace-dates label:first-child{grid-column:1/-1}.payables-page .payable-workspace-results{flex-wrap:wrap}}
@media(max-width:490px){.payables-page .payable-list-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}.payables-page .payable-list-money{grid-column:1/2}.payables-page .payable-list-row>.btn{grid-column:2;grid-row:1 / span 2}.payables-page .page-head-actions{display:flex;flex-wrap:wrap;gap:5px}}

/* 2026-10-15 — Pagamento e recebimento compacto, valores parciais e formas combinadas */
.receivable-payment-layout{grid-template-columns:minmax(0,1fr) 155px!important;gap:16px;align-items:start}
.receivable-payment-fields{grid-column:1;grid-row:1}
.receivable-proof-panel{grid-column:2;grid-row:1;padding:12px;gap:10px}
.receivable-proof-panel>span{font-size:10px}
.receivable-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.receivable-payment-grid .field{display:grid;gap:7px}
.receivable-payment-grid .field>label{color:var(--muted);font-size:11px;font-weight:750}
.receivable-payment-grid .field .input,.receivable-payment-grid .field .select{min-height:40px;font-size:12px;border-radius:9px}
.receivable-payment-grid .field.full{grid-column:1/-1}
.receivable-payment-fields>.field.full{border:1px solid var(--border);background:var(--panel2);border-radius:11px;padding:12px;margin-bottom:12px}
.receivable-payment-fields>.field.full .input{background:transparent;border:none;padding:3px 0;font-size:14px;font-weight:780}
.receivable-payment-grid #receivablePaidAmount{font-weight:800;color:var(--text);border-color:rgba(215,25,32,.35)}
.receivable-payment-grid #receivableDueAmount{font-weight:800;color:var(--red)}
.receivable-payment-grid #receivablePaidAmount:focus{outline:2px solid rgba(215,25,32,.2)}
.receivable-payment-layout:has(#receivableAdditionalMethods) .receivable-proof-preview{height:90px}
.receivable-settlement-intro{display:grid;gap:5px;margin-bottom:13px;padding:13px;border-radius:11px;background:var(--panel);border:1px solid var(--border)}
.receivable-settlement-intro strong{font-size:15px}
.receivable-settlement-intro span{font-size:10px;color:var(--muted);line-height:1.4}
.receivable-payment-multi-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px}
.receivable-payment-multi-head>div{display:grid;gap:5px}
.receivable-payment-multi-head b{font-size:12px}
.receivable-payment-multi-head small{font-size:10px;color:var(--muted)}
.receivable-payment-multi-head .btn{font-size:10px;white-space:nowrap}
.receivable-additional-methods{display:grid;gap:8px;margin-top:10px}
.receivable-split-row{display:grid;grid-template-columns:minmax(150px,1.5fr) minmax(110px,1fr) auto;gap:8px;align-items:end;padding:10px;background:var(--panel2);border:1px solid var(--border);border-radius:10px}
.receivable-split-row .field{display:grid;gap:6px}
.receivable-split-row .field>label{font-size:10px;color:var(--muted)}
.receivable-split-row .input,.receivable-split-row .select{min-height:39px}
.receivable-split-remove{min-height:39px!important;font-size:10px!important}
.receivable-split-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.receivable-split-summary>div{padding:12px;border:1px solid var(--border);border-radius:10px;display:grid;gap:7px;background:var(--panel2)}
.receivable-split-summary span{font-size:10px;color:var(--muted)}
.receivable-split-summary b{font-size:17px;font-weight:820}
.receivable-split-summary .remaining b{color:var(--red)}
.receivable-payment-grid #receivablePaymentNotes{min-height:77px;font-size:11px}
#receivablePartialBox{margin-top:13px;padding:14px;border-radius:11px}
#receivablePartialBox .payable-partial-warning,#receivablePartialBox .payable-partial-choice{font-size:11px;line-height:1.5}
#receivablePartialBox .field>label{font-size:11px}
#receivablePartialBox input{min-height:40px}
.receivable-multiple-notice{padding:10px 12px;border:1px solid var(--border);border-radius:9px;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:930px){.receivable-payment-layout{grid-template-columns:1fr!important}.receivable-payment-fields{grid-column:1;grid-row:1}.receivable-proof-panel{grid-column:1;grid-row:2;grid-template-columns:90px 1fr auto;align-items:center}}
@media(max-width:560px){.receivable-payment-grid{grid-template-columns:1fr!important}.receivable-split-row{grid-template-columns:1fr 1fr}.receivable-split-row .field:first-child{grid-column:1/-1}.receivable-split-summary{grid-template-columns:1fr 1fr}.receivable-split-summary>div:last-child{grid-column:1/-1}.receivable-payment-multi-head{align-items:flex-start;flex-direction:column}}