/* module-hr-cwg-org.css — CWG HR group-wide, multi-entity org chart (lane
 * UX-ORG, 2026-09-27). Two new primitives only, additive -- ordinary rows
 * keep reusing the existing .ds-tree-table / data-ds-depth / data-ds-
 * expanded rules already shipped in components-ext-data.css; this file
 * only covers what that rule set does not: the slim entity-group header
 * row, and the inline reports-to editor row.
 *
 * Loaded after module-hr-cwg-ux-list.css and before red-plate.css (see
 * src/lib/designSystems.ts SKIN_AND_MODULE_CSS_FILES), so red-plate's
 * table/button rules still win where they apply. All colors/spacing below
 * reuse the existing central tokens (--paper-2, --ink-mute, --hairline,
 * --font-mono) -- no new hex values.
 */

/* Slim, one-line legal-entity group header spanning the table. Depth tiers
 * mirror .ds-tree-table-row-label's own 18px-per-level indent scale
 * (components-ext-data.css) so a nested subsidiary band lines up visually
 * with the tree rows it groups, offset by this element's own 9px base
 * padding. */
.ds-org-entity-band {
  display: block;
  padding: 4px 9px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-mute);
  background: var(--paper-2);
  border-bottom: 1px solid var(--hairline);
}
.ds-org-entity-band[data-ds-org-depth="1"] { padding-left: 27px; }
.ds-org-entity-band[data-ds-org-depth="2"] { padding-left: 45px; }
.ds-org-entity-band[data-ds-org-depth="3"] { padding-left: 63px; }

/* Inline "reports to" editor row (solid/dotted-line manager pickers + the
 * AI suggestion card), opened under the row it edits. Kept visually
 * distinct from ordinary rows via the same muted band background used
 * above, without introducing a modal/popover. */
.ds-org-inline-editor {
  padding: 8px 9px 10px 27px;
  border-bottom: 1px solid var(--hairline);
  background: var(--paper-2);
}