/* =========================================================================
   BX ORDERS WORKSPACE — layout architecture for the Orders (Ventes) page.
   ------------------------------------------------------------------------
   Goal: make #panel-all-orders read as ONE enterprise workspace (Linear /
   Stripe Dashboard / Shopify Admin), not a stack of separate widgets.

   Scope discipline:
   · Spacing, rhythm and alignment ONLY — no component internals.
   · The KPI component is FROZEN: we never target .orders-kpi-* here; the
     metrics/controls separation is applied as a TOP margin on the section
     that follows the KPI (margins collapse, so the frozen component is
     untouched).
   · No colors, no typography, no workflow, no markup changes.
   · Token-driven; loaded LAST so it wins by cascade order (no !important).

   Vertical rhythm (one scale, three tiers of separation):
     page title      → metrics          : --bx-s-5 (20px)
     metrics (KPI)   → table controls    : --bx-s-6 (24px)   [hierarchy break]
     controls        → status pills      : --bx-s-3 (12px)   [grouped tight]
     status pills    → table             : --bx-s-4 (16px)
     table           → footer/pagination : --bx-s-5 (20px)
   ========================================================================= */

/* Page title separated from the metrics summary. */
#panel-all-orders > .panel-header { margin-bottom: var(--bx-s-5); }

/* Reference-match (2026-07-10): remove the redundant dark command bar
   (Total / Par statut / spacing) — the "second bar". The primary filter
   action moved to the section header; status is expressed by the single
   pill row below. Elements stay in the DOM (JS bindings intact); only the
   visual second bar is removed. */
#panel-all-orders .orders-toolbar-flat { display: none; }

/* Hierarchy break: lift the status-filter row (the control cluster) away
   from the KPI metrics. Applied to the row AFTER the KPI via margin-collapse
   so the frozen KPI is never targeted. */
#panel-all-orders .yaya-scope .toolbar { margin-top: var(--bx-s-6); margin-bottom: var(--bx-s-4); }

/* Clean filter bar (reference): the row is status pills only. The select-all
   checkbox now lives in the table header; the redundant per-table theme toggle
   is dropped (the top bar already carries the theme control). */
#panel-all-orders .yaya-scope .toolbar #yayaThemeToggle { display: none; }

/* Make the order table the visual focus — it fills the remaining space so the
   workspace reads as one product, with nothing stacked below it. */
#panel-all-orders .yaya-scope .orders-table { min-height: 46vh; }

/* Table breathes above its footer/pagination. */
#panel-all-orders .yaya-scope .table-footer { margin-top: var(--bx-s-5); }