.invoice-page{background:#f8f7f3;min-height:calc(100vh - 74px)}
.invoice-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding:4px 2px}
.invoice-hero h2{font:700 30px Georgia,serif;margin:5px 0;color:#1d2529}
.invoice-hero p{margin:0}
.eyebrow{display:block;color:#a27736;font-size:11px;font-weight:800;letter-spacing:1.5px}
.invoice-number{min-width:155px;border-left:3px solid #c39a58;padding:8px 0 8px 15px;text-align:left}
.invoice-number span,.invoice-number small{display:block;color:#7c858b;font-size:12px}
.invoice-number strong{display:block;font-size:21px;margin:4px 0;color:#1d2529}
.invoice-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.invoice-main,.invoice-side{display:grid;gap:18px;min-width:0}
.invoice-card{background:#fff;border:1px solid #e5e0d6;border-radius:10px;padding:20px;box-shadow:0 5px 18px rgba(37,32,24,.04)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}
.section-heading h3,.summary-card h3{font-size:18px;margin:5px 0 0;color:#1d2529}
.customer-fields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.8fr) auto;gap:12px;align-items:end}
.selected-customer{border:1px solid #e5e0d6;background:#fbfaf7;border-radius:7px;padding:9px 12px;min-height:43px}.selected-customer span{display:block;color:#899096;font-size:11px}.selected-customer strong{display:block;margin-top:3px;font-size:14px;color:#283137}
.walkin-toggle{display:flex;align-items:center;gap:7px;min-height:43px;white-space:nowrap;font-size:13px;color:#4b5559}.walkin-toggle input{accent-color:#a27736}
.invoice-table-wrap{overflow-x:auto}.invoice-lines{min-width:650px}.invoice-lines th{color:#7b8589;font-size:11px;text-transform:uppercase;letter-spacing:.8px;text-align:left;background:#fbfaf7}.invoice-lines td{vertical-align:middle}.invoice-lines .productSearch{min-width:260px}.invoice-lines .qty{width:74px}.invoice-lines .rate{width:105px}.invoice-lines .amount-col,.invoice-lines td.amount{text-align:right}.invoice-lines td:last-child{text-align:right;width:42px}.empty-line-note{color:#8b9397;font-size:12px;margin-top:12px}.details-card{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.summary-fields{display:grid;gap:12px;margin-top:18px}.invoice-total{border-top:1px solid #e5e0d6;margin-top:18px;padding-top:15px;line-height:1.9;color:#687278}.invoice-total b{display:block;color:#1d2529;font-size:21px;line-height:1.4}.action-card{display:grid;gap:10px}.save-invoice{width:100%;padding:13px}.invoice-page .btn{border-radius:7px}.invoice-page .field label{font-size:12px;color:#687278;font-weight:700;margin-bottom:6px}.invoice-page .input,.invoice-page .select{border-color:#dcd7ce;background:#fff}.invoice-page .input:focus,.invoice-page .select:focus{border-color:#b58a42;box-shadow:0 0 0 3px rgba(181,138,66,.12);outline:0}
@media(max-width:900px){.invoice-grid{grid-template-columns:1fr}.invoice-side{grid-template-columns:1fr 230px}.customer-fields{grid-template-columns:1fr 1fr}.customer-search-field{grid-column:1/-1}.details-card{grid-template-columns:1fr 1fr}.invoice-hero{align-items:flex-start}}
@media(max-width:760px){.invoice-page{padding:18px 14px}.invoice-hero{display:block}.invoice-number{margin-top:18px}.invoice-card{padding:15px}.customer-fields,.details-card,.invoice-side{grid-template-columns:1fr}.customer-search-field{grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column}.section-heading .btn{width:100%}.invoice-table-wrap{width:100%;overflow-x:hidden}.invoice-lines{display:table;width:100%;min-width:0;table-layout:fixed}.invoice-lines th,.invoice-lines td{padding:7px 3px;font-size:11px;overflow:hidden}.invoice-lines th:first-child,.invoice-lines td:first-child{width:40%}.invoice-lines th:nth-child(2),.invoice-lines td:nth-child(2){width:14%}.invoice-lines th:nth-child(3),.invoice-lines td:nth-child(3){width:20%}.invoice-lines th:nth-child(4),.invoice-lines td:nth-child(4){width:18%}.invoice-lines th:last-child,.invoice-lines td:last-child{width:8%;min-width:28px}.invoice-lines tr>td>div{min-width:0;max-width:100%}.invoice-lines input{display:block;max-width:100%;box-sizing:border-box}.invoice-lines .productSearch{width:100%;min-width:0;font-size:11px;padding-left:6px;padding-right:6px}.invoice-lines .qty{width:100%;min-width:0;padding-left:2px;padding-right:2px}.invoice-lines .rate{width:100%;min-width:0;padding-left:2px;padding-right:2px}.invoice-lines .amount-col,.invoice-lines td.amount{white-space:nowrap;font-size:10px}.invoice-lines td:last-child .btn{width:28px;min-width:28px;padding:6px 0}}
@media(max-width:760px){.invoice-page{width:100%;max-width:100%;overflow-x:hidden}.invoice-card.items-card{overflow:hidden}.invoice-table-wrap{width:100%;max-width:100%;overflow:hidden}.invoice-lines,.invoice-lines tbody{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden}.invoice-lines thead{display:none}.invoice-lines tr.line{display:block;box-sizing:border-box;width:100%!important;max-width:100%!important;inline-size:100%;max-inline-size:100%;min-width:0;margin:0;padding:10px 0;border-bottom:1px solid #e5e0d6;overflow:hidden}.invoice-lines tr.line:last-child{border-bottom:0}.invoice-lines tr.line td{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;width:100%!important;min-width:0;max-width:100%;box-sizing:border-box;padding:5px 0;overflow:hidden;text-align:left}.invoice-lines tr.line td:first-child:before{content:'Product'}.invoice-lines tr.line td:nth-child(2):before{content:'Qty'}.invoice-lines tr.line td:nth-child(3):before{content:'Rate'}.invoice-lines tr.line td:nth-child(4):before{content:'Amount'}.invoice-lines tr.line td:before{color:#687278;font-size:11px;font-weight:700}.invoice-lines tr.line td>div,.invoice-lines tr.line td>input{width:100%;min-width:0!important;max-width:100%;box-sizing:border-box;overflow:hidden}.invoice-lines tr.line .productSearch{min-width:0!important;width:100%;max-width:100%;box-sizing:border-box}.invoice-lines tr.line td.amount{justify-content:start;text-align:left}.invoice-lines tr.line td:last-child{display:flex;justify-content:flex-end;width:100%!important;max-width:100%;padding:3px 0 0;overflow:hidden}.invoice-lines tr.line td:last-child .btn{position:static;display:inline-flex;flex:0 0 28px;width:28px;min-width:28px;max-width:28px;margin:0;padding:6px 0;justify-content:center}.invoice-lines tr.line td:last-child:before{display:none}}
@media(max-width:760px){.invoice-page,.invoice-card.items-card,.invoice-table-wrap,.invoice-lines,.invoice-lines tbody,.invoice-lines tr.line{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}.invoice-lines tr.line td,.invoice-lines tr.line td>div,.invoice-lines tr.line td>input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}}