.invoice-workspace{max-width:1450px;margin:auto;padding:28px}.invoice-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.invoice-heading h1{font-size:32px;margin:0 0 6px}.invoice-heading p,.invoice-note{color:var(--muted);font-size:14px;margin:0}.invoice-layout{display:grid;grid-template-columns:minmax(340px,1fr) minmax(360px,1.1fr);gap:32px}.invoice-form{min-width:0}.invoice-form h2{font-size:16px;margin:0 0 16px}.invoice-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#bbc5bb}.invoice-field.wide{grid-column:1/-1}.invoice-field input,.invoice-field select,.invoice-field textarea{width:100%;min-width:0;font-size:14px}.invoice-form .card{padding:20px;margin-bottom:14px}.invoice-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.invoice-items{display:grid;gap:8px}.invoice-item{display:grid;grid-template-columns:minmax(100px,1fr) 62px 90px 32px;gap:6px}.invoice-item input{width:100%;min-width:0;font-size:14px;background:#080b08;color:white;border:1px solid var(--line);padding:9px;border-radius:7px}.invoice-item button{padding:4px}.invoice-item-head{font-size:12px;color:var(--muted)}.invoice-summary{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:14px;font-size:18px}.invoice-summary strong{color:var(--accent)}.invoice-preview{min-width:0;background:radial-gradient(ellipse at 50% 12%,#273225 0,transparent 65%);padding:12px 18px 30px;align-self:start;border:1px solid var(--line);border-radius:20px}.printer-top{position:relative;z-index:3;width:100%;height:auto;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;pointer-events:none}.printer-top img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 12px #0008)}.printer-output{position:relative;overflow:hidden;margin:-21% auto 0;width:80%;padding:0 0 24px}.invoice-paper{background:#fff;color:#202820;padding:32px 26px;font-size:12px;line-height:1.5;box-shadow:0 12px 25px #0006;transform-origin:top;min-height:530px}.invoice-paper h2{font-size:28px;letter-spacing:-1px;margin:0 0 8px}.invoice-paper h3{font-size:12px;text-transform:uppercase;color:#738073;letter-spacing:1px;margin:20px 0 5px}.invoice-paper p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.invoice-paper-header{display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:3px solid #243424;padding-bottom:20px}.invoice-logo{max-height:52px;max-width:130px;object-fit:contain;margin-bottom:8px}.invoice-paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.invoice-paper table{width:100%;border-collapse:collapse;margin:24px 0 12px;table-layout:fixed}.invoice-paper th{text-align:left;color:#738073;font-size:10px;text-transform:uppercase;border-bottom:1px solid #cdd4cd;padding:7px 3px}.invoice-paper td{padding:10px 3px;border-bottom:1px solid #e9ece9;overflow-wrap:anywhere;vertical-align:top}.invoice-paper th:not(:first-child),.invoice-paper td:not(:first-child){text-align:right;width:18%}.invoice-paper th:first-child{width:46%}.invoice-paper-total{margin-left:30%;display:grid;gap:5px}.invoice-paper-total div{display:flex;justify-content:space-between;gap:10px}.invoice-paper-total .grand{font-size:20px;border-top:2px solid #243424;padding-top:9px;margin-top:4px}.invoice-paper-footer{font-size:11px;border-top:1px solid #ddd;margin-top:24px;padding-top:12px}.invoice-preview-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}.print-status{font-size:13px;text-align:center;color:var(--accent);min-height:22px}.printing .invoice-paper{animation:paper-feed 3s cubic-bezier(.18,.55,.36,1) both}.printing .printer-top{animation:printer-vibrate .14s linear 20}.invoice-history{display:grid;gap:8px}.invoice-history-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:9px;font-size:14px}.invoice-history-row small{display:block;color:var(--muted)}#invoicePrintArea{display:none}.backup-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.btn:disabled{opacity:.5;cursor:wait}@keyframes paper-feed{from{transform:translateY(-103%)}to{transform:translateY(0)}}@keyframes printer-vibrate{50%{transform:translateX(.4px)}}@media(prefers-reduced-motion:reduce){.printing .invoice-paper{animation-duration:.01s}.printing .printer-top{animation:none}}@media(max-width:1000px){.invoice-layout{grid-template-columns:1fr}.invoice-preview{width:100%;max-width:650px;margin:auto}.invoice-heading{align-items:start;flex-direction:column}}@media(max-width:500px){.invoice-workspace{padding:18px 10px}.invoice-preview{padding:0 0 20px}.invoice-paper{padding:24px 14px}.invoice-fields{grid-template-columns:1fr}.invoice-field.wide{grid-column:auto}.invoice-heading h1{font-size:28px}.invoice-item{grid-template-columns:minmax(80px,1fr) 52px 74px 30px}.printer-top{height:auto}}@media print{@page{size:A4;margin:15mm}body{background:white!important}body>*{display:none!important}body>#invoicePrintArea{display:block!important;color:black}#invoicePrintArea .invoice-paper{box-shadow:none;transform:none;animation:none;min-height:0;font-size:11pt;padding:0}#invoicePrintArea .invoice-paper h2{font-size:30pt}#invoicePrintArea tr,#invoicePrintArea .invoice-paper-total,#invoicePrintArea .invoice-paper-footer{break-inside:avoid}#invoicePrintArea thead{display:table-header-group}}
/* The sheet starts inside the photographed front slot, above the printer body. */
.invoice-preview{isolation:isolate}.printer-top{z-index:1}.printer-output{z-index:2;width:76%;margin:-20.5% auto 0;padding:7px 0 26px;filter:drop-shadow(0 14px 12px #0005)}.printer-output .invoice-paper{position:relative;box-shadow:none;padding-top:40px;clip-path:polygon(0 5px,2% 2px,4% 6px,6% 1px,8% 5px,10% 3px,12% 7px,14% 2px,16% 5px,18% 0,20% 6px,22% 3px,24% 7px,26% 1px,28% 5px,30% 2px,32% 6px,34% 0,36% 5px,38% 2px,40% 7px,42% 3px,44% 6px,46% 1px,48% 5px,50% 2px,52% 7px,54% 0,56% 5px,58% 3px,60% 6px,62% 1px,64% 5px,66% 2px,68% 7px,70% 3px,72% 6px,74% 1px,76% 5px,78% 2px,80% 6px,82% 0,84% 5px,86% 3px,88% 7px,90% 2px,92% 5px,94% 1px,96% 6px,98% 3px,100% 5px,100% 100%,0 100%)}.printer-output:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(#050605,#14161400);z-index:3;pointer-events:none}.printing .printer-top{animation:none}.printing .invoice-paper{animation:paper-feed 3s linear both}@media print{.invoice-paper{clip-path:none!important}}