/* Presentation for the directives (Směrnice) module views (list, detail, create form). Content-only: each
   view renders inside the platform shell's content frame. Page chrome comes from layout.css
   (`.platform-page__*`, `.platform-list*`, `.platform-meta`, `.platform-link`), form primitives from
   forms.css (`.platform-form__*`), and the split editor's preview pane + live uploader from the shared
   platform component (M-062, file-uploader.css). This file keeps ONLY what is genuinely směrnice-specific:
   the detail page's key/value table, the description/note blocks, and the detail action-button row —
   mirroring the documents module's sheet.
   Colors, spacing, radii and type come from the platform design tokens (tokens.css) — themeable without
   touching markup (coding-standards §4 and §12). Mobile-first; no inline styles. */

/* ---- Detail: key/value table ------------------------------------------- */
/* The směrnice's textual details render with the shared platform key/value table
   (`.platform-kv-table .platform-kv-table--fixed`, 35% key via `.platform-kv-table__key--prop`), promoted
   to the platform layer in G4 — same shape as the contract detail and the admin notification page, no
   module-local copy (coding-standards §3, table.css). */

/* ---- Detail: description / note blocks ---------------------------------- */
.directives-detail__note-text {
    margin: 0;
    white-space: pre-line;
}

/* ---- Create/edit form: assignment section (M-136) ----------------------- */
/* The pick-employees/groups block is a semantic <fieldset> grouping its two multi-selects; strip the
   browser's default border/inset so it reads as a plain form group, and space its legend like the form's
   other field labels. Spacing/type come from the platform tokens (forms.css owns the inputs). */
.directives-form__assignment {
    border: 0;
    margin: 0;
    padding: 0;
    min-inline-size: 0;
}

.directives-form__assignment > .platform-form__label {
    padding: 0;
    margin-block-end: var(--platform-space-sm, 0.5rem);
}

/* ---- Header-row data table: "my directives to read" (M-060) --------------------------------------- */
/* The employee's assigned-směrnice list — a simple token-driven header-row table: `overflow-wrap` keeps a long
   title inside the card at phone width and the layout stacks in the shell's content frame (§3/§4/§12). Kept
   module-local (not promoted) as this header-row shape is distinct from the platform key/value table and only
   směrnice uses it. (The admin roster shared it until M-238a moved that page onto the shared grid.) */
.directives-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--platform-font-size-sm, 0.875rem);
}

.directives-table th,
.directives-table td {
    padding: 0.5rem;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid var(--platform-color-border, #cfd8dc);
    overflow-wrap: anywhere;
}

.directives-table th {
    font-weight: 600;
    color: var(--platform-color-text-muted, #57606a);
}

.directives-mine__actions-col {
    text-align: right;
    white-space: nowrap;
}

/* The per-employee reading-status pill (confirmed / to-read / overdue) and the směrnice's business-release
   lifecycle pill (M-077) both render with the shared platform badge (`.platform-badge` + ok/muted/danger
   tone modifiers), promoted to the platform layer in G1 — the reading status maps its value to a tone via
   {@see AssignmentStatus::tone()}, the lifecycle via {@see DirectiveLifecycle::badgeVariant()}. No
   module-local pill copy remains (coding-standards §3, table.css). */

/* The "Stav seznámení" tab strip (by directive | by group | by user) was promoted verbatim to the shared
   `.platform-tabs` primitive (tabs.css) in M-207 — nothing about it was směrnice-specific — and the three
   progress views now render it inside <x-platform::tabbed-card>. No module-local tab styling remains here
   (coding-standards §3). */