body.invoice-preview-open{overflow:hidden}
#viewModal{position:fixed;inset:0;z-index:2000;background:#000b;backdrop-filter:blur(8px);padding:24px;display:flex;align-items:center;justify-content:center}#viewModal.hidden{display:none}
#viewModal .invoice-view-modal{width:940px;max-width:100%;max-height:calc(100dvh - 48px);padding:0;overflow:auto;background:#101416;border:1px solid #3b4440;border-radius:12px;box-shadow:0 35px 110px #0009;color:#e4eae6;font-family:inherit;font-size:13px;line-height:1.5}
#viewModal *{box-sizing:border-box}#viewModal button,#viewModal a{font:inherit;white-space:nowrap}#viewModal button:focus-visible,#viewModal a:focus-visible{outline:2px solid #c4dfcb;outline-offset:3px}#viewModal button{width:auto;min-width:0;margin:0;border-radius:6px;box-shadow:none;background:#1a211e;border:1px solid #354138;color:#d9e2dc;padding:9px 13px;text-transform:none;letter-spacing:0}
#viewModal .invoice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 24px;border-bottom:1px solid #2a322d;background:#171d1a;color:#9faea3;font-size:9px;letter-spacing:1.6px;position:sticky;top:0;z-index:2}#viewModal #viewClose{font-size:23px;line-height:1;width:30px;height:30px;padding:0;background:transparent;color:#adbbb1;border:0}
#viewModal .invoice-document{padding:36px 44px 0}#viewModal .invoice-masthead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:30px;border-bottom:1px solid #343e37}#viewModal .invoice-brand{display:flex;align-items:center;gap:13px}#viewModal .invoice-monogram{display:grid;place-items:center;width:42px;height:46px;border:1px solid #688574;border-radius:8px;color:#d4e6d9;background:#273a30;font-size:27px;line-height:1;font-family:Georgia,serif}#viewModal .invoice-brand strong{display:block;font-size:21px;font-weight:550;letter-spacing:-.5px}#viewModal .invoice-brand div>span{display:block;color:#9ba99f;font-size:10px;margin-top:2px}#viewModal .invoice-title-block{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}#viewModal #invoiceDialogTitle{font-size:32px;line-height:1.1;font-weight:450;letter-spacing:-1px;color:#e3eae4;margin:0 0 4px}#viewModal #viewInvoiceNumber{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.6px;color:#a5b5aa}
#viewModal .status-badge,#viewModal .status-badge-large{font-size:9px;line-height:1.2;padding:4px 8px;border-radius:4px;background:#252e28;color:#c3d0c6;border:1px solid #435147;text-transform:capitalize;letter-spacing:.3px;font-weight:500;box-shadow:none}#viewModal .status-badge.paid,#viewModal .status-badge-large.paid{background:#253b2c;color:#c7dfcc;border-color:#45604c}#viewModal .status-badge.overdue,#viewModal .status-badge-large.overdue{background:#3b2f22;color:#e3c394;border-color:#655038}#viewModal #viewStatus{margin-top:5px}
#viewModal .invoice-party-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:29px 0}#viewModal .invoice-billto h3,#viewModal .invoice-section-heading h3,#viewModal .invoice-notes-section h3{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#9dac9f;font-weight:500;margin:0 0 12px}#viewModal .invoice-billto>strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.3px;overflow-wrap:anywhere}#viewModal .invoice-billto>span{display:block;font-size:12px;color:#a4b1a8;margin-top:7px;overflow-wrap:anywhere}#viewModal .invoice-meta{margin:0;display:flex;flex-direction:column;gap:10px}#viewModal .invoice-meta>div{display:flex;justify-content:space-between;gap:18px;font-size:11px}#viewModal .invoice-meta dt{color:#96a49a}#viewModal .invoice-meta dd{margin:0;color:#dae3dc;text-align:right}
#viewModal .invoice-balance-band{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#23372b,#19251e);border:1px solid #3f5547;border-radius:7px;padding:21px 24px;margin:0 0 30px}#viewModal .invoice-balance-band>div>span{display:block;font-size:10px;color:#bacdc0}#viewModal .invoice-balance-band>div>strong{display:block;margin-top:5px;font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.8px;color:#e0eee4;font-variant-numeric:tabular-nums}#viewModal .invoice-balance-band .invoice-currency{text-align:right}#viewModal .invoice-balance-band .invoice-currency strong{font-size:12px;letter-spacing:.4px}#viewModal .invoice-currency small{font-size:10px;font-weight:400;color:#9eb3a5}
#viewModal .invoice-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#viewModal .invoice-section-heading h3{margin:0}#viewModal #viewItemCount{font-size:10px;color:#909f94}#viewModal .invoice-table-wrap{border:1px solid #313b34;border-radius:7px;overflow:auto}#viewModal table{width:100%;min-width:480px;border-collapse:collapse;table-layout:auto;background:transparent}#viewModal th{background:#1c241f;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#aab9ae;font-weight:500;padding:12px 16px;border:0;border-bottom:1px solid #354239;text-align:right;white-space:nowrap}#viewModal th:first-child{text-align:left;width:52%}#viewModal td{padding:16px;border:0;border-bottom:1px solid #2a342d;background:transparent;color:#d0dbd3;font-size:12px;vertical-align:top;text-align:right;font-variant-numeric:tabular-nums}#viewModal tr:last-child td{border-bottom:0}#viewModal td.description-cell{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;color:#e1e7e3}#viewModal td.total-cell{font-weight:500;color:#e0e9e2}#viewModal td.price-cell,#viewModal td.total-cell{white-space:nowrap}
#viewModal .invoice-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);gap:50px;padding:27px 0 30px}#viewModal .invoice-notes-section{background:none;border:0;border-radius:0;padding:0;margin:0}#viewModal .invoice-notes-section p{font-size:11px;line-height:1.8;color:#a4b3a9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}#viewModal .invoice-totals>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:8px 0;color:#9faea4}#viewModal .invoice-totals strong{font-weight:500;color:#dce7df;font-variant-numeric:tabular-nums;white-space:nowrap}#viewModal .invoice-totals .invoice-total{border-top:1px solid #3a473e;border-bottom:1px solid #3a473e;margin:9px 0;padding:13px 0;color:#e3ebe6;font-size:14px}#viewModal .invoice-total strong{font-size:19px;letter-spacing:-.4px}#viewModal #viewSettlementNote{font-size:9px;line-height:1.6;color:#91a297;margin:10px 0 0}
#viewModal .invoice-document-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #2b372e;padding:20px 0;font-size:10px;color:#97aa9c}#viewModal .invoice-document-footer>span:last-child{font-size:9px;color:#7f9385}
#viewModal .invoice-actionbar{display:flex;align-items:center;gap:8px;padding:16px 24px;border-top:1px solid #344139;background:#171f1a;position:sticky;bottom:0;z-index:2}#viewModal .invoice-actions-main{margin-left:auto;display:flex;gap:8px;align-items:center}#viewModal .invoice-actionbar button,#viewModal .invoice-actionbar a{font-size:10px}#viewModal #viewPaymentLink{display:inline-flex;padding:10px 14px;border-radius:6px;background:#c5ddcc;color:#18271d;text-decoration:none;font-weight:600;border:1px solid #c5ddcc}#viewModal #downloadPdfBtn{background:#27382c;color:#d9e8dd;border-color:#496150}#viewModal #deleteBtn{color:#c5948c;background:none;border:0}#viewModal #deleteBtn[hidden]{display:none}#viewModal #viewCancelBtn{background:transparent}#viewModal .invoice-actionbar button:hover,#viewModal .invoice-actionbar a:hover{filter:brightness(1.15)}
@media(max-width:650px){#viewModal{padding:10px}#viewModal .invoice-view-modal{max-height:calc(100dvh - 20px);border-radius:9px}#viewModal .invoice-document{padding:24px 20px 0}#viewModal .invoice-toolbar{padding:10px 15px}#viewModal .invoice-masthead{gap:16px;padding-bottom:23px}#viewModal .invoice-brand{gap:9px}#viewModal .invoice-monogram{width:32px;height:37px;font-size:22px}#viewModal .invoice-brand strong{font-size:18px}#viewModal .invoice-brand div>span{font-size:8px;max-width:100px}#viewModal #invoiceDialogTitle{font-size:27px}#viewModal .invoice-party-grid{grid-template-columns:1fr;gap:22px;padding:23px 0}#viewModal .invoice-meta{border-top:1px solid #2a382f;padding-top:18px;gap:8px}#viewModal .invoice-balance-band{padding:18px 16px;margin-bottom:25px}#viewModal .invoice-balance-band>div>strong{font-size:26px}#viewModal .invoice-currency small{display:none}#viewModal .invoice-bottom-grid{grid-template-columns:1fr;gap:25px}#viewModal .invoice-totals{grid-row:1}#viewModal .invoice-document-footer{flex-direction:column;gap:5px}#viewModal .invoice-actionbar{position:static;padding:14px;flex-wrap:wrap}#viewModal .invoice-actions-main{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:5px 0 0}#viewModal #viewPaymentLink{grid-column:1/-1;justify-content:center}#viewModal .invoice-actionbar button{min-height:38px}#viewModal .invoice-table-wrap{overflow:visible;border:0}#viewModal table{min-width:0;display:block}#viewModal thead{display:none}#viewModal tbody{display:block}#viewModal tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #344139;padding:15px 0}#viewModal td{display:block;border:0;padding:0;font-size:11px}#viewModal td.description-cell{grid-column:1/-1}#viewModal td.qty-cell{text-align:left}#viewModal td.qty-cell::before{content:'Qty: ';color:#899e90}#viewModal td.price-cell::before{content:'Unit: ';color:#899e90}#viewModal td.total-cell{grid-column:1/-1;font-size:14px}#viewModal td.total-cell::before{content:'Amount  ';font-size:10px;font-weight:400;color:#a1b5a7}}
#viewModal .invoice-totals{margin:0;padding:0;border:0;background:none}

#viewModal .invoice-actionbar{flex-wrap:wrap}
#deleteConfirmation,#deleteError{flex-basis:100%;margin:0;padding:12px;border:1px solid #c5948c;border-radius:6px;color:#efc5be;font-size:13px}
#deleteConfirmation p{margin:0 0 10px}
#viewModal #confirmDeleteBtn{background:#813c33;color:#fff;border-color:#c5948c}
#viewModal .invoice-actionbar button:disabled{opacity:.6;cursor:wait}
#toast{z-index:2100}