/* BureauChat V12.0.5 - A payer UX / responsive / separate create & edit dialogs */
.payables-modal{padding:clamp(10px,3vw,28px);align-items:center;justify-content:center;overflow:hidden}
.payables-modal .payables-modal-card{width:min(760px,calc(100vw - 24px));max-width:760px;max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;border-radius:22px;padding:0;background:var(--surface,#fff)}
.payables-modal-header{position:sticky;top:0;z-index:2;padding:24px 28px 18px;background:inherit;border-bottom:1px solid var(--border,#e2e8f0)}
.payables-modal-header h2{margin:2px 0 6px}.payables-modal-header p{margin:0;color:var(--muted,#667085)}.payables-modal-header small{font-weight:700;color:var(--muted,#667085);text-transform:uppercase;letter-spacing:.04em}
.payables-modal .modal-close{position:sticky;float:right;top:14px;margin:14px 14px -54px 0;z-index:4}
.payables-modal form{padding:22px 28px 28px}
.payables-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.payables-form-grid .span-2{grid-column:1/-1}
.payables-form-grid label,.payables-create-single label,.payables-edit-series label{display:flex;flex-direction:column;gap:7px;font-weight:700;min-width:0}
.payables-form-grid input,.payables-form-grid select,.payables-form-grid textarea,.payables-create-single input,.payables-edit-series input,.payables-edit-series select{width:100%;min-height:46px}
.payables-payment-kind{border:0;padding:0;margin:20px 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.payables-payment-kind legend{font-weight:800;margin-bottom:9px;grid-column:1/-1}
.payables-kind-card{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border,#dbe3ee);border-radius:14px;background:var(--surface-soft,#f8fafc);cursor:pointer}
.payables-kind-card:has(input:checked){border-color:var(--primary,#1769ff);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#1769ff) 16%,transparent)}.payables-kind-card input{width:20px;height:20px;flex:0 0 auto;margin-top:2px}.payables-kind-card span{display:flex;flex-direction:column;gap:3px}.payables-kind-card small{font-weight:500;color:var(--muted,#667085);line-height:1.35}
.payables-create-single,.payables-create-recurring,.payables-edit-series,.payables-optional{margin-top:18px}.payables-create-recurring,.payables-edit-series{padding:16px;border:1px solid var(--border,#dbe3ee);border-radius:16px;background:var(--surface-soft,#f8fafc)}
.payables-section-title{display:flex;flex-direction:column;gap:3px;margin-bottom:13px}.payables-section-title strong{font-size:1rem}.payables-section-title small{color:var(--muted,#667085)}
.payables-edit-future{margin-top:14px}.payables-modal-actions{position:sticky;bottom:-28px;z-index:2;margin:24px -28px -28px;padding:14px 28px;background:var(--surface,#fff);border-top:1px solid var(--border,#e2e8f0);display:flex;justify-content:flex-end;gap:10px}
.payables-note.recurrence{font-weight:700}
[hidden]{display:none!important}
@media(max-width:760px){.payables-modal{padding:0;align-items:stretch}.payables-modal .payables-modal-card{width:100%;max-width:none;max-height:100dvh;height:100dvh;border-radius:0}.payables-modal-header{padding:20px 18px 16px}.payables-modal form{padding:18px}.payables-modal .modal-close{margin-right:8px}.payables-form-grid{grid-template-columns:1fr;gap:13px}.payables-form-grid .span-2{grid-column:auto}.payables-payment-kind{grid-template-columns:1fr}.payables-modal-actions{bottom:-18px;margin:22px -18px -18px;padding:12px 18px}.payables-modal-actions .btn{flex:1;min-height:46px}}
@media(min-width:761px) and (max-height:760px){.payables-modal .payables-modal-card{max-height:calc(100dvh - 16px)}.payables-modal-header{padding-top:18px;padding-bottom:14px}.payables-modal form{padding-top:16px}}