/* ─── The flat look, everywhere but the search and the searched item's card ───
   The owner's mockup (mockup/boqbt_dashboard.html) gave the landing page flat cards with a
   hairline and a soft drop shadow, and quiet outlined buttons. He then asked for the same on "all
   the pages like settings, sidebars, etc.. other than boq" (2026-10-09).

   Those panels were drawn with the neomorphic shadow tokens (--neo-*, css/vars.css). Here each
   panel redefines the tokens for everything inside it, so its own stylesheet is untouched and
   one list says where the look applies. NOT in the list, on his word: the search bar and the
   searched item's card ("shadows for the searched card stays as it is"), and the BOQ space, which
   is a page of its own in a frame. Loaded after theme-light.css, before responsive.css. */
.top-controls, .sidebar-panel, .cart-panel, .sp, .pd, .lmc-dialog, .account-menu, .eqp-backdrop, .help-backdrop,
.wb-preview, .sheet-builder-card, .tour-card, .tour-invite, .help-launcher, .site-footer, .toast-notification {
    --neo-raised:  var(--card-shadow);
    --neo-btn:     0 0 0 1px var(--card-edge), var(--card-btn-shadow);
    --neo-float:   var(--card-float);
    --neo-inset:   inset 0 0 0 1px var(--card-line);
    --neo-pressed: var(--card-pressed);
}

/* A raised shadow was all that set some buttons and cards apart from the panel behind them. Flat,
   a button gets a hairline ring (in --neo-btn above) and a card gets the cards' own ground. */
.sp-card, .sp-set-pick, .cart-item, .account-menu, .lmc-dialog-card, .pd-card, .tour-card, .tour-invite { background: var(--card-bg); }
.sp-card { border-color: var(--card-border); box-shadow: var(--card-shadow); border-radius: 16px; }
.top-ctrl-btn, .sp-btn, .sp-icon-btn, .sp-set-del { background: var(--card-bg); }
/* The filled buttons keep the soft glow of their own colour */
.sp-btn.sp-primary { box-shadow: 0 4px 6px -1px rgba(var(--brand-orange-rgb), 0.2), 0 2px 4px -2px rgba(var(--brand-orange-rgb), 0.2); }