/* Motion surface: overlays never participate in a bean row's layout. */
.motion-ready main.container,.motion-ready .operation-feedback,.motion-ready dialog[open]{animation:none}
.motion-ready .btn{transition-property:background-color,box-shadow,border-color,color}
.ui-toast-container{position:fixed;right:18px;top:20px;z-index:1100;pointer-events:none;max-width:calc(100vw - 36px)}
.ui-toast.toast{width:max-content;max-width:min(390px,calc(100vw - 36px));border:1px solid #d4d9cb;border-left:3px solid #34523a;border-radius:6px;background:#fffefa;color:#233d2b;box-shadow:0 8px 28px #1733221c;pointer-events:auto;font-size:13px}
.ui-toast .toast-body{display:flex;align-items:center;gap:16px;padding:12px 14px}
.ui-toast .btn-close{flex:none;width:12px;height:12px;padding:3px;margin:0;opacity:.55}
.ui-toast-warning.toast{border-left-color:#a57345}
.ui-help-modal .modal-dialog{transition-duration:.16s}
.ui-help-modal,.modal-backdrop{transition-duration:.1s}
.offcanvas,.offcanvas-backdrop{transition-duration:.18s}
.motion-ready .customer-catalog-types{position:relative}
.ui-type-indicator{position:absolute;bottom:0;left:0;height:2px;background:#977348;pointer-events:none;border-radius:2px;z-index:1}
.kg-catalog .guide{position:relative}
.kg-catalog .guide>a.catalog-refresh{display:inline-flex;position:absolute;right:78px;top:0;color:#78836b;font-size:11px}
.combined-presale-tools{position:relative}
.combined-presale-tools>a.presale-refresh{position:absolute;right:0;top:0;font-size:11px;line-height:1.6;color:#78836b}
.ui-results-waiting{position:relative}
.ui-result-skeleton{position:absolute;inset:0;display:grid;align-content:start;gap:18px;padding:14px;background:#faf9f3e8;pointer-events:none;z-index:2;overflow:hidden}
.ui-result-skeleton i{display:block;height:9px;max-width:70%;border-radius:2px;background:linear-gradient(90deg,#dfe4d8,#f5f5ee,#dfe4d8);background-size:200% 100%;animation:ui-skeleton 1.4s ease-in-out infinite}
.ui-result-skeleton i:nth-child(2){max-width:88%}.ui-result-skeleton i:nth-child(3){max-width:53%}
@keyframes ui-skeleton{to{background-position:-200% 0}}
.lunoir-ptr--ptr{position:fixed;left:0;right:0;top:0;z-index:1055;overflow:hidden;pointer-events:none;height:0;background:#f4f2e9f5;color:#53654e;font-size:12px;box-shadow:0 1px 0 #d4d9c966;text-align:center}
html.ui-pull-refresh{overscroll-behavior-y:contain}
.lunoir-ptr--box{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 10px;min-height:48px}
.lunoir-ptr--content{display:flex;gap:9px;align-items:center}.lunoir-ptr--icon{font-size:19px;line-height:22px}.lunoir-ptr--text{letter-spacing:.02em}
.lunoir-ptr--refresh .lunoir-ptr--icon{animation:working-spin .8s linear infinite}
/* Actual submission only: keep the original label's width and show a concise
   accessible status. No synthetic progress or delayed requests. */
.motion-ready .is-saving::before{border-width:1.5px}
.customer-interface .is-saving::after{content:"";position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;background:#d6c3a1;mask:url("vendor/lucide-coffee.svg") center/contain no-repeat}
.ui-coffee-wait{display:block;width:16px;height:16px;background:#617053;mask:url("vendor/lucide-coffee.svg") center/contain no-repeat}
.motion-ready .submit-feedback{font-size:12px;color:#687563}
@media(max-width:760px){
 .kg-catalog .guide>a.catalog-refresh{right:0}
 .ui-toast-container{top:12px;right:12px;max-width:calc(100vw - 24px)}
 .ui-toast.toast{max-width:calc(100vw - 24px)}
 .surface-page .filter-panel.ui-filter-sheet{position:fixed;inset:auto 0 0!important;top:auto!important;width:100%!important;max-width:100%;height:auto;max-height:82vh;margin:0;padding:18px 18px max(18px,env(safe-area-inset-bottom));border:0;border-top:1px solid #d3d9c9;border-radius:12px 12px 0 0;box-shadow:0 -12px 40px #1b322520;z-index:1045;background:#fffefa;text-align:left}
 .ui-filter-sheet .filter-panel-fields{max-height:62vh;overflow:auto}
}
@media(prefers-reduced-motion:reduce){
 .ui-result-skeleton i,.lunoir-ptr--icon{animation:none!important}
 .offcanvas,.offcanvas-backdrop,.toast{transition:none!important}
}
@media print{.ui-toast-container,.lunoir-ptr--ptr,.ui-type-indicator,.ui-result-skeleton,.offcanvas-backdrop{display:none!important}}