/* MMD Portal -- module-plant-flowcase.css
   CDS-total-rollout (MMDB-1688, 2026-08-29). Every rule below fills a real
   gap: a class name app code already referenced that was defined nowhere,
   so the element rendered completely unstyled. Every value reuses an
   existing CDS token -- zero new hex colors. Loaded last (src/app/layout.tsx)
   so these are the final word for their own selectors only; nothing here
   overrides an existing rule's specificity war, it only fills silence. */

/* ---- Generic layout primitives (Plant module: DrawingsTab / KnowledgeTab /
   SparesTab / EquipmentTab / PlantSurface.tsx). A bare vertical stack and a
   bare horizontal row-of-controls with gap -- nothing in the existing CDS
   covers this as an unscoped, reusable primitive (.ds-fieldset/.ds-form
   carry card chrome these tabs never asked for; .ds-filterbar bakes in a
   margin-top meant to trail a header). Exclusively consumed by the plant
   module today. */
.ds-stack{display:flex;flex-direction:column;gap:var(--ds-space-16)}
.ds-row{display:flex;align-items:center;gap:var(--ds-space-10);flex-wrap:wrap}

/* ---- Generic data-table base (Plant EquipmentTab / SparesTab /
   KnowledgeTab). `.ds-table tfoot tr/td` and `.mlp-page .ds-table thead th`
   already existed in components.css and clearly expect a `.ds-table` base +
   thead/tbody rule to exist alongside them -- outside the .mlp-page scope
   it never did, so every non-mlp `.ds-table` (all three Plant record
   tables) rendered as a bare native <table> until now. Same visual
   language as the sibling `.mlp-page .ds-table thead th` rule and the
   established `.ds-oms-table`, reusing the same tokens. */
.ds-table{width:100%;border-collapse:collapse;background:var(--paper);font-variant-numeric:tabular-nums}
.ds-table thead th{padding:5px 8px;text-align:left;background:var(--paper-2);color:var(--ink);border:1px solid var(--hairline);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ds-table td{padding:8px 12px;border-bottom:1px solid var(--hairline);vertical-align:middle}
.ds-table tbody tr:hover{background:var(--paper-2)}

/* ---- Selected/current pill state (Plant DrawingsTab/KnowledgeTab preset
   buttons, SparesTab on-hand-qty pill). `.ds-pill` exists; no "currently
   selected" state does -- the family's other modifiers (--good/--warn/
   --bad) are severity, not selection. Mirrors the established
   selected-chip treatment (.ds-filter-chip-active / .ds-filter-pill-btn-
   active): solid ink fill. Scoped to the compound selector so it only
   ever applies where app code already opts in by pairing both classes --
   .ds-pill's other consumers across the portal (severity variants) are
   untouched. */
.ds-pill.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}

/* ---- Procurement2 desktop chrome (ProcDesktop.tsx). Scoped .plp to match
   every sibling rule in letterpress-procurement.css -- ProcDesktop always
   renders under the `.plp` wrapper. proc-menu-label already inherits
   correct color/font from its parent menu-button (an inheritable property
   only), so this adds the missing overflow safety a label span needs on
   its own, not a color. (proc-app-title and the taskbar-chip rules that
   used to sit here were removed 2026-08-30 with the app-level titlebar and
   the screen taskbar chips they styled -- see letterpress-procurement.css's
   own comments on that removal.) */
.plp .proc-menu-label{white-space:nowrap}

/* ---- DataGrid.tsx column-filter pill "expanded" state -- sibling of the
   existing `.ds-filter-pill-btn-active` ("has filters applied") state.
   The two classes can co-occur on the same button, so this adds a ring
   instead of overriding fill/border-color, which would fight -active's
   solid ink background. */
.ds-filter-pill-btn-open{box-shadow:0 0 0 2px color-mix(in srgb, var(--ink) 18%, transparent)}
.ds-filter-pill-title{white-space:nowrap}

/* ---- StaffBoards.tsx (ferri-oms-3): board-load-error heading, nested
   vehicle-group member row, and a bold numeric ref cell (replaces a stray
   Tailwind `font-bold` utility -- this DS has no utility layer). */
.ds-empty-row-title{margin:0 0 4px;font-family:var(--font-ui);font-weight:600;font-size:calc(13.5px * var(--fs-scale, 1));color:var(--ink)}
.ds-oms-grouprow-member{background:var(--paper-2)}
.ds-oms-grouprow-member td:first-child{padding-left:2rem}
.ds-mono-num-strong{font-weight:700}