/* Approved QA94 direction: jade surfaces + a compact purchasing workbench.
   This layer owns presentation only. Row geometry and purchasing rules stay with the catalogue. */
body.client-experience.customer-interface:not(.print-view) {
 --client-forest:#193d2d; --client-muted:#647466; --client-line:#d5e0d4;
 --client-rail:0px; --client-gutter:14px;
 --ink:#183c2c; --text:#263e31; --muted:#647466; --paper:#f1f5ef;
 background:linear-gradient(125deg,#e7efe5 0%,#f6f8f3 48%,#edf3e9 100%);
 color:#263e31; font-family:LunoirSans,"Microsoft YaHei UI",system-ui,sans-serif;
 -webkit-font-smoothing:antialiased;
 min-height:100dvh;
}
body.client-experience::before,body.client-experience::after,
body.client-experience main::before,body.client-experience main::after {content:none!important}
body.client-experience :is(h1,h2,h3,h4,.bean-name,.customer-portal-title){font-family:inherit;color:#183b2c}
body.client-experience :is(.control,.form-control,.form-select){
 background-color:#ffffffd9;border-color:#d0ddce;border-radius:8px;
 box-shadow:inset 0 1px 2px #284a3105,0 1px 0 #fff8;
 transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
body.client-experience :is(.control,.form-control,.form-select):focus{
 background-color:#fff;border-color:#8ba68e;outline:none;box-shadow:0 0 0 3px #8fad8d26;
}
body.client-experience input::placeholder{color:#829080;opacity:1}
body.client-experience :is(.btn-primary,.primary){background:linear-gradient(135deg,#3b6349,#1b402d);border-color:#365c43;color:#fff;box-shadow:inset 0 1px #ffffff30,0 2px 5px #163b2414}
body.client-experience :is(.btn-primary,.primary):active{box-shadow:inset 0 2px 4px #122e2440}
body.client-experience :is(.card,.table-wrap){border-color:var(--client-line);background-color:#ffffffc9;box-shadow:0 2px 8px #1c432607}
body.client-experience .text-muted{color:#647466!important}

/* The same purchasing workspace across account, order and record screens. */
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view){
 --green:#264e37;--accent:#5a7851;--line:#d5e0d2;--canvas:#f2f6ee;
 --bs-primary:#264e37;--bs-primary-rgb:38,78,55;--bs-border-color:#d5e0d2;
}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(h1,h2,h3,h4,.grand-total,.customer-order-amount strong){font-family:LunoirSans,"Microsoft YaHei UI",system-ui,sans-serif;letter-spacing:0}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .page-heading h1{font-size:26px;line-height:1.35;font-weight:650;color:#193d2c}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .page-heading :is(p,.section-kicker,.eyebrow){color:#657662}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.card,.table-wrap){border:1px solid #d6e1d1;border-radius:12px;background:linear-gradient(130deg,#ffffffed,#fbfdf8e0);box-shadow:0 3px 14px #244b2907,inset 0 1px #fff}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.btn,button,input,select,textarea,a){-webkit-tap-highlight-color:#54744d1c}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .btn{border-radius:8px;font-size:13px;font-weight:500;box-shadow:inset 0 1px #ffffff30;transition:background-color .16s,border-color .16s,box-shadow .16s}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.btn-outline-primary,.btn-outline-secondary){background:#f9fcf5;border-color:#c7d6c0;color:#3d5e3d}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.btn-outline-primary,.btn-outline-secondary):hover{background:#eaf2e3;border-color:#9db28f;color:#254b30}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.btn,a,summary,button):focus-visible{outline:2px solid #6f8b61;outline-offset:3px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;color:#29422f;background-color:#ffffffdb;border:1px solid #cedcc7;border-radius:8px;box-shadow:inset 0 1px 2px #25452c06}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea):focus{border-color:#8aa77c;outline:0;box-shadow:0 0 0 3px #a2bd932b;background-color:#fff}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(input[type=checkbox],input[type=radio]){accent-color:#426b45}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.form-text,.helptext,.auth-entry-links,.customer-order-next){color:#687a62}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.table,.table-responsive){--bs-table-bg:transparent;--bs-table-border-color:#e0e8d9;--bs-table-color:#2b4130;--bs-table-hover-bg:#eff5e8}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .table thead th{background:#eaf1e3;color:#486142;border-color:#d8e2d1;font-weight:550}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.table td,.table th){overflow-wrap:anywhere}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .table :is(.text-end,.record-cell-value){font-variant-numeric:tabular-nums}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.alert-info,.confirmation-note){background:#eef4e8;color:#456041;border-color:#d1dfc8;border-radius:8px;box-shadow:none}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .alert-success{background:#eaf4e7;border-color:#cbdcc5;color:#375c32;border-radius:8px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.alert-danger,.errorlist){color:#934d3d}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .alert-danger{background:#fcf2ed;border-color:#ebd4c9;border-radius:8px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .alert-warning{background:#fbf4e7;border-color:#e5d6b9;color:#8c683d;border-radius:8px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-shell{max-width:920px;margin:14px auto 24px;min-height:0;border:1px solid #d8e3d2;border-radius:14px;overflow:hidden;background:#fcfef9;box-shadow:0 8px 28px #254a2b09}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-intro-plain{background:linear-gradient(145deg,#edf4e5,#e2eddc);border-color:#d5e0cd;min-height:0}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-intro-plain .auth-intro-copy{padding:30px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-intro-plain h2{font:600 25px/1.4 LunoirSans,"Microsoft YaHei UI",sans-serif;color:#21452f}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-intro-plain p{color:#677b5f;font-size:13px;line-height:1.9}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-shell .auth-card{width:100%;max-width:none;border:0;border-radius:0;margin:0;background:#ffffffd6;box-shadow:none;padding:28px!important}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-card h1{font-size:24px;font-weight:650;line-height:1.4}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-card form label{font-size:13px;font-weight:500}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-card form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:44px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-card .errorlist{font-size:12px;line-height:1.7;margin:6px 0;padding-left:18px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view).page-profile-edit .profile-edit-shell{max-width:100%;border-radius:12px;margin-top:0}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .profile-save{border-top:1px solid #dce6d5;padding-top:18px;margin-top:18px;display:flex;justify-content:flex-end}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.profile-invoice,.invoice-profile-row){border-color:#d8e4d0}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.profile-invoice,.invoice-profile-row)>summary{color:#385c39;font-weight:550}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.invoice-delete-option,.address-delete-fallback){font-size:12px;color:#83604c}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .shipping-address-row{background:#f5f9ef;box-shadow:none}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .shipping-address-row.is-pending-delete{background:#f5f3ed}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.filters,.filter-bar){border-color:#d6e1ce;background:#f3f8ed;border-radius:12px;box-shadow:inset 0 1px #ffffffba}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .customer-order-card{border-color:#d6e2ce;box-shadow:0 2px 9px #214b2805}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .customer-order-card .order-number{color:#264a32;font-size:14px;font-weight:600}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .customer-order-amount strong{color:#2c5737;font-weight:600;font-variant-numeric:tabular-nums}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .order-history{border-color:#d8e3d0}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .order-history>summary{color:#4f6b45;background:#f1f6e9;border-radius:8px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .order-status-summary{border:1px solid #d9e5d0;border-radius:10px;background:linear-gradient(120deg,#eaf2e1,#f5f9ef);box-shadow:inset 0 1px #fff}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.grand-total,.order-total strong){color:#275034;font-weight:600}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.order-delivery,.order-contact-summary,.shipment-logistics,.flow-track){background:#f5f9ef;border-color:#d9e4d1;border-radius:9px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .flow-track .is-current{background:#e5eedb;color:#3f6238;border-color:#cbdcbc}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .flow-track .is-complete{color:#50704b}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .customer-next{background:linear-gradient(140deg,#edf4e5,#fafcf6);border-color:#ccdcbf}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .customer-next h2{font-weight:600;color:#284a32}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .customer-next .eyebrow{color:#738266;font-size:10px;letter-spacing:1px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.customer-next p,.back-to-catalog,.mobile-next-link){color:#5d7652}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) :is(.logistics-waybill,.logistics-history){background:#fcfef8;border-color:#dbe5d3;border-radius:8px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .logistics-waybill-heading{color:#345139}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .logistics-number{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .logistics-events li{border-color:#d6e3cb}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .logistics-events li::before{background:#6e8d5b}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .selection-footer{border:1px solid #45644a;border-radius:12px;background:linear-gradient(120deg,#284d39,#183a2a);color:#eef4e7;box-shadow:0 6px 22px #21492e18}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .selection-footer :is(strong,small){color:#f2f6e9}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .selection-footer small{opacity:.72}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .selection-footer .btn-primary{background:#f8f5e9;border-color:#e5e1cc;color:#294a32}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .order-basket{background:#f8fbf3;border-color:#d6e2cc;border-radius:10px}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .checkout-result-table tr{border-color:#d8e4ce}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .state-card{border-top:2px solid #93ac7e;box-shadow:0 6px 22px #244e2e08}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .state-card h1{font-size:24px;font-weight:600;line-height:1.4}
body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .pagination :is(a,button,span){border-radius:7px;border-color:#d5e1cd}
@media(max-width:740px){
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .page-heading h1{font-size:23px}
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-shell{margin-top:10px}
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-intro-plain .auth-brand-logo{display:none}
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-intro-plain .auth-intro-copy{padding:18px 20px}
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-intro-plain h2{font-size:20px;margin:4px 0 8px}
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .auth-shell .auth-card{padding:20px!important}
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .checkout-result-card{border:0;background:transparent;box-shadow:none}
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .checkout-result-table tr{border-radius:10px;background:#fbfdf7}
 body.client-experience.client-workbench:not(.kg-catalog):not(.print-view) .selection-footer{gap:12px}
}

/* A single native navigation tree: a rail on PC, Bootstrap's drawer on phone. */
.client-menu-toggle{display:none}
body.client-experience.client-workbench .site-header{background:#f8fbf6eb;border-color:#d4dfd0;box-shadow:0 1px 0 #fff9}
body.client-experience.client-workbench .site-header .header-inner{height:62px;min-height:62px;width:calc(100% - 28px);max-width:none;margin:auto;display:flex;align-items:center;gap:16px}
body.client-experience.client-workbench .site-header .brand{display:flex;gap:16px;min-width:0;margin:0;padding:0}
body.client-experience.client-workbench .site-header .brand img{content:url("brand/lunoir-wordmark.svg");width:110px;height:36px;filter:none}
body.client-experience.client-workbench .site-header .brand span{color:#647466;border-color:#d3dfce;font-size:12px}
body.client-experience.client-workbench .client-navigation{--bs-offcanvas-bg:#f4f8f1;--bs-offcanvas-color:#254332;--bs-offcanvas-width:min(320px,88vw)}
body.client-experience.client-workbench .client-navigation .customer-links{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:14px;order:0}
body.client-experience.client-workbench .client-navigation .customer-links a{
 display:flex;align-items:center;gap:12px;position:relative;height:44px;min-height:44px;
 padding:0 14px;border:0;border-radius:9px;background:none;font-size:14px;
 color:#4a6350;font-weight:500;text-decoration:none;
 transition:background-color .16s ease,color .16s ease,box-shadow .16s ease;
}
body.client-experience.client-workbench .client-navigation .customer-links a::before{content:"";width:17px;height:17px;flex:none;background:currentColor;mask:center/contain no-repeat url("vendor/lucide-coffee.svg")}
body.client-experience.client-workbench .client-navigation .customer-links a[href*="/orders/"]::before{mask-image:url("vendor/lucide-package.svg")}
body.client-experience.client-workbench .client-navigation .customer-links a[href*="/accounts/profile/"]::before{mask-image:url("vendor/lucide-map-pin.svg")}
body.client-experience.client-workbench .client-navigation .customer-links a.active{background:#e2ecdd;color:#1b432b;box-shadow:inset 0 1px #fff6}
body.client-experience.client-workbench .client-navigation .customer-links a.active::after{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;height:auto;background:#567653;border:0}
body.client-experience.client-workbench .client-navigation .account-menu{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:18px 28px;margin-top:auto;border-top:1px solid #c9d9c4;font-size:12px;white-space:normal}
body.client-experience.client-workbench .client-navigation .account-name{display:block;max-width:100%;width:auto;white-space:normal;overflow-wrap:anywhere}
body.client-experience.client-workbench .client-navigation .account-avatar{display:none}
body.client-experience.client-workbench .client-navigation .account-menu :is(a,.text-button){color:inherit}
body.client-experience.client-workbench .client-navigation .account-menu .text-button{min-height:36px;padding:0;font-size:12px}
body.client-experience.client-workbench .client-navigation .offcanvas-header{border-bottom:1px solid #d8e2d2;padding:18px 22px}
@media(max-width:1199px){body.client-experience.client-workbench .client-navigation{overflow-y:auto}body.client-experience.client-workbench .client-navigation .offcanvas-header,body.client-experience.client-workbench .client-navigation .account-menu{flex-shrink:0}}
@media(min-width:1200px){
 body.client-experience.client-workbench{--client-rail:204px;--client-gutter:24px;padding-left:var(--client-rail)}
 body.client-experience.client-workbench .site-header{position:fixed;inset:16px auto 16px 16px;width:172px;z-index:30;padding:0;margin:0;border:1px solid #315542;border-radius:16px;background:linear-gradient(155deg,#284f3c,#142f24 70%);box-shadow:0 12px 30px #193e2815}
 body.client-experience.client-workbench .site-header .header-inner{height:100%;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0}
 body.client-experience.client-workbench .site-header .brand{flex-direction:column;gap:9px;padding:24px 15px 25px;align-items:center}
 body.client-experience.client-workbench .site-header .brand img{content:url("brand/lunoir-logo-light.svg");width:118px;height:38px}
 body.client-experience.client-workbench .site-header .brand span{border:0;padding:0;color:#c7d4c5;font-size:10px;letter-spacing:3px}
 body.client-experience.client-workbench .client-navigation{position:static!important;display:flex!important;flex:1;flex-direction:column;min-height:0;visibility:visible!important;background:transparent!important;border:0!important;transform:none!important}
 body.client-experience.client-workbench .client-navigation .offcanvas-header{display:none}
 body.client-experience.client-workbench .client-navigation .customer-links{padding:0 10px;gap:8px}
 body.client-experience.client-workbench .client-navigation .customer-links a{padding:0 12px;color:#cbd9ce;font-size:13px;gap:10px}
 body.client-experience.client-workbench .client-navigation .customer-links a.active{color:#fff;background:linear-gradient(110deg,#ffffff18,#ffffff0a)}
 body.client-experience.client-workbench .client-navigation .customer-links a.active::after{background:#dce8cd}
 body.client-experience.client-workbench .client-navigation .account-menu{color:#c4d4c7;border-color:#ffffff15;padding:18px 18px 20px;margin-top:auto;gap:10px}
 body.client-experience.client-workbench:not(.print-view) #main-content.container,body.client-experience.client-workbench:not(.print-view) footer.container{width:calc(100% - 48px);max-width:1480px;margin-left:auto;margin-right:auto}
 body.client-experience.client-workbench:not(.print-view) #main-content.container{margin-top:22px;padding:22px!important;border:1px solid #ffffffdf;border-radius:18px;background:linear-gradient(140deg,#ffffffc9,#f8fbf4bf);box-shadow:0 8px 32px #24482b09,inset 0 1px #fff}
 body.client-experience.client-workbench:not(.print-view).kg-catalog main.container{padding-bottom:145px!important}
 body.client-experience.client-workbench:not(.print-view) footer.container{padding-top:16px}
}
@media(max-width:1199px){
 body.client-experience.client-workbench .site-header .header-inner{justify-content:space-between}
 body.client-experience.client-workbench .site-header .brand span{display:none}
 html.client-script body.client-experience.client-workbench .client-menu-toggle{display:inline-flex;width:44px;height:44px;border:1px solid #d6e1d1;border-radius:9px;align-items:center;justify-content:center;background:#ffffff85;color:#244934;font-size:21px;line-height:1}
 body.client-experience.client-workbench .client-navigation .customer-links{flex-direction:column;align-items:stretch}
 body.client-experience.client-workbench .client-navigation .account-menu{font-size:13px}
 html:not(.client-script) body.client-experience.client-workbench .site-header .header-inner{height:auto;flex-wrap:wrap}
 html:not(.client-script) body.client-experience.client-workbench .client-navigation{position:static;visibility:visible;transform:none;width:100%;border:0}
 html:not(.client-script) body.client-experience.client-workbench .offcanvas-header{display:none}
 html:not(.client-script) body.client-experience.client-workbench .customer-links{flex-direction:row;flex-wrap:wrap}
 html:not(.client-script) body.client-experience.client-workbench .account-menu{margin:0;padding:8px 14px}
}
@media(min-width:1200px) and (max-width:1500px){
 body.client-experience.kg-catalog :is(.table-heading,.bean-row){grid-template-columns:minmax(210px,1.4fr) 124px minmax(210px,1.1fr) 96px 116px;column-gap:15px;padding-left:15px;padding-right:15px}
 body.client-experience.kg-catalog .qty,body.client-experience.kg-catalog .qty input{width:96px}
}

/* Keep existing rows/controls at their approved dimensions; change surfaces, not data. */
body.client-experience.kg-catalog .head{background:none}
body.client-experience.kg-catalog .head::after{display:none!important}
body.client-experience.kg-catalog .head :is(h1,.customer-portal-title){color:#153c2a;font-weight:650}
body.client-experience.kg-catalog .collection{background:#ffffffc9;background-image:none;border:1px solid #dce6d7;border-radius:12px;box-shadow:0 3px 14px #244f2d06;overflow:clip}
body.client-experience.kg-catalog .table-heading{background:linear-gradient(100deg,#e7efe1,#f2f6ed);color:#33533a;border-color:#dce6d7;box-shadow:inset 0 1px #fff;font-weight:600}
body.client-experience.kg-catalog .bean-row{background-color:#ffffff94;border-color:#e1e9dd;box-shadow:none;transition:background-color .18s ease,box-shadow .18s ease}
body.client-experience.kg-catalog .bean-row:is(.chosen,.is-selected,[data-client-chosen=yes]){background:linear-gradient(100deg,#edf4e6,#f8faf3)!important;box-shadow:inset 3px 0 #648665}
body.client-experience.kg-catalog .bean-row:not([data-sample-ready]):focus-within{background-color:#f3f8ed;box-shadow:inset 3px 0 #648665}
body.client-experience.kg-catalog .bean-row:has(input:invalid){box-shadow:inset 3px 0 #b67852}
body.client-experience.kg-catalog .bean-row .bean-name{color:#1a3728;font-weight:650}
body.client-experience.kg-catalog :is(.unit-price,.line-amount,[data-kg-amount],[data-combined-line]){color:#254f34;font-variant-numeric:tabular-nums}
body.client-experience.kg-catalog :is(.price-tag,.kg-stock-label,.sub,.muted,.estate-name,.mobile-stock-label,.price .unit,.pack-line>strong){color:#657763}
body.client-experience.kg-catalog :is(.flavor-col,.pack-token,.loose-value,.allocation:not(.error)){color:#526b51}
body.client-experience.kg-catalog .bean-row :is(.price-tag,.flavor-col,.estate-name,.mobile-quantity-label)::before{background-color:#829276}
body.client-experience.kg-catalog .bean-row .price-tag::before{background-color:#908b70}
body.client-experience.kg-catalog .bean-row .low{color:#93613e}
body.client-experience.kg-catalog .guide,body.client-experience.kg-catalog .guide :is(p,a){color:#637560}
body.client-experience.kg-catalog .catalog-kind-tag{border-color:#d3dfcd;background:#edf3e8;color:#506a4e;border-radius:4px}
body.client-experience.kg-catalog .catalog-kind-tag.is-presale{border-color:#deceb0;background:#f7f1e4;color:#85663f}
body.client-experience.kg-catalog :is(.qty input,.kg-entry-frame::before){background-color:#fffefa;border-color:#c9d8c4;box-shadow:inset 0 1px 2px #244b2905}
body.client-experience.kg-catalog .kg-entry-frame:focus-within::before{border-color:#809e78;box-shadow:0 0 0 3px #b4caa83b}
body.client-experience.kg-catalog .customer-catalog-types{border:1px solid #cfdccb;border-radius:24px;background:linear-gradient(120deg,#f7faf4,#edf4e7);box-shadow:inset 0 1px #fff}
body.client-experience.kg-catalog .customer-catalog-types a{position:relative;z-index:2;border-radius:20px;color:#5e7259}
body.client-experience.kg-catalog .customer-catalog-types a.is-current{color:#fff;background:#315b40;box-shadow:inset 0 1px #ffffff30}
body.client-experience .customer-catalog-types:has(.ui-type-indicator) a.is-current{background:transparent;box-shadow:none}
body.client-experience .customer-catalog-types .ui-type-indicator{top:3px;bottom:3px;height:auto;border-radius:20px;background:linear-gradient(145deg,#5b8060,#254c35);box-shadow:inset 0 1px #ffffff4d,0 2px 4px #244c2422}
body.client-experience.kg-catalog .toolbar :is(.control,.mobile-filter){border-radius:20px;background-color:#fbfdf8;border-color:#d2decd;box-shadow:inset 0 1px #fff}
body.client-experience.kg-catalog .toolbar .mobile-filter{background:#edf4e7;color:#345c3a}
body.client-experience.kg-catalog .toolbar .clear{background:none;box-shadow:none;color:#647760}
body.client-experience.kg-catalog .control[data-client-filter-active=yes]{border-color:#8ba782;background-color:#f0f6e8;box-shadow:inset 3px 0 #82966a}
body.client-experience .only-selected:has(input:checked){color:#2c5938}
body.client-experience :is(.combined-summary-body,.selection-panel,.ui-filter-sheet,.kg-filter-popup){background:#f9fcf5f5;border-color:#d1ddc7;border-radius:12px;box-shadow:0 16px 44px #173b2629,inset 0 1px #fff;backdrop-filter:blur(12px)}
body.client-experience .kg-filter-popup{transform-origin:top center}
body.client-experience :is(.selection-panel,dialog)::backdrop{background:#183d283b;backdrop-filter:blur(3px)}
/* The floating dock is a foreground action surface, never a second shopping cart. */
body.client-experience.kg-catalog .bottom{
 position:fixed;left:calc(var(--client-rail) + var(--client-gutter));right:var(--client-gutter);bottom:14px;
 width:auto;border:1px solid #45644a;border-radius:14px;background:linear-gradient(120deg,#284d39f7,#183a2af7);
 background-image:linear-gradient(120deg,#284d39f7,#183a2af7);color:#f3f7ed;
 box-shadow:0 8px 28px #0e30272b,inset 0 1px #ffffff22;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:20;
}
body.client-experience.kg-catalog .bottom .bottom-inner{width:100%;max-width:none;padding:12px 18px;gap:16px;min-height:68px}
body.client-experience.kg-catalog .bottom :is(.selection,.combined-summary>summary){color:#f0f5e9;font-size:12px}
body.client-experience.kg-catalog .bottom :is(.selection small,.total small){color:#c7d5c0}
body.client-experience.kg-catalog .bottom .total,body.client-experience.kg-catalog .bottom [data-combined-total]{color:#fbf9eb;font-variant-numeric:tabular-nums}
body.client-experience.kg-catalog .bottom .primary{border:1px solid #e4dec6;background:linear-gradient(120deg,#fffbee,#eee9d8);color:#274331;box-shadow:inset 0 1px #fff,0 2px 6px #0e291b20;border-radius:8px}
body.client-experience.kg-catalog .bottom .primary:disabled{opacity:1;background:#6c8270;border-color:#829580;color:#f2f6ed;box-shadow:none}
body.client-experience .client-split-totals{display:flex;gap:18px;margin-right:auto;font-size:11px;color:#cfdbc7}
body.client-experience .client-split-totals>span{display:flex;align-items:center;gap:6px;white-space:nowrap}
body.client-experience .client-split-totals>span::before{content:"";width:5px;height:5px;border-radius:50%;background:#c6dcac}
body.client-experience .client-split-totals>span+span::before{background:#ddbf88}
body.client-experience .client-split-totals strong{font-weight:500;color:#f5f8ed}
body.client-experience .combined-summary-body{color:#2b4430;min-width:min(420px,80vw);max-width:calc(100vw - 50px);bottom:calc(100% + 24px)}
body.client-experience .combined-summary-body h2{font-size:13px;color:#43643f;margin:0 0 8px}
body.client-experience .combined-summary-body ul{padding:0;margin:0 0 16px;list-style:none}
body.client-experience .combined-summary-body li{border-bottom:1px solid #dde7d7;padding:10px 0;margin:0;line-height:1.6;font-size:12px}
body.client-experience .combined-summary-body p{color:#64785d;font-size:11px;margin:0}
body.client-experience .combined-summary-body .btn-link{color:#527547}
body.client-experience .combined-summary[open]>summary{color:#fff}
@media(max-width:1199px){
 body.client-experience.client-workbench:not(.print-view) #main-content.container{width:calc(100% - 28px);margin:auto}
 body.client-experience.client-workbench:not(.print-view).kg-catalog main.container{padding-bottom:145px!important}
 body.client-experience .client-split-totals{display:none}
}
@media(max-width:740px){
 body.client-experience.kg-catalog .collection{border-radius:10px;border-left:0;border-right:0}
 body.client-experience.kg-catalog .bean-row .mobile-purchase-strip{background:#f0f5eafb;border-color:#dfe8d7}
 body.client-experience.kg-catalog .bean-row:is(.chosen,.is-selected,[data-client-chosen=yes]) .mobile-purchase-strip{background:#e6efdefb}
 body.client-experience.kg-catalog .bean-row .qty input,
 body.client-experience.kg-catalog .bean-row .qty input:focus,
 body.client-experience.kg-catalog .bean-row .qty input[aria-invalid=true]{background:transparent;border:0;box-shadow:none}
 body.client-experience.kg-catalog .bottom .bottom-inner{min-height:88px;padding:10px 12px;gap:3px 8px}
 body.client-experience.kg-catalog .bottom .combined-summary{grid-column:1/-1}
 body.client-experience.kg-catalog .bottom .total small{font-size:10px}
 body.client-experience.kg-catalog .bottom .total [data-combined-total]{font-size:25px;letter-spacing:-.6px}
 body.client-experience.kg-catalog .bottom .primary{width:103px;min-height:44px}
 body.client-experience .combined-summary-body{width:calc(100vw - 54px);min-width:0;max-height:55dvh;bottom:calc(100% + 16px);left:0}
}
@media(max-width:350px){body.client-experience.client-workbench:not(.print-view) #main-content.container{width:calc(100% - 20px)}}
/* Sales preview always has a direct exit outside the mobile menu. */
body.client-experience.catalog-preview .site-header .preview-return{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;
 min-height:40px;padding:0 10px;border:1px solid #b5c7af;border-radius:9px;
 background:#edf3e8;color:#244934;font-size:12px;font-weight:600;line-height:1.4;
 text-decoration:none;white-space:nowrap;transition:background-color .16s ease;
}
body.client-experience.catalog-preview .site-header .preview-return:focus-visible{outline:2px solid #8aa270;outline-offset:3px}
@media(min-width:1200px){
 body.client-experience.catalog-preview .site-header .preview-return{margin:0 10px 16px;background:#ffffff12;border-color:#698673;color:#f4f7ed}
}
@media(max-width:1199px){
 body.client-experience.catalog-preview .site-header{position:sticky;top:0;z-index:40}
 body.client-experience.catalog-preview .site-header .header-inner{gap:8px}
 body.client-experience.catalog-preview .site-header .preview-return{margin-left:auto}
 body.client-experience.catalog-preview .site-header .client-menu-toggle{flex-shrink:0}
}
@media(hover:hover) and (pointer:fine){
 body.client-experience.catalog-preview .site-header .preview-return:hover{background:#dfe9d8}
}
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 body.client-experience.catalog-preview .site-header .preview-return:hover{background:#ffffff22}
}
/* Dedicated presale links and amendments keep the same floating action surface. */
body.client-experience.customer-interface.presale-page.kg-catalog .bottom.presale-submit{padding:0;margin:0;border:1px solid #45644a;border-radius:14px;background:linear-gradient(120deg,#284d39f7,#183a2af7);box-shadow:0 8px 28px #0e30272b,inset 0 1px #ffffff22}
body.client-experience.customer-interface.presale-page.kg-catalog .presale-submit .bottom-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 18px}
body.client-experience.customer-interface.presale-page.kg-catalog .presale-submit .footer-amount{display:flex;align-items:center;gap:22px;margin-left:auto}
body.client-experience.customer-interface.presale-page.kg-catalog .presale-submit .total strong{font-size:25px;font-weight:550;color:#fbf9eb;font-variant-numeric:tabular-nums}
@media(max-width:740px){
 body.client-experience.customer-interface.presale-page.kg-catalog .presale-submit .bottom-inner{display:grid;grid-template-columns:minmax(0,1fr);min-height:88px;padding:10px 12px;gap:3px}
 body.client-experience.customer-interface.presale-page.kg-catalog .presale-submit .footer-amount{width:100%;margin:0;gap:12px;justify-content:space-between}
 body.client-experience.customer-interface.presale-page.kg-catalog .presale-submit .total{display:flex;align-items:baseline;gap:4px}
}
@media(hover:hover) and (pointer:fine){
 body.client-experience.kg-catalog .bean-row:not([data-sample-ready]):not(.chosen):not([data-client-chosen=yes]):not(:focus-within):hover{background-color:#f5f9ef;transform:none}
 body.client-experience.client-workbench:not(.print-view) .client-navigation .customer-links a:hover{background-color:#ffffff18}
 body.client-experience .primary:not(:disabled):hover{filter:brightness(1.035);transform:none}
}
@media(prefers-reduced-motion:reduce){body.client-experience *,body.client-experience *::before,body.client-experience *::after{transition-duration:0s!important}}
@media print{body.client-experience{padding-left:0;background:#fff}body.client-experience .site-header,body.client-experience .bottom{display:none!important}}

/* Keep the catalogue row origin fixed while mobile/tablet filters are open. */
body.kg-catalog .catalog-filter-options{display:contents}
@media(max-width:1000px){
 body.kg-catalog .toolbar{position:relative}
 body.kg-catalog .toolbar .catalog-filter-options{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;padding:14px;border:1px solid #d2decd;border-radius:12px;background:#fbfdf8;box-shadow:0 10px 30px #173e2526}
 body.kg-catalog .toolbar.expanded .catalog-filter-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
 body.kg-catalog .toolbar .catalog-filter-options .filter-extra{display:flex;width:100%;gap:8px;flex-wrap:wrap}
 body.kg-catalog .catalog-filter-options .filter-extra>.control{flex:1 1 45%;width:45%;max-width:calc(50% - 4px)}
 body.kg-catalog .catalog-filter-options .only-selected{display:flex;align-items:center;gap:6px;font-size:12px;margin:0}
 body.kg-catalog .catalog-filter-options .clear{display:inline-flex;margin-left:auto;height:34px;align-items:center;padding:0 12px}
}