*{box-sizing:border-box}body{margin:0;background:#f7f6fb;color:#21223c;font:15px/1.55 system-ui,sans-serif}header{background:white;border-bottom:3px solid #963473;padding:18px 24px}.wide{max-width:1440px;margin:auto;display:flex;gap:24px;align-items:center}.logo{font-size:20px;font-weight:800;margin-right:auto}a{color:#8f286c}main.invoice-app{max-width:1500px;margin:auto;padding:32px 24px}h1{font-size:38px;margin:0 0 10px}h2{font-size:20px;margin:0 0 12px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#92326f;font-weight:800}.intro{max-width:850px;margin-bottom:24px}.privacy-note{padding:14px 18px;background:#ece8f3;border-radius:12px;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(320px,500px) minmax(0,1fr);gap:26px;align-items:start}.panel{background:white;padding:22px;border:1px solid #e0dce8;border-radius:14px;margin-bottom:18px}label{display:block;font-size:13px;font-weight:650;margin:0 0 14px}input,textarea,select{display:block;width:100%;font:inherit;background:white;border:1px solid #bdb7cb;border-radius:7px;padding:10px;margin-top:5px;color:#21223c}textarea{min-height:64px;resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}button{font:600 14px system-ui;border:1px solid #bdb7cb;background:#f5f2f8;color:#4f245c;border-radius:7px;padding:11px 15px;cursor:pointer;margin:0 5px 9px 0}button:hover{background:#ebe2f1}.primary{background:#912b70;color:white;border-color:#912b70}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #446cc5;outline-offset:2px}.item{border-top:1px solid #ddd;padding-top:16px;margin-top:12px}.item-head{display:flex;justify-content:space-between;align-items:center}.item-head button{padding:5px 10px}.import{border:1px dashed #bdb7cb;padding:12px;border-radius:8px}.preview-label{font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:14px;color:#635a78}.preview-wrap{min-width:0}#warnings{font-size:13px;background:#fff2dc;color:#593d11;border-radius:8px;margin-bottom:14px;white-space:pre-line}#warnings:not(:empty){padding:12px 16px}.document{background:white;border:1px solid #d9d5e2;padding:34px;box-shadow:0 8px 30px #2422380b;min-height:880px;font-size:12px;overflow-wrap:anywhere}.doc-head{display:flex;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:3px solid var(--accent,#92326f)}.doc-head h2{font-size:28px;margin:0;letter-spacing:-.02em}.doc-tag{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--accent)}.doc-meta{text-align:right;min-width:145px}.doc-meta b{font-size:16px;display:block}.parties{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:24px 0}.party b{display:block;font-size:15px}.small-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#716978;font-weight:700}.multiline{white-space:pre-wrap}.special{display:grid;grid-template-columns:1fr 1fr;background:var(--wash,#f6f1f6);padding:14px 16px;gap:12px;margin:18px 0;border-left:3px solid var(--accent)}.special span{display:block}.doc-table{border-collapse:collapse;width:100%;table-layout:fixed;margin-top:20px}.doc-table th,.doc-table td{padding:9px 5px;border-bottom:1px solid #ddd;vertical-align:top;text-align:right}.doc-table th{font-size:10px;background:var(--wash);color:#4a4153}.doc-table th:first-child,.doc-table td:first-child{text-align:left;width:32%}.doc-table th:nth-child(2){width:13%}.totals{width:64%;margin:20px 0 20px auto}.total-row{display:flex;gap:12px;justify-content:space-between;padding:5px 0}.grand{font-size:17px;font-weight:750;border-top:2px solid var(--accent);margin-top:8px;padding-top:10px}.document h3{font-size:12px;margin:18px 0 6px}.doc-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #ddd;padding-top:18px}.signature{margin-top:35px;text-align:right}.signature span{display:inline-block;min-width:170px;border-top:1px solid #888;padding-top:6px}.legal-foot{font-size:10px;color:#726b76;margin-top:22px}.guide{max-width:950px;padding:30px 0}.invoice-footer{text-align:center;padding:24px;background:white}.document.retail{max-width:430px;margin:auto;font-family:monospace;border-top:7px solid #333}.retail .doc-head,.retail .doc-meta{text-align:center;display:block}.retail .parties{display:block}.retail .party{margin:16px 0}.retail .totals{width:100%}.retail .doc-table th:first-child{width:36%}.document.commercial .doc-head{border:2px solid #344d68;padding:18px}.document.credit .doc-head,.document.debit .doc-head{border-left:8px solid var(--accent);padding-left:18px}.document.pastdue .doc-head{background:#fff1ed;padding:20px}.document.proforma .doc-head{border-style:dashed}.document.purchase .parties{direction:rtl}.document.purchase .party{direction:ltr}.document.timesheet .doc-table th:first-child{width:38%}.document.supply .doc-head{border-bottom:6px double #49604c}.document.final .grand{border:2px solid var(--accent);padding:12px}.document.interim .special{border-top:3px solid var(--accent)}.document.recurring .doc-tag{background:#eef1fb;padding:5px}.document.sales .doc-head{border-bottom-width:6px}.document.tax .doc-head h2{color:#244e66}#status{white-space:pre-line;color:#77305f}.document thead{display:table-header-group}.document tr{break-inside:avoid}.document h3,.document .small-label{break-after:avoid}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.preview-wrap{max-width:850px}main.invoice-app{padding:24px 16px}.document{padding:24px}.intro h1{font-size:30px}}@media(max-width:480px){.fields{gap:0 10px}.panel{padding:17px}.document{padding:16px;font-size:10px;min-height:600px}.doc-head{gap:12px}.doc-head h2{font-size:20px}.doc-meta{min-width:100px}.doc-meta b{font-size:13px}.parties{gap:14px}.party b{font-size:12px}.totals{width:85%}.doc-table th,.doc-table td{padding:7px 3px;font-size:9px}.doc-bottom{grid-template-columns:1fr}.grand{font-size:15px}header{padding:14px}.wide{gap:12px}.logo{font-size:16px}.wide>a:not(.logo){font-size:12px}}@page{size:A4;margin:13mm}@media print{body{background:white!important}.invoice-app{padding:0!important;margin:0!important;max-width:none!important}header,.intro,form,.preview-label,#warnings,.guide,.invoice-footer{display:none!important}.workspace{display:block!important}.preview-wrap{max-width:none!important}.document{border:0!important;box-shadow:none!important;min-height:0!important;padding:0!important;font-size:11px!important;max-width:none!important}.document.retail{max-width:100mm!important;margin:auto!important}.doc-head h2{font-size:25px!important}.doc-table th,.doc-table td{font-size:10px!important}.doc-bottom{grid-template-columns:1fr 1fr!important}.doc-head,.parties,.special,.totals,.signature,.doc-bottom{break-inside:avoid}.document{print-color-adjust:exact;-webkit-print-color-adjust:exact}.legal-foot{font-size:9px!important}}@media print{.closing{break-inside:avoid}}.doc-table td:nth-child(4),.doc-table td:last-child{white-space:nowrap}.retail .doc-table th:first-child{width:28%}.retail .doc-table th:nth-child(2){width:14%}.retail .doc-table th:nth-child(4){width:16%}.retail .doc-table th:last-child{width:17%}@media print{.document.retail{max-width:140mm!important;font-size:10px!important}.retail .doc-head{padding-bottom:14px!important}.retail .parties{margin:14px 0!important}.retail .party{margin:10px 0!important}.retail .doc-table th,.retail .doc-table td{font-size:9px!important}.document.commercial .special{padding:10px 12px;gap:7px}.document.commercial .doc-head{padding:12px}.document.commercial .parties{margin:16px 0}.document.commercial .closing{font-size:10px}.document.commercial .signature{margin-top:20px}}@media print{.document.retail .parties{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.document.retail .doc-head h2{font-size:22px!important}.document.retail .doc-bottom{font-size:9px!important}.document.retail .signature{margin-top:20px!important}.document.retail .legal-foot{font-size:8px!important}.document.retail .totals{margin:12px 0!important}}/* Site UI palette only; invoice document templates and printing unchanged. */body{background:#f4f8fc}header{border-bottom-color:#104d9f}a{color:#104d9f}.eyebrow{color:#104d9f}.privacy-note{background:#edf4fc}.panel{border-color:#d5e2ee}button{background:#edf4fc;color:#174b82;border-color:#a9c5df}button:hover{background:#dcebf9}.primary{background:#104d9f;color:white;border-color:#104d9f}.primary:hover{background:#0b3976}.invoice-footer a{color:#104d9f}
/* Screen-only split editor; print remains full-size and fully expanded. */
@media screen{main.invoice-app{max-width:1280px}.workspace{grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:16px;align-items:start}.workspace #invoiceForm{max-height:72dvh;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;padding:2px 5px 10px 2px}.workspace .preview-wrap{max-height:72dvh;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;border:1px solid #d5e2ee;border-radius:12px;background:white;padding:12px;max-width:none}.preview-label{position:sticky;top:0;background:white;padding:8px 0;z-index:1}.document{min-height:0}.workspace input,.workspace textarea,.workspace select{font-size:16px}.workspace .panel{margin-bottom:10px}.workspace #warnings{overflow-anchor:none}
@media(max-width:760px){.workspace{display:flex;flex-direction:column;gap:12px}.workspace .preview-wrap{order:0;width:100%;max-height:30dvh;min-height:180px;padding:8px}.workspace #invoiceForm{order:1;width:100%;max-height:42dvh;min-height:230px}.document{padding:14px;font-size:10px}.preview-label{font-size:10px;margin-bottom:6px}.workspace .panel{padding:14px}.intro h1{font-size:28px}.doc-head h2{font-size:20px}.doc-meta{min-width:90px}}
}
@media print{.workspace #invoiceForm{display:none!important}.workspace .preview-wrap{max-height:none!important;height:auto!important;overflow:visible!important;border:0!important;border-radius:0!important;padding:0!important}.preview-label{position:static!important}}

@media screen{.workspace input,.workspace textarea,.workspace select{min-width:0;max-width:100%;box-sizing:border-box}.workspace .fields{min-width:0}.workspace .fields>label{min-width:0}.workspace #warnings{max-height:64px;overflow:auto;font-size:11px;margin-bottom:6px}.workspace .preview-label{padding:4px 0;margin-bottom:4px}.workspace .preview-wrap{scroll-margin-top:12px}.workspace{scroll-margin-top:12px}}

@media screen{.workspace{overflow-anchor:none}}