#modal:has(.doc-center){width:min(1040px,97vw)}.doc-center-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.doc-center-head h2{margin:0}.doc-center-head small{display:block;color:#6c7971;margin-top:4px}.doc-type-actions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.doc-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:13px;border:1px solid #d9e2dc;border-radius:10px;background:#f7faf8}.doc-form label{display:grid;gap:4px;font-size:12px;font-weight:700}.doc-form input,.doc-form select,.doc-form textarea{padding:9px;border:1px solid #c6d2ca;border-radius:8px;background:#fff}.doc-form .wide{grid-column:1/-1}.doc-customer{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.doc-customer summary{grid-column:1/-1;cursor:pointer;font-weight:800}.doc-history{margin-top:16px;border:1px solid #d9e2dc;border-radius:10px;overflow:hidden}.doc-history h3{margin:0;padding:11px 13px;background:#edf3ef;font-size:14px}.doc-row{display:grid;grid-template-columns:1.1fr .8fr .7fr 1.4fr;align-items:center;gap:10px;padding:11px 13px;border-top:1px solid #e4eae6}.doc-row small{display:block;color:#6c7971;margin-top:3px}.doc-row.sent{background:#f3faf5}.doc-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.doc-empty{padding:18px;text-align:center;color:#6c7971}.doc-send{display:grid;gap:9px}.doc-send label{display:grid;gap:4px;font-weight:700;font-size:12px}.doc-send input,.doc-send textarea{padding:9px;border:1px solid #c6d2ca;border-radius:8px}.doc-status{min-height:20px;color:#315f49;font-weight:700}
@media(max-width:760px){.doc-form{grid-template-columns:1fr}.doc-form .wide,.doc-customer{grid-column:auto}.doc-customer{grid-template-columns:1fr}.doc-row{grid-template-columns:1fr 1fr}.doc-row-actions{grid-column:1/-1;justify-content:flex-start}.doc-center-head{display:block}}

.doc-invoice-send{display:grid;gap:14px}.doc-send-options{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.7fr) minmax(150px,.7fr);gap:10px;padding:12px;border:1px solid #d9e2dc;border-radius:10px;background:#f7faf8}.doc-send-options label,.doc-mail-preview label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#475569}.doc-send-options input,.doc-send-options select,.doc-mail-preview input,.doc-mail-preview textarea{width:100%;padding:9px;border:1px solid #c6d2ca;border-radius:8px;background:#fff}.doc-mail-preview{display:grid;gap:10px;padding:14px;border:1px solid #cbd8d0;border-radius:10px;background:#fff}.doc-mail-preview-title{font-size:14px;font-weight:900;color:#26352d}.doc-mail-preview textarea{min-height:210px;resize:vertical;line-height:1.45}.doc-invoice-send .actions{display:flex;justify-content:flex-end;gap:8px}.doc-invoice-send #invoiceClientSend{min-width:150px;font-weight:800}@media(max-width:760px){.doc-send-options{grid-template-columns:1fr}.doc-mail-preview textarea{min-height:240px}.doc-invoice-send .actions{display:grid;grid-template-columns:1fr 1fr}.doc-invoice-send .actions .btn{width:100%}}