.payables-header,.payables-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.payables-header h2{margin:0;font-size:22px}.payables-header p{max-width:690px}.payables-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.payables-card{appearance:none;text-align:left;font:inherit;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);min-width:0;cursor:pointer}.payables-card-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;line-height:1.4}.payables-card-label i{font-style:normal;color:var(--ui-gold,#c9a96e);font-weight:400}.payables-card strong{display:block;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.1;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.payables-card .sample-chip{margin-left:0!important;width:fit-content}.payables-list{display:grid;gap:10px;margin:18px 0}.payable-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(100px,.8fr) minmax(100px,.8fr) auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:12px}.payable-row h3{margin:0 0 5px;font-size:16px;overflow-wrap:anywhere}.payable-row p,.payable-row small{font-size:13px;line-height:1.5;margin:0}.payable-row strong{font-variant-numeric:tabular-nums}.payable-row .payable-value{display:grid;gap:5px}.payable-row .payable-value>strong{font-size:18px}.payable-status{font-weight:600;color:var(--text,#172b43)}.payable-status.overdue{color:#9a332d}.payables-note{font-size:13px;line-height:1.6;margin:12px 0}.payables-warning{padding:14px;border:1px solid #a6742d;border-radius:8px;font-size:13px}.payables-form .field input,.payables-form .field select,.payables-form .field textarea{font-size:16px;min-height:44px}.payables-form .field small{font-size:12px}.payables-form .payables-wide{grid-column:1/-1}.payables-form [role=alert]{color:#9a332d;margin:12px 0;min-height:1em;font-size:13px}.payables-section .button,.payables-section .text-button,.payables-form .button{min-height:44px}.payables-section .sample-chip{vertical-align:middle;margin-left:7px}.payables-history summary{font-size:14px;font-weight:600;cursor:pointer;padding:14px 0}.payables-section .table-wrap td{font-size:13px}.payables-section .table-wrap small{font-size:12px}.payable-source dl{display:grid;grid-template-columns:minmax(185px,1.25fr) minmax(0,1.75fr);gap:10px 14px;font-size:14px;align-items:baseline}.payable-source dt{font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.payable-source dt .sample-chip{margin-left:0}.payable-source dd{margin:0;overflow-wrap:anywhere}.payable-source .table-wrap{overflow-x:hidden;margin:14px 0}.payable-payments-table{width:100%;table-layout:fixed;white-space:normal}.payable-payments-table th,.payable-payments-table td{padding:10px 8px;white-space:normal;overflow-wrap:anywhere;vertical-align:top}.payable-payments-table th:first-child,.payable-payments-table td:first-child{width:96px;white-space:nowrap}.payable-payments-table th.num,.payable-payments-table td.num{width:96px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.payables-empty{padding:24px;border:1px dashed var(--line);border-radius:12px;margin:20px 0}.payables-empty h3{margin-top:0}.payables-empty p{font-size:14px;line-height:1.6}.payables-form [type=file]{width:100%;font-size:14px}.payables-form .fields{margin:18px 0}
@media(max-width:680px){.payables-cards{grid-template-columns:1fr;gap:10px}.payables-card{padding:16px;gap:8px}.payables-card strong{font-size:26px}.payable-row{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.payable-row>div:first-child{grid-column:1/-1}.payable-row>.button{grid-column:1/-1;width:100%}.payables-form .fields{grid-template-columns:1fr}.payable-source dl{grid-template-columns:1fr;gap:4px}.payable-source dd{margin-bottom:10px}}