.presale-bean{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,38%);gap:16px;padding:14px 18px;background:#fffefa;border-bottom:1px solid #dce0d4}.presale-bean h2{font-size:17px;margin:0 0 5px}.presale-bean p{margin:3px 0;font-size:14px}.presale-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}.presale-inputs label{font-size:13px;color:#606b59}.presale-inputs input{max-width:150px}.presale-line-total{grid-column:1/-1;text-align:right;color:#576254;font-size:13px}.presale-line-total strong{font-size:17px;margin-left:12px;color:#153a29}.presale-submit{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0}.presale-submit strong{font-size:24px}.presale-submit small{display:block;font-size:12px;color:#687062}.presale-receiving{min-width:260px;max-width:400px;padding:12px 0}.presale-receiving label{display:block;margin:8px 0}.presale-next{padding:18px;max-width:680px}.presale-next h2{font-size:19px}.presale-next form{margin-top:12px}.presale-next .form-control,.presale-next .form-select{margin:5px 0 12px}.presale-money{display:flex;gap:24px;flex-wrap:wrap;margin:14px 0}.presale-money span{display:flex;flex-direction:column;color:#687062;font-size:13px}.presale-money strong{font-size:22px;color:#183c2b}.presale-print{max-width:780px;margin:auto;font-size:12px}.presale-print table{width:100%}.presale-print th,.presale-print td{padding:5px;border-bottom:1px solid #ddd}.presale-print h1{font-size:22px}.presale-print p{margin:5px 0}.shipment-note{border-left:3px solid #9aa88b;padding:10px 14px;margin:12px 0}.presale-page .form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
@media(max-width:600px){.presale-bean{grid-template-columns:1fr;padding:12px;gap:8px}.presale-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px 12px}.presale-inputs label,.presale-inputs input{min-width:0;width:100%;max-width:none}.presale-line-total{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #e0e2d9;padding-top:7px}.presale-line-total strong{margin:0;font-size:17px;overflow-wrap:anywhere}.presale-submit strong{font-size:20px}.presale-submit .btn{white-space:normal}.presale-money{gap:16px}.presale-money strong{font-size:19px}.presale-responsive-table,.presale-responsive-table tbody{display:block;width:100%}.presale-responsive-table thead{display:none}.presale-responsive-table tr{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:10px 14px;border-bottom:1px solid #dce0d4}.presale-responsive-table td{display:block;padding:0!important;border:0;min-width:0;white-space:normal!important;overflow-wrap:anywhere}.presale-responsive-table td:first-child,.presale-responsive-table td:last-child{grid-column:1/-1}.presale-responsive-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:#687062;margin-bottom:4px}.presale-order-lines{overflow:visible}.presale-batches-table tr{grid-template-columns:1fr}.presale-batches-table .btn{display:block;text-align:center}.presale-responsive-table .form-text{margin-bottom:0}}
@media print{.presale-print{font-size:10px;max-width:180mm}.presale-print h1{font-size:18px}.presale-print tr{break-inside:avoid}.presale-print thead{display:table-header-group}.presale-print .no-print{display:none!important}}

/* Order identity is separate from progress, including on narrow screens. */
.order-identity{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.order-type-badge{display:inline-flex;align-items:center;flex:none;border:1px solid #d5ddd4;border-radius:4px;background:#f2f5ef;color:#4f6252;font-size:12px;font-weight:600;line-height:1.4;padding:2px 7px;white-space:nowrap}.order-type-badge.is-presale{border-color:#d9c7a5;background:#f5efdf;color:#775b30}.order-status-heading{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.order-status-heading>small{font-size:12px;color:#697365}.order-status-heading .status-pill{font-size:15px;font-weight:650;white-space:normal;line-height:1.5}.page-orders .status-pill,.page-customer-orders .status-pill{font-weight:650;white-space:normal;line-height:1.5}.presale-submit .btn{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.order-status-heading{align-items:flex-start}.customer-order-top{gap:12px;flex-wrap:wrap}.customer-order-top>.status-pill{max-width:100%}.order-status-heading .status-pill{font-size:14px}}

.order-progress-labels{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}.order-payment-badge{display:inline-flex;align-items:center;flex:0 0 auto;border:1px solid #b6c7ba;border-radius:4px;background:#e8efe6;color:#204630;font-size:12px;font-weight:650;line-height:1.4;padding:3px 7px;white-space:nowrap}

.quote-source-card .quote-audience{margin:0}.quote-source-card .form-text{margin-top:8px}.quote-bean-kind{margin-right:6px;vertical-align:middle}.picker-availability{color:#36512d}.catalog-kind-tag{font-size:10px;line-height:1.4;padding:1px 4px;vertical-align:middle}.name-col .bean-name{max-width:calc(100% - 42px)}

/* QA69-28: presale uses the approved shared order shell. */
.presale-order .order-current-step>form label{display:block;width:100%;margin:0 0 12px}
.presale-order .order-current-step>form label .form-control,.presale-order .order-current-step>form label .form-select{margin-top:5px}
.presale-order .order-current-step>form>.order-primary-action{margin-top:4px}
.presale-order .presale-money{margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.presale-order .presale-money strong{font-size:18px}
.presale-order .presale-order-lines .table{margin-bottom:0}
.presale-order .order-other-tools>details{margin-top:12px}
.presale-order .order-history li{font-size:12px;line-height:1.8;margin-top:8px}
.presale-customer-actions{display:flex;flex-direction:column;gap:10px}

.presale-order .order-cancel label{display:block;width:100%;margin:0 0 12px}
.presale-order .order-cancel label .form-select{margin-top:5px}

/* Bounded forms, stable rows and one deliberate receipt action. */
.arrival-checkbox input{accent-color:var(--skin-accent,#193c2b)}
.arrival-page .page-heading{align-items:flex-start;gap:18px}
.arrival-page .page-heading h1{overflow-wrap:anywhere}
.arrival-page .page-heading .actions{flex-shrink:0;gap:8px}
.arrival-note{font-size:13px;line-height:1.7;padding:10px 14px;margin:0 0 16px;background:var(--skin-soft,#f0f2e9);border-left:3px solid var(--skin-accent,#9caa8d);color:var(--skin-muted,#53634e)}
.arrival-table{table-layout:fixed;margin:0}.presale-batches-table{background:var(--skin-paper)}.arrival-table th:first-child{width:43%}.arrival-table th:nth-child(2){width:19%}.arrival-table th:nth-child(3){width:18%}.arrival-table th:last-child{width:20%}
.arrival-table td{vertical-align:middle;white-space:normal;overflow-wrap:anywhere}.arrival-table td strong{font-weight:600;line-height:1.6}.arrival-table .form-text{font-size:12px;margin:5px 0 0;line-height:1.6}
.arrival-numbers{margin:0;font-size:13px}.arrival-numbers>div{display:flex;align-items:baseline;gap:12px}.arrival-numbers dt{font-weight:400;color:var(--skin-muted,#68715e)}.arrival-numbers dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.arrival-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}
.arrival-row-action{appearance:none;display:inline-flex;align-items:center;gap:8px;justify-content:flex-start;min-width:157px;min-height:36px;margin:0;padding:7px 12px;border:1px solid var(--skin-line,#dce0d4);border-radius:5px;background:transparent;color:var(--skin-ink,#183c2b);font-family:inherit;font-size:12px;line-height:1.5;white-space:nowrap;cursor:pointer;transition:background-color .18s,border-color .18s,box-shadow .18s}
@media(hover:hover){.arrival-row-action:hover{background:var(--skin-soft,#f5f5ee);border-color:var(--skin-line,#dce0d4);color:var(--skin-ink,#183c2b)}}
.arrival-row-action:active{box-shadow:inset 0 0 0 1px var(--skin-accent)}
.arrival-row-action:focus-visible{outline:2px solid var(--skin-accent,#526b50);outline-offset:2px}


.arrival-row-actions>.form-text{margin:0;font-size:11px;text-align:right}
.arrival-complete{display:inline-flex;align-items:center;font-size:11px;color:var(--skin-muted,#68715e);font-weight:500}
.arrival-create,.arrival-add{padding:18px 20px;margin-top:18px}.arrival-create summary,.arrival-add summary{font-weight:600;cursor:pointer;font-size:15px}.arrival-create>.form-text,.arrival-add>.form-text{margin:12px 0 16px;max-width:800px;line-height:1.7}
.arrival-create-fields{display:grid;grid-template-columns:minmax(200px,320px) minmax(160px,220px) minmax(160px,190px);gap:16px;max-width:800px}.arrival-create-fields label,.arrival-create-note,.arrival-dialog label,.arrival-add label{font-size:13px;color:var(--skin-muted,#53634e)}.arrival-create .form-control,.arrival-dialog label>.form-control,.arrival-add label>.form-control,.arrival-add label>.form-select{margin-top:6px}.arrival-create-note{display:block;max-width:800px;margin-top:14px}.arrival-form-footer{display:flex;align-items:center;justify-content:flex-end;gap:18px;max-width:800px;margin-top:18px}.arrival-form-footer>span{font-size:12px;color:#697365;margin-right:auto}.arrival-form-footer .btn{min-width:158px}
.arrival-related{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;margin-top:20px;color:#697365}.arrival-related a{color:#425b44}.arrival-related>span{font-size:12px}
.arrival-dialog{width:calc(100% - 32px);max-width:580px;max-height:88dvh;padding:0;border:1px solid var(--skin-line,#d8ddcf);border-radius:8px;background:var(--skin-paper,#fffefa);color:var(--skin-ink,#183c2b);box-shadow:0 14px 65px #132e2226;overflow:hidden}.arrival-dialog::backdrop{background:#14281d66;backdrop-filter:blur(2px)}.arrival-dialog[open]{display:flex;flex-direction:column}.arrival-dialog form{display:flex;flex-direction:column;min-height:0}.arrival-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 27px 19px;flex-shrink:0}.arrival-dialog-heading h2{margin:0;font-size:20px;line-height:1.4;font-weight:600;letter-spacing:.2px}.arrival-dialog-heading p{font-size:12px;line-height:1.7;margin:8px 0 0;color:var(--skin-muted,#68715e);overflow-wrap:anywhere}.arrival-dialog-heading .text-button{flex:none;min-width:44px;min-height:32px;font-size:13px}.arrival-dialog-body{padding:22px 27px 27px;overflow:auto;min-height:0;overscroll-behavior:contain}.arrival-dialog-body h3{font-size:15px;line-height:1.6;overflow-wrap:anywhere;margin:0 0 6px;font-weight:600}.arrival-dialog-body>label{display:block;margin:14px 0}.arrival-dialog label .form-text{display:block;margin-top:5px}.arrival-quantity{max-width:180px}.arrival-dialog .arrival-checkbox{display:flex;align-items:center;gap:10px;margin:18px 0 8px;font-size:14px}.arrival-checkbox input{width:17px;height:17px;flex-shrink:0}.arrival-dialog .form-text{line-height:1.7}
.arrival-dialog-footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:10px;padding:17px 27px;min-height:76px;background:var(--skin-paper,#fffefa);border-top:1px solid var(--skin-line,#dce0d4)}.arrival-dialog-footer .btn{min-width:88px;min-height:40px;white-space:nowrap}.arrival-dialog-footer>span{font-size:12px;color:var(--skin-muted,#68715e);margin-right:auto}
.arrival-table tr:target{scroll-margin-block:24px}
.arrival-workspace{max-width:668px;height:min(660px,calc(100dvh - 64px));max-height:none;border-radius:10px;box-shadow:0 26px 90px #10150e33}
.arrival-task-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 25px;border-bottom:1px solid var(--skin-line,#dce0d4);flex-shrink:0;font-size:13px}
.arrival-task-tab{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;height:47px;min-height:47px;margin:0;padding:0 8px;border:0;border-radius:0;background:transparent;color:var(--skin-muted,#68715e);font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;text-align:center;cursor:pointer}
@media(hover:hover){.arrival-task-tab:hover:not(:disabled){background:var(--skin-hover,var(--skin-soft));color:var(--skin-ink)}}
.arrival-task-tab[aria-selected="true"]{color:var(--skin-ink,#183c2b)}
.arrival-task-tab:focus-visible{outline:2px solid var(--skin-accent,#526b50);outline-offset:-4px;border-radius:4px}
.arrival-task-tab:disabled{opacity:.5;cursor:not-allowed}

.arrival-actions-cell{text-align:right}.arrival-action-icon{width:17px;height:17px;flex:none;color:var(--skin-accent)}.arrival-action-arrow{width:14px;height:14px;margin-left:auto;flex:none}.arrival-tab-short{display:none}.arrival-task-tab:after{content:"";position:absolute;bottom:-1px;left:14px;right:14px;height:2px;border-radius:2px;background:transparent}.arrival-task-tab[aria-selected="true"]:after{background:var(--skin-accent)}
.arrival-dialog-close{display:grid;place-items:center;flex:none;width:32px;height:32px;margin:-5px -7px 0 auto;padding:0;border:1px solid transparent;background:transparent;color:var(--skin-muted);border-radius:5px}@media(hover:hover){.arrival-dialog-close:hover{background:var(--skin-soft);border-color:var(--skin-line)}}.arrival-dialog-close:focus-visible{outline:2px solid var(--skin-accent);outline-offset:2px}.arrival-dialog-heading h2:focus{outline:none}.arrival-context{max-width:560px}
.arrival-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0 0 19px;border-bottom:1px solid var(--skin-line)}.arrival-summary dt{font-size:11px;line-height:1.6;font-weight:400;color:var(--skin-muted);margin:0 0 5px}.arrival-summary dd{margin:0;font-size:20px;line-height:1.4;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.arrival-summary small{font-size:11px;font-weight:400;color:var(--skin-muted);margin-left:4px}.arrival-summary-accent{color:var(--skin-accent)}.arrival-summary dd.arrival-summary-multi{font-size:16px}.arrival-summary-multi small{display:inline-block}
.arrival-task-panel{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}
.arrival-task-panel[hidden]{display:none}
.workspace-discard{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:0;padding:12px 24px;border-top:1px solid var(--skin-line);background:var(--skin-soft);color:var(--skin-ink);font-size:12px}
.workspace-discard>div{display:flex;gap:8px}.workspace-discard button{font-size:12px}
.arrival-workspace>.arrival-editor-status{flex:none;margin:8px 19px 0;padding:8px 12px;font-size:12px;line-height:1.6}
.arrival-editor-status[hidden]{display:none}.arrival-workspace>.arrival-dialog-body{flex:1}

.arrival-task-panel>form{flex:1}
.arrival-task-panel>.arrival-dialog-body,.arrival-task-panel>form>.arrival-dialog-body{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}
.arrival-receipt-record{padding:14px 0;border-bottom:1px solid var(--skin-line,#dce0d4)}.arrival-receipt-record>summary{cursor:pointer;line-height:1.8;overflow-wrap:anywhere}.arrival-receipt-record>summary small{display:block;color:var(--skin-muted,#68715e)}.arrival-receipt-record form{gap:12px;margin-top:14px}.arrival-receipt-record form>label{display:block}.arrival-correction-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.arrival-correction-fields label{display:block;min-width:0}.arrival-correction-actions{display:flex;flex-wrap:wrap;gap:10px}.arrival-correction-impact{padding:12px;background:var(--skin-soft,#f5f5ee);border:1px solid var(--skin-line,#dce0d4);font-size:13px;overflow-wrap:anywhere}.arrival-correction-impact p:last-child{margin-bottom:0}.arrival-correction-history{font-size:12px;line-height:1.7;color:var(--skin-muted,#68715e);padding-left:20px;margin:10px 0}.arrival-receipt-record .arrival-checkbox{margin:0}.arrival-receipt-record .form-text{color:var(--skin-muted,#68715e)}
.arrival-history-summary{font-size:13px;margin:0 0 12px}.arrival-history-summary>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:8px}.arrival-history-summary dt{font-weight:400;color:var(--skin-muted,#68715e)}.arrival-history-summary dd{margin:0;overflow-wrap:anywhere}
.arrival-batch-dialog{max-width:820px}.arrival-batch-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,36%);gap:22px;padding:14px 0;border-bottom:1px solid #e0e3d7;align-items:center}.arrival-batch-entry:last-child{border:0}.arrival-batch-entry .form-text{margin:0}.arrival-batch-inputs label{display:block;margin-bottom:8px}.arrival-batch-inputs input{max-width:180px}.arrival-batch-inputs textarea{min-height:62px;resize:vertical;font-variant-numeric:tabular-nums}
@media(max-width:1000px){.arrival-page .page-heading{flex-wrap:wrap}.arrival-create-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.arrival-table th:first-child{width:37%}.arrival-table th:last-child{width:26%}.arrival-table th:nth-child(2){width:19%}.arrival-table th:nth-child(3){width:18%}}
@media(max-width:600px){.arrival-page .page-heading .actions{flex-wrap:wrap}.arrival-create-fields{grid-template-columns:minmax(0,1fr)}.arrival-create,.arrival-add{padding:16px}.arrival-form-footer{flex-wrap:wrap;gap:10px}.arrival-form-footer>span{flex-basis:100%}.arrival-table,.arrival-table tbody,.arrival-batch-list table,.arrival-batch-list tbody{display:block;width:100%}.arrival-table thead,.arrival-batch-list thead{display:none}.arrival-table tr,.arrival-batch-list tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px;border-bottom:1px solid #dce0d4}.arrival-table td,.arrival-batch-list td{display:block;border:0;padding:0!important;min-width:0;white-space:normal}.arrival-table td:first-child,.arrival-table td:last-child,.arrival-batch-list td:first-child{grid-column:1/-1}.arrival-table td[data-label]:before{content:attr(data-label);display:block;color:#697365;font-size:12px;margin-bottom:6px}.arrival-table .arrival-row-actions{gap:8px}.arrival-row-action{min-height:42px;width:100%;justify-content:center}.arrival-row-actions{align-items:stretch}.arrival-row-action .arrival-action-arrow{margin-left:8px}.arrival-complete{align-self:flex-end}.arrival-batch-list .btn{font-size:13px}.arrival-dialog{max-height:90dvh}.arrival-dialog-heading{padding:21px 19px 16px}.arrival-dialog-body{padding:20px 19px}.arrival-workspace{width:100%;max-width:calc(100% - 24px);height:calc(100dvh - 28px);max-height:none}.arrival-task-switch{padding-inline:10px}.arrival-task-tab{height:46px;min-height:46px;padding-inline:3px;font-size:12px}.arrival-tab-full{display:none}.arrival-tab-short{display:inline}.arrival-dialog-heading h2{font-size:18px}.arrival-dialog-footer{padding:15px 19px;min-height:74px;flex-wrap:wrap}.arrival-dialog-footer>span{flex-basis:100%}.arrival-batch-entry{grid-template-columns:minmax(0,1fr);gap:8px}.arrival-batch-inputs input{max-width:180px}.arrival-create .form-control{max-width:100%}}
@media(prefers-reduced-motion:no-preference){.arrival-dialog[open]{animation:dialog-enter .24s cubic-bezier(.22,1,.36,1)}}

/* Presale rows are shared by staff create/edit forms and customer catalogs.
   Staff forms need the component styles without the customer page shell. */
.staff-interface .presale-collection{display:block;gap:0;margin:0;min-width:0;overflow:hidden;border:1px solid var(--skin-line,#d2ddcd);border-radius:8px;background:var(--skin-paper,#fffef9);color:var(--skin-ink,#243a2c)}
.staff-interface .presale-collection :is(.table-heading,.presale-catalog-row){display:grid;grid-template-columns:minmax(0,1.65fr) 130px minmax(150px,1fr) 88px 112px;gap:0 18px;align-items:center;padding:12px 16px;min-width:0}
.staff-interface .presale-collection .table-heading{min-height:40px;font-size:12px;background:var(--skin-soft,#e9f0e2);color:var(--skin-muted,#56644f);border-bottom:1px solid var(--skin-line,#d2ddcd)}
.staff-interface .presale-collection .table-heading :is(.order-label,.num){text-align:right}
.staff-interface .presale-catalog-row{margin:0;width:auto;max-width:none;border:0;border-bottom:1px solid var(--skin-line,#d2ddcd);border-radius:0;box-shadow:none;background:transparent;transform:none}
.staff-interface .presale-catalog-row:last-child{border-bottom:0}
.staff-interface .presale-catalog-row:hover{background:var(--skin-hover,#f1f5eb);transform:none}
.staff-interface .presale-catalog-row:is(.has-selection,.is-selected){background:var(--skin-selected,#e5eedb)}
.staff-interface .presale-catalog-row :is(.bean-core,.name-col,.bean-note,.price-pair,.packs,.qty,.amount-box){min-width:0}
.staff-interface .presale-catalog-row .name-col{display:flex;align-items:baseline;gap:6px}
.staff-interface .presale-catalog-row .catalog-kind-tag{flex:none;font-size:10px;white-space:nowrap}
.staff-interface .presale-catalog-row .bean-name{appearance:none;display:block;margin:0;padding:0;min-width:0;min-height:0;border:0;background:transparent;box-shadow:none;color:inherit;text-align:left;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transform:none}
.staff-interface .presale-catalog-row .bean-name:hover{transform:none;text-decoration:underline;text-underline-offset:3px}
.staff-interface .presale-catalog-row .bean-note{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--skin-muted,#56644f);overflow-wrap:anywhere}
.staff-interface .presale-catalog-row .bean-note .sub{margin-left:6px}
.staff-interface .presale-catalog-row :is(.price-pair,.stock-lines){display:grid;gap:4px;margin:0;font-size:12px;line-height:1.5}
.staff-interface .presale-catalog-row :is(.price,.pack-line){display:flex;align-items:baseline;gap:8px;margin:0;min-width:0;font-size:12px;line-height:1.5}
.staff-interface .presale-catalog-row :is(.price-tag,.pack-line strong){flex:none;font-size:11px;font-weight:400;color:var(--skin-muted,#56644f)}
.staff-interface .presale-catalog-row .mobile-quote-value{display:inline-flex;align-items:baseline;gap:2px;white-space:nowrap}
.staff-interface .presale-catalog-row .unit-price{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}
.staff-interface .presale-catalog-row .unit{font-size:10px;color:var(--skin-muted,#56644f)}
.staff-interface .presale-catalog-row :is(.pack-values,.mobile-stock-items){min-width:0;overflow-wrap:anywhere}
.staff-interface .presale-catalog-row :is(.mobile-stock-label,.mobile-quantity-label,.mobile-subtotal-label){display:none}
.staff-interface .presale-catalog-row .presale-purchase-strip{display:contents}
.staff-interface .presale-catalog-row .presale-qty-fields{display:block;min-width:0}
.staff-interface .presale-catalog-row .kg-entry-frame{position:relative;display:block;width:88px;min-width:0}
.staff-interface .presale-catalog-row .kg-entry-frame>span{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--skin-muted,#56644f);pointer-events:none}
.staff-interface .presale-catalog-row .presale-entry{appearance:textfield;display:block;width:100%;height:36px;min-width:0;margin:0;padding:0 26px 0 8px;border:1px solid var(--skin-line,#d2ddcd);border-radius:5px;background:var(--skin-paper,#fffef9);color:var(--skin-ink,#243a2c);font-family:inherit;font-size:14px;text-align:center;box-sizing:border-box;box-shadow:inset 0 1px 2px #28201005;font-variant-numeric:tabular-nums}
.staff-interface .presale-catalog-row .presale-entry::-webkit-inner-spin-button,.staff-interface .presale-catalog-row .presale-entry::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.staff-interface .presale-catalog-row .presale-entry:focus{outline:2px solid var(--skin-ring,#6b8b5526);outline-offset:0;border-color:var(--skin-accent,#537448)}
.staff-interface .presale-catalog-row .presale-entry:disabled{opacity:.6;cursor:not-allowed}
.staff-interface .presale-catalog-row .presale-line-total{grid-column:auto;display:block;margin:0;padding:0;border:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.staff-interface .presale-catalog-row .amount{margin:0;font-size:14px;font-weight:600;color:inherit}
.staff-interface .presale-catalog-row :is(.presale-quantity-error,.kg-details,.presale-plan){grid-column:1/-1;min-width:0;overflow-wrap:anywhere}
.staff-interface .presale-catalog-row .presale-plan{font-size:12px;margin-top:4px;color:var(--skin-muted,#56644f)}
.staff-interface .presale-catalog-row .presale-plan:empty,.staff-interface .presale-collection [hidden]{display:none!important}
.staff-interface .presale-catalog-row .presale-quantity-error{margin:4px 0 0;color:#9c3e32;font-size:12px}
@media(max-width:1199px) and (min-width:741px){
 .staff-interface .presale-collection :is(.table-heading,.presale-catalog-row){grid-template-columns:minmax(0,1.5fr) 105px minmax(110px,1fr) 80px 100px;column-gap:10px;padding-inline:12px}
 .staff-interface .presale-catalog-row .kg-entry-frame{width:80px}
}
@media(max-width:740px){
 .staff-interface .presale-collection .table-heading{display:none}
 .staff-interface .presale-collection .presale-catalog-row{grid-template-columns:112px minmax(0,1fr);gap:8px 12px;padding:12px}
 .staff-interface .presale-catalog-row .bean-core{grid-column:1/-1}
 .staff-interface .presale-catalog-row .presale-purchase-strip{display:flex;grid-column:1/-1;align-items:center;gap:10px;padding-top:8px;border-top:1px solid var(--skin-line,#d2ddcd)}
 .staff-interface .presale-catalog-row .presale-qty{display:flex;align-items:center;gap:8px}
 .staff-interface .presale-catalog-row :is(.mobile-quantity-label,.mobile-subtotal-label){display:inline;font-size:12px;color:var(--skin-muted,#56644f)}
 .staff-interface .presale-catalog-row .presale-entry{height:44px}
 .staff-interface .presale-catalog-row .presale-line-total{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 6px}
}