.sidebar-preview{border:1px solid #07936a;background:#fff;color:#07936a;border-radius:9px;padding:11px;font-weight:750;cursor:pointer}.sidebar-preview:hover{background:#eaf8f3}.preview-dialog{width:min(980px,calc(100% - 30px));max-height:94vh;border:0;border-radius:14px;padding:0;box-shadow:0 25px 80px rgba(20,30,50,.3)}.preview-dialog::backdrop{background:rgba(15,25,45,.65)}.preview-toolbar{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #e4e8ef;display:flex;justify-content:space-between;align-items:center;padding:14px 20px}.preview-toolbar button{border:0;background:none;font-size:28px;cursor:pointer}.modal-invoice{--modal-accent:#2357d8;margin:25px;background:#fff;border:1px solid #e0e4eb;border-top:6px solid var(--modal-accent);padding:45px}.modal-invoice header,.modal-meta,.modal-summary{display:flex;justify-content:space-between;gap:35px}.modal-logo{display:grid;place-items:center;width:44px;height:44px;background:var(--modal-accent);color:#fff;border-radius:8px;font-weight:900}.modal-invoice header h2{margin:12px 0 4px}.modal-invoice p{white-space:pre-line;color:#687284}.modal-title{text-align:right}.modal-title h1{color:var(--modal-accent);margin:0;font-size:32px}.modal-meta{padding:35px 0}.modal-meta span{display:block;text-transform:uppercase;font-size:11px;color:#687284;font-weight:800}.modal-meta dl,.modal-summary dl{display:grid;grid-template-columns:auto auto;gap:7px 25px;margin:0}.modal-meta dd,.modal-summary dd{margin:0;text-align:right;font-weight:700}.modal-invoice table{width:100%}.modal-invoice th{background:#111b2e;color:#fff}.modal-summary{padding-top:30px}.modal-summary>p{max-width:50%}.modal-total{border-top:2px solid #172033;padding-top:10px;font-size:17px}.modal-balance{font-weight:900;color:var(--modal-accent)}.preview-actions{position:sticky;bottom:0;background:#fff;border-top:1px solid #e4e8ef;padding:13px 20px;text-align:right}@media(max-width:650px){.modal-invoice{margin:10px;padding:22px}.modal-invoice header,.modal-meta,.modal-summary{flex-direction:column}.modal-title{text-align:left}.modal-summary>p{max-width:none}}
/* Uploaded logos are shown at their natural aspect ratio in preview and PDF output. */
.modal-logo.has-image{width:auto;height:auto;min-height:44px;justify-content:start;background:transparent}.modal-logo img{display:block;max-width:180px;max-height:80px;object-fit:contain}
.modal-invoice th{background:#f7f8fa;color:#687284;border-bottom:1px solid #dfe3e9;font-size:11px;letter-spacing:.05em}.modal-invoice th:not(:first-child),.modal-invoice td:not(:first-child){text-align:right}.modal-title .badge{margin-top:7px}.modal-balance{color:#172033;border-top:1px solid #172033;padding-top:8px}.modal-footer{text-align:center;color:#687284;border-top:1px solid #dfe3e9;margin-top:42px;padding-top:16px}