#dialog.invoice-dialog{width:min(820px,94vw);max-width:820px;padding:18px;background:#e7e9ef;border-radius:24px;max-height:92vh;overflow:auto}
.invoice-toolbar{display:flex;justify-content:space-between;margin-bottom:16px;gap:12px}.invoice-toolbar button{display:flex;align-items:center;gap:8px;border:1px solid #cbd0da;border-radius:24px;padding:10px 18px;background:#fff;color:#202124}.invoice-toolbar svg{width:18px;height:18px}.invoice-sheet{background:#f7f7f8;color:#24252b;border-radius:12px;overflow:hidden}.invoice-top{display:flex;justify-content:space-between;gap:20px;padding:36px}.invoice-sheet h2{font-size:30px;letter-spacing:5px;margin:18px 0}.invoice-sheet p{font-size:12px;line-height:1.7}.invoice-eyebrow,.invoice-sheet h3{font-size:10px;letter-spacing:1px}.invoice-amount{align-self:flex-end;text-align:right}.invoice-amount small{display:block;font-size:9px}.invoice-amount strong{display:block;font-size:21px;margin-top:8px}.invoice-body{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;padding:36px;background:#e7e4ef}.invoice-body aside h3:not(:first-child){margin-top:28px}.invoice-sheet table{width:100%;border-collapse:collapse;font-size:11px}.invoice-sheet th{font-size:9px;text-align:left;padding:0 5px 12px;border-bottom:1px solid #999}.invoice-sheet td{padding:18px 5px;border-bottom:1px solid #aaa}.invoice-sheet td:not(:first-child),.invoice-sheet th:not(:first-child){text-align:right}.invoice-totals{margin:24px 0 0 auto;max-width:230px;font-size:12px}.invoice-totals div{display:flex;justify-content:space-between;gap:16px;margin:12px 0}.invoice-totals dd{margin:0}.invoice-total{border-top:1px solid #999;padding-top:18px;font-weight:700}.invoice-sheet footer{padding:28px 36px}.invoice-sheet footer strong{display:block;text-align:right;font-size:9px;margin-top:22px}@media(max-width:600px){.invoice-top,.invoice-body,.invoice-sheet footer{padding:22px}.invoice-body{grid-template-columns:1fr}.invoice-body aside{display:flex;flex-wrap:wrap;gap:10px 18px}.invoice-body aside h3:not(:first-child){margin-top:10px}.invoice-sheet td{font-size:10px}}
/* A4 portrait invoice sheet; toolbar remains outside the document. */
#dialog.invoice-dialog{width:min(850px,96vw);max-width:850px;padding:18px;max-height:94vh;overflow:auto}
#dialog.invoice-dialog .invoice-sheet{width:100%;min-height:0;aspect-ratio:210 / 297;display:flex;flex-direction:column;border-radius:0;overflow:visible}
#dialog.invoice-dialog .invoice-top{position:static;display:flex;flex:0 0 auto;min-height:210px;align-items:center;padding:36px}
#dialog.invoice-dialog .invoice-amount{align-self:center}
#dialog.invoice-dialog .invoice-body{flex:1;align-content:start;align-items:start;padding:36px}
#dialog.invoice-dialog .invoice-body aside{background:transparent;border:0;padding:0;min-height:0;width:auto;display:block}
#dialog.invoice-dialog .invoice-sheet footer{flex:0 0 auto;min-height:200px;padding:36px}
@media(max-width:600px){#dialog.invoice-dialog .invoice-top,#dialog.invoice-dialog .invoice-body,#dialog.invoice-dialog .invoice-sheet footer{padding:20px}#dialog.invoice-dialog .invoice-top{min-height:150px}#dialog.invoice-dialog .invoice-sheet footer{min-height:160px}}
@media print{@page{size:A4 portrait;margin:0}#dialog.invoice-dialog{position:static;width:210mm;max-width:none;max-height:none;padding:0;overflow:visible;background:white;border:0}.invoice-toolbar{display:none!important}#dialog.invoice-dialog .invoice-sheet{width:210mm;min-height:297mm;box-shadow:none}}
/* Show the complete A4 silhouette inside the popup. */
#dialog.invoice-dialog{width:min(850px,96vw);box-sizing:border-box}
#dialog.invoice-dialog .invoice-sheet{box-sizing:border-box;width:100%;height:auto;min-height:0;aspect-ratio:210/297;display:grid;grid-template-rows:24% 50% 26%;overflow:hidden;box-shadow:0 3px 14px #26304712}
#dialog.invoice-dialog .invoice-top,#dialog.invoice-dialog .invoice-body,#dialog.invoice-dialog .invoice-sheet footer{box-sizing:border-box;min-height:0;margin:0;padding:clamp(18px,4vw,36px)}
#dialog.invoice-dialog .invoice-top{position:static!important;inset:auto!important;height:auto!important}
#dialog.invoice-dialog .invoice-sheet footer{display:flex;flex-direction:column}
#dialog.invoice-dialog .invoice-sheet footer strong{margin-top:auto}
@media(max-width:600px){#dialog.invoice-dialog .invoice-body{grid-template-columns:28% minmax(0,1fr);gap:12px}#dialog.invoice-dialog .invoice-sheet{min-width:540px}#dialog.invoice-dialog{overflow:auto}}
#dialog.invoice-dialog .invoice-company{display:flex;align-items:center;gap:12px;margin-bottom:16px}.invoice-company img{width:48px;height:48px;object-fit:cover;border-radius:50%}.invoice-company b{display:block;font-size:15px}.invoice-company span{display:block;font-size:10px;color:#737c8d;margin-top:3px}#dialog.invoice-dialog .invoice-top h2{margin:10px 0;font-size:26px}.invoice-contact{overflow-wrap:anywhere}