/* Solid surfaces and contained accents prevent glows being cut by scrolling rows. */
@layer surfaces {
    body.store-body .cart-drawer { transition:transform .24s ease!important; }
    body.store-body:not(.cart-open) .cart-drawer {
        visibility:hidden!important;
        pointer-events:none!important;
        box-shadow:none!important;
    }
    :is(.product-card,.review-card,.info-card,.customer-panel,.summary-card,.role-dashboard-card,.account-grid > span,.kpi) {
        background-color:#fff!important;
        background-image:none!important;
        border-color:#dfe7e3!important;
        box-shadow:0 2px 6px rgba(20,40,30,.04)!important;
        border-radius:8px!important;
        min-width:0;
    }
    .app-body .kpi::after { content:none!important; }
    :is(.shop-category-menu,.customer-tabs,.panel-tabs,.supply-tabs,.deployment-tabs,.account-tabs) {
        padding:4px!important;
        gap:8px!important;
        background:transparent!important;
    }
    :is(.shop-category-menu,.customer-tabs,.panel-tabs,.supply-tabs,.deployment-tabs,.account-tabs) :is(button,a) {
        box-shadow:none!important;
        flex-shrink:0;
    }
    .shop-category-menu button { background:#fff!important; color:#196641!important; }
    .shop-category-menu button.active { background:#087b48!important; color:#fff!important; border-color:#087b48!important; }
    .shop-category-menu button:focus-visible { outline:2px solid #175d3c; outline-offset:2px; }
    :is(.product-card,.review-card,.info-card) :is(button,a) { box-shadow:none!important; }
}