.invoice-dialog{width:min(1120px,96vw);padding:0;overflow:hidden}.invoice-sheet{background:#fff}.invoice-title{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 34px 22px;border-bottom:3px solid var(--green)}.invoice-title span{font-size:10px;letter-spacing:.25em;color:var(--gold)}.invoice-title h2{margin:2px 0 0;font-size:28px;letter-spacing:.08em}.invoice-date{width:190px}.invoice-date label,.invoice-sheet .field label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.invoice-date input{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px}.invoice-customer{padding:22px 34px;background:#f7faf8;border-bottom:1px solid var(--line)}.invoice-customer h3,.invoice-products h3{margin:0 0 14px}.invoice-customer-grid{display:grid;grid-template-columns:1.2fr .8fr 1.5fr;gap:14px}.invoice-customer input,.invoice-customer select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff}.invoice-customer input[readonly]{color:#475751;background:#fbfcfb}.invoice-products{padding:22px 34px}.invoice-section-head{display:flex;justify-content:space-between;align-items:center}.invoice-table{border:1px solid var(--line)}.invoice-table th{background:#eef5f1;color:#38564c}.invoice-table th,.invoice-table td{border:1px solid var(--line);padding:8px}.invoice-table select,.invoice-table input{width:100%;min-width:90px;padding:9px;border:1px solid #dce5e0;border-radius:5px}.invoice-table .prod{min-width:230px}.invoice-table .supplier-name{display:block;min-width:100px;color:#52645e}.invoice-table .line-amount{font-weight:700;text-align:right;min-width:100px}.invoice-table .row-index{text-align:center;color:var(--muted)}.invoice-bottom{display:grid;grid-template-columns:1fr 340px;gap:30px;padding:20px 34px;background:#fafcfb;border-top:1px solid var(--line)}.invoice-note textarea{width:100%;min-height:130px;padding:12px;border:1px solid var(--line);border-radius:7px}.invoice-summary{display:grid;gap:8px}.invoice-summary>div,.invoice-summary>label{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0}.invoice-summary input{width:135px;padding:8px;text-align:right;border:1px solid var(--line);border-radius:6px}.invoice-summary .total{padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.invoice-summary .total strong{font-size:23px;color:var(--green)}.invoice-actions{display:flex;justify-content:flex-end;gap:10px;padding:17px 34px 25px}.invoice-actions button{min-width:110px}.invoice-dialog>.close{top:12px;right:14px;z-index:3}
@media(max-width:700px){.invoice-dialog{width:100%;max-height:100dvh;border-radius:0;padding:0}.invoice-title{padding:20px 16px 16px;align-items:flex-start}.invoice-title h2{font-size:22px}.invoice-date{width:142px}.invoice-customer{padding:16px}.invoice-customer-grid{grid-template-columns:1fr}.invoice-products{padding:16px}.invoice-table{min-width:850px}.invoice-bottom{grid-template-columns:1fr;padding:16px;gap:16px}.invoice-actions{position:sticky;bottom:0;background:#fff;padding:12px 16px;box-shadow:0 -8px 20px #173e3210}.invoice-actions button{flex:1}.invoice-dialog>.close{position:absolute;right:8px;top:8px}}