/* Opening an order keeps the customer, current cart and final action in one work frame. */
.billing-workspace{display:flex;flex-direction:column;height:var(--frame);min-height:450px;max-height:max(450px,calc(100dvh - 200px));min-width:0;--bill-columns:minmax(135px,1fr) 110px 80px 88px 26px}
.billing-workspace .bill-layout{display:grid;grid-template-columns:minmax(490px,1.35fr) minmax(310px,1fr);gap:12px;flex:1;height:auto;min-height:0}
.billing-workspace .bill-left,.billing-workspace .bill-right{min-width:0;min-height:0;height:auto;padding:0;border-radius:9px;overflow:hidden;box-shadow:0 2px 7px #153f2b06}
.billing-workspace .bill-top{padding:10px 12px 8px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line)}
.billing-workspace .bill-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.billing-workspace .bill-section-heading h3{display:flex;align-items:center;gap:8px;font-size:18px;line-height:1.35;margin:0}
.billing-workspace .bill-section-heading .badge{font-size:11px;font-weight:500;color:#60796b;background:#edf3ef}
.billing-workspace .bill-text-action{padding:3px 5px;font-size:12px;color:#728077;border-color:transparent;background:transparent}
.billing-workspace .customer-picker input{font-size:17px;font-weight:550;padding:7px 9px;height:38px}
.billing-workspace .customer-picker>button{font-size:13px;padding:6px 10px;background:#eff5f1;border-color:#cdded3}
.billing-workspace .customer-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.billing-workspace .customer-results{position:static;grid-column:1/-1;max-height:min(210px,28dvh);box-shadow:none;overscroll-behavior:contain}
.billing-workspace .customer-results-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 8px;background:#f4f7f3;font-size:12px;color:var(--muted);position:sticky;top:0}
.billing-workspace .customer-results .customer-results-heading button{width:auto;min-height:32px;padding:3px 8px;border:0;background:transparent;font-size:12px}
.billing-workspace .customer-results button{min-height:44px;font-size:15px;padding:8px 10px}
.billing-workspace .customer-results small{display:block;font-size:12px;color:var(--muted)}
.billing-workspace .bill-customer-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;font-size:11px;color:#718176;min-height:16px}
.billing-workspace #customer-hint{min-width:0}
.billing-workspace .bill-site-label{flex-shrink:0;max-width:45%;font-size:11px;font-weight:600;color:#557064;text-align:right}
.billing-workspace .bill-column-labels{display:grid;grid-template-columns:var(--bill-columns);gap:7px;align-items:center;padding:5px 12px;background:#f1f5f2;border-bottom:1px solid #dce7df;color:#738477;font-size:11px}
.billing-workspace .bill-column-labels span:nth-child(n+2){text-align:right}
.billing-workspace .bill-column-labels span:nth-child(2){text-align:center}
.billing-workspace .bill-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;background:#fff}
.billing-workspace .bill-row{padding:8px 12px 7px;border-bottom:1px solid #e3eae5;background:#fff;transition:background .15s}
.billing-workspace .bill-row:nth-child(even){background:#f8faf8}
.billing-workspace .bill-row.highlight{background:#edf5e9;box-shadow:inset 3px 0 #6b945e}
.billing-workspace .bill-row-main{display:grid;grid-template-columns:var(--bill-columns);align-items:center;gap:7px;min-height:34px}
.billing-workspace .bill-item-name{font-size:17px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;color:#213e31}
.billing-workspace .bill-quantity{display:grid;grid-template-columns:minmax(64px,1fr) 40px;gap:2px;align-items:center}
.billing-workspace .bill-row .bill-quantity input{font-size:20px;font-weight:700;height:35px;padding:3px 5px!important;text-align:right;appearance:textfield;min-width:64px}
.billing-workspace .bill-quantity input::-webkit-inner-spin-button,.billing-workspace .bill-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.billing-workspace .bill-quantity select{height:33px;padding:3px 0 3px 3px;font-size:13px;border-color:transparent;background:transparent;max-width:40px}
.billing-workspace .bill-quantity .bill-single-unit{appearance:none;pointer-events:none;padding-left:6px}
.billing-workspace .bill-unit-price{margin:0;min-width:0}
.billing-workspace .bill-unit-price>span{display:none}
.billing-workspace .bill-unit-price input{height:33px;font-size:15px;font-variant-numeric:tabular-nums;padding:4px 6px!important}
.billing-workspace .bill-row-subtotal{text-align:right;white-space:nowrap;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.billing-workspace .bill-remove{font-size:23px;line-height:1;color:#89978f;border-color:transparent;background:transparent;padding:1px;min-width:26px;height:34px}
.billing-workspace .bill-remove:hover{color:#a94131;background:#fbeee9}
.billing-workspace .bill-row-detail{display:flex;align-items:center;flex-wrap:wrap;gap:3px 10px;margin-top:5px}
.billing-workspace .line-location{display:flex;align-items:center;gap:4px;font-size:11px;line-height:1.25;color:#76887b;white-space:nowrap}
.billing-workspace .line-location select{font-size:11px;padding:2px 15px 2px 5px;height:25px;min-height:0;width:164px;border-color:#dfe8e1;border-radius:4px;color:#597061;background:#fff}
.billing-workspace .bill-row .avail{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;font-size:11px;line-height:1.4;margin:0;color:#7c897f}
.billing-workspace .avail strong{font-weight:650;color:#46674d}
.billing-workspace .bill-price-history{font-size:11px;font-weight:500;padding:2px 0;line-height:1.3;margin-left:auto;white-space:nowrap}
.billing-workspace .bill-cost-warning{padding:1px 5px;font-size:10px;line-height:1.5;color:#946322;background:#fff1d8;border-radius:3px;white-space:nowrap}
.billing-workspace .bill-bottom{padding:9px 12px 10px;flex-shrink:0;background:#f8faf7;border-top:1px solid #d7e2d9}
.billing-workspace .bill-special-delivery{margin-top:6px;font-size:12px;color:#718176}
.billing-workspace .bill-special-delivery>summary{cursor:pointer;padding:3px 0}
.billing-workspace [data-delivery-summary]{margin-left:8px;color:#385d48;font-weight:600}
.billing-workspace .bill-special-delivery[open]>summary{margin-bottom:5px}
.billing-workspace .bill-special-help{margin:5px 0;font-size:11px}
.billing-workspace .bill-delivery-heading{display:flex;align-items:center;gap:12px;margin-bottom:7px}
.billing-workspace .bill-delivery-heading>strong{font-size:12px;color:#5d7564}
.billing-workspace .bill-delivery-switch{display:inline-flex;gap:0;padding:2px;background:#e9efe9;border-radius:6px}
.billing-workspace .bill-delivery-switch button{min-height:27px;padding:3px 12px;border:0;border-radius:4px;font-size:12px;color:#6b7b6f;background:transparent}
.billing-workspace .bill-delivery-switch button[aria-pressed=true]{background:#fff;color:#18553d;font-weight:650;box-shadow:0 1px 4px #213e3120}
.billing-workspace .bill-delivery-fields{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-bottom:6px}
.billing-workspace .bill-delivery-fields label,.billing-workspace .bill-note-field{display:flex;align-items:center;gap:7px;min-width:0;margin:0}
.billing-workspace .bill-delivery-fields label>span,.billing-workspace .bill-note-field>span{font-size:12px;color:#6b7b6f;flex-shrink:0}
.billing-workspace .bill-delivery-fields input,.billing-workspace .bill-note-field input{width:100%;min-width:0;height:32px;font-size:13px;padding:5px 7px}
.billing-workspace .bill-note-field input{border-color:#dbd3b2;background:#fffef9}
.billing-workspace .bill-confirm-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:8px;border-top:1px solid #e0e8df}
.billing-workspace .bill-total-label{display:flex;align-items:baseline;gap:7px;min-width:0;flex-wrap:wrap}
.billing-workspace .bill-total-label>span{font-size:12px;color:#637969}
.billing-workspace .bill-total-label .money-large{font-size:28px;line-height:1.1;letter-spacing:-.7px;margin:0;color:#174d35}
.billing-workspace .bill-total-label label{font-size:11px;color:#738276;display:flex;align-items:center;gap:4px;margin-left:6px}
.billing-workspace .bill-total-label input{width:15px;height:15px;margin:0}
.billing-workspace #create-order{min-width:130px;min-height:44px;font-size:17px;font-weight:650;letter-spacing:.2px}
.billing-workspace .bill-hint{font-size:11px;color:#8b978e}
.billing-workspace .bill-search-box{position:relative}
.billing-workspace #product-search{width:100%;height:39px;padding:8px 33px 8px 10px;font-size:15px;background:#f6f8f5;border-color:#cbdacd}
.billing-workspace #clear-product-search{position:absolute;right:5px;top:4px;width:28px;height:30px;min-width:0;padding:0;border:0;background:transparent;color:#7b8b7f;font-size:20px}
.billing-workspace .product-tabs{display:flex;align-items:center;gap:4px;margin-top:8px;padding:0}
.billing-workspace .product-tabs button{padding:4px 10px;font-size:12px;border:0;background:transparent;color:#7d8d80;border-radius:5px}
.billing-workspace .product-tabs button[aria-pressed=true]{background:#e6f0e9;color:#205a3e;font-weight:650}
.billing-workspace #product-count{font-size:11px;color:#88958c;margin-left:auto}
.billing-workspace .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:7px;padding:10px}
.billing-workspace .product-card{position:relative;min-height:82px;padding:9px 10px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;border:1px solid #dce5dd;border-radius:6px;background:#fff;white-space:normal;overflow:hidden}
.billing-workspace .product-card:hover{border-color:#6f9d7c;background:#f4f9f1}
.billing-workspace .product-card:active{transform:translateY(1px)}
.billing-workspace .product-card strong{font-size:17px;line-height:1.3;font-weight:650;color:#244335;overflow-wrap:anywhere}
.billing-workspace .bill-product-meta{display:flex;align-items:baseline;justify-content:space-between;gap:7px;flex-wrap:wrap}
.billing-workspace .product-card .price{font-size:15px;font-weight:600;line-height:1.25;color:#2a6847}
.billing-workspace .product-card .price small{font-size:10px;font-weight:400;margin-left:2px;color:#89958b}
.billing-workspace .bill-product-stock{font-size:11px;color:#7d8d81;white-space:nowrap}
.billing-workspace .product-card.is-added{border-color:#9bb9a3;background:#f2f8ef;padding-bottom:24px}
.billing-workspace .bill-added{position:absolute;bottom:3px;right:9px;font-size:10px;line-height:1.2;color:#64835c}
.billing-workspace .bill-product-footer{padding:8px 12px;border-top:1px solid var(--line);background:#f8faf7;font-size:11px;color:#87938a;flex-shrink:0}
.billing-workspace .bill-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;padding:20px;color:#87998b;font-size:13px}
.billing-workspace .bill-empty strong{font-size:17px;color:#64806d;font-weight:550}
.billing-workspace .bill-empty-select{font-size:13px;padding:6px 16px;color:#416b4c;border-color:#c6d8ca;background:#f3f8ef}
.billing-workspace .bill-edit-warning{flex-shrink:0;margin-bottom:7px;font-size:12px;padding:7px 10px}
.billing-workspace .bill-mobile-tabs,.billing-workspace .bill-mobile-review{display:none}
.billing-workspace [hidden]{display:none!important}
@media(min-width:1550px){.billing-workspace{--bill-columns:minmax(155px,1fr) 125px 90px 100px 28px}.billing-workspace .bill-layout{grid-template-columns:minmax(640px,1.3fr) minmax(450px,1fr)}.billing-workspace .bill-item-name,.billing-workspace .product-card strong{font-size:18px}.billing-workspace .bill-row{padding-block:9px}.billing-workspace .bill-quantity{grid-template-columns:minmax(78px,1fr) 40px}}
@media(min-width:761px) and (max-width:1130px){.billing-workspace{--bill-columns:minmax(100px,1fr) 97px 70px 77px 23px}.billing-workspace .bill-layout{grid-template-columns:minmax(435px,1.35fr) minmax(245px,1fr);gap:8px}.billing-workspace .product-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:6px;padding:8px}.billing-workspace .bill-row,.billing-workspace .bill-top,.billing-workspace .bill-bottom{padding-inline:9px}.billing-workspace .bill-item-name,.billing-workspace .product-card strong{font-size:16px}.billing-workspace .bill-quantity{grid-template-columns:minmax(58px,1fr) 35px}.billing-workspace .bill-row .bill-quantity input{min-width:58px}.billing-workspace .bill-total-label label{margin-left:0}.billing-workspace #create-order{min-width:114px}.billing-workspace .bill-product-stock{font-size:10px}}

.billing-workspace .bill-product-balance{display:flex;gap:5px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.billing-workspace .bill-qty-step{display:none}
.billing-workspace .bill-pickup-location{display:flex;align-items:center;gap:7px;margin:0 0 6px;min-width:0;font-size:12px;color:#5d7564}
.billing-workspace .bill-pickup-location>span{flex-shrink:0}
.billing-workspace .bill-pickup-location select{min-width:0;flex:1;height:34px;padding:4px 7px;font-size:13px}
@media(max-width:900px){
 .billing-workspace{height:100%;min-height:0;max-height:none;overflow:hidden}
 .billing-workspace .bill-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;flex-shrink:0;margin-bottom:5px;background:#e4ece5;padding:3px;border-radius:7px}
 .billing-workspace .bill-mobile-tabs button{border:0;background:transparent;color:#557660;padding:7px 10px;font-size:15px;min-height:38px;border-radius:5px}
 .billing-workspace .bill-mobile-tabs button[aria-pressed=true]{background:#fff;color:#225d3f;font-weight:650;box-shadow:0 1px 4px #16382919}
 .billing-workspace .bill-mobile-tabs b{background:#eaf1e6;border-radius:8px;min-width:19px;padding:0 4px;font-size:12px}
 .billing-workspace .bill-layout{display:flex;min-height:0;height:0;flex:1;min-width:0}
 .billing-workspace .bill-layout[data-mobile-panel=cart] .bill-right,.billing-workspace .bill-layout[data-mobile-panel=products] .bill-left{display:none}
 .billing-workspace .bill-left,.billing-workspace .bill-right{height:100%;width:100%;flex:1;min-height:0;padding:0}
 .billing-workspace .bill-top{padding:6px 7px;min-width:0}
 .billing-workspace .bill-section-heading{margin-bottom:4px}
 .billing-workspace .bill-right .bill-section-heading{display:none}
 .billing-workspace .bill-left .bill-top{position:relative;padding-bottom:6px}
 .billing-workspace .bill-left .bill-section-heading{position:absolute;right:7px;bottom:2px;margin:0;z-index:1}
 .billing-workspace .bill-left .bill-section-heading h3,.billing-workspace .bill-left .bill-site-label{display:none}
 .billing-workspace .bill-left .bill-customer-meta{padding-right:67px;min-height:16px;font-size:11px;margin-top:4px}
 .billing-workspace .bill-text-action{font-size:11px;padding:2px 3px}
 .billing-workspace .customer-picker input{font-size:16px;height:38px;min-width:0}
 .billing-workspace .customer-picker>button{font-size:13px;padding:5px 7px;white-space:nowrap}
 .billing-workspace .bill-column-labels{display:none}
 .billing-workspace .bill-scroll{scrollbar-gutter:auto;overflow-x:hidden}
 .billing-workspace #product-search{height:38px;font-size:16px;padding:6px 36px 6px 8px}
 .billing-workspace #clear-product-search{height:32px;top:3px;right:3px;width:32px}
 .billing-workspace .product-tabs{margin-top:4px;gap:3px;min-height:32px}
 .billing-workspace .product-tabs button{min-height:32px;padding:4px 9px;font-size:13px}
 .billing-workspace #product-count{font-size:12px}
 .billing-workspace .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;align-items:stretch}
 .billing-workspace .product-card{min-width:0;min-height:72px;padding:6px 7px;justify-content:flex-start;gap:3px;border-radius:5px;text-align:left;overflow:visible}
 .billing-workspace .product-card strong{font-size:16px;line-height:20px;font-weight:700;overflow-wrap:anywhere;white-space:normal}
 .billing-workspace .bill-product-meta{display:grid;gap:1px;margin-top:auto;min-width:0}
 .billing-workspace .product-card .price{font-size:14px;line-height:18px;white-space:normal;overflow-wrap:anywhere}
 .billing-workspace .product-card .price small{font-size:11px}
 .billing-workspace .bill-product-balance{font-size:12px;line-height:16px;gap:0 5px;min-width:0}
 .billing-workspace .bill-product-stock{font-size:12px;line-height:16px;white-space:normal;overflow-wrap:anywhere;color:#657d6c}
 .billing-workspace .product-card.is-added{padding-bottom:6px;background:#edf6e9;border-color:#76a386}
 .billing-workspace .bill-added{position:static;font-size:11px;line-height:16px;font-weight:650;color:#265f3c;white-space:nowrap}
 .billing-workspace .bill-product-footer{padding:5px 6px}
 .billing-workspace .bill-product-footer>span{display:none}
 .billing-workspace .bill-mobile-review{display:flex;align-items:center;justify-content:space-between;gap:3px;width:100%;min-height:44px;border-color:#216041;background:#216041;color:#fff;font-size:14px;padding:7px 9px;min-width:0}
 .billing-workspace .bill-mobile-review b{margin-right:auto;margin-left:3px;background:#ffffff22;padding:0 5px;border-radius:9px}
 .billing-workspace .bill-mobile-review strong{font-size:19px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0}
 .billing-workspace .bill-row{padding:7px 8px}
 .billing-workspace .bill-row-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:5px;min-height:34px}
 .billing-workspace .bill-item-name{font-size:17px;line-height:22px;grid-column:1/3;grid-row:1}
 .billing-workspace .bill-remove{grid-column:3;grid-row:1;height:38px;min-width:38px}
 .billing-workspace .bill-quantity{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:40px minmax(80px,1fr) 42px 40px;gap:3px;max-width:250px}
 .billing-workspace .bill-qty-step{display:block;min-width:40px;min-height:40px;height:40px;padding:0;font-size:23px;line-height:1;background:#eff5ed;border-color:#ceddcd;color:#315d3d;border-radius:5px}
 .billing-workspace .bill-row .bill-quantity input{height:40px;font-size:21px;text-align:center;min-width:0;width:100%;padding:3px 6px!important}
 .billing-workspace .bill-quantity select{height:40px;min-width:0;max-width:42px;width:42px;font-size:15px}
 .billing-workspace .bill-unit-price{grid-column:1;grid-row:3;display:flex;align-items:center;gap:5px;font-size:12px;color:#6d8173;min-width:0}
 .billing-workspace .bill-unit-price>span{display:inline;white-space:nowrap}
 .billing-workspace .bill-unit-price input{width:108px;min-width:0;max-width:100%;height:34px;min-height:34px;font-size:16px;padding:3px 6px!important}
 .billing-workspace .bill-row-subtotal{grid-column:2/-1;grid-row:3;font-size:16px;justify-self:end;max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .billing-workspace .bill-row-detail{gap:4px 8px;margin-top:4px;min-width:0}
 .billing-workspace .line-location{width:100%;font-size:12px;min-width:0}
 .billing-workspace .line-location select{flex:1;width:0;min-width:0;height:34px;min-height:34px;font-size:13px}
 .billing-workspace .bill-row .avail{font-size:12px;gap:7px}
 .billing-workspace .bill-price-history{font-size:12px;min-height:32px;display:inline-flex;align-items:center}
 .billing-workspace .bill-cost-warning{font-size:11px;white-space:normal}
 .billing-workspace .bill-bottom{padding:6px 7px;max-height:53%;overflow-y:auto;overscroll-behavior:contain}
 .billing-workspace .bill-delivery-heading{margin-bottom:5px;display:block}
 .billing-workspace .bill-delivery-heading>strong{display:none}
 .billing-workspace .bill-delivery-switch{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:2px;width:100%;padding:2px}
 .billing-workspace .bill-delivery-switch button{font-size:12px;padding:5px 3px;min-height:36px;line-height:16px;white-space:normal}
 .billing-workspace .bill-pickup-location{font-size:12px}
 .billing-workspace .bill-pickup-location select{height:36px;font-size:14px}
 .billing-workspace .bill-delivery-fields{gap:6px;grid-template-columns:1fr 1fr;margin-bottom:5px}
 .billing-workspace .bill-delivery-fields label{gap:4px}
 .billing-workspace .bill-delivery-fields input,.billing-workspace .bill-note-field input{height:34px;font-size:14px;padding:5px 6px}
 .billing-workspace .bill-total-label .money-large{font-size:24px;white-space:normal;overflow-wrap:anywhere;max-width:100%;letter-spacing:-.5px}
 .billing-workspace .bill-total-label{gap:4px;flex:1;min-width:0}
 .billing-workspace .bill-total-label label{flex-basis:100%;margin-left:0}
 .billing-workspace #create-order{min-width:106px;min-height:44px;font-size:17px;padding:6px 8px;flex-shrink:0}
 .billing-workspace .bill-confirm-bar{margin-top:6px;padding-top:6px;gap:7px}
}
@media(min-width:600px) and (max-width:900px){
 .billing-workspace .product-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
 .billing-workspace .bill-row-main{grid-template-columns:minmax(0,1fr) 250px 38px}
 .billing-workspace .bill-quantity{grid-column:2;grid-row:1}
 .billing-workspace .bill-remove{grid-column:3;grid-row:1}
 .billing-workspace .bill-unit-price{grid-column:1;grid-row:2}
 .billing-workspace .bill-row-subtotal{grid-column:2/-1;grid-row:2}
}
@media(prefers-reduced-motion:reduce){.billing-workspace .bill-row{transition:none}.billing-workspace .product-card:active{transform:none}}

.billing-workspace .bill-form-error{margin:6px 0 0;padding:7px 9px;border-left:3px solid #b12725;background:#fff0ef;color:#9f2424;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.billing-workspace .bill-form-error[hidden]{display:none}

/* Reminder first, vehicle and place second; optional internal information stays folded. */
.billing-workspace .bill-note-field{align-items:start;gap:8px}
.billing-workspace .bill-note-field>span{padding-top:7px;font-weight:750;color:#334c3d}
.billing-workspace .bill-note-field textarea{width:100%;min-width:0;min-height:50px;resize:vertical;box-sizing:border-box;font:inherit;line-height:1.35;padding:7px 9px;border:1px solid #bacbbb;border-radius:5px;background:#fffefa}
.bill-legacy-reminder{font-size:12px;color:#52665b;margin-top:5px}.bill-legacy-reminder p{margin:4px 0}.bill-legacy-reminder summary{cursor:pointer}
.bill-oversell-hint,.bill-oversell-confirm{color:#85551b;border-left:3px solid #c7892f;padding:6px 9px;margin:6px 0;background:#fff8e9;font-size:13px;line-height:1.4}
.bill-oversell-hint[hidden]{display:none}.bill-oversell-hint ul,.bill-oversell-confirm ul{margin:3px 0;padding-left:20px}.bill-oversell-confirm label{display:flex;align-items:flex-start;gap:6px;font-weight:700;font-size:16px}.bill-oversell-confirm input{flex-shrink:0;width:20px;height:20px}.bill-oversell-confirm p{margin-bottom:0;font-size:13px}.billing-workspace .bill-shortage{color:#85551b}
@media(max-width:599px){.billing-workspace .bill-note-field textarea{min-height:48px;font-size:15px;padding:6px}.billing-workspace .bill-bottom{max-height:48%}.bill-oversell-hint{font-size:12px;padding:5px 7px}.bill-oversell-hint>span{display:block}.bill-oversell-confirm label{font-size:15px}}

/* Mobile cart keeps four ordinary product rows visible; infrequent source choices expand in place. */
.required-mark{font-style:normal;color:#b12725;font-weight:700}
.billing-workspace .bill-row-options{min-width:0}
.billing-workspace .bill-row-options>summary{display:flex;align-items:center;gap:10px;list-style:none;font-size:11px;line-height:20px;color:#667a6c;cursor:pointer}
.billing-workspace .bill-row-options>summary::-webkit-details-marker{display:none}
.billing-workspace .bill-row-options>summary>span:last-child{margin-left:auto;color:#426d50}
.billing-workspace .bill-dispatch-fields{display:grid;grid-template-columns:1fr 1.1fr;gap:8px;margin-top:5px}
.billing-workspace .bill-dispatch-fields label{display:flex;align-items:center;gap:5px;min-width:0;margin:0;font-size:12px;color:#596f61}
.billing-workspace .bill-dispatch-fields input{width:0;min-width:0;flex:1;height:32px;padding:4px 6px;font-size:13px}
.billing-workspace .bill-dispatch-fields select{width:66px;max-width:66px;height:32px;padding:3px;font-size:12px}
.billing-workspace .bill-dispatch-fields.needs-confirmation input{border:2px solid #b23c37;background:#fff8f6;color:#922923}
.billing-workspace .bill-prefill-check{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#a52e29;font-size:12px;margin-top:4px}
.billing-workspace .bill-prefill-check button{font-size:12px;padding:4px 9px;min-height:30px;border-color:#b9655e;background:#fff}
.billing-workspace .bill-extra-options{font-size:12px;color:#617666;margin-top:3px}
.billing-workspace .bill-extra-options>summary{cursor:pointer;padding:3px 0;min-height:22px}
.billing-workspace .bill-extra-options[open]>summary{margin-bottom:4px}
.billing-workspace .bill-note-field>span{padding-top:0}
.billing-workspace .bill-note-field input{flex:1;min-width:0;width:0}
.billing-workspace .bill-extra-options>small{display:block;margin:4px 0;color:#6d766f}
.billing-workspace .bill-shortage,.billing-workspace .bill-oversell-hint{color:#a12d28}
.billing-workspace .bill-oversell-hint{border-left-color:#b43832;background:#fff7f5}
@media(min-width:901px){
 .billing-workspace .bill-row-options>summary>span:last-child{display:none}
 .billing-workspace .bill-row-options>summary{cursor:default}
}
@media(max-width:900px){
 .billing-workspace .bill-row{padding:4px 7px}
 .billing-workspace .bill-row-main{grid-template-columns:minmax(0,1fr) 82px minmax(60px,.55fr) 25px;grid-template-rows:auto 34px;gap:3px 5px;min-height:0}
 .billing-workspace .bill-item-name{grid-column:1/4;grid-row:1;font-size:16px;line-height:20px;min-width:0}
 .billing-workspace .bill-remove{grid-column:4;grid-row:1;min-width:25px;height:25px;font-size:22px}
 .billing-workspace .bill-quantity{grid-column:1;grid-row:2;grid-template-columns:minmax(48px,1fr) 28px;gap:2px;width:100%;max-width:140px;min-width:0}
 .billing-workspace .bill-qty-step{display:none}
 .billing-workspace .bill-row .bill-quantity input{min-width:48px;height:34px;min-height:34px;font-size:20px;padding:2px 4px!important;text-align:right}
 .billing-workspace .bill-quantity select{width:28px;max-width:28px;height:34px;font-size:13px;padding:2px 0}
 .billing-workspace .bill-unit-price{grid-column:2;grid-row:2;display:block;min-width:0;position:relative}
 .billing-workspace .bill-unit-price>span{position:absolute;left:5px;top:1px;font-size:9px;line-height:10px;color:#768579}
 .billing-workspace .bill-unit-price input{width:82px;height:34px;min-height:34px;font-size:15px;padding:12px 4px 1px!important;text-align:right}
 .billing-workspace .bill-row-subtotal{grid-column:3/5;grid-row:2;font-size:15px;line-height:20px;white-space:nowrap;justify-self:end}
 .billing-workspace .bill-row-options>summary{font-size:11px;line-height:20px;min-height:20px;gap:8px}
 .billing-workspace .bill-row-options:not([open])>.bill-row-detail{display:none}
 .billing-workspace .bill-row-detail{padding:4px 0;margin-top:0}
 .billing-workspace .bill-bottom{padding:5px 7px;max-height:46%;overflow-y:auto}
 .billing-workspace .bill-note-field input,.billing-workspace .bill-dispatch-fields input{height:31px;font-size:14px}
 .billing-workspace .bill-dispatch-fields{gap:5px;margin-top:4px}
 .billing-workspace .bill-dispatch-fields label{gap:4px;font-size:11px}
 .billing-workspace .bill-dispatch-fields select{width:52px;max-width:52px;height:31px;font-size:11px}
 .billing-workspace .bill-confirm-bar{margin-top:3px;padding-top:4px;min-height:44px}
 .billing-workspace .bill-total-label .money-large{font-size:23px}
 .billing-workspace .bill-extra-options>summary{padding:2px 0;min-height:20px}
 .billing-workspace .bill-prefill-check{font-size:11px}
}
@media(min-width:600px) and (max-width:900px){
 .billing-workspace .bill-row-main{grid-template-columns:minmax(0,1fr) 125px 90px 96px 30px;grid-template-rows:auto;gap:8px}
 .billing-workspace .bill-item-name{grid-column:1;grid-row:1}
 .billing-workspace .bill-quantity{grid-column:2;grid-row:1}
 .billing-workspace .bill-unit-price{grid-column:3;grid-row:1}
 .billing-workspace .bill-row-subtotal{grid-column:4;grid-row:1}
 .billing-workspace .bill-remove{grid-column:5;grid-row:1}
}
.billing-workspace .bill-quantity{position:relative}.billing-workspace .bill-qty-required{position:absolute;left:3px;top:1px;font-size:10px;line-height:11px;pointer-events:none}
@media(max-width:599px){
 .billing-workspace .bill-row{padding:3px 7px}
 .billing-workspace .bill-remove{height:20px;line-height:18px}
 .billing-workspace .bill-row-options>summary{line-height:18px;min-height:18px}
 .billing-workspace .bill-prefill-check{margin-top:2px;line-height:18px}
 .billing-workspace .bill-prefill-check button{min-height:22px;padding:1px 7px}
}
@media(max-width:599px) and (max-height:800px){
 .billing-workspace .bill-row-main{grid-template-rows:auto 32px;row-gap:2px}
 .billing-workspace .bill-row .bill-quantity input,.billing-workspace .bill-quantity select,.billing-workspace .bill-unit-price input{height:32px;min-height:32px}
 .billing-workspace .bill-row-options>summary{line-height:17px;min-height:17px}
 .billing-workspace .bill-top{padding-top:4px;padding-bottom:4px}
 .billing-workspace .bill-left .bill-top{padding-bottom:4px}
}
@media(min-width:901px){
 .billing-workspace{max-height:calc(100dvh - 150px)}
 .billing-workspace .bill-top{padding:6px 10px}
 .billing-workspace .bill-section-heading{margin-bottom:4px}
 .billing-workspace .bill-section-heading h3{font-size:17px;line-height:22px}
 .billing-workspace .bill-bottom{padding:6px 10px}
 .billing-workspace .bill-prefill-check button{min-height:24px;padding:2px 8px}
 .billing-workspace .bill-confirm-bar{margin-top:4px;padding-top:5px}
 .billing-workspace .bill-row-options>summary{cursor:pointer}
 .billing-workspace .bill-row-options>summary>span:last-child{display:inline}
}

/* A phone cart is one scrollable form. Optional fields do not reserve half
   of the screen or compete with the goods list for a second scroll area. */
@media screen and (max-width:599px){
 .billing-workspace .bill-mobile-tabs{padding:2px;margin-bottom:3px}
 .billing-workspace .bill-mobile-tabs button{min-height:34px;padding:5px 9px;font-size:14px}
 .billing-workspace .bill-left{display:block;overflow-y:auto;overscroll-behavior:contain;scroll-padding:8px 0 66px}
 .billing-workspace .bill-left>.bill-scroll{overflow:visible;min-height:0;flex:none;height:auto}
 .billing-workspace .bill-left>.bill-bottom{display:contents;max-height:none;overflow:visible}
 .billing-workspace .bill-empty{min-height:115px;height:auto;padding:16px 8px}
 .billing-workspace .bill-bottom>.bill-note-field{margin:7px 7px 4px}
 .billing-workspace .bill-bottom>.bill-dispatch-fields{margin:4px 7px}
 .billing-workspace .bill-bottom>:is(.bill-prefill-check,.bill-extra-options,.bill-oversell-hint,.bill-form-error){margin-left:7px;margin-right:7px}
 .billing-workspace .bill-confirm-bar{position:sticky;bottom:0;z-index:2;margin:6px 0 0;padding:6px 7px max(6px,env(safe-area-inset-bottom));min-height:54px;background:#f8faf7;box-shadow:0 -2px 5px #153f2b0b}
 .billing-workspace .bill-total-label .money-large{font-size:23px}
 .billing-workspace #create-order{min-height:42px}
 .billing-workspace .bill-row-main{grid-template-columns:104px 90px minmax(48px,1fr) 24px;column-gap:5px;grid-template-rows:auto 36px}
 .billing-workspace .bill-quantity{grid-template-columns:56px 46px;max-width:104px;gap:2px}
 .billing-workspace .bill-row .bill-quantity input{min-width:56px;width:100%;height:36px;min-height:36px;font-size:20px;font-variant-numeric:tabular-nums}
 .billing-workspace .bill-quantity select{width:46px;min-width:46px;max-width:46px;height:36px;min-height:36px;font-size:15px;line-height:1.3;padding:2px 16px 2px 4px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5 8 3.5' fill='none' stroke='%23446655' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:10px 10px}
 .billing-workspace .bill-quantity .bill-single-unit{background-image:none;padding-right:4px;text-align:center}
 .billing-workspace .bill-unit-price input{width:90px;height:36px;min-height:36px;font-size:16px;font-variant-numeric:tabular-nums}
 .billing-workspace .bill-row-subtotal{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:15px;line-height:18px}
 .billing-workspace :is(.bill-note-field,.bill-dispatch-fields) input{font-size:16px;min-height:36px;height:36px}
 .billing-workspace .bill-bottom .bill-extra-options .bill-note-field{margin-top:5px}
 .billing-workspace .bill-top:focus-within{scroll-margin-top:6px}
 .billing-workspace :is(input,select,textarea){scroll-margin-block:12px}
}
@media(min-width:901px){.billing-workspace .bill-row{padding-top:6px;padding-bottom:6px}}
@media(max-width:599px){.billing-workspace .bill-dispatch-fields{grid-template-columns:1.25fr 1fr}.billing-workspace .bill-dispatch-fields select{width:30px;max-width:30px;padding:1px}}

@media screen and (max-width:599px){
 .billing-workspace .bill-row-subtotal.bill-subtotal-wide{grid-column:1/-1;grid-row:3;white-space:nowrap;overflow-wrap:normal}
}