#invoice-dialog{width:min(760px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #ccd8db;border-radius:16px;padding:26px;color:#203940;box-shadow:0 18px 70px #0004}
#invoice-dialog::backdrop{background:#13272bbb}
.invoice-heading,.invoice-actions,.invoice-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.invoice-heading{justify-content:space-between}.invoice-heading h2{margin:0}.invoice-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#invoice-dialog label{display:grid;gap:7px;font-weight:600;margin:10px 0}#invoice-dialog input,#invoice-dialog select{width:100%;padding:11px;border:1px solid #b7c9ce;border-radius:8px;font:inherit;color:inherit;background:white;box-sizing:border-box}
.invoice-note{background:#fff4e8;border-radius:8px;padding:12px}.invoice-totals{background:#eef4f5;padding:12px 18px;border-radius:10px;margin:16px 0}.invoice-totals p{display:flex;justify-content:space-between;gap:16px}.invoice-actions .btn,.invoice-order-actions .btn{min-height:40px;white-space:nowrap}.invoice-order-actions{flex-wrap:wrap!important;gap:8px!important}.invoice-notice{padding:14px 0;border-bottom:1px solid #e0e9eb}.invoice-notice>div{flex:1;min-width:200px}.invoice-notice p{margin:6px 0}.invoice-actions a{text-decoration:none}#invoice-message{min-height:24px}
@media(max-width:600px){.invoice-fields{grid-template-columns:1fr}#invoice-dialog{padding:18px}.invoice-actions .btn{flex:1}.invoice-totals p{flex-wrap:wrap}}