/* Full-page extension of the approved Lunoir VI. Presentation only. */

.surface-page{--surface-gap:18px}

.section-kicker{display:block;color:#806951;font-size:10px;letter-spacing:1.6px;margin-bottom:8px;font-weight:500}

.surface-page .page-heading h1{margin-bottom:7px;line-height:1.4}

.surface-page .page-heading p{max-width:830px;margin-bottom:0}

.surface-page .page-heading>a:not(.btn){font-size:12px;white-space:nowrap;text-underline-offset:4px;padding:7px 0}

.surface-page .page-heading .actions{align-items:center}

.surface-page .card{overflow-wrap:anywhere}

.surface-page .card>h2{font-size:17px;line-height:1.5;margin-bottom:16px}

.surface-page .table td{line-height:1.7;overflow-wrap:anywhere}

.surface-page .table td>a:not(.btn){text-underline-offset:4px;font-weight:500}

.surface-page .table-empty{padding:36px 24px!important;color:#596a4f;text-align:center;font-size:13px;background:#fbfbf7!important}

.surface-page .record-table td[data-label*="应收"]{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:500}

.surface-page .record-table td[data-label*="时间"]{font-size:12px;color:var(--muted)}

.surface-page .filter-bar{border:1px solid var(--line);border-radius:6px;background:#f0f1eb;padding:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}

.surface-page .filter-bar .form-control{flex:2 1 210px;min-width:0}.surface-page .filter-bar .form-select{flex:1 1 150px;min-width:0;max-width:230px}.surface-page .filter-bar input[type=number]{flex:1 1 210px;max-width:270px}

.surface-page .filter-bar .btn{flex:0 0 auto}.surface-page .filter-bar :focus{background:#fffefb}

.metric-link{text-decoration:none;transition:background-color .18s}.metric-link:hover{background:#edf2e8}.metric-link strong{font-variant-numeric:tabular-nums}

.status-pending{background:#f6ebdb;color:#80582f}.status-awaiting_payment{background:#e5ece0;color:#34533b}.status-active,.status-closed{background:#e4eee5;color:#355d40}.status-cancelled{background:#edeeea;color:#6e7468}

.list-pagination{justify-content:flex-end;flex-wrap:wrap;padding-top:6px}.list-pagination span{color:#596a4f;font-variant-numeric:tabular-nums}.list-pagination .btn{min-height:36px}

/* Shared editor rhythm. Fields and their native validation stay in their forms. */

.section-heading{display:flex;gap:12px;align-items:flex-start;padding-bottom:14px;margin:0 0 18px;border-bottom:1px solid #e5e8dd}

.section-heading>span{font-size:11px;font-weight:500;line-height:28px;min-width:28px;color:#8a7157;font-variant-numeric:tabular-nums}

.section-heading h2{font-size:16px;line-height:28px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:2px 0 0}

.surface-page .editor-card:not([data-product-editor-form]){max-width:1050px;padding:24px!important}.surface-page .form-grid{gap:16px 24px}

.surface-page label,.surface-page .form-label{font-size:12px;font-weight:500;color:#354530;margin-bottom:5px}

.surface-page input::placeholder,.surface-page textarea::placeholder{color:#67745f;font-weight:400}

.surface-page textarea{line-height:1.75;min-height:78px;resize:vertical}.surface-page .form-text{line-height:1.7;margin-top:7px;font-size:12px}

.surface-page .form-field>small{display:block;margin-top:6px;line-height:1.65}

.surface-page .form-field:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f1f3ec;border:1px solid #e2e6d9;border-radius:5px;align-self:start}

.surface-page .form-field:has(input[type=checkbox]) label{margin:0}.surface-page input[type=checkbox],.surface-page input[type=radio]{accent-color:#122b1e;flex-shrink:0}

.surface-page .form-actions{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:24px!important;justify-content:flex-end}

.surface-page .contact-row{padding:14px!important;grid-template-columns:repeat(3,minmax(0,1fr)) auto;background:#f8f9f4;border:1px solid #e3e7dc}

.contact-row p:has(input[type=checkbox]){align-self:end;display:flex;align-items:center;gap:7px;font-size:12px;min-height:42px}.contact-row p:has(input[type=checkbox]) label{margin:0}.contact-row p:has(input[type=hidden]){margin:0}

.surface-page details{border-radius:5px}.surface-page details:not(.card){padding:12px 0}.surface-page details[open]>summary{margin-bottom:12px}

.surface-page summary{font-size:12px;color:#526248;font-weight:500;line-height:1.6;list-style-position:inside}

.surface-page .caution-section{background:#faf7f1;border-color:#dfd4c3}.surface-page .caution-section>summary{color:#7b5b3f}

.surface-page .errorlist{font-size:12px;padding:6px 0 0;margin:0;color:#9b3e31;line-height:1.7}

.surface-page .errorlist li{margin:4px 0}.surface-page input[aria-invalid=true],.surface-page textarea[aria-invalid=true],.surface-page select[aria-invalid=true]{border-color:#b77363;background:#fff9f6}

/* Customer relationship pages: one legible company sheet and parallel histories. */

.customer-contact-sheet{border-left:3px solid var(--sand);max-width:1050px}.customer-contact-sheet p{font-size:13px;line-height:1.8;margin:0 0 10px}.customer-contact-sheet p:last-child{margin-bottom:0}

.customer-history-grid{gap:16px}.customer-history-grid section{min-width:0}.customer-history-grid section>p{border-top:1px solid #e7e9e0;padding:13px 0;margin:0;font-size:13px}.customer-history-grid small{line-height:1.9;color:var(--muted);font-size:11px}

.customer-history-grid .list-pagination{gap:7px!important;justify-content:flex-start}.customer-history-grid .list-pagination .btn{padding:6px 8px}

.catalog-entry-card{background:#edf0e7;border-left:3px solid #8c9c7d}.catalog-entry-card h2{font-size:16px}

/* Keep short entry actions intact while the explanatory column wraps. */

.login-note>div,.catalog-entry-card .d-flex>div{min-width:0;flex:1 1 auto}

.login-note>.btn,.catalog-entry-card .d-flex>a{flex:0 0 auto;white-space:nowrap}

/* Picking uses the proven search and basket. Layout remains dense and calm. */

.surface-page .quote-setup-card{padding:22px!important}.quote-setup-card .quote-customer{max-width:100%}.quote-setup-card .section-heading{margin-bottom:14px}

.surface-page .quote-audience legend{font-size:12px}.surface-page .audience-options{gap:10px}.surface-page .audience-option{padding:12px 18px;border-radius:5px;background:#f9faf5;border:1px solid #dde2d4}.surface-page .audience-option:has(input:checked){background:#e8eee1;border-color:#91a084}

.surface-page .selected-customer{border:1px solid #d7e0cb;background:#edf3e7;font-size:13px;min-height:40px}.surface-page .selected-customer:empty{display:none}

.surface-page .picker-result-row,.surface-page .selected-bean-row{padding:12px 0}.surface-page .picker-result-row strong,.surface-page .selected-bean-row strong{font-weight:500}

.surface-page .picker-result-row small{font-size:11px}.surface-page .picker-results[aria-busy=true]{opacity:.55;transition:opacity .15s}

.surface-page .quote-basket{background:#f1f4ea;border-color:#d5dfca}.surface-page .quote-basket>div:first-child{padding-bottom:12px;border-bottom:1px solid #d9e1cf}.surface-page .quote-basket h2{font-size:16px}

.surface-page .quote-selected-list{padding-right:6px;scrollbar-width:thin;scrollbar-color:#bec9b2 transparent}

.surface-page .order-customer-card{max-width:1050px}.surface-page .order-picker-layout{gap:18px}.surface-page .order-finder{background:#f0f2eb;border-color:#dfe4d6;padding:18px!important}

.surface-page .order-finder h2{font-size:16px;padding-bottom:12px;border-bottom:1px solid #dbe1d2;margin-bottom:14px}.surface-page .order-finder .picker-filters{gap:8px}

.surface-page .picker-result{padding:13px 0}.surface-page .picker-result strong{font-size:13px;line-height:1.65;font-weight:500}.surface-page .picker-result small{font-size:10px;line-height:1.7;overflow-wrap:anywhere}.surface-page .picker-result>span{font-size:12px;color:#426037}

.surface-page .selected-heading{margin:0 0 13px;align-items:baseline;gap:8px}.surface-page .selected-heading h2{font-size:16px;margin:0}.surface-page .selected-heading>span{font-size:11px}

.surface-page .selected-bean{padding:17px 18px;border-radius:6px;border-color:#dce2d2;background:#fffefb}.surface-page .selected-bean-heading strong{font-size:14px;font-weight:500}.surface-page .batch-label{font-size:10px;line-height:1.7;margin-top:4px;overflow-wrap:anywhere}

.surface-page .selected-bean .package-option{max-width:none;border-top:1px solid #eff0e9;padding:12px 0;grid-template-columns:minmax(160px,1.6fr) 90px minmax(110px,1fr)}

.surface-page .selected-bean .package-option label{font-size:13px}.surface-page .selected-bean .package-option label span{font-size:12px;color:#69755f}.surface-page .available-note{font-size:12px;white-space:normal;font-weight:500}

.surface-page .line-total{font-size:12px;color:#69755f}.surface-page .line-total strong{font-size:16px;color:#122b1e;margin-left:8px}.surface-page .empty-note{padding:42px 20px;border:1px dashed #cfd7c5;background:#f5f6ef;border-radius:6px;font-size:13px}

.surface-page .order-notes-card{padding:20px!important}.surface-page .selection-footer{border-radius:6px;box-shadow:0 8px 20px #122b1e12}.surface-page .selection-footer strong{font-variant-numeric:tabular-nums}

.page-order-form.customer-interface .page-heading h1{font-family:"Songti SC","SimSun",serif;font-size:28px;font-weight:400}.page-order-form.customer-interface .order-finder{background:#f0ede5}

.quote-share{padding:24px!important}.quote-share>h2{font-family:"Songti SC","SimSun",serif;font-size:25px!important;font-weight:400;margin-bottom:8px!important}.quote-share>p{font-size:12px;color:#69755f}.quote-share #share_link{background:#f5f7ef;color:#4d6045;font-size:12px}.quote-share .btn-primary{font-size:14px;min-width:180px}.quote-lines-heading{margin:26px 0 0}

/* Receiving and auditing surfaces. Data remains prominent; cautions stay visible. */

.surface-page .pack-summary{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:0;background:#eaf0e3;padding:0;border:1px solid #d6e0ca;border-radius:6px}

.surface-page .pack-summary>div{padding:18px 22px;border-right:1px solid #d5dec9}.surface-page .pack-summary>div:last-child{border:0}.surface-page .pack-summary span{font-size:12px;color:#567048}.surface-page .pack-summary strong{font-size:26px;line-height:1.6;font-weight:500}.surface-page .pack-summary small,.surface-page .pack-summary p{font-size:11px;color:#627356;line-height:1.8}

.stock-receive-card{padding:22px!important}.surface-page .box-input-row{padding:12px;background:#f3f5ed;border-radius:5px}.surface-page .box-input-row label:first-child{flex:1;max-width:300px}.surface-page .box-input-row label:nth-child(2){flex:1;max-width:150px}.surface-page .box-input-row input{max-width:100%}

.stock-receive-mode{width:100%;max-width:340px;margin-bottom:16px}

.stock-receive-packages{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:16px;align-items:stretch}

.stock-receive-package{min-width:0;margin:0;padding:12px 14px 14px;border:1px solid var(--skin-line,var(--line));border-radius:6px}

.stock-receive-package legend{float:none;width:auto;margin:0;padding:0 6px;font-size:14px;font-weight:600;line-height:1.5}

.stock-receive-package>label{display:block;font-size:12px}

.stock-receive-package>#loose_qty{max-width:240px}

.surface-page .stock-receive-package .box-input-row{margin-top:0;padding:0;background:transparent!important;gap:12px;flex-wrap:nowrap}

.surface-page .stock-receive-package .box-input-row+.box-input-row{margin-top:12px}

.surface-page .stock-receive-package .box-input-row label{min-width:0}

.surface-page .stock-receive-package .box-input-row label:first-child{flex:2;max-width:300px}

.surface-page .stock-receive-package .box-input-row label:nth-child(2){flex:1;max-width:150px}

.stock-receive-package [data-remove-box-row]{flex:none;padding-inline:8px}

@media(max-width:760px){.stock-receive-packages{grid-template-columns:1fr;gap:12px}.stock-receive-mode{max-width:none}.stock-receive-package>#loose_qty{max-width:none}.surface-page .stock-receive-package .box-input-row{gap:8px}}

.stock-ledger-heading{margin-top:28px}.page-stock-adjust .record-table details{min-width:160px}.page-stock-adjust .record-table details input{min-width:150px}

.import-upload-card{max-width:890px;margin:0;padding:24px!important}/* Keep the native file picker and its filename on the same 42px control. */

.form-control[type=file]{box-sizing:border-box;height:42px;min-height:42px;padding:0;line-height:40px;background:var(--white);border:1px solid #cfd6c6;border-radius:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.form-control[type=file]::file-selector-button{box-sizing:border-box;height:40px;margin:0 12px 0 0;padding:0 14px;border:0;border-right:1px solid #cfd6c6;border-radius:0;background:#eef1e8;color:var(--text);font:inherit;font-weight:500;line-height:40px;vertical-align:top;cursor:pointer}

.form-control[type=file]:hover:not(:disabled)::file-selector-button{background:#e4ebdc}

.form-control[type=file]:disabled::file-selector-button{cursor:default}

.import-upload-card>button{align-self:flex-start;min-width:160px}.import-upload-card>.form-text{max-width:740px;font-size:11px}.import-batch-summary{gap:6px;border-left:3px solid #849c73}.import-batch-summary strong{font-size:15px}.import-batch-summary span{font-size:12px;color:#69755f}

.page-import .record-table td{font-size:12px;padding:13px 10px}.page-import .record-table details{font-size:11px}.page-import .record-table details>summary{white-space:nowrap;font-size:11px}.page-import .record-table th{white-space:nowrap}

.backup-summary{border-left:3px solid #ad9878}.backup-summary p{font-size:13px;margin-bottom:10px}.backup-summary p.small{font-size:11px}.surface-page .audit-diff td{font-size:12px;min-width:180px}.surface-page .audit-diff th{min-width:100px}.audit-card h2{font-size:17px}.audit-card>p{font-size:12px;color:#69755f}

.export-card{margin:25px auto;max-width:620px;border-top:3px solid var(--sand)}.export-card h1{font-size:24px}.export-card dl{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:18px;background:#f2f4ec;border-radius:5px;font-size:13px;margin:15px 0}.export-card dt{font-weight:400;color:#69755f}.export-card dd{margin:0;overflow-wrap:anywhere}

/* Customer-facing authentication and recovery states use existing brand art. */

.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:980px;margin:30px auto 60px;border:1px solid #d9ded0;border-radius:6px;overflow:hidden;background:#fffefb;align-items:stretch}

.auth-intro{position:relative;min-height:490px;background:#ede9e1;display:flex;flex-direction:column}.auth-intro-copy{position:relative;padding:36px 36px 20px;z-index:1}.auth-intro h2{font-family:"Songti SC","SimSun",serif;font-size:30px;font-weight:400;line-height:1.65;color:#25140c;letter-spacing:1px}.auth-intro p{font-size:12px;color:#665c50;line-height:1.9}.auth-intro figure{margin:0;position:relative;min-height:190px;flex:1;overflow:hidden}.auth-intro img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:60% 58%}.auth-intro figcaption{position:absolute;bottom:8px;right:10px;font-size:9px;color:white;background:#122b1e88;padding:1px 5px;border-radius:2px}

.auth-shell .auth-card{background:transparent;border:0;border-radius:0;margin:0!important;padding:38px!important;align-self:center;width:100%;max-width:none}.auth-card h1{font-size:24px;line-height:1.5;margin:0 0 12px}.auth-card>p{font-size:12px;line-height:1.9;color:#69755f;margin:0 0 22px}.auth-card form p{margin-bottom:17px}.auth-card form label{display:block;font-size:12px;margin-bottom:6px}.auth-card form input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid #d5ddcb;border-radius:5px;background:#fafbf6;font-size:15px}.auth-card form input:focus{outline:2px solid #9e684366;outline-offset:1px;background:#fffefb}.auth-card form p:has(input[type=checkbox]){display:flex;gap:9px;align-items:center}.auth-card form p:has(input[type=checkbox]) label{margin:0}.auth-card>a{font-size:12px;align-self:flex-start}.auth-card .btn{min-height:44px}.auth-card .small{font-size:11px}.auth-surface footer{max-width:1280px}

.state-card{max-width:640px;margin:65px auto;padding:30px!important;border-top:3px solid var(--sand)}.state-card h1{font-family:"Songti SC","SimSun",serif;font-size:26px;line-height:1.6;font-weight:400;margin-bottom:14px}.state-card p{font-size:13px;line-height:1.9;color:#69755f;margin-bottom:18px}.state-card p[role=alert]{background:#f8eee6;padding:15px;border-radius:5px;color:#82553b}.state-card>.btn{align-self:flex-start}.state-card .section-kicker{margin-bottom:18px}

/* Mobile records retain identity and actions together, without a wide data strip. */

@media(max-width:1099px){.surface-page .order-picker-layout{grid-template-columns:minmax(0,1fr)}.surface-page .order-finder{position:static}.surface-page .order-finder .picker-results{max-height:310px}.surface-page .quote-picker-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}}

@media(max-width:760px){

 .surface-page .page-heading h1{font-size:23px}.surface-page .page-heading .actions{justify-content:flex-start;flex-wrap:wrap;gap:8px}.surface-page .page-heading .actions .btn{padding:9px 12px;font-size:12px}

 .surface-page .filter-bar{padding:10px}.surface-page .filter-bar .form-control{flex-basis:100%}.surface-page .filter-bar .form-select{max-width:none;flex-basis:150px}.surface-page .filter-bar input[type=number]{max-width:none;flex-basis:100%}

 .surface-page .record-table{display:block;width:100%;border:0}.surface-page .record-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

 .surface-page .record-table tbody{display:block;width:100%}.surface-page .record-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);padding:15px 16px;border-bottom:1px solid #dfe4d6;gap:8px}

 .surface-page .record-table tbody tr:last-child{border:0}.surface-page .record-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px;padding:0!important;border:0!important;font-size:13px;min-width:0;background:transparent!important;line-height:1.8;white-space:normal!important}

 .surface-page .record-table td::before{content:attr(data-label);color:#596a4f;font-size:11px;grid-column:1;grid-row:1;font-weight:400}.surface-page .record-table td>.record-cell-value{min-width:0;grid-column:2;grid-row:1}.surface-page .record-table td>br{display:none}.surface-page .record-table td .btn{justify-self:start}.surface-page .record-table td>.status-pill{justify-self:start;max-width:100%}

 .surface-page .record-table .table-empty{display:block;padding:25px 8px!important}.surface-page .record-table .table-empty::before{display:none}.surface-page .table-responsive:has(>.record-table){overflow:visible}

 .surface-page .form-grid{grid-template-columns:1fr;gap:15px}.surface-page .contact-row{grid-template-columns:1fr}.surface-page .editor-card:not([data-product-editor-form]){padding:18px!important}.surface-page .section-heading{gap:8px;margin-bottom:15px}.surface-page .form-actions{justify-content:flex-start}

 .surface-page .quote-picker-layout{grid-template-columns:minmax(0,1fr)}.surface-page .quote-setup-card{padding:18px!important}.surface-page .quote-basket{position:static}.surface-page .quote-selected-list{max-height:none}

 .surface-page .pack-summary{grid-template-columns:1fr 1fr}.surface-page .pack-summary>div{padding:13px 15px}.surface-page .pack-summary>div:nth-child(2){border-right:0}.surface-page .pack-summary>div:last-child{grid-column:1/-1;border-top:1px solid #d5dec9;padding:10px 15px;display:flex;gap:16px;align-items:center}.surface-page .pack-summary p br{display:none}.surface-page .pack-summary strong{font-size:24px}

 .surface-page .selected-bean{padding:14px}.surface-page .selected-bean .package-option{grid-template-columns:minmax(0,1fr) 90px;gap:8px}.surface-page .selected-bean .available-note{grid-column:1;font-size:12px}.surface-page .selected-heading{display:block}.surface-page .selected-heading>span{display:block;margin-top:5px}.surface-page .selection-footer{bottom:8px;gap:10px}.surface-page .selection-footer>div{min-width:0}.surface-page .selection-footer strong{font-size:22px;margin-left:0;display:block}.surface-page .selection-footer .btn{min-width:110px;max-width:150px}

 .quote-share{padding:18px!important}.quote-share>h2{font-size:23px!important}.quote-share .btn-primary{min-width:0;width:100%}.import-upload-card{padding:18px!important}.stock-receive-card{padding:18px!important}.surface-page .box-input-row{gap:8px}.surface-page .box-input-row label:first-child{flex-basis:55%}.surface-page .box-input-row label:nth-child(2){flex-basis:30%}

 .auth-shell{grid-template-columns:1fr;max-width:500px;margin:5px auto 25px}.auth-intro{min-height:140px;display:grid;grid-template-columns:1.1fr 1fr}.auth-intro-copy{padding:20px 20px 14px}.auth-intro h2{font-size:20px;line-height:1.65;margin-bottom:0}.auth-intro p{display:none}.auth-intro .section-kicker{font-size:9px;letter-spacing:1px}.auth-intro figure{min-height:140px}.auth-shell .auth-card{padding:25px 22px!important}.auth-card h1{font-size:22px}.auth-card>p{font-size:12px;margin-bottom:17px}.state-card{margin:20px auto;padding:23px!important}.state-card h1{font-size:24px}.state-card .btn{font-size:12px}

 .customer-history-grid{grid-template-columns:1fr}.export-card{margin:10px auto}.catalog-entry-card .d-flex{align-items:flex-start!important}.catalog-entry-card a{flex-shrink:0;font-size:12px}

}

@media(prefers-reduced-motion:reduce){.surface-page *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

@media print{.surface-page .auth-intro,.surface-page .section-kicker{display:none}.surface-page .record-table{display:table}.surface-page .record-table tbody{display:table-row-group}.surface-page .record-table thead{position:static;width:auto;height:auto;clip:auto;display:table-header-group}.surface-page .record-table tbody tr{display:table-row;padding:0;grid-template-columns:none;gap:0}.surface-page .record-table td{display:table-cell;padding:8px!important}.surface-page .record-table td::before{display:none}.surface-page .selection-footer{position:static}}



/* Review corrections: comfortable targets, short result panels, native controls. */

.surface-page main .text-button{min-height:32px;padding:6px 8px;line-height:1.5;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}

.surface-page main .text-button:focus-visible{outline:2px solid #9e6843;outline-offset:2px}

.surface-page .form-check-input:checked{background-color:#122b1e;border-color:#122b1e}

.surface-page .bean-results{max-height:430px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bec9b2 transparent;padding-right:8px}

.surface-page [data-customer-results]{max-height:240px;overflow-y:auto;scrollbar-width:thin}

@media(max-width:760px){.surface-page main .text-button{min-height:44px;padding:8px 10px}.surface-page .bean-results{max-height:350px}.surface-page .record-cell-value{overflow-wrap:anywhere}}

@media(max-width:420px){.auth-intro-copy{padding:18px 14px 12px}.auth-intro h2{font-size:18px;letter-spacing:0}}

@media print{.surface-page .record-table td>.record-cell-value{display:block}.surface-page .bean-results,.surface-page [data-customer-results]{max-height:none;overflow:visible}}



/* Stable page frame: reserve the classic scrollbar, keep the VI in place. */

html{overflow-y:scroll}

@supports(scrollbar-gutter:stable){html{overflow-y:auto;scrollbar-gutter:stable}}

.brand img{aspect-ratio:139.507904 / 43.731934;flex-shrink:0}

/* First catalog page is limited server-side; startup must not hide additional rows. */

.surface-page .order-finder [data-picker-results]{height:400px;min-height:400px;max-height:400px;overflow-y:auto;scrollbar-gutter:stable}

.surface-page [data-bean-results]{height:360px;min-height:360px;max-height:360px;overflow-y:auto;scrollbar-gutter:stable}

.surface-page .quote-customer [data-customer-results]{height:auto;min-height:0;max-height:240px;overflow-y:auto;scrollbar-gutter:stable}

.surface-page .picker-status{min-height:20px}

.surface-page .picker-pagination{min-height:42px;align-items:center}

.picker-pagination{display:grid;grid-template-columns:70px minmax(0,160px) 70px;justify-content:end;gap:8px;min-height:42px;align-items:center}

.picker-pagination>span{display:grid;place-items:center;text-align:center;min-height:32px;font-variant-numeric:tabular-nums;line-height:1.45}

.picker-pagination>.btn{white-space:nowrap;padding-inline:8px}

.is-saving{position:relative;min-width:0;opacity:1;color:transparent!important;pointer-events:none}

.btn:active:not(:disabled){transform:none}

.operation-feedback{animation:page-settle 180ms ease-out}

.is-saving::before{content:"";position:absolute;width:18px;height:18px;left:calc(50% - 9px);top:calc(50% - 9px);margin:0;border:2px solid #9e684355;border-top-color:#9e6843;border-radius:50%;animation:working-spin .7s linear infinite}

.btn-primary.is-saving::before{border-color:#fffefb55;border-top-color:#fffefb}

@keyframes working-spin{to{transform:rotate(360deg)}}

/* Keep native navigation immediately interactive; no whole-page snapshot wait. */

@view-transition{navigation:none}

main.container{animation:page-settle 100ms ease-out}

@keyframes page-settle{from{opacity:.96}to{opacity:1}}

.page-progress{position:fixed;inset:0 0 auto;z-index:1000;height:2px;pointer-events:none;transform-origin:left;background:#9e6843;animation:page-loaded 240ms ease-out both}

@keyframes page-loaded{from{transform:scaleX(.5);opacity:.75}to{transform:scaleX(1);opacity:0}}

.navigation-pending .page-progress{width:35%;opacity:1;animation:page-loading 1.1s ease-in-out infinite}

@keyframes page-loading{from{transform:translateX(-110%)}to{transform:translateX(390%)}}

@media(max-width:1099px){.surface-page .order-finder [data-picker-results]{height:310px;min-height:310px;max-height:310px}}

@media(max-width:760px){.surface-page [data-bean-results]{height:280px;min-height:280px;max-height:280px}}

@media(prefers-reduced-motion:reduce){

 @view-transition{navigation:none}

 main.container,.page-progress,.is-saving::before{animation:none!important}

 .page-progress{display:none}

}

@media print{html{overflow:visible;scrollbar-gutter:auto}main.container{animation:none!important}.page-progress{display:none!important}}



/* Sales insights and purchase controls share the established VI frame. */

.stock-warning{display:inline-flex;align-items:center;gap:5px;color:#884523;background:#f5e8dd;border:1px solid #e8d0bd;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:600;line-height:1.4}



.purchase-quantity{display:grid!important;grid-template-columns:30px minmax(42px,1fr) 30px auto;align-items:center;gap:0;max-width:205px}

.purchase-quantity input{width:100%;min-width:0;text-align:center;border-radius:0;padding-left:3px;padding-right:3px;appearance:textfield;-moz-appearance:textfield}

.purchase-quantity input::-webkit-inner-spin-button,.purchase-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.purchase-quantity button{height:40px;border:1px solid #cbd1c7;background:#f5f5ee;color:#122b1e;font:500 18px/1 Verdana,sans-serif;cursor:pointer;padding:0;border-radius:4px 0 0 4px}

.purchase-quantity button:nth-of-type(2){border-radius:0 4px 4px 0}

.purchase-quantity button:hover{background:#e8ecdf}.purchase-quantity button:focus-visible{outline:2px solid #345c42;outline-offset:2px}.purchase-quantity>span{padding-left:5px;white-space:nowrap}

.insight-filters{display:flex;flex-direction:row;gap:12px;align-items:flex-end;flex-wrap:wrap}.insight-filters>label{display:grid;gap:5px;margin:0;font-size:12px;min-width:155px}.insight-filters>label[hidden]{display:none!important}.insight-filters .btn{height:40px}

.overview-metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:12px}.overview-metrics>div{padding:18px 20px;border:1px solid #dce0d5;background:#fffef9;border-radius:8px}.overview-metrics span{display:block;font-size:12px;color:#5d6856;margin-bottom:7px}.overview-metrics strong{font-size:clamp(21px,2.5vw,31px);line-height:1.2;font-weight:500;color:#122b1e;font-variant-numeric:tabular-nums}.overview-metrics small{font-size:12px}.overview-metrics .metric-emphasis{background:#fffef9;color:#122b1e;cursor:default}.overview-metrics .metric-emphasis span{color:#5d6856}.overview-metrics .metric-emphasis strong{color:#122b1e;font-weight:650}

.overview-columns{display:grid;grid-template-columns:1.12fr 1fr;gap:16px;align-items:start}.insight-panel{padding:18px;min-width:0}.insight-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.insight-heading h2{margin:2px 0 0;font-size:19px}.insight-heading>small{font-size:11px;color:#646e5e}.insight-panel .table{font-size:12px}.insight-panel .table th{font-size:11px;white-space:normal}.insight-panel .table td{padding:11px 8px}.insight-panel .form-text{font-size:11px;line-height:1.7}.insight-panel a{text-underline-offset:3px}.insight-explanation{padding:13px 18px;font-size:12px}.insight-explanation summary{font-weight:500}.insight-explanation p{margin:12px 0 0;line-height:1.8}

.overview-followup{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px;padding:17px 20px}.overview-followup h2{font-size:17px;margin-bottom:4px}.overview-followup p{margin:0}.overview-followup>a{display:flex;align-items:center;gap:7px;font-size:12px;color:#122b1e}.overview-followup>a strong{font-size:24px}.alert-beans{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.alert-beans>a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid #e4dfd2;border-radius:5px;padding:12px;text-decoration:none}.alert-beans strong{font-size:13px}.alert-beans small{font-size:11px;color:#6b6f63}

.customer-order-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.customer-order-history{grid-column:1/-1;min-width:0;font-size:12px}.customer-order-history>summary{line-height:1.7}.customer-order-history>.customer-order-list{margin-top:12px}.customer-order-card{padding:20px}.customer-order-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e3d8;padding-bottom:12px;margin-bottom:14px}.customer-order-top small{display:block;color:#626c5b;font-size:11px;margin-top:5px}.customer-order-top .status-pill{align-self:flex-start}.order-number{font-size:14px;font-weight:500}.customer-order-bottom{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:14px}.customer-order-items{min-width:0;overflow-wrap:anywhere}.customer-order-bottom p{font-size:13px;margin-bottom:7px}.customer-order-bottom p span{white-space:nowrap;color:#607056}.customer-order-bottom small{font-size:11px;color:#626c5b}.customer-order-amount{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0}.customer-order-amount strong{font-size:21px;font-weight:500}.customer-order-amount small{font-size:10px}

@media(max-width:1250px){.overview-columns{grid-template-columns:1fr}.alert-beans{grid-template-columns:repeat(2,1fr)}}

@media(max-width:760px){.overview-metrics{grid-template-columns:1fr 1fr;gap:8px}.overview-metrics>div{padding:14px}.overview-metrics strong{font-size:23px}.insight-panel{padding:14px}.insight-filters>label{flex:1;min-width:120px}.customer-order-list{grid-template-columns:1fr}.customer-order-card{padding:16px}.customer-order-bottom{grid-template-columns:minmax(0,1fr)}.customer-order-amount{justify-self:stretch;justify-content:flex-end;flex-direction:row;align-items:center;flex-wrap:nowrap}.customer-order-amount strong{margin-right:auto}.customer-order-amount small{display:none}.alert-beans{grid-template-columns:1fr 1fr}.page-overview .record-table td{overflow-wrap:anywhere}.insight-heading{align-items:flex-start}.customer-order-top .status-pill{font-size:12px}.purchase-quantity{max-width:190px}}



.customer-order-top .status-pill{white-space:nowrap;flex-shrink:0}.customer-order-top small span{display:block}.customer-order-top>div{min-width:0}.insight-panel .record-cell-value{min-width:0}

html:not(.quantity-controls-ready) .purchase-quantity{grid-template-columns:minmax(60px,1fr) auto}html:not(.quantity-controls-ready) .purchase-quantity button{display:none}html:not(.quantity-controls-ready) .purchase-quantity input{appearance:auto;-moz-appearance:auto}html:not(.quantity-controls-ready) .purchase-quantity input::-webkit-inner-spin-button{appearance:auto;-webkit-appearance:auto}



/* Quantity columns must contain the complete control, including its unit. */

.quantity-dialog .package-option{grid-template-columns:minmax(0,1fr) 154px}

.surface-page .selected-bean .package-option{grid-template-columns:minmax(120px,1.6fr) 154px minmax(90px,1fr)}

.purchase-quantity{min-width:0;width:100%;grid-template-columns:30px minmax(42px,1fr) 30px 23px}

@media(max-width:760px){.surface-page .selected-bean .package-option{grid-template-columns:minmax(0,1fr) 144px}.quantity-dialog .package-option{grid-template-columns:minmax(0,1fr) 144px;gap:7px 10px}}

@media(max-width:359px){.quantity-dialog .package-option,.surface-page .selected-bean .package-option{grid-template-columns:minmax(0,1fr)}.purchase-quantity{max-width:180px}.quantity-dialog .package-option>.form-select{max-width:180px}}



/* US2 stock feedback: separate prices, quantities, packaging and actions. */

.page-stock .stock-scope,.page-stock-adjust .stock-scope{font-size:12px;color:#5c6856;line-height:1.8;margin:9px 0 20px}





.page-stock .stock-table table{width:100%;table-layout:fixed}.page-stock .stock-table th{font-size:11px;padding:12px 8px;white-space:normal}.page-stock .stock-table td{padding:12px 8px;min-width:0;white-space:normal;vertical-align:top;line-height:1.6}

.page-stock .stock-table th:nth-child(1){width:22%}.page-stock .stock-table th:nth-child(2){width:14%}.page-stock .stock-table th:nth-child(3){width:10%}.page-stock .stock-table th:nth-child(4){width:12%}.page-stock .stock-table th:nth-child(5){width:22%}.page-stock .stock-table th:nth-child(6){width:12%}.page-stock .stock-table th:nth-child(7){width:8%}

.page-stock .stock-table td:first-child{min-width:0}.page-stock .stock-table td:first-child>strong{font-size:14px;font-weight:600;line-height:1.45}.page-stock .stock-identity{display:block;margin-top:7px;font-size:11px;color:#5c6856;line-height:1.8}

.stock-prices{display:grid;gap:9px}.stock-prices>div{display:flex;flex-direction:column;gap:1px}.stock-prices span,.stock-package-label{font-size:11px;color:#5c6856}.stock-prices strong{font-size:17px;line-height:1.4;font-weight:600;color:#122b1e;font-variant-numeric:tabular-nums}.stock-prices small{font-size:12px;color:#68725f}

.stock-quantities{display:grid;gap:8px;margin:0}.stock-quantities>div{display:flex;gap:8px;align-items:baseline;justify-content:flex-start}.stock-quantities dt{font-size:11px;font-weight:400;color:#5c6856;flex-shrink:0}.stock-quantities dd{margin:0;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;color:#243d2b}

.page-stock .stock-available-value{display:block;font-size:21px;font-weight:600;color:#122b1e;font-variant-numeric:tabular-nums}

.stock-package-available{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.stock-package-available>span{font-size:11px;color:#5c6856}.stock-package-available>strong{font-size:16px;font-weight:600;color:#243d2b}

.page-stock .stock-package-note,.page-stock-adjust .stock-package-note{display:block;font-size:11px;line-height:1.75;color:#5c6856;margin-top:5px}

.stock-box-groups{list-style:none;padding:0;margin:4px 0 7px;display:grid;gap:4px}.stock-box-groups li{font-size:13px;font-weight:600;color:#243d2b;line-height:1.6;font-variant-numeric:tabular-nums}.stock-box-groups li span{font-weight:400;color:#68725f}

.stock-muted{font-size:12px;color:#68725f;font-weight:400}.stock-box-groups li.stock-muted{font-weight:400;font-size:12px;color:#68725f}

.page-stock .stock-package-caution{color:#795639}.page-stock .stock-warning{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#f5efe4;border:0;border-left:3px solid #b88e5d;border-radius:0 4px 4px 0;padding:6px 8px;margin-top:8px;color:#654323;line-height:1.6;font-size:12px;font-weight:600;overflow-wrap:anywhere}

.page-stock .stock-warning small{color:#72573c;font-size:10px;font-weight:400;line-height:1.65}.stock-shortfall{display:block;color:#8b4031;font-size:11px;font-weight:600;margin-top:6px}

.stock-action-primary,.stock-action-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 9px;border-radius:4px;font-size:12px;line-height:1.5;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s}

.stock-action-primary{color:var(--skin-ink,#173c25);background:var(--skin-soft,#eaf0e4);border:1px solid var(--skin-line,#cad7be);font-weight:600}

.stock-action-secondary{color:var(--skin-ink,#5b6654);background:var(--skin-paper,#fffefa);border:1px solid var(--skin-line,#dce0d4);font-weight:400}

@media(hover:hover){:is(.stock-action-primary,.stock-action-secondary):hover{color:var(--skin-ink);background:var(--skin-selected);border-color:var(--skin-accent)}}

:is(.stock-action-primary,.stock-action-secondary):active{box-shadow:inset 0 0 0 1px var(--skin-accent)}

.stock-action-primary:focus-visible,.stock-action-secondary:focus-visible{outline:2px solid var(--skin-accent,#8b6846);outline-offset:3px}

.page-stock .stock-catalog-action{border-left:1px solid #e5e8dd}.page-stock .stock-inventory-action,.page-stock .stock-catalog-action{vertical-align:middle}

.stock-detail-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}

.stock-reason-summary{display:flex;align-items:baseline;gap:8px 12px;flex-wrap:wrap;padding:12px 14px;margin:13px 0 17px;background:#f1f4eb;border:1px solid #dfe6d5;border-radius:4px}.stock-reason-summary>span,.stock-reason-summary>small{font-size:11px;color:#5c6856}.stock-reason-summary>strong{font-size:13px;color:#243d2b;font-weight:600}

.stock-entry-note{font-size:11px;line-height:1.7;color:#5c6856;margin:0 0 12px}

.page-stock-adjust .pack-summary>div{display:flex;flex-direction:column;align-items:flex-start}.page-stock-adjust .pack-summary .stock-box-groups{gap:2px;margin:3px 0 5px}.page-stock-adjust .pack-summary .stock-box-groups span{font-size:13px}.page-stock-adjust .pack-summary .stock-pack-pending{font-size:20px}

@media(max-width:1099px){

 

 .page-stock .stock-table{border:0;background:transparent;overflow:visible}.page-stock .stock-table table,.page-stock .stock-table tbody{display:block;width:100%}.page-stock .stock-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

 .page-stock .stock-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;border:1px solid #dce1d3;border-radius:6px;background:#fffefb;padding:16px;margin-bottom:12px}

 .page-stock .stock-table td{display:block;min-width:0!important;padding:0!important;border:0;white-space:normal;grid-column:auto;grid-row:auto;background:transparent;overflow-wrap:anywhere}

 .page-stock .stock-table td[data-stock-label]:not(:first-child)::before{content:attr(data-stock-label);display:block;font-size:11px;font-weight:400;color:#5c6856;margin-bottom:6px}

 .page-stock .stock-table .stock-identity-cell{grid-column:1/-1;grid-row:1;border-bottom:1px solid #e4e8dc;padding-bottom:10px!important}.page-stock .stock-identity{margin-top:4px}

 .page-stock .stock-table .stock-batch-cell{grid-column:1/-1;grid-row:2}.page-stock .stock-table .stock-price-cell{grid-column:1;grid-row:3}.page-stock .stock-table .stock-ledger-cell{grid-column:2;grid-row:3}.page-stock .stock-table .stock-available-cell{grid-column:3;grid-row:3}

 .page-stock .stock-table .stock-loose-cell{grid-column:1;grid-row:3}.page-stock .stock-table .stock-box-cell{grid-column:2/4;grid-row:3}.page-stock .stock-table .stock-inventory-action{grid-column:2;grid-row:4;border-top:1px solid #e4e8dc;padding-top:10px!important}.page-stock .stock-table .stock-catalog-action{grid-column:3;grid-row:4;border-top:1px solid #e4e8dc;padding-top:10px!important}

 .page-stock .stock-quantities{max-width:180px}.page-stock .stock-box-groups{display:flex;flex-wrap:wrap;gap:5px 14px}.page-stock .stock-box-groups li{white-space:nowrap}.page-stock .stock-table td[colspan]{grid-column:1/-1;grid-row:auto;padding:15px!important;border:0}

}

@media(max-width:575px){

 

 .page-stock .stock-table tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;padding:15px}.page-stock .stock-table .stock-price-cell{grid-column:1/-1;grid-row:2}.page-stock .stock-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}

 .page-stock .stock-table .stock-ledger-cell{grid-column:1;grid-row:3}.page-stock .stock-table .stock-available-cell{grid-column:2;grid-row:3}.page-stock .stock-table .stock-loose-cell{grid-column:1;grid-row:4}.page-stock .stock-table .stock-box-cell{grid-column:2;grid-row:4}

 .page-stock .stock-table .stock-inventory-action{grid-column:1;grid-row:5}.page-stock .stock-table .stock-catalog-action{grid-column:2;grid-row:5}.page-stock .stock-box-groups{display:grid;gap:4px}.page-stock .stock-box-groups li{white-space:normal}

 .page-stock .stock-action-primary,.page-stock .stock-action-secondary{min-height:44px;width:100%;padding:8px 6px;font-size:12px}.page-stock .stock-warning{padding:6px 7px}.page-stock .stock-warning small{font-size:11px}

 .page-stock-adjust .stock-detail-navigation{width:100%;justify-content:space-between}.page-stock-adjust .stock-detail-navigation .stock-action-secondary{min-height:44px}

 .page-stock-adjust .pack-summary{grid-template-columns:minmax(0,1fr)}.page-stock-adjust .pack-summary>div{border-right:0;border-bottom:1px solid #d5dec9}.page-stock-adjust .pack-summary>div:last-child{border:0;gap:6px;align-items:flex-start}

 .page-stock-adjust .stock-reason-summary>small{flex-basis:100%}

}





/* R3: readable audit values and full-width small-screen form controls. */

.page-history .audit-diff{table-layout:fixed}

.page-history .audit-diff th:first-child{width:32%}

.page-history .audit-diff th,.page-history .audit-diff td{min-width:0;vertical-align:top}

.page-history .audit-diff .audit-value{min-width:0;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;line-height:1.75}

.page-customer-orders .customer-order-next{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}

@media screen and (max-width:640px){

  .page-history .audit-diff,.page-history .audit-diff tbody{display:block;width:100%}

  .page-history .audit-diff thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

  .page-history .audit-diff tbody tr{display:block;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}

  .page-history .audit-diff tbody tr:last-child{margin-bottom:0;border-bottom:0}

  .page-history .audit-diff tbody th:first-child{display:block;width:100%;padding:9px 10px;margin-bottom:3px;font-size:12px;line-height:1.6;background:#edf0e7;border:0;white-space:normal}

  .page-history .audit-diff tbody td{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;width:100%;min-width:0;padding:8px 10px;font-size:12px;line-height:1.75;background:transparent;border:0;text-align:left}

  .page-history .audit-diff tbody td[data-label]::before{content:attr(data-label);font-size:11px;color:var(--muted);white-space:nowrap}

  .page-history .audit-diff tbody td.audit-empty{display:block;padding:12px 0}

  .page-overview .insight-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:end}

  .page-overview .insight-filters>label{min-width:0;width:100%;margin:0}

  .page-overview .insight-filters .form-control,.page-overview .insight-filters .form-select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}

  .page-overview .insight-filters>.btn{width:100%;margin:0}

  .page-order-form .selection-footer{flex-wrap:wrap;gap:12px;align-items:stretch}

  .page-order-form .selection-footer>div{flex:1 1 100%;min-width:0}

  .page-order-form .selection-footer>.btn{flex:1 0 100%;width:100%;min-width:0;max-width:none;white-space:normal;word-break:keep-all;line-height:1.55;padding:12px}

  .page-customer-orders .customer-order-top{flex-wrap:wrap;align-items:flex-start}

  .page-customer-orders .customer-order-top>div{flex:1 1 180px;min-width:0}

  .page-customer-orders .customer-order-top .status-pill{max-width:100%;white-space:normal;line-height:1.6}

}



/* Keep actions readable beside long bean names and batch identifiers. */

.surface-page .selected-bean-heading{gap:12px}

.surface-page .selected-bean-heading>div{flex:1;min-width:0}

.surface-page .selected-bean-heading>[data-remove-selection]{flex:0 0 auto;white-space:nowrap;min-height:32px;padding:4px 8px}

@media(max-width:760px){.page-overview .alert-beans .stock-warning{flex-direction:column;align-items:flex-start}.page-overview .alert-beans .stock-warning>span{white-space:nowrap}}

@media(max-width:420px){.page-overview .alert-beans{grid-template-columns:1fr}}



/* S16: compact purchasing, inline sales selection and separate printable purposes. */

.professional-catalog .catalog-heading{margin-bottom:16px;gap:16px;align-items:flex-start}

.professional-catalog .catalog-heading h1{font-size:27px;margin:3px 0 5px}

.professional-catalog .catalog-heading p{margin:0;font-size:12px;line-height:1.7}

.professional-catalog .catalog-price-note{font-size:11px;color:#5b6756;padding-top:12px;white-space:nowrap}

.professional-catalog .catalog-section-title{display:none}

.professional-catalog .catalog-filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f0f2ea;border:1px solid #dbe1d2;border-radius:6px}

.professional-catalog .catalog-filters .form-control{flex:2 1 210px;width:auto;min-width:160px}

.professional-catalog .catalog-filters .form-select{flex:1 1 130px;width:auto;min-width:110px}

.professional-catalog .catalog-filters label{display:flex;align-items:center;gap:6px}

.professional-catalog .catalog-columns{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(130px,.7fr) minmax(265px,1.3fr) 100px;gap:16px;padding:10px 16px;color:#5c6855;background:#f1f2eb;font-size:11px;border:1px solid #dce1d4;border-bottom:0}

.professional-catalog .bean-grid{display:block;border:1px solid #dce1d4;border-radius:0 0 6px 6px;overflow:clip}

.professional-catalog .bean-card{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(130px,.7fr) minmax(265px,1.3fr) 100px;gap:5px 16px;align-items:start;padding:13px 16px;border:0;border-bottom:1px solid #e0e4d8;border-radius:0;transform:none;box-shadow:none;background:#fffef9}

.professional-catalog .bean-card:last-child{border-bottom:0}

.professional-catalog .bean-card:hover{background:#fafbf5;transform:none;box-shadow:none}

.professional-catalog .bean-card.is-selected{background:#f3f6ed;box-shadow:inset 3px 0 #526d49}

.professional-catalog .bean-description{grid-column:1;grid-row:1/3;min-width:0}

.professional-catalog .bean-card h2{font-size:15px;margin:2px 0 5px;line-height:1.5;overflow-wrap:anywhere}

.professional-catalog .bean-origin{font-size:11px;margin:0 0 5px;line-height:1.6}

.professional-catalog .bean-card .flavor{font-size:12px;margin:0 0 5px;line-height:1.6}

.professional-catalog .bean-kicker{min-height:0;letter-spacing:0;font-size:10px}

.professional-catalog .stock-note{font-size:10px;line-height:1.5}

.professional-catalog .bean-availability{grid-column:1;grid-row:3;margin:0;padding:2px 0 0;gap:6px 12px;font-size:11px;line-height:1.5}

.professional-catalog .bean-availability strong{font-size:12px}

.professional-catalog .bean-purchase-row{grid-column:2;grid-row:1/4;display:block;border:0;padding:3px 0;min-width:0}

.professional-catalog .bean-price-summary{display:flex;flex-direction:column;gap:6px;font-size:11px}

.professional-catalog .bean-price-summary b{font-size:16px;font-weight:600;white-space:nowrap}

.professional-catalog .bean-order{grid-column:3;grid-row:1/4;display:block!important;margin:0;align-self:start;min-width:0}

.professional-catalog .bean-order .package-picker{display:block}

.professional-catalog .bean-card .line-total{grid-column:4;grid-row:1/4;display:flex;flex-direction:column;gap:5px;align-items:flex-end;justify-content:flex-start;margin:0;border:0;padding-top:4px;font-size:11px;min-width:0}

.professional-catalog .bean-card .line-total strong{font-size:17px;font-weight:600;white-space:nowrap}

.kilogram-match>label{display:block;font-size:12px;font-weight:500;margin:0 0 5px}

.kilogram-match-control{display:flex;gap:7px;align-items:center;max-width:360px}

.kilogram-match-control .form-control{width:100%;min-width:90px;font-variant-numeric:tabular-nums}

.kilogram-match-control .btn{white-space:nowrap;min-height:40px}

.kilogram-match .form-text{font-size:10px;line-height:1.65;margin:6px 0}

.package-details{font-size:11px;margin-top:8px;border-top:1px solid #e0e4d8;padding-top:7px}

.package-details>summary{font-size:11px;color:#3e5d35;cursor:pointer;line-height:1.7}

.professional-catalog .bean-order .package-option{display:grid;grid-template-columns:minmax(110px,1fr) minmax(125px,150px);gap:4px 9px;max-width:none;padding:8px 0;border-top:1px solid #e2e6db;align-items:center}

.professional-catalog .bean-order .package-option label{font-size:11px;line-height:1.6;margin:0}

.professional-catalog .bean-order .package-option label span{font-size:11px;line-height:1.5;margin:0}

.professional-catalog .bean-order .package-option .available-note{grid-column:1;font-size:10px}

.professional-catalog .bean-order .package-option small{grid-column:1/-1;font-size:10px;margin:0}

.professional-catalog .purchase-quantity{grid-template-columns:28px minmax(35px,1fr) 28px max-content}

.professional-catalog .purchase-quantity input{min-width:0}

.professional-catalog .catalog-submit-bar{padding:12px 16px;margin-top:14px}

.professional-catalog .catalog-note{max-width:none;margin-bottom:12px}

.page-order-form .order-picker-layout{display:block}

.page-order-form .order-finder{position:static;margin:0!important;padding:16px!important}

.page-order-form .order-finder .picker-filters{display:grid;grid-template-columns:minmax(210px,2fr) repeat(4,minmax(100px,1fr));gap:8px}

.page-order-form .order-finder [data-picker-results]{height:auto;min-height:180px;max-height:none;overflow:visible;scrollbar-gutter:auto}

.page-order-form .order-finder [data-selected-bean],.page-order-form .order-basket [data-selected-bean]{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(300px,1.7fr) 115px;gap:14px;align-items:start;padding:13px 0;border:0;border-bottom:1px solid #dfe4d6;border-radius:0;background:transparent;margin:0}

.page-order-form .selected-bean-heading{grid-column:1;margin:0;display:block}

.page-order-form .selected-bean-heading strong{font-size:14px;line-height:1.6}

.page-order-form .selected-bean-heading .text-button{font-size:11px;margin-top:6px}

.page-order-form .selected-bean>.package-picker,.page-order-form .selected-bean>.package-option{grid-column:2;grid-row:1/3;min-width:0}

.page-order-form .selected-bean>.stock-warning{grid-column:1;margin:0;font-size:11px}

.page-order-form .selected-bean>.line-total{grid-column:3;grid-row:1/3;border:0;padding:3px 0;font-size:11px}

.page-order-form .selected-bean>.line-total strong{display:block;font-size:18px;margin-top:4px}

.page-order-form .selected-bean .package-option{grid-template-columns:minmax(125px,1fr) 154px minmax(80px,.65fr);padding:7px 0;gap:7px;font-size:11px}

.page-order-form .selected-bean .package-option label,.page-order-form .selected-bean .package-option label span,.page-order-form .selected-bean .package-option small{font-size:11px;line-height:1.6}

.page-order-form .order-basket{border:1px solid #dce1d4;border-top:0;padding:0 16px 10px;background:#f5f7ef}

.page-order-form .order-basket .selected-heading{margin:0;padding-top:12px}

.page-order-form .order-basket h2{font-size:14px}

.page-order-form .order-basket:not(.has-parked-selection) [data-selected-rows]{display:none}

.page-order-form .order-basket:not(.has-parked-selection) .selected-heading>span{display:none}

.page-order-form .order-basket .empty-note{margin:8px 0 0;font-size:12px}

.payment-timing-field{max-width:600px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #e1e5d9}

.payment-timing-field label{font-size:13px;margin-bottom:6px}

.order-contact-summary{padding:10px 12px;background:#f4f6ee;margin-bottom:16px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}

.order-contact-summary p{margin:0 0 5px}.order-contact-summary p:last-child{margin:0}

.payment-timing-label{font-weight:500;color:#36512d}

.finance-print-action{padding:14px;border:1px solid #dce1d4;background:#f3f6ed;border-radius:5px;margin-bottom:16px}

.finance-print-action .btn{width:100%}.finance-print-action .form-text{margin-bottom:0}

.page-quote-form .quote-setup-card{padding:18px!important}.page-quote-form .quote-picker-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr)}

.page-quote-form .picker-filters{display:flex;flex-wrap:wrap;gap:7px}.page-quote-form .picker-filters .form-select{flex:1 1 120px;width:auto;min-width:100px}

.quote-bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 4px}.quote-bulk-actions .form-text{flex-basis:100%;margin:0}

.quote-link-qr{display:flex;align-items:center;gap:18px;margin:18px 0;padding:14px;border:1px solid #dce1d4;background:#fff}

.quote-link-qr img{max-width:160px;height:auto}.quote-link-qr figcaption{font-size:12px;color:#5c6855}

.auth-intro-plain{min-height:280px;justify-content:center;background:#edece4;border-right:1px solid #dce1d4}

.auth-intro-plain .auth-intro-copy{padding:32px}

.auth-intro-plain .auth-brand-logo{position:static;display:block;width:140px;height:auto;object-fit:contain;margin-bottom:28px}

.auth-intro-plain h2{font-size:25px;margin-bottom:15px}

.customer-phone-list{display:flex;flex-wrap:wrap;gap:8px 22px;padding-left:18px;margin:10px 0}

.customer-address-sheet p{font-size:13px;overflow-wrap:anywhere}.customer-invoice-list{display:grid;grid-template-columns:125px minmax(0,1fr);gap:7px;margin:14px 0 0;font-size:12px}.customer-invoice-list dd{margin:0;overflow-wrap:anywhere}

.stock-ledger-details{margin:22px 0;border-top:1px solid #dce1d4;padding-top:16px}.stock-ledger-details>summary{font-size:14px;font-weight:500;color:#36512d;cursor:pointer}.stock-ledger-details>.stock-ledger-heading{margin-top:18px}

.stock-bean-attributes{display:block;color:#5a6753;font-size:11px;line-height:1.65;margin-top:5px;overflow-wrap:anywhere}

.sales-document{max-width:900px;margin:0 auto;background:#fff;padding:26px;color:#222;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:13px;line-height:1.65}

.document-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid #314b2e;padding-bottom:14px;margin-bottom:12px}.document-heading>img{width:140px;height:auto;flex-shrink:0}.document-heading h1{font-size:24px;line-height:1.5;margin:0 0 3px}.document-heading p{margin:0;font-size:12px}

.document-reference,.document-state{display:flex;flex-wrap:wrap;gap:8px 24px;padding:7px 0;border-bottom:1px solid #d5d9d0;font-size:12px}.document-state strong{font-weight:600}

.document-party{padding:12px 0 8px;min-width:0}.document-party h2,.document-payment h2{font-size:14px;font-weight:600;margin:0 0 7px}.document-party dl,.document-payment dl{display:grid;grid-template-columns:95px minmax(0,1fr);gap:4px 9px;margin:0;font-size:12px}.document-party dt,.document-payment dt{font-weight:400;color:#555}.document-party dd,.document-payment dd{margin:0;overflow-wrap:anywhere;min-width:0}

.document-addresses{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;border-top:1px solid #d5d9d0;margin-top:5px}

.document-lines{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:15px;font-variant-numeric:tabular-nums;font-size:12px}.document-lines th,.document-lines td{padding:9px 6px;border:1px solid #bfc7ba;text-align:left;vertical-align:top;overflow-wrap:anywhere}.document-lines thead th{background:#eff2e9;font-weight:600}.document-lines th:nth-child(1){width:26%}.document-lines th:nth-child(2){width:27%}.document-lines th:nth-child(3){width:14%}.document-lines th:nth-child(4){width:16%}.document-lines th:nth-child(5){width:17%}.document-lines small{display:block;font-size:10px;color:#555;line-height:1.6}.document-lines tfoot th{font-weight:500}.document-payable th,.document-payable td{font-size:15px;font-weight:600}

.document-payment{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;margin-top:18px;padding-top:14px;border-top:1px solid #bfc7ba;align-items:start}.document-payment-qr{margin:0;text-align:center}.document-payment-qr img{display:block;width:180px;max-width:100%;height:auto;object-fit:contain;margin:0 auto}.document-payment-qr figcaption{font-size:10px;margin-top:5px;color:#555}

.document-receipt,.document-notes{font-size:11px;margin:10px 0 0;overflow-wrap:anywhere}.document-footnote{position:relative;border-top:1px solid #d5d9d0;margin-top:14px;padding-top:10px;font-size:10px;line-height:1.7}.document-footnote p{margin:0 0 5px}.document-order-qr{position:absolute;right:0;bottom:0;background:white}.document-footnote:has(.document-order-qr){min-height:90px;padding-right:100px}.document-cancelled{padding:8px;border:1px solid #a66443;color:#773d23;margin:10px 0}

@media(max-width:1199px){.professional-catalog .catalog-columns{display:none}.professional-catalog .bean-card{grid-template-columns:minmax(200px,1fr) minmax(260px,1.1fr) 100px;gap:5px 16px}.professional-catalog .bean-description{grid-column:1;grid-row:1}.professional-catalog .bean-availability{grid-column:1;grid-row:3}.professional-catalog .bean-purchase-row{grid-column:1;grid-row:2;padding-top:3px}.professional-catalog .bean-price-summary{flex-direction:row;flex-wrap:wrap;gap:8px 14px}.professional-catalog .bean-order{grid-column:2;grid-row:1/4}.professional-catalog .bean-card .line-total{grid-column:3;grid-row:1/4}.page-order-form .order-finder .picker-filters{grid-template-columns:repeat(4,minmax(100px,1fr))}.page-order-form .order-finder .picker-filters>input{grid-column:1/-1}.page-order-form .order-finder [data-selected-bean],.page-order-form .order-basket [data-selected-bean]{grid-template-columns:minmax(170px,.7fr) minmax(300px,1.5fr)}.page-order-form .selected-bean>.line-total{grid-column:1;grid-row:auto;text-align:left}.page-order-form .selected-bean .package-option{grid-template-columns:minmax(110px,1fr) 144px}.page-order-form .selected-bean .available-note{grid-column:1}}

@media(max-width:760px){.professional-catalog .catalog-heading h1{font-size:23px}.professional-catalog .catalog-heading{display:block}.professional-catalog .catalog-price-note{display:block;padding-top:5px;font-size:10px}.professional-catalog .bean-card{grid-template-columns:minmax(0,1fr) auto;padding:15px 13px;gap:7px 12px}.professional-catalog .bean-description{grid-column:1;grid-row:1}.professional-catalog .bean-card h2{font-size:16px}.professional-catalog .bean-purchase-row{grid-column:1;grid-row:2}.professional-catalog .bean-availability{grid-column:1;grid-row:3}.professional-catalog .bean-order{grid-column:1/-1;grid-row:4;padding-top:8px;border-top:1px solid #e0e4d8}.professional-catalog .bean-card .line-total{grid-column:2;grid-row:1/4;max-width:100px}.professional-catalog .bean-card .line-total strong{font-size:17px}.professional-catalog .catalog-filters .form-control{flex-basis:100%}.professional-catalog .catalog-filters .form-select{flex-basis:42%;min-width:100px}.professional-catalog .bean-order .package-option{grid-template-columns:minmax(100px,1fr) minmax(140px,155px)}.professional-catalog .catalog-submit-bar{margin-left:0;margin-right:0;padding:10px;gap:7px}.professional-catalog .catalog-submit-action{gap:9px}.professional-catalog .catalog-submit-action .btn{min-width:0;max-width:120px;font-size:12px}.professional-catalog .catalog-amount{font-size:21px}.page-order-form .order-finder{padding:12px!important}.page-order-form .order-finder .picker-filters{grid-template-columns:1fr 1fr}.page-order-form .order-finder [data-selected-bean],.page-order-form .order-basket [data-selected-bean]{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:14px 0}.page-order-form .selected-bean-heading{grid-column:1;grid-row:1}.page-order-form .selected-bean>.line-total{grid-column:2;grid-row:1;text-align:right;max-width:105px}.page-order-form .selected-bean>.package-picker,.page-order-form .selected-bean>.package-option{grid-column:1/-1;grid-row:auto}.page-order-form .selected-bean>.stock-warning{grid-column:1/-1}.page-order-form .selected-bean .package-option{grid-template-columns:minmax(100px,1fr) 150px}.page-order-form .order-basket{padding:0 12px 10px}.page-order-form .order-basket .selected-heading{display:block}.page-order-form .order-basket .selected-heading>span{font-size:11px;margin-top:5px}.page-quote-form .quote-picker-layout{display:block}.page-quote-form .quote-basket{margin-top:14px}.auth-intro-plain{display:block;min-height:0;border-right:0;border-bottom:1px solid #dce1d4}.auth-intro-plain .auth-intro-copy{padding:20px}.auth-intro-plain .auth-brand-logo{width:112px;margin-bottom:12px}.auth-intro-plain h2{font-size:21px}.quote-link-qr{gap:10px}.quote-link-qr img{width:128px}.sales-document{padding:15px}.document-heading{display:block}.document-heading>img{margin-bottom:15px}.document-heading h1{font-size:21px}.document-addresses{display:block}.document-payment{grid-template-columns:minmax(0,1fr) 130px;gap:12px}.document-payment-qr img{width:130px}.document-party dl,.document-payment dl{grid-template-columns:80px minmax(0,1fr);gap:4px;font-size:11px}}

@media(max-width:359px){.professional-catalog .bean-order .package-option,.page-order-form .selected-bean .package-option{grid-template-columns:minmax(0,1fr)}.professional-catalog .bean-order .package-option>.form-select{max-width:180px}.professional-catalog .bean-order .package-option .available-note,.page-order-form .selected-bean .available-note{grid-column:1}.kilogram-match-control{flex-wrap:wrap}.kilogram-match-control input{flex:1}.catalog-submit-action{flex-wrap:wrap;justify-content:flex-end}.document-payment{display:block}.document-payment-qr{max-width:160px;margin:15px 0}.document-party dl{grid-template-columns:1fr}.document-party dd{margin-bottom:5px}}



@media print{.sales-document{width:100%;max-width:none;padding:0;margin:0;font-size:9pt;line-height:1.55;color:#111}.document-heading{display:flex;gap:12mm;margin-bottom:3mm;padding-bottom:3mm;break-after:avoid}.document-heading>img{width:36mm;height:auto;margin:0}.document-heading h1{font-size:17pt}.document-heading p{font-size:9pt}.document-reference,.document-state{font-size:8.5pt;padding:2mm 0;gap:2mm 6mm}.document-party{padding:3mm 0 2mm}.document-party h2,.document-payment h2{font-size:10pt;margin-bottom:2mm}.document-party dl,.document-payment dl{grid-template-columns:23mm minmax(0,1fr);font-size:8.5pt;gap:1mm 2mm}.document-addresses{display:grid;grid-template-columns:1fr 1fr;gap:6mm;break-inside:avoid}.document-lines{font-size:8.5pt;margin-top:4mm}.document-lines th,.document-lines td{padding:2mm 1.5mm}.document-lines thead{display:table-header-group}.document-lines tfoot{display:table-row-group}.document-lines tr{break-inside:avoid}.document-lines small{font-size:7.5pt}.document-payable th,.document-payable td{font-size:10pt}.document-payment{display:grid;grid-template-columns:minmax(0,1fr) 46mm;gap:8mm;margin-top:4mm;padding-top:3mm;break-inside:avoid}.document-payment-qr{margin:0;max-width:none}.document-payment-qr img{width:46mm;height:auto;max-width:100%}.document-payment-qr figcaption{font-size:7pt}.document-footnote{font-size:7.5pt;padding-top:2mm;margin-top:4mm;break-inside:avoid}.document-receipt,.document-notes{font-size:8pt;margin-top:3mm}.document-order-qr{width:20mm;height:20mm}.document-footnote:has(.document-order-qr){min-height:22mm;padding-right:24mm}}



.order-price-filter{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:11px}.order-price-filter .form-control{width:110px!important;min-width:85px;flex:0 1 110px!important}.order-price-filter>span{color:#66725e}.order-bean-filter{max-width:240px}.catalog-entry-hint{display:block;font-size:12px;color:#5c6855;padding:10px 0}@media(max-width:760px){.order-price-filter{width:100%}.order-price-filter .form-control{width:auto!important;flex:1 1 90px!important}.order-bean-filter{max-width:none}}



/* S16: compact result lists and explicit package choices. */

.page-quote-form .quote-customer .customer-results{display:grid;align-content:start;grid-auto-rows:max-content;gap:5px;padding:0;min-height:0;height:auto;max-height:240px;overflow-y:auto}

.page-quote-form .quote-customer .customer-results:empty{display:none}

.page-quote-form .quote-customer .picker-status:empty{display:none}

.page-quote-form .quote-customer .picker-pagination{margin-top:8px;min-height:36px}

.page-stock .stock-box-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}

.page-stock .stock-box-groups li{min-width:0;overflow-wrap:anywhere}

.page-stock .stock-box-groups li:only-child{grid-column:1/-1}

.kilogram-options{display:grid;gap:6px;margin:8px 0;padding:9px;background:#f1f4eb;border:1px solid #dce2d3;border-radius:4px}

.kilogram-options>.form-text{margin:0}

.kilogram-option{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;line-height:1.65}

.kilogram-option>span{flex:1 1 180px;font-variant-numeric:tabular-nums}

.kilogram-option>.btn{min-height:36px;white-space:nowrap}

@media(max-width:760px){.page-stock .stock-box-groups{grid-template-columns:minmax(0,1fr)}.kilogram-option>.btn{min-height:40px}.page-quote-form .quote-customer .customer-results{max-height:220px}}



/* Keep the selected items and action separate when ordering on a phone. */

@media(max-width:760px){

 .professional-catalog .catalog-submit-bar{align-items:center;gap:10px}

 .professional-catalog .catalog-submit-bar>div:first-child{flex:1;min-width:82px;gap:3px}

 .professional-catalog .selected-summary-button{flex-direction:column;align-items:flex-start;justify-content:center;min-height:44px;padding:4px 0;gap:1px;white-space:nowrap}

 .professional-catalog .selected-summary-label{white-space:nowrap}

 .professional-catalog .selected-weight{display:block;font-size:11px;line-height:1.5;white-space:nowrap}

 .professional-catalog .catalog-submit-bar .small{font-size:10px;line-height:1.5;max-width:140px}

 .professional-catalog .catalog-submit-action{flex:none;flex-direction:column;flex-wrap:nowrap;align-items:flex-end;gap:5px}

 .professional-catalog .catalog-amount{font-size:20px;line-height:1.25}

 .professional-catalog .catalog-submit-action .btn{min-width:120px;max-width:none;min-height:44px;padding:10px 14px;font-size:12px;white-space:nowrap}

}

@media(max-width:359px){.professional-catalog .catalog-amount{font-size:18px}}



/* Approved density consolidation: keep the existing Lunoir surfaces and type hierarchy. */

.catalog-order-guide{margin:0 0 12px;color:var(--muted);font-size:11px;line-height:1.7}

.professional-catalog .bean-card{padding-top:11px;padding-bottom:11px}

.professional-catalog .stock-note{margin-top:3px}

.professional-catalog .bean-availability{gap:4px 12px}

.professional-catalog .catalog-stock-primary{flex-basis:100%;font-size:12px;font-weight:500}

.professional-catalog .catalog-pack-state{font-size:10px;color:var(--muted)}

.kilogram-match .form-text:empty{display:none}

.package-section-label{display:flex;align-items:baseline;gap:8px;padding:8px 0 3px;border-top:1px solid var(--line);font-size:11px;font-weight:500;color:var(--green)}

.package-section-label .unit-price{font-variant-numeric:tabular-nums;white-space:nowrap}

.contact-sheet-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;margin-bottom:8px}

.surface-page .contact-sheet-heading h2{margin:0;font-size:17px;line-height:1.5}

.contact-access-note{font-size:11px;color:var(--muted)}

.contact-directory{list-style:none;margin:0 0 10px;padding:0}

.contact-directory li{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;padding:9px 0;border-bottom:1px solid var(--line)}

.contact-directory li>div{display:flex;align-items:baseline;gap:8px 14px;flex-wrap:wrap;min-width:0}

.contact-directory strong,.contact-directory a{font-size:13px;font-weight:500}

.contact-directory a{font-variant-numeric:tabular-nums;text-underline-offset:3px}

.contact-role,.contact-directory small{font-size:11px;color:var(--muted)}

.stock-auto-record{margin:8px 0 12px!important;font-size:11px;color:var(--muted)}

.stock-ledger-details>summary{font-size:15px;font-weight:500;line-height:1.6}

.stock-ledger-details>p{margin-top:12px}

.import-receiving-kind{display:block;color:var(--muted);font-size:10px;line-height:1.6}

.import-stock-impact{margin-top:4px;font-size:11px;max-width:220px}

.import-stock-impact>summary{color:var(--green);cursor:pointer}

.import-stock-impact dl{margin:8px 0 2px;padding:8px 10px;background:#f1f4eb;border:1px solid var(--line);border-radius:4px}

.import-stock-impact dl>div{display:flex;justify-content:space-between;gap:12px;padding:2px 0}

.import-stock-impact dt{font-size:10px;font-weight:400;color:var(--muted)}

.import-stock-impact dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}

.order-range-bar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-8px 0 16px;font-size:11px}

.order-range-bar:empty{display:none}

.scope-chip{display:inline-flex;align-items:baseline;gap:7px;background:#f0f2ea;border:1px solid var(--line);border-radius:4px;padding:5px 8px}

.scope-chip>span{color:var(--muted)}

.scope-chip strong{font-weight:500}

.filter-clear{font-size:11px;white-space:nowrap}

@media(max-width:760px){.catalog-order-guide{font-size:11px;margin-bottom:10px}.professional-catalog .bean-card{padding-top:12px;padding-bottom:12px}.professional-catalog .catalog-stock-primary{font-size:12px}.contact-directory li{display:block}.contact-directory small{display:block;margin-top:4px}.contact-access-note{line-height:1.7}.order-range-bar{margin-top:0}.import-stock-impact{max-width:none}}



/* BL-CP-UE-47: ledger labels stay with their values; availability is distinct. */

@media(min-width:1100px){

 .page-stock .stock-table td.stock-available-cell,.page-stock .stock-table th:nth-child(4){padding-left:18px}

}



/* BL-CP-UE-51..56: one current action, purpose-labelled print, compact paper. */

.staff-order .order-current-step{padding:20px;background:#fff;border-top:3px solid #193b2c;box-shadow:none}

.staff-order .order-current-step>h2{font-size:17px;margin:0 0 12px}

.staff-order .order-stage-note{font-size:12px;color:#526054;line-height:1.65;margin:0 0 18px}

.staff-order .order-current-step form{padding:0;border:0;background:transparent}

.staff-order .order-primary-action{width:100%;min-height:44px;font-weight:600}

.staff-order .order-document-tools{margin-top:20px;padding-top:16px;border-top:1px solid #dce1d6}

.staff-order .order-document-tools>h3,.staff-order .order-other-tools>h3{font-size:12px;font-weight:500;color:#687466;margin:0 0 10px}

.staff-order .order-document-links{display:grid;gap:8px}

.staff-order .order-document-links .btn{min-height:38px;margin:0;display:flex;align-items:center;justify-content:center}

.staff-order .order-document-tools .form-text{font-size:11px;line-height:1.6;margin:9px 0 0}

.staff-order .order-other-tools{padding:16px 0 0;border-top:0}

.staff-order .order-edit-link{width:100%;margin-bottom:9px;min-height:38px}

.staff-order .order-cancel-disclosure{margin:0}

.staff-order .order-cancel-disclosure>summary{display:flex;justify-content:center;align-items:center;list-style:none;min-height:38px;font-size:12px;color:#834c39;border-color:#c6b7ac;background:transparent}

.staff-order .order-cancel-disclosure>summary::marker,.staff-order .order-cancel-disclosure>summary::-webkit-details-marker{display:none;content:''}

.staff-order .order-cancel-disclosure[open]>summary{background:#f6efea}

.staff-order .order-cancel{margin-top:10px;padding:16px;background:#fff;border:1px solid #ddd6ca;border-radius:5px}

.staff-order .order-cancel h3{font-size:14px}

.sales-document{max-width:900px;padding:22px;font-size:12px;line-height:1.5}

.sales-document .document-heading{gap:16px;padding-bottom:8px;margin-bottom:7px}

.sales-document .document-heading>img{width:116px}

.sales-document .document-heading h1{font-size:23px;margin:0 0 3px}

.sales-document .document-reference,.sales-document .document-state{padding:5px 0}

.document-customer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}

.sales-document .document-party{padding:8px 0 4px}

.sales-document .document-party h2,.sales-document .document-payment h2{font-size:12px;margin:0 0 5px}

.sales-document .document-party dl,.sales-document .document-payment dl{font-size:11px;line-height:1.5;gap:2px 8px;margin:0}

.document-unfilled{margin:0;color:#666;font-size:11px}

.sales-document .document-lines{margin-top:8px;font-size:11px}

.sales-document .document-lines th,.sales-document .document-lines td{padding:5px 6px}

.sales-document .document-lines small{font-size:10px;line-height:1.4}

.sales-document .document-payment{grid-template-columns:minmax(0,1fr) 112px;gap:20px;margin-top:10px;padding-top:9px;align-items:start}

.sales-document .payment-qr-crop{display:block;width:106px;height:106px;overflow:hidden;max-width:100%;margin:0 auto;background:#fff}

.sales-document .document-payment-qr figcaption{font-size:11px;color:#333;margin-top:4px}

.sales-document .document-footnote{margin-top:9px;padding-top:7px;font-size:10px;line-height:1.5}

.sales-document .document-footnote p{margin:0 0 3px}

@media(max-width:600px){.document-customer-grid{grid-template-columns:1fr;gap:0}.sales-document{padding:14px}.sales-document .document-payment{grid-template-columns:minmax(0,1fr) 90px;gap:12px}.sales-document .payment-qr-crop{width:90px;height:90px}}



@media print{

  .sales-document{width:100%;max-width:none;margin:0;padding:0;font-size:9pt;line-height:1.35}

  .sales-document .document-heading{gap:6mm;padding-bottom:2mm;margin-bottom:1.5mm;break-after:avoid}

  .sales-document .document-heading>img{width:27mm}

  .sales-document .document-heading h1{font-size:14pt;margin:0 0 1mm;line-height:1.3}

  .sales-document .document-heading p{font-size:8pt;margin:0}

  .sales-document .document-reference,.sales-document .document-state{font-size:8pt;padding:1.3mm 0;gap:1mm 5mm;line-height:1.4}

  .document-customer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:5mm;break-inside:avoid}

  .sales-document .document-party{padding:2mm 0 1mm}

  .sales-document .document-party h2,.sales-document .document-payment h2{font-size:9pt;margin:0 0 1mm}

  .sales-document .document-party dl,.sales-document .document-payment dl{grid-template-columns:22mm minmax(0,1fr);font-size:8pt;line-height:1.4;gap:.6mm 1.5mm;margin:0}

  .document-unfilled{font-size:8pt}

  .sales-document .document-lines{font-size:8.5pt;margin-top:2mm;line-height:1.35}

  .sales-document .document-lines th,.sales-document .document-lines td{padding:1.2mm 1.5mm}

  .sales-document .document-lines small{font-size:7.5pt;line-height:1.35;margin-top:.3mm}

  .sales-document .document-lines thead{display:table-header-group}

  .sales-document .document-lines tbody{display:table-row-group}

  .sales-document .document-lines tr{break-inside:avoid}

  .sales-document .document-payable th,.sales-document .document-payable td{font-size:9pt}

  .sales-document .document-payment{display:grid;grid-template-columns:minmax(0,1fr) 29mm;gap:5mm;margin-top:2.5mm;padding-top:2mm;break-inside:avoid}

  .sales-document .payment-qr-crop{width:27mm;height:27mm;max-width:none}

  .sales-document .document-payment-qr figcaption{font-size:8pt;margin-top:.7mm}

  .sales-document .document-receipt,.sales-document .document-notes{font-size:8pt;margin:2mm 0 0;line-height:1.4}

  .sales-document .document-footnote{display:block!important;font-size:7.5pt;margin-top:2mm;padding-top:1.5mm;line-height:1.4}

  .sales-document .document-footnote p{margin:0 0 .7mm}

}



/* BL-CP-UE-58: one consistent, quiet return route above secondary pages. */

.page-return{display:flex;margin:0 0 12px;min-height:32px}

.page-return a{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 10px 4px 0;color:var(--brand-primary,#244738);font-size:.875rem;font-weight:500;text-decoration:none;border-radius:4px}

.page-return-arrow{font-size:1.15rem;line-height:1}

.page-return a:hover{color:#173c2c;text-decoration:underline;text-underline-offset:4px}

.page-return a:focus-visible{outline:2px solid #8b9d83;outline-offset:3px}

@media(max-width:600px){.page-return{margin-bottom:10px}.page-return a{min-height:40px}}

@media print{.page-return{display:none!important}}



/* BL-CP-UE-59..62: customer context, steady actions, focused revision. */

.customer-record-link{color:inherit;text-decoration:underline;text-decoration-color:#b6c1ad;text-underline-offset:4px}

.customer-record-link:hover{color:#244738;text-decoration-color:currentColor}

.customer-analysis-link{display:inline-block;margin-left:12px;font-size:.8rem}

.page-orders th:last-child{width:232px}

.page-orders .order-next-action{display:inline-flex;align-items:center;justify-content:center;width:208px;max-width:100%;min-height:40px;font-size:.85rem;white-space:normal;text-align:center}

.page-order-form .order-save-action{min-height:44px;width:224px;max-width:100%;text-align:center;white-space:normal}

.order-edit-picker{display:block;grid-template-columns:1fr}

.order-add-beans{margin-bottom:14px}

.order-add-beans>summary{display:inline-flex;align-items:center;gap:6px;min-height:40px;list-style:none;cursor:pointer}

.order-add-beans>summary::-webkit-details-marker{display:none}

.order-add-beans[open]>.order-finder{margin-top:12px}

.order-edit-picker .order-basket{width:100%}

.order-customer-reference{margin:0 0 16px;font-size:.95rem}

.customer-option-row{display:flex;align-items:center;gap:12px}

.customer-option-row>.customer-option{flex:1;min-width:0}

.customer-option-row>a{flex-shrink:0;font-size:.85rem}

@media(max-width:600px){.page-order-form .order-save-action{width:100%}.customer-option-row{gap:8px}.customer-analysis-link{margin-left:8px}.page-orders .order-next-action{width:100%}}



.order-delivery-editor{margin:20px 0;padding:18px;background:var(--bs-body-bg,#fafaf6);border:1px solid #dce0d5;border-radius:6px}.order-delivery-editor h2{margin:0 0 8px}.order-delivery-editor label{font-size:13px}.order-delivery-save{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.order-delivery-save .form-text{margin:0;flex:1 1 200px}.order-delivery-save .btn{min-height:40px}.order-delivery-editor .form-grid{align-items:start}



.order-customer-defaults-option{display:flex;align-items:flex-start;gap:10px;margin-top:14px}.order-customer-defaults-option .form-check-input{float:none;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0}.order-customer-defaults-option label{font-weight:600;cursor:pointer}.order-customer-defaults-option .form-text{margin:3px 0 0;font-size:12px;line-height:1.5}



/* Secondary filters use the existing sage/cream surface; lists stay compact. */

.surface-page .compact-filters{--filter-control-height:42px;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px}

.surface-page .compact-filters :is(.form-control,.form-select),.surface-page .compact-filters>.btn:not(.btn-link),.surface-page .compact-filters .filter-action-group>.btn:not(.btn-link){min-height:var(--filter-control-height)}

.surface-page .compact-filters>input:not([type=hidden]){flex:2 1 260px;min-width:0}

.surface-page .compact-filters>select{flex:0 1 185px;min-width:130px}

.surface-page .compact-filters>label{margin:0}

.surface-page .compact-filters.insight-filters{align-items:flex-end}

.surface-page .compact-filters.insight-filters>label{flex:1 1 150px;max-width:260px;min-width:0}

.surface-page details.filter-more{position:static;flex:0 0 auto;padding:0;border:0}

.surface-page .filter-more>summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;list-style:none;font-size:13px;line-height:1.5;min-height:var(--filter-control-height,42px);margin:0;padding:8px 13px;white-space:nowrap;cursor:pointer}

.surface-page .filter-more>summary::-webkit-details-marker{display:none}

.surface-page .filter-more>summary::after{content:'';display:block;flex:0 0 16px;width:16px;height:16px;background:var(--skin-select-arrow,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23595046' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")) center/16px 16px no-repeat}

.surface-page .filter-more[open]>summary::after{transform:rotate(180deg)}

.surface-page .filter-more[open]>summary{margin:0;background:#e9eee3}

.surface-page [data-filter-count]{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:#dfe6d6;color:#244331;font-size:11px}

.surface-page [data-filter-count][hidden]{display:none}

.surface-page .filter-panel{position:absolute;right:0;top:calc(100% + 7px);z-index:40;width:min(460px,100%);max-height:min(560px,75vh);overflow:auto;padding:16px;background:#fffefa;border:1px solid #d1d8c8;border-radius:6px;box-shadow:0 12px 32px #19322220;text-align:left}

.filter-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:14px}

.filter-panel-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

.filter-panel-fields>label{display:grid;gap:5px;margin:0;font-size:12px;color:#58634f;min-width:0}

.surface-page .filter-panel .form-control,.surface-page .filter-panel .form-select{width:100%;max-width:none;min-width:0;font-size:13px;margin:0;flex:none}

.filter-panel-actions{display:flex;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #e2e5dc}

.filter-price-range{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;min-width:0;margin:0}

.filter-price-range legend{float:none;width:auto;margin:0 0 5px;font-size:12px;color:#58634f}

.filter-price-range>span{font-size:12px;color:#738068}

@media(max-width:760px){

 .surface-page .compact-filters>input:not([type=hidden]){flex-basis:100%}

 .surface-page .compact-filters>select{flex:1 1 130px;max-width:none}

 .surface-page .compact-filters.insight-filters>label{max-width:none;flex:1 1 120px}

 .surface-page .filter-panel{position:fixed;left:16px;right:16px;top:18vh;width:auto;max-height:72vh;padding:14px;box-shadow:0 10px 45px #19322230}

 .filter-panel-actions .btn{flex:1;min-width:0;padding-left:8px;padding-right:8px}

}



.surface-page .filter-action-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}

.surface-page .filter-action-group>.btn-link{padding:0;height:auto;min-width:0;font-size:12px}

.page-orders td[data-label="订单金额"] .record-cell-value{white-space:nowrap;font-variant-numeric:tabular-nums}



@media(max-width:360px){.surface-page .filter-action-group{column-gap:6px;row-gap:4px}.surface-page .filter-action-group>.btn:not(.btn-link),.surface-page .filter-action-group .filter-more>summary{padding-left:8px;padding-right:8px;font-size:12px;gap:4px}}



@media(min-width:761px){.page-orders .order-workbench .status-pill{white-space:nowrap}}



/* QA69-29/30: distinguish future supply and keep one relevant print action. */

.stock-type-labels{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}

.page-stock .stock-arrival{display:block;margin-top:4px;color:#806039;font-size:11px}

.stock-box-estimate{display:block;font-size:13px;font-weight:500;color:var(--ink)}



.order-document-history{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}

.order-document-history summary{color:var(--muted);font-size:12px;cursor:pointer}

.order-document-history>a{display:inline-block;margin-top:10px;font-size:12px}





/* Stage/type details use the established forest and warm neutral palette. */

.page-stock .stock-type-labels .order-type-badge.presale{color:#806039;background:#f5edda;border-color:#e1c489}

.page-stock .stock-partial-warning{display:block;margin-top:6px;color:#8a592f;font-size:11px;line-height:1.5}

@media(max-width:1099px){.page-stock .stock-available-cell>.stock-package-label{display:none}}



/* QA70: keep the existing brand surfaces while making long records readable. */

.auth-card form select{display:block;width:100%;min-height:44px;padding:10px 34px 10px 12px;border:1px solid #d5ddcb;border-radius:5px;background-color:#fafbf6;font-size:15px}

.auth-card form select:focus-visible{outline:2px solid #9e684366;outline-offset:1px}

.page-profile-edit .profile-edit-shell{display:block;max-width:1040px;margin:10px auto 30px}

.page-profile-edit .auth-card{padding:28px 32px!important}

.profile-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}

.profile-field{min-width:0}.profile-field-wide{grid-column:1/-1}

.profile-field textarea{width:100%;min-height:76px}.profile-field small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.6}

.profile-field .errorlist{font-size:12px;margin:5px 0 0}

.profile-invoice{margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}

.profile-invoice>summary{font-size:14px;font-weight:500}.profile-save{padding-top:5px}.profile-save .btn{min-width:180px}

.profile-mobile-logout{display:none}

@media(min-width:761px){.staff-order .order-layout{grid-template-rows:max-content 1fr}}

.customer-history-orders .customer-history-order-list{margin-top:4px}

.customer-history-order-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,1fr) max-content;align-items:baseline;gap:8px 18px;padding:12px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.7}

.customer-history-order-row>a{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}

.customer-history-order-type{font-size:11px;color:var(--muted)}

.customer-history-order-status{min-width:0;overflow-wrap:anywhere}

.customer-history-order-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}

.customer-history-orders .list-pagination{margin-top:14px}

.customer-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}

.customer-history-grid>section:only-child{grid-column:1/-1}

.import-record-title{display:block;font-size:13px;font-weight:500}.import-record-summary{display:block;margin-top:4px;color:var(--muted);font-size:11px}

.import-record-reference{margin-top:5px;font-size:11px}.import-record-reference>summary,.audit-record-reference>summary{color:var(--muted);font-size:11px}

.import-record-reference code,.audit-record-reference p{display:block;margin:6px 0 0;font-size:11px;white-space:normal;overflow-wrap:anywhere;color:var(--muted)}

.page-history .audit-card h2,.page-history .record-cell-value,.page-import-history .record-cell-value{overflow-wrap:anywhere}

.auth-entry-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}

.page-account-aux .auth-card{overflow-wrap:anywhere}

.page-account-aux .auth-card input[type=radio],.page-account-aux .auth-card input[type=checkbox]{display:inline-block;width:16px;min-height:16px;height:16px;margin-right:6px;padding:0}

.page-account-aux .auth-card input[type=radio]+label,.page-account-aux .auth-card input[type=checkbox]+label{display:inline}

.page-account-aux .auth-card button:not(.btn){min-height:44px;border:1px solid #c6cfc0;border-radius:5px;background:#fafbf6;color:var(--green);padding:9px 15px;font-size:13px;margin:4px 4px 4px 0}

.page-account-aux .auth-card button[type=submit]:first-of-type:not(.btn){background:var(--green);border-color:var(--green);color:#fffefb}

.page-account-aux .auth-card button:focus-visible{outline:2px solid #9e6843;outline-offset:3px}

.page-account-aux .auth-card form{margin-top:14px}.page-account-aux .auth-card form+form{margin-top:22px}.page-account-aux .auth-card ul{font-size:12px}

.page-order-form .order-edit-picker{display:block}.page-order-form .order-edit-picker .order-finder{position:static;top:auto}

.order-status-summary>div{min-width:0}.order-status-summary .grand-total{max-width:100%;overflow-wrap:anywhere}

.sales-document .document-payment:not(:has(.document-payment-qr)){grid-template-columns:minmax(0,1fr)}

@media(max-width:760px){

 .page-profile-edit .profile-edit-shell{max-width:100%;margin-top:0}.page-profile-edit .auth-card{padding:22px!important}

 .profile-field-grid{grid-template-columns:minmax(0,1fr);gap:17px}.profile-field-wide{grid-column:auto}.profile-save .btn{width:100%}.profile-mobile-logout{display:block;margin-top:14px}.profile-mobile-logout .btn{width:100%}

 .customer-history-grid{grid-template-columns:minmax(0,1fr)}

 .customer-history-order-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:13px 0}

 .customer-history-order-row>a{grid-column:1/-1}.customer-history-order-type{grid-column:1/-1}

 .customer-history-order-status{grid-column:1}.customer-history-order-amount{grid-column:2}

 .order-page .order-status-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}

 .order-page .order-status-summary .status-pill{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:21px;line-height:1.5}

 .order-page .order-status-summary>div:last-child{display:flex;align-items:baseline;justify-content:space-between;gap:5px 12px;flex-wrap:wrap;text-align:left;border-top:1px solid #d9dfd2;padding-top:10px}

 .order-page .order-status-summary .grand-total{margin:0;font-size:24px;line-height:1.5}

}



/* QA70 narrow document preview: keep each amount readable without widening the page. */

.document-scroll-hint{display:none}

@media screen and (max-width:760px){.document-scroll-hint{display:block;font-size:11px;color:var(--muted);margin:12px 0 4px}.document-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.document-table-scroll:focus-visible{outline:2px solid var(--green);outline-offset:2px}.document-table-scroll .document-lines,.document-table-scroll .presale-print-lines{min-width:620px}.document-table-scroll .document-lines td:nth-child(n+5),.document-table-scroll .document-lines tfoot td,.document-table-scroll .presale-print-lines td:not(:first-child){white-space:nowrap;overflow-wrap:normal}.document-table-scroll .presale-print-lines td:first-child{min-width:180px;max-width:260px}.document-table-scroll .presale-print-lines td:not(:first-child){min-width:100px}}



/* Inventory keeps complete bean names visible; secondary reference data expands in place. */

.page-stock details.stock-bean-details{margin:4px 0 0;padding:0;min-width:0;border:0}

.page-stock .stock-bean-details>summary{margin:0;padding:0;cursor:pointer;color:#52634e;font-size:11px;line-height:1.6}

.page-stock .stock-bean-details .when-open,.page-stock .stock-bean-details[open] .when-closed{display:none}

.page-stock .stock-bean-details[open] .when-open{display:inline}

.page-stock .stock-bean-details .stock-bean-attributes{display:grid;gap:4px;margin:7px 0 0;padding:0;line-height:1.45}

.page-stock .stock-bean-attributes>div{display:grid;grid-template-columns:4.5em minmax(0,1fr);gap:6px}

.page-stock .stock-bean-attributes dt{font-weight:400;color:#697462}

.page-stock .stock-bean-attributes dd{margin:0;overflow-wrap:anywhere;color:#344837}



/* Keep staff catalog preview distinct from entering a customer order. */

.catalog-preview .catalog-preview-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:10px 12px;margin:0 0 14px;border:1px solid #dbd8cb;border-left:3px solid #b99c75;background:#faf8f2}

.catalog-preview-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}

.catalog-preview-heading strong{font-size:13px;color:#193b2c}

.catalog-preview-heading>span{font-size:12px;color:#68725f}

.catalog-preview-actions{display:flex;align-items:center;gap:18px;font-size:12px}

.catalog-preview details.catalog-preview-tools{position:relative;margin:0;padding:0;border:0}

.catalog-preview-tools>summary{margin:0!important;padding:0;cursor:pointer;font-size:12px;white-space:nowrap;color:#52634e}

.catalog-preview-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:flex;flex-direction:column;gap:0;min-width:150px;padding:5px;background:#fffdf8;border:1px solid #d8d5c8;border-radius:4px;box-shadow:0 6px 16px #193b2c12}

.catalog-preview-menu>a{padding:8px 10px;white-space:nowrap;text-decoration:none}

.catalog-preview-menu>a:hover,.catalog-preview-menu>a:focus-visible{background:#eef1e6}

@media(max-width:760px){.catalog-preview-heading{flex-basis:100%}.catalog-preview-actions{width:100%;justify-content:space-between}.catalog-preview-heading>span{font-size:11px}}

/* Additional billing presets and a compact sales customer check. */

.invoice-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.9rem 0 .6rem}

.invoice-profile-heading h3{font-size:1rem;margin:0}.invoice-profile-heading p{margin:.2rem 0 0;font-size:.85rem;color:var(--muted,#68766b)}

.invoice-profile-row{border-top:1px solid var(--line,#dce1d6);padding:.65rem 0}.invoice-profile-row>summary{font-weight:600;overflow-wrap:anywhere}

.invoice-profile-row .form-grid{margin-top:.65rem}.invoice-delete-option{display:flex;gap:.5rem;align-items:center;margin-top:.65rem;font-size:.9rem}

.invoice-delete-option input{width:1rem;height:1rem;margin:0}.saved-invoice-profile{border-top:1px solid var(--line,#dce1d6);padding-top:.75rem;margin-top:.75rem}.saved-invoice-profile h3{font-size:1rem}

.order-customer-summary{border-top:1px solid var(--line,#dce1d6);margin-top:.65rem;padding-top:.65rem}

.order-customer-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.4rem;margin:0}

.order-customer-summary dl>div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.45rem;align-items:baseline}

.order-customer-summary dt{font-size:.85rem;color:var(--muted,#68766b);font-weight:400}.order-customer-summary dd{margin:0;overflow-wrap:anywhere;font-size:.92rem}

.order-customer-summary details{margin-top:.5rem;font-size:.9rem}.order-customer-summary details dl{margin-top:.5rem}

.invoice-preset-picker{display:block;max-width:42rem;margin:.5rem 0}.invoice-preset-picker select{margin-top:.35rem}

@media(max-width:640px){.order-customer-summary dl{grid-template-columns:1fr}.invoice-profile-heading{align-items:flex-start}.invoice-profile-heading button{flex-shrink:0}.invoice-profile-row .form-grid{grid-template-columns:1fr}}

@media(max-width:400px){.invoice-profile-heading{display:block}.invoice-profile-heading button{margin-top:.55rem}.invoice-profile-heading h3{white-space:nowrap}}



/* Reserved stock is informative; document image actions stay out of paper copies. */

.stock-warning.stock-reserved-note{color:#244a37;background:#eef3e9;border-color:#d6e0cf}

.document-payment-qr>a{display:block}.document-payment-qr .payment-qr-actions{font-size:12px;margin-top:6px;line-height:1.5}

.document-payment-qr .payment-qr-help{font-size:11px;line-height:1.5;margin:5px 0 0;color:#637067}

.presale-quantity-error{grid-column:1/-1;font-size:12px;color:#884523;margin:5px 0;line-height:1.5}

.document-lines td:nth-child(n+5),.document-lines tfoot td{white-space:nowrap}

.document-lines tbody td:nth-child(3),.document-lines tbody td:nth-child(4){white-space:normal;overflow-wrap:anywhere;word-break:break-word}

.document-lines :is(th,td):nth-child(n+5){text-align:right}



/* Inventory: one availability block, packaging balances available on demand. */

.stock-availability-group{display:grid;gap:4px}.stock-availability-group+.stock-availability-group{border-top:1px solid #e4e8dc;padding-top:9px;margin-top:9px}

.stock-group-heading{font-size:11px;color:#65725f}.is-presale>.stock-group-heading{color:#87653d}

.stock-quantity-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 9px;font-variant-numeric:tabular-nums}.stock-quantity-line>span,.stock-box-line>span{color:#65725f;font-size:12px}

.stock-quantity-line>strong{font-size:17px;font-weight:600;color:#173c28}.stock-quantity-line strong small{font-size:12px;font-weight:400}.stock-quantity-line.is-total>strong{font-size:21px}

.stock-box-line{display:flex;align-items:baseline;gap:9px}.stock-box-line>span{flex-shrink:0}.stock-box-line .stock-box-groups{margin:0;display:flex;flex-wrap:wrap;gap:2px 12px}.stock-box-estimate{font-size:11px;color:#65725f}

.page-stock .stock-package-caution{font-size:11px}

@media(max-width:620px){

 .page-stock .stock-table tr{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"identity identity" "batch batch" "price ledger" "available available" "inventory-action catalog-action"}

 .page-stock .stock-table .stock-identity-cell{grid-area:identity}.page-stock .stock-table .stock-batch-cell{grid-area:batch}

 .page-stock .stock-table .stock-price-cell{grid-area:price}.page-stock .stock-table .stock-ledger-cell{grid-area:ledger}

 .page-stock .stock-table .stock-available-cell{grid-area:available}.page-stock .stock-table .stock-inventory-action{grid-area:inventory-action}.page-stock .stock-table .stock-catalog-action{grid-area:catalog-action}

 .page-stock .stock-prices{grid-template-columns:1fr;gap:7px}

}





/* QA77: compact list details, complete order columns at intermediate widths. */

/* Customer search is a compact task toolbar, not another full-width card. */

.page-customers .customer-search-toolbar{display:grid;grid-template-columns:minmax(0,520px) auto minmax(0,1fr);align-items:center;gap:12px;padding:0 0 14px;min-width:0}

.page-customers .customer-search-field{display:flex;min-width:0;gap:8px}

.page-customers .customer-search-field .form-control{width:100%;min-width:0;height:42px}

.page-customers .customer-search-field .btn{flex:0 0 auto;white-space:nowrap}

.page-customers .customer-search-toolbar .filter-clear{white-space:nowrap;font-size:12px;min-width:64px;text-align:center}

.page-customers .customer-result-count{justify-self:end;font-size:12px;color:var(--skin-muted,var(--muted));white-space:nowrap}

.page-customers .customer-result-count strong{color:var(--skin-ink,var(--ink));font-weight:600;font-variant-numeric:tabular-nums}

@media(max-width:760px){

 .page-customers .customer-search-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-bottom:4px}

 .page-customers .customer-search-field{grid-column:1/-1}

 .page-customers .customer-search-toolbar .filter-clear{grid-column:2;grid-row:2}

 .page-customers .customer-result-count{grid-column:1;grid-row:2;justify-self:start}

}

.page-customers details.customer-list-details{padding:0;margin:5px 0 0;min-width:0}

.page-customers details.customer-list-details>summary{margin:0;padding:0;font-size:11px}

.customer-list-details p{margin:6px 0 0;white-space:pre-wrap;font-size:12px;color:var(--muted)}

.customer-list-details ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:9px}

.customer-list-details li{display:grid;gap:2px;font-size:12px;overflow-wrap:anywhere}

.customer-list-details li strong{font-weight:500}.customer-list-details li small{white-space:pre-wrap;color:var(--muted)}

.page-orders .metric .metric-qualifier{display:inline;font:inherit;color:inherit;white-space:nowrap}

@media screen and (min-width:1001px) and (max-width:1399px){

 .page-orders .record-table{table-layout:fixed;width:100%}

 .page-orders .record-table th,.page-orders .record-table td{padding:12px 8px;min-width:0}

 .page-orders .record-table th:nth-child(1){width:24%}.page-orders .record-table th:nth-child(2){width:16%}.page-orders .record-table th:nth-child(3){width:15%}.page-orders .record-table th:nth-child(4){width:20%}.page-orders .record-table th:nth-child(5){width:11%}.page-orders .record-table th:last-child{width:14%}

 .page-orders .order-identity>a{white-space:nowrap;font-size:12px}

 .page-orders .order-next-action{width:100%;min-height:56px;padding:6px;font-size:12px;line-height:1.5}

}

@media screen and (min-width:761px) and (max-width:1000px){

 .page-orders .record-table{display:block;width:100%;border:0}.page-orders .record-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

 .page-orders .record-table tbody{display:block;width:100%}.page-orders .record-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);padding:15px 16px;border-bottom:1px solid #dfe4d6;gap:8px}

 .page-orders .record-table tbody tr:last-child{border:0}.page-orders .record-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px;padding:0!important;border:0!important;font-size:13px;min-width:0;background:transparent!important;line-height:1.8;white-space:normal!important}

 .page-orders .record-table td::before{content:attr(data-label);color:#596a4f;font-size:11px;grid-column:1;grid-row:1;font-weight:400}.page-orders .record-table td>.record-cell-value{min-width:0;grid-column:2;grid-row:1}

 .page-orders .record-table .table-empty{display:block;padding:25px 8px!important}.page-orders .record-table .table-empty::before{display:none}.page-orders .table-responsive:has(>.record-table){overflow:visible}

}



.customer-list-details ul,.customer-list-details p{max-height:300px;overflow-y:auto;overscroll-behavior-y:contain;padding-right:8px}

@media screen and (min-width:761px){

 .page-customers .record-table{table-layout:fixed;width:100%}

 .page-customers .record-table th:nth-child(1){width:36%}.page-customers .record-table th:nth-child(2){width:32%}.page-customers .record-table th:nth-child(3){width:20%}.page-customers .record-table th:nth-child(4){width:12%}

 .page-customers .record-table td{vertical-align:top;min-width:0}

 .page-customers td[data-label="主要手机"],.page-customers td[data-label="状态"]{white-space:nowrap}

}

@media screen and (max-width:575px){.page-orders .metric-row .metric{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;padding:10px}.page-orders .metric-row .metric>span{line-height:1.6}.page-orders .metric-row .metric strong{align-self:flex-end}}

.page-orders .metric .metric-label{font:inherit;white-space:nowrap}@media screen and (max-width:575px){.page-orders .metric-row .metric>span{font-size:11px}.page-orders .metric .metric-qualifier{display:block}}



/* The staff entry selects one order type before collecting quantities. */

.staff-order-types{display:flex;align-items:center;gap:8px;margin:0 0 20px;flex-wrap:wrap}.staff-order-types>span{font-size:12px;color:var(--muted);margin-right:4px}.staff-order-types .btn{min-width:76px;min-height:36px;text-align:center}.staff-batch-heading{font-size:16px;margin:0 0 12px}



/* One stable category switch belongs to the catalog heading. */

.customer-catalog-types{display:inline-flex;align-items:center;flex:none;gap:3px;padding:3px;border:1px solid #cbd0c0;border-radius:6px;background:#f7f7f0;margin-left:auto;white-space:nowrap}

.customer-catalog-types a{display:inline-flex;justify-content:center;align-items:center;min-width:65px;min-height:32px;padding:4px 12px;border-radius:3px;color:#58634e;text-decoration:none;font-size:12px;line-height:1.5}

.customer-catalog-types a:hover{background:#edf0e7}.customer-catalog-types a.is-current{background:#183c2b;color:#fff;font-weight:600}.customer-catalog-types a:focus-visible{outline:2px solid #9a835d;outline-offset:2px}

.page-catalog .head{flex-wrap:wrap;gap:10px 16px}.page-catalog .head .customer-catalog-types{align-self:center}

.page-heading.customer-catalog-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center}.customer-catalog-heading>div{display:contents}.customer-catalog-heading h1{grid-column:1;grid-row:1;margin:0;min-width:0}.customer-catalog-heading p{grid-column:1/-1;grid-row:2;margin:0}.customer-catalog-heading>.customer-catalog-types{grid-column:2;grid-row:1}

@media(max-width:480px){.customer-catalog-types a{min-width:58px;padding:4px 10px}.customer-catalog-heading h1{font-size:23px}}



@media(max-width:360px){

 .customer-catalog-types a{min-width:46px;padding:4px 8px}

 .customer-interface.page-catalog .head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:start}

 .customer-interface.page-catalog .head h1{min-width:0;font-size:22px}

 .customer-interface.page-catalog .head h1 small{display:block;font-size:11px;line-height:1.4;margin:3px 0 0}

 .customer-interface.page-catalog .head .customer-catalog-types{align-self:start}

 .customer-interface .customer-catalog-heading{column-gap:10px}.customer-interface .customer-catalog-heading h1{font-size:22px}

}

.page-staff-accounts .record-table{table-layout:fixed}

.page-staff-accounts .record-table th:first-child{width:18%}

.page-staff-accounts .record-table th:nth-child(2){width:28%}

.page-staff-accounts .record-table .status-pill,.page-staff-accounts .record-table .btn,.page-staff-account .card .d-flex .btn{white-space:nowrap}

.page-staff-account .card .d-flex>div{min-width:0}

.page-staff-account .card .d-flex>form{flex-shrink:0}



/* QA82: compact origin and stock-to-order navigation. */

.stock-related-orders{display:inline-block;margin-left:.65rem;font-size:.78rem;font-weight:400;white-space:nowrap;color:var(--bs-primary,#264b38)}

.order-sales-label{font-size:.76rem;color:#6c756e;margin-top:.25rem}



.customer-service-sales{font-size:.8rem;color:#566652;margin:0 0 .55rem;font-weight:500}



/* QA82: history stays available without crowding current work. */

.order-history>summary,.workbench-more>summary{cursor:pointer;color:var(--ink-muted,#5e6b61);font-size:.875rem;padding:.6rem 0}

.order-history>summary span{margin-left:.5rem;font-variant-numeric:tabular-nums}

.order-history>.customer-order-list{margin-top:.5rem}

.workbench-more{margin:-.5rem 0 .5rem}.workbench-more>a{display:inline-block;margin:0 0 .5rem;font-size:.875rem}



/* QA84: creation actions are buttons, not persistent selection states. */

.surface-page .page-heading .btn-primary{background:#fffef9;color:#244735;border-color:#aebaa7;box-shadow:0 1px 2px #1733220c}

.surface-page .page-heading .btn-primary:hover{background:#eef1e9;color:#173d29;border-color:#7e9277}

.surface-page .page-heading .btn-primary:focus-visible{outline:2px solid #9a835d;outline-offset:3px}

.customer-duplicate-review{padding:16px;border:1px solid #d9c5a4;border-radius:6px;background:#fbf7ee}

.customer-duplicate-review h2{font-size:1rem;margin:0 0 10px}

.customer-duplicate-review .form-check{display:flex;align-items:center;gap:9px;padding-left:0}

.customer-duplicate-review .form-check input,.address-delete-fallback input,.contact-row input[type=checkbox]{float:none;width:16px;height:16px;min-height:16px;padding:0;margin:0;flex-shrink:0}

.customer-duplicate-review .form-check label{margin:0}

.shipping-address-row-heading{display:flex;align-items:center;gap:12px;margin-bottom:12px}

.shipping-address-row-heading .btn{margin-left:auto;flex-shrink:0}

.shipping-address-row .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)}

.shipping-address-row .form-field:last-child{grid-column:1/-1}

.shipping-address-row.is-pending-delete{border-style:dashed;background:#f5f3ed}

.shipping-address-row.is-pending-delete .shipping-address-row-heading{margin-bottom:0}

.shipping-address-row [hidden],.address-delete-fallback[hidden]{display:none!important}

.address-delete-fallback{display:flex;align-items:center;gap:8px;margin-top:12px}

@media(max-width:575px){.shipping-address-row .form-grid{grid-template-columns:minmax(0,1fr)}.shipping-address-row-heading{flex-wrap:wrap}.shipping-address-row-heading .form-text{order:3;flex-basis:100%}}



/* QA85 staff account pages. Business rows keep their existing dimensions. */

.page-staff-self .staff-self-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;max-width:1000px}

.page-staff-self .staff-self-card{padding:22px;min-width:0}

.page-staff-self .staff-self-card>h2{margin-bottom:16px}

.page-staff-self .staff-self-details{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px 16px;margin:0 0 16px;font-size:13px}

.page-staff-self .staff-self-details dt{color:var(--muted);font-weight:400}

.page-staff-self .staff-self-details dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}

.page-staff-self .staff-security-card{max-width:1000px}

.page-staff-self .staff-security-list{list-style:none;margin:0;padding:0}

.page-staff-self .staff-security-list>li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px 16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}

.page-staff-self .staff-security-list time{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}

.page-staff-self .staff-security-list>.staff-security-empty{display:block;color:var(--muted)}

.page-staff-password .staff-password-card{max-width:520px;padding:24px;gap:16px}

.page-staff-password .staff-password-field input{display:block;width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;background:#fffefb;color:var(--ink);font:inherit}

.page-staff-password .staff-password-field input:focus-visible{outline:2px solid #9e6843;outline-offset:2px}

.page-staff-password .staff-password-field .form-text ul{padding-left:20px;margin:0}

.page-staff-password .staff-password-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}

/* Employee entry owns its field rhythm; method links keep native authentication navigation. */

.page-staff-login .auth-card{align-self:stretch}

.page-staff-login .staff-login-form{display:flex;flex-direction:column;gap:18px}

.page-staff-login .staff-login-fields{display:grid;align-content:start;gap:18px;min-height:162px}

.page-staff-login .staff-login-field{min-width:0}

.page-staff-login .staff-login-field input:not([type=checkbox]):not([type=hidden]){height:46px;box-sizing:border-box;line-height:1.5}

.page-staff-login .staff-login-choice{display:flex;align-items:center;gap:9px}

.page-staff-login .staff-login-choice label{margin:0}

.page-staff-login .staff-login-errors{min-width:0;overflow-wrap:anywhere}

.page-staff-login .staff-login-errors .errorlist{margin:0;padding-left:18px;font-size:12px;line-height:1.8}

.page-staff-login .staff-login-field .staff-login-errors{margin-top:6px}

.page-staff-login .auth-card>.staff-login-help{margin:16px 0 0;min-height:46px;font-size:12px}

.staff-login-brand{display:flex;align-items:center;min-width:0;padding:48px}

.staff-login-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:26px;width:240px;max-width:100%;margin:auto}

.staff-login-brand .staff-login-logo{position:static;display:block;width:100%;height:auto;object-fit:contain}

.staff-login-brand p{width:100%;margin:0;padding-top:22px;border-top:1px solid;font-size:13px;line-height:1.6;letter-spacing:.065em}

@media(max-width:760px){

 .staff-login-brand{padding:24px}

 .staff-login-brand-lockup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;width:100%;max-width:360px}

 .staff-login-brand .staff-login-logo{max-width:152px}

 .staff-login-brand p{border-top:0;border-left:1px solid;padding:0 0 0 20px;font-size:12px;letter-spacing:.02em;text-wrap:balance}

}

@media(max-width:700px){.page-staff-self .staff-self-grid{grid-template-columns:minmax(0,1fr)}.page-staff-self .staff-self-card,.page-staff-password .staff-password-card{padding:18px}.page-staff-self .staff-security-list>li{grid-template-columns:minmax(0,1fr);gap:4px}.page-staff-self .staff-self-details{grid-template-columns:72px minmax(0,1fr);gap:10px 12px}}



/* QA89: hint text is muted, real entered values retain their normal contrast. */

@media screen {

 body input::placeholder,body textarea::placeholder{color:#81897f!important;opacity:1}

 body input[type=number].ui-zero-default:not(:focus){color:#81897f!important}

}



.order-current-step{scroll-margin-top:88px}



/* Stable desktop columns with room for status and one-line action labels. */

@media screen and (min-width:1400px){

 .page-orders .record-table{table-layout:fixed;width:100%}

 .page-orders .record-table th:nth-child(1){width:20%}

 .page-orders .record-table th:nth-child(2){width:auto}

 .page-orders .record-table th:nth-child(3){width:144px}

 .page-orders .record-table th:nth-child(4){width:24%}

 .page-orders .record-table th:nth-child(5){width:104px}

 .page-orders .record-table th:last-child{width:224px}

 .page-orders .record-table th{white-space:nowrap}

}

.page-orders .compact-filters>.order-search-control{flex:2 1 310px;min-width:220px;width:auto}

.page-orders .order-search-control>.form-control{min-width:0}

.page-orders .order-search-control>.btn{white-space:nowrap}

.page-deleted-orders .order-search-control{flex-wrap:nowrap}

.page-deleted-orders .order-search-control>.form-control{flex:1 1 0;width:1%;min-width:0}

@media(min-width:901px){

 .page-deleted-orders .record-table th:nth-child(1){width:22%}

 .page-deleted-orders .record-table th:nth-child(2){width:20%}

 .page-deleted-orders .record-table th:nth-child(3){width:12%}

 .page-deleted-orders .record-table th:nth-child(4){width:16%}

 .page-deleted-orders .record-table th:nth-child(5){width:14%}

 .page-deleted-orders .record-table th:last-child{width:16%}

}

.page-orders .order-create-actions{flex:none}

@media(max-width:600px){.page-orders .compact-filters>.order-search-control{flex-basis:100%;min-width:0;width:100%}}



/* Stable filter actions and list columns across filtered/empty results. */

.surface-page .filter-clear{display:inline-flex;flex:0 0 64px;align-items:center;justify-content:center;width:64px;min-width:64px;height:40px;padding:0;border:0;background:transparent;color:var(--green);font-size:11px;line-height:1.5;text-decoration:underline;white-space:nowrap}

.surface-page .filter-clear:disabled{color:var(--muted);opacity:.6;text-decoration:none;cursor:default}

.surface-page [data-filter-count]{flex:0 0 22px;width:22px;min-width:22px}

.surface-page [data-filter-count][hidden]{display:inline-flex!important;visibility:hidden}

.order-range-bar:empty{display:none}

@media screen and (min-width:761px){

 .page-quotes .record-table,.page-history .record-table,.page-overview .record-table{table-layout:fixed;width:100%}

 .page-quotes .record-table th:nth-child(1){width:35%}.page-quotes .record-table th:nth-child(2){width:30%}.page-quotes .record-table th:nth-child(3){width:19%}.page-quotes .record-table th:nth-child(4){width:16%}

 .page-history .record-table th:nth-child(1){width:20%}.page-history .record-table th:nth-child(2){width:24%}.page-history .record-table th:nth-child(3){width:26%}.page-history .record-table th:nth-child(4){width:20%}.page-history .record-table th:nth-child(5){width:10%}

 .page-bean-masters .record-table th:nth-child(1){width:30%}.page-bean-masters .record-table th:nth-child(2){width:24%}.page-bean-masters .record-table th:nth-child(3){width:30%}.page-bean-masters .record-table th:nth-child(4),.page-bean-masters .record-table th:nth-child(5){width:8%}

 .page-overview .insight-bean-table th:nth-child(1){width:40%}.page-overview .insight-bean-table th:nth-child(2){width:18%}.page-overview .insight-bean-table th:nth-child(3){width:20%}.page-overview .insight-bean-table th:nth-child(4){width:22%}

 .page-overview .insight-customer-table th:nth-child(1){width:50%}.page-overview .insight-customer-table th:nth-child(2),.page-overview .insight-customer-table th:nth-child(3){width:25%}

}



.surface-page .filter-slot-unavailable{visibility:hidden;pointer-events:none}



/* Summary help overlays the page; switching stock kind keeps the filter origin stable. */

.surface-page.page-stock .stock-scope{display:flex;align-items:center;gap:8px;position:relative}

.stock-scope-note{position:static}

.stock-scope-note summary{cursor:pointer;color:var(--green);text-decoration:underline;white-space:nowrap}

.stock-scope-note p{position:absolute;z-index:12;left:0;top:100%;width:min(520px,100%);margin:6px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 8px 24px #173e2526;color:var(--ink)}

@media screen and (max-width:760px){

 .surface-page.page-stock .stock-metrics,.surface-page.page-stock .stock-presale-metrics{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-gutter:auto;min-height:96px}

 .surface-page.page-stock .stock-metrics>div,.surface-page.page-stock .stock-presale-metrics>div{flex:1 0 138px;min-width:138px;padding:15px 18px;border-bottom:0;border-right:1px solid var(--line)}

 .surface-page.page-stock .stock-metrics>div:last-child{border-right:0}

 .surface-page.page-stock .stock-metrics strong,.surface-page.page-stock .stock-presale-metrics strong{font-size:22px;white-space:nowrap}

}



/* S22-F04: left text flows beside the payment code, including on continuation pages. */

.sales-document .document-payment-copy{min-width:0;overflow-wrap:anywhere}

.sales-document .document-payment-continuous .document-footnote{break-inside:auto}

@media print{.sales-document .document-payment-continuous{break-inside:auto}.sales-document .document-payment-continuous .document-payment-qr{break-inside:avoid;align-self:start}}



/* S22-F17-UI01: keep selection compact; make each issue quantity reachable on small screens. */

.page-stock .stock-issue-table td:first-child,.page-stock .stock-issue-table th:first-child{width:36px;min-width:36px;max-width:36px;text-align:center}

.stock-issue-table .stock-issue-name{min-width:180px;overflow-wrap:anywhere}

.stock-issue-quantity .input-group{flex-wrap:nowrap}

.stock-issue-quantity .form-control{min-width:0;flex:1 1 72px;width:72px}

.stock-issue-quantity .form-select{flex:0 0 58px;width:58px;min-width:58px}

@media screen and (max-width:767px){

 .page-stock .stock-issue-table,.page-stock .stock-issue-table tbody{display:block;width:100%;min-width:0}

 .stock-issue-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

 .stock-issue-table tbody tr{display:grid;grid-template-columns:28px minmax(0,1fr) 130px;gap:6px 8px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}

 .page-stock .stock-issue-table tbody td{min-width:0;max-width:none;padding:0;border:0;box-shadow:none;background:transparent}

 .page-stock .stock-issue-table tbody td:first-child{grid-column:1;grid-row:1 / span 3;width:28px;min-width:28px;max-width:28px;padding-top:2px}

 .stock-issue-table .stock-issue-name{grid-column:2 / 4;grid-row:1;overflow-wrap:anywhere}

 .stock-issue-table .stock-issue-name>div{font-size:12px;color:var(--muted)}

 .stock-issue-table .stock-issue-available{grid-column:2;grid-row:2}

 .stock-issue-table .stock-issue-quantity{grid-column:3;grid-row:2}

 .stock-issue-table .stock-issue-boxes{grid-column:2 / 4;grid-row:3}

 .stock-issue-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:11px;line-height:1.4}

 .stock-issue-table .stock-issue-boxes::before{display:inline;margin-right:8px}

 .stock-issue-table .stock-issue-boxes details{display:inline-block;vertical-align:top;max-width:100%}

 .stock-issue-table .stock-issue-boxes label{overflow-wrap:anywhere}

 .stock-issue-table tbody td[colspan]{grid-column:1 / -1!important;width:auto!important;max-width:none!important;text-align:left!important}

}



/* S24-F09/F10: stock-only documents use the shared surfaces and stable controls. */

.surface-page .stock-document-filters{align-items:flex-end}

.stock-document-filters>label{display:grid;gap:5px;flex:0 1 190px}

.stock-document-page .stock-document-meta{display:grid;grid-template-columns:minmax(160px,12rem) minmax(190px,20rem) minmax(210px,1fr);gap:16px;padding:18px}

.stock-document-meta>label{display:grid;align-content:start;gap:6px;min-width:0;margin:0}

.stock-document-meta :is(input,select){width:100%;min-width:0}

.stock-document-page .stock-document-followup{padding:0;grid-template-columns:minmax(160px,12rem) minmax(140px,12rem) minmax(210px,1fr)}

.stock-document-summary{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:14px 22px;padding:18px}

.stock-document-summary :is(div,dd){min-width:0;margin:0;overflow-wrap:anywhere}

.stock-document-summary dt{font-size:12px;font-weight:400;color:var(--skin-muted,var(--muted));margin-bottom:5px}

.stock-document-selection{font-size:12px;color:var(--skin-muted,var(--muted));font-variant-numeric:tabular-nums;min-width:8em}

.stock-document-search input{max-width:640px}

.stock-document-page .stock-issue-quantity .input-group{max-width:192px;min-width:152px;align-items:stretch}

.stock-document-page .stock-issue-quantity .form-control{width:80px;min-width:80px;flex:1 1 80px}

.stock-document-page .stock-issue-quantity .form-select{width:72px;min-width:72px;flex:0 0 72px}

.stock-document-actions{margin-top:16px}

@media screen{

 html[data-skin] #lunoir-app .stock-document-items{background:var(--skin-paper);border-color:var(--skin-line)}

 html[data-skin] #lunoir-app .stock-issue-table{color:var(--skin-ink);background:transparent}

 html[data-skin] #lunoir-app .stock-issue-table :is(th,td){border-color:var(--skin-line)}

 html[data-skin] #lunoir-app .stock-issue-table th{background:var(--skin-soft);color:var(--skin-muted)}

 html[data-skin] #lunoir-app .stock-issue-table td{background:var(--skin-paper)}

 html[data-skin] #lunoir-app .stock-issue-table tr:focus-within td{background:var(--skin-hover)}

}

@media(min-width:768px){

 .stock-document-page .stock-issue-table{table-layout:fixed;width:100%}

 .stock-document-page .stock-issue-table th:nth-child(3){width:130px}

 .stock-document-page .stock-issue-table th:nth-child(4){width:212px}

 .stock-document-page .stock-issue-table th:nth-child(5){width:20%}

 .stock-document-page .stock-issue-table td{vertical-align:middle}

 .page-stock-documents .record-table{table-layout:fixed;width:100%}

 .page-stock-documents .record-table th:first-child{width:24%}

 .page-stock-documents .record-table th:nth-child(2){width:23%}

 .page-stock-documents .record-table th:last-child{width:17%}

}

@media(max-width:900px){

 .stock-document-page .stock-document-meta{grid-template-columns:1fr 1fr}

 .stock-document-meta>label:last-child{grid-column:1/-1}

 .stock-document-summary{grid-template-columns:1fr 1fr}

}

@media(max-width:767px){

 .stock-document-page .stock-issue-table tbody tr{grid-template-columns:24px minmax(0,1fr) 152px;padding:12px;gap:8px}

 .stock-document-page .stock-issue-table tbody td:first-child{width:24px;min-width:24px;max-width:24px}

 .stock-document-page .stock-document-items{overflow:visible}

 .stock-document-page .stock-document-meta{padding:14px;gap:12px}

 .stock-document-page .stock-document-followup{padding:0}

}

@media(max-width:480px){

 .stock-document-page .stock-document-meta{grid-template-columns:minmax(0,1fr)}

 .stock-document-summary{grid-template-columns:minmax(0,1fr);gap:12px}

 .stock-document-selection{flex-basis:100%;min-height:18px}

}



/* GET list filters are immediate; native buttons remain for script-free browsing. */

html.auto-filters-ready [data-auto-filter] [data-filter-submit],html.auto-filters-ready [data-draft-filter-submit]{display:none!important}



/* One compact alignment grid for list filters; popup fields keep their own grid. */

@media screen {

 html.auto-filters-ready #lunoir-app form[data-auto-filter]{gap:10px;align-items:center;--filter-control-height:42px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter] :is(.form-control,.form-select,.filter-clear),

 html.auto-filters-ready #lunoir-app form[data-auto-filter] .filter-more>summary{box-sizing:border-box;height:42px;min-height:42px;margin-block:0;font-size:13px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter]>:is(.form-control,.form-select,.order-search-control){min-width:0;max-width:none;width:100%;margin:0}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].filter-bar:has(>input[name=q],>.order-search-control){display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,220px)}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].filter-bar:has(>.filter-clear){grid-template-columns:minmax(0,1fr) minmax(150px,220px) 76px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].filter-bar:not(:has(>select)):has(>.filter-clear){grid-template-columns:minmax(0,1fr) 76px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter]>.filter-clear{width:76px;min-width:76px;justify-self:end;font-size:12px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter]>.filter-more{width:100%;min-width:0}

 html.auto-filters-ready #lunoir-app form[data-auto-filter]>.filter-more>summary{width:100%;justify-content:space-between;gap:6px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter][data-order-filters].filter-bar.compact-filters{grid-template-columns:minmax(220px,1fr) 160px 180px 144px 76px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter]>.order-search-control>.form-control{width:100%;border-radius:5px}



 /* Inventory uses the common filter surface; this component owns its controls, including no-JS fallback. */

 #lunoir-app .filter-bar.stock-filters>.stock-sort-control{display:flex;align-items:stretch;gap:0;margin:0;flex:0 1 240px;min-width:0;height:var(--filter-control-height);color:var(--skin-muted,var(--muted));font-size:12px}

 #lunoir-app .filter-bar.stock-filters .stock-sort-control>span{display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:var(--filter-control-height);box-sizing:border-box;border:1px solid var(--skin-line,var(--line));border-right:0;border-radius:5px 0 0 5px;background:var(--skin-soft,#f0f1eb);color:var(--skin-muted,var(--muted));font-size:12px}

 #lunoir-app .filter-bar.stock-filters .stock-sort-control>.form-select{width:0;min-width:0;max-width:none;flex:1 1 0;border-radius:0 5px 5px 0}

 #lunoir-app .filter-bar.stock-filters>.stock-alert-filter{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;min-width:0;min-height:var(--filter-control-height);height:var(--filter-control-height);padding:0 8px;box-sizing:border-box;border:1px solid var(--skin-line,var(--line));border-radius:5px;background:var(--skin-paper,#fffefa);color:var(--skin-ink,var(--text));font-size:12px;white-space:nowrap;cursor:pointer}

 #lunoir-app .filter-bar.stock-filters .stock-alert-filter input{width:14px;height:14px;flex:0 0 14px;margin:0;accent-color:var(--skin-accent,var(--green))}

 #lunoir-app .filter-bar.stock-filters .stock-alert-filter:has(:checked){border-color:var(--skin-accent,var(--green));background:var(--skin-soft,#f0f1eb)}

 #lunoir-app .filter-bar.stock-filters .stock-alert-filter:focus-within{outline:2px solid var(--skin-accent,var(--green));outline-offset:2px}

 html.auto-filters-ready #lunoir-app.page-stock form[data-auto-filter].filter-bar.stock-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(156px,1fr) minmax(240px,1fr) 112px 144px;gap:10px;align-items:center}

 html.auto-filters-ready #lunoir-app .filter-bar.stock-filters>.stock-sort-control{width:100%}

 html.auto-filters-ready #lunoir-app .filter-bar.stock-filters>.stock-alert-filter{width:100%}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].insight-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) max-content;align-items:end;gap:10px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].insight-filters:has(>input[name=customer]){grid-template-columns:repeat(3,minmax(130px,1fr)) max-content}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].insight-filters>label{display:grid;gap:6px;min-width:0;max-width:none;width:100%;margin:0;font-size:12px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].insight-filters .filter-action-group{flex-wrap:nowrap;height:42px;align-items:center;justify-content:flex-end}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].insight-filters .filter-action-group>a{display:flex;align-items:center;height:42px;margin:0}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].stock-document-filters>label{display:grid;gap:6px;min-width:0;width:220px;max-width:100%;margin:0;font-size:12px}

}

@media screen and (max-width:1099px) {

 html.auto-filters-ready #lunoir-app.page-stock form[data-auto-filter].filter-bar.stock-filters{grid-template-columns:minmax(140px,1fr) minmax(240px,1fr) 112px 144px}

 html.auto-filters-ready #lunoir-app.page-stock form[data-auto-filter].filter-bar.stock-filters>input[name=q]{grid-column:1/-1}

 html.auto-filters-ready #lunoir-app form[data-auto-filter][data-order-filters].filter-bar.compact-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 144px 76px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter][data-order-filters]>.order-search-control{grid-column:1/-1}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].insight-filters,

 html.auto-filters-ready #lunoir-app form[data-auto-filter].insight-filters:has(>input[name=customer]){grid-template-columns:repeat(2,minmax(0,1fr))}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].insight-filters>.filter-action-group{grid-column:1/-1;justify-self:end}

}

@media screen and (max-width:760px) {

 html.auto-filters-ready #lunoir-app form[data-auto-filter].filter-bar:has(>input[name=q],>.order-search-control){grid-template-columns:minmax(0,1fr)}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].filter-bar:has(>input[name=q],>.order-search-control):has(>.filter-clear){grid-template-columns:minmax(0,1fr) 76px}

 html.auto-filters-ready #lunoir-app form[data-auto-filter].filter-bar:has(>input[name=q],>.order-search-control):has(>select)>:is(input[name=q],.order-search-control){grid-column:1/-1}

 html.auto-filters-ready #lunoir-app form[data-auto-filter][data-order-filters].filter-bar.compact-filters{grid-template-columns:repeat(2,minmax(0,1fr))}

 html.auto-filters-ready #lunoir-app.page-stock form[data-auto-filter].filter-bar.stock-filters{grid-template-columns:minmax(0,1fr) 116px;grid-template-areas:'search search' 'state alert' 'sort more';gap:8px}

 html.auto-filters-ready #lunoir-app .stock-filters>input[name=q]{grid-area:search}

 html.auto-filters-ready #lunoir-app .stock-filters>select[name=state]{grid-area:state}

 html.auto-filters-ready #lunoir-app .stock-filters>.stock-sort-control{grid-area:sort}

 html.auto-filters-ready #lunoir-app .stock-filters>.stock-alert-filter{grid-area:alert}

 html.auto-filters-ready #lunoir-app .stock-filters>.filter-more{grid-area:more}

 html.auto-filters-ready #lunoir-app .stock-filters .stock-sort-control>span{flex-basis:30px;font-size:11px}

 html.auto-filters-ready #lunoir-app.page-stock form[data-auto-filter].filter-bar.stock-filters .stock-sort-control>.form-select{font-size:12px;padding-left:7px;padding-right:26px;background-position:right 7px center}

 html.auto-filters-ready #lunoir-app.page-stock form[data-auto-filter].filter-bar.stock-filters>.filter-more>summary{padding-inline:8px;font-size:12px;gap:4px}

 html.auto-filters-ready #lunoir-app .stock-filters [data-filter-count]{width:18px;min-width:18px;flex-basis:18px}

 html.auto-filters-ready #lunoir-app .stock-filters>.filter-more>summary::after{width:14px;flex-basis:14px;background-size:14px 14px}

}



/* Approved inventory workspace: route navigation and inventory type are separate levels. */

html[data-ui-studio=true] #lunoir-app:not(.print-view) .inventory-page-heading{border-bottom:0;margin-bottom:4px;padding-bottom:0}

#lunoir-app .inventory-workspace{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;margin:0 0 22px;border-bottom:1px solid var(--skin-line,var(--line))}

#lunoir-app .inventory-section-tabs{display:flex;align-self:stretch;gap:30px;flex-shrink:0}

#lunoir-app .inventory-section-tabs>a{position:relative;display:flex;align-items:center;min-height:50px;padding:0 1px;color:var(--skin-muted,var(--muted));font-size:15px;line-height:1.4;font-weight:500;white-space:nowrap;text-decoration:none;transition:color .22s ease}

#lunoir-app .inventory-section-tabs>a.is-current{font-weight:700;color:var(--skin-ink,var(--ink))}

#lunoir-app .inventory-section-tabs>a.is-current::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--skin-accent,#996c3a);border-radius:2px 2px 0 0}

#lunoir-app .inventory-section-tabs>a:hover{color:var(--skin-accent,#996c3a);background:none;transform:none}

#lunoir-app .inventory-section-tabs>a:focus-visible{outline:2px solid var(--skin-accent,#996c3a);outline-offset:-3px;border-radius:3px}

#lunoir-app .inventory-workspace .stock-view-tabs{margin:0 0 7px;min-height:39px}

#lunoir-app .inventory-mobile-actions{display:none}

#lunoir-app .arrival-batch-list thead th{background:var(--skin-tint,#eee8dc);color:var(--skin-muted,var(--muted));font-weight:500}

#lunoir-app .arrival-batch-list td{vertical-align:middle}

#lunoir-app .inventory-arrival-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;border-radius:20px;padding:4px 10px;color:var(--skin-muted,var(--muted));background:var(--skin-tint,#eee9de);border:1px solid var(--skin-line,var(--line))}

#lunoir-app .inventory-arrival-status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}

@media(max-width:767px){

 #lunoir-app .inventory-page-heading{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:10px}

 #lunoir-app .inventory-page-heading h1{margin:0;font-size:23px}

 #lunoir-app .inventory-page-heading>.actions{display:none}

 #lunoir-app .inventory-mobile-actions{display:flex;gap:8px;align-items:center;margin-left:auto}

 #lunoir-app .inventory-mobile-actions .btn{white-space:nowrap;min-height:38px;font-size:12px;padding:8px 11px}

 #lunoir-app .inventory-workspace{flex-wrap:wrap;gap:10px;min-height:48px;margin-bottom:15px;padding-bottom:10px}

 #lunoir-app .inventory-section-tabs{width:100%;gap:28px;min-height:44px}

 #lunoir-app .inventory-section-tabs>a{min-height:44px}

 #lunoir-app .inventory-workspace .stock-view-tabs{width:100%}

 #lunoir-app.surface-page.page-stock .stock-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;min-height:0}

 #lunoir-app.surface-page.page-stock .stock-metrics>div{min-width:0;padding:12px 17px;border-bottom:1px solid var(--skin-line,var(--line))}

 #lunoir-app.surface-page.page-stock .stock-metrics>div:nth-child(2n){border-right:0}

 #lunoir-app.surface-page.page-stock .stock-metrics>div:nth-last-child(-n+2){border-bottom:0}

 #lunoir-app.surface-page.page-stock .stock-metrics strong{font-size:25px}

 #lunoir-app.surface-page.page-stock .stock-metrics small{font-size:12px}

}

@media(prefers-reduced-motion:reduce){#lunoir-app .inventory-section-tabs>a{transition:none}}



/* Picker rows share a paper surface and keep controls within the row at every width. */

html[data-ui-studio=true] #lunoir-app.page-order-form:not(.print-view) :is(.order-finder,.order-basket){background:var(--skin-paper);border-color:var(--skin-line)}

#lunoir-app.page-order-form :is(.order-finder,.order-basket) [data-selected-bean]{min-width:0;max-width:100%;padding:14px 16px;column-gap:16px;border-color:var(--skin-line,var(--line))}

#lunoir-app.page-order-form:not(.customer-interface) :is(.order-finder,.order-basket) [data-selected-bean]{grid-template-columns:minmax(0,1fr) minmax(280px,1.5fr) minmax(95px,.35fr);align-items:center}

#lunoir-app.page-order-form .selected-bean-heading{min-width:0;align-self:start;overflow-wrap:anywhere}

#lunoir-app.page-order-form .selected-bean-heading .batch-label{overflow-wrap:anywhere}

#lunoir-app.page-order-form:not(.customer-interface) .selected-bean .package-option{grid-template-columns:minmax(0,1fr) minmax(120px,150px) minmax(0,.55fr);min-width:0}

#lunoir-app.page-order-form .selected-bean .package-option>*{min-width:0}

#lunoir-app.page-order-form .selected-bean .package-option>small{grid-column:1/-1}

#lunoir-app.page-order-form:not(.customer-interface) .selected-bean>.line-total{align-self:center;white-space:nowrap}

@media(max-width:1100px){

 #lunoir-app.page-order-form:not(.customer-interface) :is(.order-finder,.order-basket) [data-selected-bean]{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean-heading>div{min-width:0}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean-heading .text-button{flex-shrink:0;margin:0}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean>:is(.package-picker,.package-option){grid-column:1;grid-row:auto}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean>.stock-warning{grid-column:1/-1;grid-row:auto}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean>.line-total{grid-column:2;grid-row:auto}

}

@media(max-width:767px){

 #lunoir-app.page-order-form :is(.order-finder,.order-basket) [data-selected-bean]{padding:13px 12px}

 #lunoir-app.page-order-form:not(.customer-interface) :is(.order-finder,.order-basket) [data-selected-bean]{grid-template-columns:minmax(0,1fr)}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean>:is(.package-picker,.package-option,.line-total){grid-column:1;grid-row:auto}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean>.line-total{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;padding-top:6px;border-top:1px solid var(--skin-line,var(--line))}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean>.line-total strong{display:inline;font-size:17px;margin:0}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean .package-option{grid-template-columns:minmax(0,1fr) 130px;gap:7px 10px;align-items:center}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean .package-option>.available-note{grid-column:1/-1;font-weight:400}

 #lunoir-app.page-order-form:not(.customer-interface) .selected-bean .package-option>.quantity-control{width:130px;max-width:100%}

}

/* Manual entry review is a flat field summary shared by spot and presale. */

.bean-entry-steps{display:flex;align-items:center;gap:22px;list-style:none;margin:18px 0 22px;padding:0;font-size:12px;color:var(--skin-muted,var(--muted))}.bean-entry-steps li{display:flex;align-items:center;gap:22px}.bean-entry-steps li:first-child:after{content:'→';font-weight:400;color:var(--skin-muted,var(--muted))}.bean-entry-steps [aria-current=step]{font-weight:600;color:var(--skin-ink,var(--ink))}.bean-entry-review-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;max-width:920px;margin:0;padding:0;border-top:1px solid var(--skin-line,var(--line))}.bean-entry-review-fields>div{min-width:0;padding:13px 0;border-bottom:1px solid var(--skin-line,var(--line))}.bean-entry-review-fields>.bean-entry-full{grid-column:1/-1}.bean-entry-review-fields dt{font-size:12px;font-weight:400;color:var(--skin-muted,var(--muted));margin:0 0 5px}.bean-entry-review-fields dd{margin:0;font-size:14px;line-height:1.7;font-weight:500;overflow-wrap:anywhere}.bean-entry-confirm{max-width:920px;padding-top:18px}.bean-entry-confirm .form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:15px}.bean-entry-confirm .btn{min-width:96px;min-height:40px}.page-bean-entry-review>.form-text{max-width:920px}@media(max-width:600px){.bean-entry-review-fields{column-gap:18px}.bean-entry-review-fields>div{padding:10px 0}.bean-entry-steps{gap:14px}.bean-entry-steps li{gap:14px}.bean-entry-confirm .btn{min-height:42px}}