.ie-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.ie-toolbar h2{font-size:23px}.ie-toolbar p{margin:4px 0 0;color:var(--steel)}
.ie-layout{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:20px;align-items:start}
.ie-controls,.ie-preview-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.ie-controls h3{font-size:16px;margin-bottom:16px}.ie-controls label{font-size:13px}
.ie-controls .form-field{margin-bottom:14px}.ie-controls input,.ie-controls select,.ie-controls textarea{width:100%}
.ie-controls fieldset{border:0;margin:0;padding:0;min-width:0}.ie-controls legend{font-size:14px;font-weight:700;margin:16px 0 10px}
.ie-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ie-options label{display:flex;align-items:center;gap:8px}.ie-options input{width:auto;accent-color:#2563eb}
.ie-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ie-template{padding:7px;border:1px solid #dce3ee;border-radius:8px;background:#fff;color:#26344c;font:inherit;font-size:11px;text-align:center}
.ie-template[aria-pressed="true"]{border:2px solid #2563eb;background:#eff6ff;padding:6px}.ie-template:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.ie-mini{display:block;background:var(--mini-paper,#fff);border:1px solid #dce3ee;aspect-ratio:0.71;margin-bottom:6px;padding:9px 5px;position:relative;overflow:hidden}
.ie-mini:before{content:"INVOICE";display:block;font-size:7px;font-weight:800;text-align:right;color:var(--mini-accent);border-top:8px solid var(--mini-accent);padding-top:10px;margin-bottom:12px}
.ie-mini:after{content:"";display:block;height:40%;background:repeating-linear-gradient(to bottom,var(--mini-accent) 0 1px,transparent 1px 7px);opacity:.35;border-bottom:9px solid var(--mini-accent)}
.ie-preview-panel{background:#edf1f7;overflow:hidden}.ie-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.ie-preview-heading h3{font-size:16px}
.ie-preview-scroll{overflow:auto;max-height:82vh;padding:4px 4px 18px}.ie-preview-scroll .invoice-sheet{width:100%;min-width:620px;box-shadow:0 4px 20px #14213d16}
.ie-help{font-size:12px;color:#52627a;line-height:1.5;margin:8px 0 12px}.ie-notice{padding:10px 13px;border-radius:7px;background:#eff6ff;color:#1e40af;margin-bottom:16px;font-size:13px}
.ie-line-editor{overflow:auto;margin-top:16px}.ie-line-editor table{min-width:650px}.ie-line-editor th{font-size:11px;text-align:left;padding:6px}.ie-line-editor td{padding:4px}.ie-line-editor input{width:100%;min-width:60px;padding:7px;border:1px solid var(--line);border-radius:5px}.ie-line-editor td:first-child{min-width:180px}
.ie-controls details{border-top:1px solid var(--line);padding-top:13px;margin-top:18px}.ie-controls summary{cursor:pointer;font-weight:650;font-size:13px}.ie-asset{display:flex;gap:8px;align-items:center;margin-bottom:12px}.ie-asset img{max-width:90px;max-height:48px;object-fit:contain}
.invoice-sheet{--inv-accent:#008b9a;--inv-ink:#10263e;--inv-soft:#edf8fa;--inv-line:#d7e3ea;--inv-paper:#fff;background:var(--inv-paper);color:var(--inv-ink);padding:38px 32px 28px;font:12px/1.5 Arial,Helvetica,sans-serif;position:relative;overflow:hidden;min-height:900px;border-top:12px solid var(--inv-accent)}
.invoice-sheet *{box-sizing:border-box}.invoice-sheet h1,.invoice-sheet h2,.invoice-sheet p{margin:0}.invoice-sheet h1{font-size:29px;letter-spacing:-1px}.invoice-sheet h2{font-size:20px;line-height:1.25}
.inv-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.inv-brand{display:flex;gap:12px;align-items:center}.inv-logo{max-width:65px;max-height:65px;object-fit:contain}.inv-tagline{font-size:11px;margin-top:5px;opacity:.8}.inv-contact{margin-top:15px;font-size:11px;overflow-wrap:anywhere}.inv-title{text-align:right;color:var(--inv-accent);flex-shrink:0}.inv-number{font-size:12px;margin-top:5px}
.inv-parties{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;margin:22px 0}.inv-customer{padding:15px;background:var(--inv-soft);border-radius:5px;white-space:pre-line;overflow-wrap:anywhere}.inv-customer b{display:block;margin-bottom:5px}.inv-meta{width:100%;font-size:11px}.inv-meta td{padding:3px 0;vertical-align:top}.inv-meta td:last-child{text-align:right}
.invoice-sheet table.inv-items{width:100%;border-collapse:collapse;font-size:11px;table-layout:auto}.inv-items th{background:var(--inv-accent);color:#fff;text-align:left;padding:9px 7px;font-size:10px}.inv-items td{padding:10px 7px;border:1px solid var(--inv-line);vertical-align:top;overflow-wrap:anywhere}.inv-items tr:nth-child(even){background:var(--inv-soft)}.inv-items .num{text-align:right;white-space:nowrap}.inv-items small{display:block;font-size:9px;opacity:.8}.inv-items th:first-child{width:25px}.inv-items thead{display:table-header-group}.inv-items tr{break-inside:avoid}
.inv-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px;break-inside:avoid}.inv-notes{background:var(--inv-soft);padding:14px;border-radius:5px;white-space:pre-line;overflow-wrap:anywhere}.inv-notes b{display:block;margin-bottom:5px}.inv-totals{font-size:12px;width:100%}.inv-totals td{padding:7px 9px;border-bottom:1px solid var(--inv-line)}.inv-totals td:last-child{text-align:right;white-space:nowrap}.inv-totals .grand td{background:var(--inv-accent);color:#fff;font-size:15px;font-weight:700;border:0}
.inv-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:45px;padding-top:18px;border-top:1px solid var(--inv-line);break-inside:avoid}.inv-thanks{font-family:Georgia,serif;font-style:italic;font-size:26px;color:var(--inv-accent)}.inv-thanks small{display:block;font:8px Arial,sans-serif;letter-spacing:3px;margin-top:6px}.inv-signature{min-width:150px;border-bottom:1px solid var(--inv-ink);padding-bottom:7px;font-size:10px}.inv-signature img{display:block;max-width:140px;max-height:55px;object-fit:contain;margin-bottom:8px}.inv-terms{white-space:pre-line;font-size:10px;margin-top:20px;overflow-wrap:anywhere}.inv-status{display:inline-block;border:2px solid currentColor;padding:5px 15px;font-size:18px;font-weight:800;letter-spacing:2px;margin-bottom:12px;color:#15803d}.inv-status.cancelled{color:#b91c1c}
.invoice-sheet.tpl-corporate{--inv-accent:#102f46;--inv-soft:#f0f5f9;border-top:0}.tpl-corporate .inv-header{background:#102f46;color:#fff;padding:23px;margin:-38px -32px 26px}.tpl-corporate .inv-title{color:#fff}.tpl-corporate .inv-header h1{font-size:25px}
.invoice-sheet.tpl-elegant{--inv-accent:#59368c;--inv-soft:#f5f0fb;border-top:0;border-right:15px solid var(--inv-accent)}.tpl-elegant .inv-title{background:var(--inv-accent);color:white;padding:20px;margin-top:-38px;margin-right:-32px;border-radius:0 0 0 12px}
.invoice-sheet.tpl-classic{--inv-accent:#825e40;--inv-soft:#f6f0e8;--inv-paper:#fffdf9;border-top:3px solid var(--inv-accent)}.tpl-classic .inv-title h1{font:italic 35px Georgia,serif;text-transform:capitalize}.tpl-classic .inv-header{border-bottom:1px solid var(--inv-line);padding-bottom:20px}
.invoice-sheet.tpl-dark{--inv-accent:#008fee;--inv-soft:#18222e;--inv-ink:#f0f6fc;--inv-paper:#0f1721;--inv-line:#344252;border-top:12px solid #008fee}.tpl-dark .inv-status{color:#86efac}.tpl-dark .inv-status.cancelled{color:#fca5a5}
.invoice-sheet.tpl-modern{border-bottom:12px solid var(--inv-accent)}
@media(max-width:1150px){.ie-layout{grid-template-columns:1fr}.ie-options{grid-template-columns:repeat(3,1fr)}.ie-templates{grid-template-columns:repeat(5,1fr)}.ie-mini{max-height:130px}.ie-preview-scroll{max-height:none}}
@media(max-width:550px){.ie-controls,.ie-preview-panel{padding:12px}.ie-options{grid-template-columns:1fr 1fr}.ie-toolbar h2{font-size:20px}.ie-templates{grid-template-columns:repeat(3,1fr)}}
@media print{body.invoice-printing #app,body.invoice-printing #gate,body.invoice-printing #modalBackdrop,body.invoice-printing #toast-host{display:none!important}body.invoice-printing #printArea{position:static!important;width:100%!important}#printArea .invoice-sheet{width:100%;min-width:0;min-height:0;box-shadow:none;padding:10mm 8mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}#printArea .tpl-corporate .inv-header{margin:-10mm -8mm 7mm}#printArea .tpl-elegant .inv-title{margin-top:-10mm;margin-right:-8mm}.inv-footer,.inv-bottom{break-inside:avoid}}