/*
    Master-per-company mapping grid (packet 10.4) — the "rows are companies, one In-use
    toggle per row" table shared across all six master types.
    Unscoped for the same reason as nav.css: markup renders across a component boundary
    (CompanyMappingToggleGrid in HrChronicle.Ui, its host page in HrChronicle.Web).
*/

.hrc-mapping-grid {
    inline-size: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.hrc-mapping-grid thead th {
    text-align: start;
    font-weight: 600;
    color: var(--hrc-ink-strong);
    padding: var(--hrc-space-sm) var(--hrc-space-md);
    border-block-end: 1px solid var(--hrc-border);
}

.hrc-mapping-grid tbody td {
    padding: var(--hrc-space-sm) var(--hrc-space-md);
    border-block-end: 1px solid var(--hrc-border-subtle);
}

.hrc-mapping-grid tbody tr:last-child td {
    border-block-end: none;
}

.hrc-mapping-grid label {
    cursor: pointer;
}

.hrc-mapping-grid code {
    font-family: var(--hrc-font-mono, ui-monospace, monospace);
    color: var(--hrc-ink-muted);
    background: var(--hrc-surface-subtle);
    padding: 0 var(--hrc-space-2xs);
    border-radius: var(--hrc-radius-xs);
}

.hrc-mapping-grid__toggle-col {
    inline-size: 6rem;
    text-align: end;
}