.invoice-preview-dialog{color:#20252b;width:min(920px,94vw);max-height:92svh;font-family:var(--font-sans),sans-serif;background:#fff;border:1px solid #b69a65;padding:0;overflow:auto}.invoice-preview-dialog::backdrop{background:#000a}.invoice-preview-actions{background:#17191c;justify-content:space-between;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.invoice-preview-actions button{font:inherit;color:#17191c;cursor:pointer;background:#b69a65;border:0;padding:10px 16px}.invoice-sheet{padding:clamp(20px,5vw,50px);font-size:15px}.invoice-sheet header{justify-content:space-between;gap:24px;display:flex}.invoice-sheet h1{font-family:var(--font-display),serif;margin:0;font-size:42px;font-weight:400}.invoice-sheet h2{margin:0;font-size:23px}.invoice-sheet h3{font-size:16px}.invoice-sheet p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.invoice-status{text-transform:uppercase;letter-spacing:.1em;font-size:13px}.invoice-table-wrap{overflow-x:auto}.invoice-sheet table{border-collapse:collapse;width:100%;min-width:480px;margin:24px 0}.invoice-sheet th,.invoice-sheet td{text-align:left;vertical-align:top;border-bottom:1px solid #ddd;padding:12px 8px}.invoice-sheet th:last-child,.invoice-sheet td:last-child{text-align:right}.invoice-totals{max-width:320px;margin:20px 0 30px auto}.invoice-totals div{justify-content:space-between;padding:8px 0;display:flex}.invoice-totals dd{margin:0}.invoice-totals div:last-child{border-top:1px solid #b69a65;font-size:21px;font-weight:700}.invoice-pay a{color:#17191c;background:#b69a65;padding:14px 22px;text-decoration:none;display:inline-block}.invoice-pay small{color:#62666c;margin-top:10px;display:block}.client-invoice-list{gap:12px;display:grid}.client-invoice-list button{text-align:left;justify-content:space-between;gap:16px;width:100%;display:flex}.client-invoice-list small{margin-top:5px;font-size:14px;display:block}@media (max-width:600px){.invoice-sheet header{flex-direction:column}.invoice-sheet{font-size:14px}.invoice-preview-dialog{width:96vw}}@media print{body:has(>.invoice-preview-dialog)>:not(.invoice-preview-dialog){display:none!important}body *{visibility:hidden}.invoice-preview-dialog,.invoice-preview-dialog *{visibility:visible}.invoice-preview-dialog{top:0;left:0;border:0!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;position:absolute!important;overflow:visible!important}.invoice-preview-actions{display:none!important}.invoice-sheet{padding:0}.invoice-sheet header{flex-direction:row}.invoice-table-wrap{overflow:visible}.invoice-sheet table{min-width:0}.invoice-sheet tr{break-inside:avoid}.invoice-pay{display:none}.invoice-preview-dialog::backdrop{display:none}}