/* CWG HR Employees-list/Import-wizard module sheet (lane UX-LIST,
 * 2026-09-26). Adversarial review finding (scratchpad/reports/REVIEW-
 * UX-LIST.md): CwgEmployeesWorkspace.tsx's toolbar Search input and
 * CwgImportEmployeesModal.tsx's preview-row correction <select> both carry
 * `data-w="medium"`, but the foundation lane's medium/wide tiers
 * (module-hr-cwg-dense.css) are scoped to `.property-editor-fields--dense`
 * only -- a detail-page FORM context. A toolbar filter row and a table-cell
 * control are neither, so the attribute rendered with no matching rule and
 * the control filled its available width instead of sizing to content.
 *
 * Fix: the SAME two data-w tiers (widths kept byte-identical to
 * module-hr-cwg-dense.css's own medium values -- one visual meaning for
 * "medium" across the whole HR module, not a second one), re-scoped to the
 * two additional contexts this lane actually uses them in: `.gsp-toolbar`
 * (list-page filter rows) and `.property-register-table` (a table-cell
 * control, e.g. the Import wizard's per-row master-data correction select).
 * Additive only -- does not redeclare the bare `.gsp-input`/`.gsp-select`
 * selectors or the global `[data-w="narrow"|"wide"|"num"|"fill"]` rules in
 * gsp-structural.css, so every other `.gsp-toolbar`/`.property-register-
 * table` consumer across the portal (47+ files) is byte-for-byte
 * unaffected -- confirmed by grep: `data-w="medium"` appears nowhere
 * outside this lane's two HR files today.
 *
 * No new class names are introduced by this file (only new attribute-
 * selector rules on already-allowlisted classes), so there is nothing new
 * to add to design-system.manifest.json's allowed_classes -- that list
 * governs className tokens, not CSS selector scoping. Loaded after
 * module-hr-cwg-dense.css and before red-plate.css, same placement rule as
 * every other module skin (src/lib/designSystems.ts).
 */
.gsp-toolbar .gsp-input[data-w="medium"],
.property-register-table .gsp-input[data-w="medium"] {
  flex: none;
  width: 160px;
}
.gsp-toolbar .gsp-select[data-w="medium"],
.property-register-table .gsp-select[data-w="medium"] {
  flex: none;
  width: 150px;
}

/* UX-FIXFOUND (2026-09-26): the toolbar's "Legal entity" filter
 * (CwgEmployeesWorkspace.tsx -- shared by /app/hr and /app/directory,
 * CwgHrDocumentsWorkspace.tsx, CwgPerformanceListWorkspace.tsx) carries
 * `data-w="narrow"`, not "medium" -- that attribute has NO override in
 * this file or in module-hr-cwg-dense.css for `.gsp-toolbar`, so it fell
 * through to gsp-structural.css's bare global rule (96px, sized for a
 * short enum), truncating "CWG Impact Eco Investments (Pty) Ltd" to "CWG
 * Impact Ec". A bare `.gsp-toolbar .gsp-select[data-w="narrow"]` rule
 * would also catch every OTHER module's narrow toolbar filter (that tier
 * is deliberately reused for genuinely short enums like a status filter,
 * and `.gsp-toolbar` itself is a 47+-file shared class per this file's own
 * header) -- so this keys off a dedicated `data-role` attribute added to
 * just the three legal-entity filters instead, kept in sync with those
 * three files. 260px fits the current entity name in full; a future,
 * longer legal-entity name still degrades to native ellipsis rather than
 * a silent mid-word cut. */
.gsp-toolbar .gsp-select[data-role="entity-filter"] {
  flex: none;
  width: 260px;
}