/* /Components/MobileSheet.razor.rz.scp.css */
/* Scrim behind the sheet */
.ms-scrim[b-tz3f5prkvq] {
    position: fixed; inset: 0; z-index: 1490;
    background: rgba(16,24,40,.42);
    opacity: 0; pointer-events: none; transition: opacity .18s ease;
}
.ms-scrim.ms-show[b-tz3f5prkvq] { opacity: 1; pointer-events: auto; }

/* Slide-up panel */
.ms-sheet[b-tz3f5prkvq] {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1491;
    background: var(--mud-palette-surface);
    border-radius: 22px 22px 0 0;
    box-shadow: 0 -6px 24px rgba(16,24,40,.18);
    transform: translateY(100%);
    transition: transform .24s cubic-bezier(.2,.8,.2,1);
    max-height: 82vh; display: flex; flex-direction: column;
    padding-bottom: env(safe-area-inset-bottom);
}
.ms-sheet.ms-show[b-tz3f5prkvq] { transform: translateY(0); }

.ms-grab[b-tz3f5prkvq] { width: 40px; height: 4px; border-radius: 3px; background: var(--mud-palette-lines-default); margin: 10px auto 4px; flex: 0 0 auto; }
.ms-title[b-tz3f5prkvq] { margin: 6px 18px 6px; font-size: 16px; font-weight: 600; color: var(--mud-palette-text-primary); flex: 0 0 auto; }
.ms-body[b-tz3f5prkvq] { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 4px 10px calc(16px + env(safe-area-inset-bottom)); }

/* Convenience option-row styling for callers that render a simple list */
[b-tz3f5prkvq] .ms-opt {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 12px; border-radius: 12px; min-height: 48px;
    font-size: 15px; color: var(--mud-palette-text-primary); cursor: pointer;
}
[b-tz3f5prkvq] .ms-opt:active { background: var(--mud-palette-background-grey); }
[b-tz3f5prkvq] .ms-opt .ms-check { margin-left: auto; color: var(--mud-palette-primary); opacity: 0; }
[b-tz3f5prkvq] .ms-opt.ms-on .ms-check { opacity: 1; }
[b-tz3f5prkvq] .ms-opt.ms-on { font-weight: 600; }
/* /Components/PositionRowItem.razor.rz.scp.css */
/* The position row is a single nowrap flex line (name + inline manager chips +
   spacer + action icons). It fits on a desktop but on a phone the manager chip
   and trailing action icons overflow off the right edge and get clipped.
   Below 640px let the row wrap, and force the spacer to a full-width break so
   the action icons drop onto their own line instead of running off-screen. */
@media (max-width: 640px) {
    /* On a phone the action icons collapse into a single ⋯ menu, so the row just
       needs to wrap long names + manager chips; the ⋯ trails at the end. */
    .pp-prow[b-h9e4cacii9] { flex-wrap: wrap; row-gap: 4px; }
}
/* /Pages/Audit/AgentActionsPanel.razor.rz.scp.css */
/* ── Agent Actions Panel — scoped styles ────────────────────────────────────
   Theme-aware: uses --mud-palette-* tokens to follow light/dark mode.
   All class names prefixed with .aa- to avoid collisions.
   ──────────────────────────────────────────────────────────────────────────── */

.aa-panel[b-q4h5n7zmh9] {
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 10px;
    padding: 10px 12px;
    background: var(--mud-palette-surface, #fff);
}

.aa-head[b-q4h5n7zmh9] {
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #76808f);
    margin-bottom: 6px;
    letter-spacing: 0.04em;
}

.aa-row[b-q4h5n7zmh9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    border-top: 1px solid var(--mud-palette-lines-default, #eef0f3);
    font-size: 0.82rem;
    flex-wrap: wrap;
}

.aa-row.aa-cancelled[b-q4h5n7zmh9],
.aa-row.aa-suppressed[b-q4h5n7zmh9] {
    opacity: 0.5;
}

.aa-type[b-q4h5n7zmh9] {
    font-weight: 600;
    min-width: 130px;
    color: var(--mud-palette-text-primary, #1f2733);
}

.aa-to[b-q4h5n7zmh9] {
    color: var(--mud-palette-text-primary, #1f2733);
    min-width: 80px;
}

.aa-chan[b-q4h5n7zmh9] {
    font-size: 0.74rem;
    color: var(--mud-palette-text-secondary, #76808f);
    background: color-mix(in srgb, var(--mud-palette-text-secondary, #76808f) 10%, var(--mud-palette-surface, #fff));
    border-radius: 5px;
    padding: 1px 6px;
}

.aa-status[b-q4h5n7zmh9] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 2px 7px;
    border-radius: 20px;
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 8%, var(--mud-palette-surface, #fff));
    color: var(--mud-palette-text-secondary, #76808f);
}

.aa-row.aa-pending .aa-status[b-q4h5n7zmh9] {
    background: color-mix(in srgb, #f59e0b 14%, var(--mud-palette-surface, #fff));
    color: #92400e;
}

.aa-row.aa-sent .aa-status[b-q4h5n7zmh9] {
    background: color-mix(in srgb, #22c55e 12%, var(--mud-palette-surface, #fff));
    color: #166534;
}

.aa-row.aa-failed .aa-status[b-q4h5n7zmh9] {
    background: color-mix(in srgb, var(--mud-palette-error, #e5484d) 12%, var(--mud-palette-surface, #fff));
    color: #b91c1c;
}

.aa-when[b-q4h5n7zmh9] {
    font-size: 0.76rem;
    color: var(--mud-palette-text-secondary, #76808f);
    font-variant-numeric: tabular-nums;
}

.aa-cancel[b-q4h5n7zmh9] {
    margin-left: auto;
    height: 28px;
    padding: 0 12px;
    border-radius: 7px;
    border: 1px solid var(--mud-palette-error, #d64545);
    color: var(--mud-palette-error, #d64545);
    background: transparent;
    cursor: pointer;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 600;
    transition: background 120ms ease;
}

.aa-cancel:hover[b-q4h5n7zmh9] {
    background: color-mix(in srgb, var(--mud-palette-error, #d64545) 8%, var(--mud-palette-surface, #fff));
}

@media (prefers-reduced-motion: reduce) {
    .aa-cancel[b-q4h5n7zmh9] {
        transition: none;
    }
}
/* /Pages/Audit/Components/AuditAnnualSummary.razor.rz.scp.css */
/* Annual audit summary card — uses --mud-palette-* throughout; no hard-coded light hex
   except the coverage bar gradient (mirrored from .ot-g in AuditOrgTree.razor.css),
   which gets a brighter .sams-dark override below. */

.ann[b-o02onwquat] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    padding: 10px 14px 12px;
    margin-bottom: 12px;
}

/* ── Head row: icon · title · coverage bar · raw ratio ── */
.ann-head[b-o02onwquat] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.ann-icon[b-o02onwquat] {
    color: var(--mud-palette-primary);
    flex: none;
}

.ann-title[b-o02onwquat] {
    font-size: 14px;
    font-weight: 700;
    color: var(--mud-palette-text-primary);
    flex: none;
}

/* Thin bar that fills proportionally to AuditedPct */
.ann-cov[b-o02onwquat] {
    flex: 0 1 200px;
    height: 10px;
    border-radius: 5px;
    background: color-mix(in srgb, var(--mud-palette-lines-default) 60%, transparent);
    overflow: hidden;
}

.ann-cov > i[b-o02onwquat] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #5bb06c, #4a9d5b);
    border-radius: 5px;
}

.ann-cov-raw[b-o02onwquat] {
    font-size: 11.5px;
    color: var(--mud-palette-text-secondary);
    font-variant-numeric: tabular-nums;
}

/* ── Metric chips ── */
.ann-chips[b-o02onwquat] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.ann-chip[b-o02onwquat] {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);
    color: var(--mud-palette-text-primary);
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.ann-chip.warn[b-o02onwquat] {
    background: color-mix(in srgb, var(--mud-palette-error) 10%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-error) 30%, transparent);
    color: var(--mud-palette-error);
}

/* ── Narrative row ── */
.ann-narrative[b-o02onwquat] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 12.5px;
    color: var(--mud-palette-text-secondary);
    line-height: 1.45;
}

.ann-narr-icon[b-o02onwquat] {
    color: var(--mud-palette-primary);
    flex: none;
    margin-top: 1px;
}

/* ── Dark theme overrides — only for the coverage bar gradient (literal hex) ── */
.sams-dark .ann-cov > i[b-o02onwquat] {
    background: linear-gradient(90deg, #6cc47d, #57b56a);
}
/* /Pages/Audit/Components/AuditCellHistory.razor.rz.scp.css */
.ch[b-7a534tkcdc] { border-top: 1px solid var(--mud-palette-divider, #eceff1); margin-top: 10px; padding-top: 6px; }
.ch-head[b-7a534tkcdc] {
    background: none; border: 0; cursor: pointer; font-size: .8rem; font-weight: 600;
    display: flex; gap: 6px; align-items: center; width: 100%; padding: 2px 0;
    color: var(--mud-palette-text-primary, #263238);
}
.ch-caret[b-7a534tkcdc] { width: 10px; display: inline-block; }
.ch-count[b-7a534tkcdc] { margin-left: auto; opacity: .55; font-weight: 400; }
.ch-empty[b-7a534tkcdc] { font-size: .74rem; opacity: .6; padding: 4px 2px; }
.ch-list[b-7a534tkcdc] { list-style: none; margin: 4px 0 0; padding: 0; }
.ch-row[b-7a534tkcdc] { display: flex; gap: 8px; font-size: .72rem; line-height: 1.55; }
.ch-when[b-7a534tkcdc] { color: var(--mud-palette-text-secondary, #90a4ae); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ch-what[b-7a534tkcdc] { color: var(--mud-palette-text-primary, #37474f); }
/* /Pages/Audit/Components/AuditCellInfo.razor.rz.scp.css */
.ci[b-l4ae0n0epr] { border: 1px solid var(--mud-palette-lines-default, #e6e8ec); border-radius: 10px; background: var(--mud-palette-surface, #fff); padding: 10px 12px; margin-bottom: 10px; }
.ci-head[b-l4ae0n0epr] { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 8px; }
.ci-name[b-l4ae0n0epr] { font-weight: 700; font-size: 0.9rem; color: var(--mud-palette-text-primary, #1f2733); }
.ci-sub[b-l4ae0n0epr] { font-size: 0.75rem; color: var(--mud-palette-text-secondary, #76808f); }
.ci-state[b-l4ae0n0epr] { margin-left: auto; font-size: 0.62rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; padding: 2px 7px; border-radius: 5px; }
.ci-state.clean[b-l4ae0n0epr] { background: color-mix(in srgb, #22c55e 14%, transparent); color: #166534; }
.ci-state.open[b-l4ae0n0epr] { background: color-mix(in srgb, #f97316 14%, transparent); color: #c2410c; }
.ci-state.ack[b-l4ae0n0epr] { background: color-mix(in srgb, #0ea5e9 14%, transparent); color: #0369a1; }
.ci-state.dis[b-l4ae0n0epr], .ci-state.nonwork[b-l4ae0n0epr], .ci-state.unc[b-l4ae0n0epr] { background: color-mix(in srgb, #76808f 14%, transparent); color: #4b5563; }
.ci-state.res[b-l4ae0n0epr] { background: color-mix(in srgb, #22c55e 12%, transparent); color: #166534; }

.ci-hours[b-l4ae0n0epr] { display: flex; align-items: baseline; gap: 7px; font-size: 0.85rem; color: var(--mud-palette-text-primary, #1f2733); }
.ci-hours b[b-l4ae0n0epr] { font-weight: 800; font-variant-numeric: tabular-nums; }
.ci-slash[b-l4ae0n0epr] { color: var(--mud-palette-text-secondary, #76808f); }
.ci-admin[b-l4ae0n0epr] { font-size: 0.75rem; color: var(--mud-palette-text-secondary, #76808f); }

.ci-flags[b-l4ae0n0epr] { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0; }
.ci-flag[b-l4ae0n0epr] { font-size: 0.68rem; font-weight: 700; padding: 2px 7px; border-radius: 999px; }
.ci-flag.leave[b-l4ae0n0epr] { background: color-mix(in srgb, #8b5cf6 14%, transparent); color: #6d28d9; }
.ci-flag.future[b-l4ae0n0epr] { background: color-mix(in srgb, #0ea5e9 12%, transparent); color: #0369a1; }
.ci-flag.unc[b-l4ae0n0epr] { background: color-mix(in srgb, #f59e0b 14%, transparent); color: #92400e; }
.ci-flag.cov[b-l4ae0n0epr] { background: color-mix(in srgb, #22c55e 12%, transparent); color: #166534; }

.ci-entries-t[b-l4ae0n0epr] { font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mud-palette-text-secondary, #76808f); margin: 8px 0 4px; }
.ci-entry[b-l4ae0n0epr] { display: flex; align-items: center; gap: 8px; padding: 4px 0; border-top: 1px solid color-mix(in srgb, var(--mud-palette-lines-default, #e6e8ec) 60%, transparent); font-size: 0.8rem; }
.ci-proj[b-l4ae0n0epr] { font-weight: 700; color: var(--mud-palette-text-primary, #1f2733); }
.ci-mod[b-l4ae0n0epr] { color: var(--mud-palette-text-secondary, #76808f); font-size: 0.74rem; }
.ci-typ[b-l4ae0n0epr] { font-size: 0.62rem; font-weight: 700; text-transform: uppercase; padding: 1px 5px; border-radius: 4px; }
.ci-typ.act[b-l4ae0n0epr] { background: color-mix(in srgb, #22c55e 14%, transparent); color: #166534; }
.ci-typ.plan[b-l4ae0n0epr] { background: color-mix(in srgb, #76808f 14%, transparent); color: #4b5563; }
.ci-hrs[b-l4ae0n0epr] { margin-left: auto; font-weight: 800; font-variant-numeric: tabular-nums; }

.ci-msg[b-l4ae0n0epr] { font-size: 0.8rem; color: var(--mud-palette-text-secondary, #76808f); }
.ci-why[b-l4ae0n0epr] { margin-top: 8px; font-size: 0.78rem; color: var(--mud-palette-text-secondary, #76808f); font-style: italic; }
.ci-effort-loading[b-l4ae0n0epr] { margin-left: 8px; font-size: 0.74rem; font-style: italic; color: color-mix(in srgb, var(--mud-palette-text-secondary, #76808f) 80%, transparent); }

.ci-desc[b-l4ae0n0epr] { font-size: .78rem; color: var(--mud-palette-text-secondary, #78909c); margin: 0 0 5px 2px; line-height: 1.35; }
/* /Pages/Audit/Components/AuditCellPanel.razor.rz.scp.css */
.cp[b-3x195wona7] { border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); overflow: hidden; }

.cp-head[b-3x195wona7] { padding: 14px 16px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.cp-nm[b-3x195wona7] { font-weight: 700; font-size: 15px; color: var(--mud-palette-text-primary); }
.cp-no[b-3x195wona7] { color: var(--mud-palette-text-secondary); font-weight: 400; font-size: 12px; }
.cp-dy[b-3x195wona7] { color: var(--mud-palette-text-secondary); font-size: 12.5px; margin-top: 2px; }

.cp-sec[b-3x195wona7] { padding: 13px 16px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.cp-rule[b-3x195wona7] { display: flex; align-items: center; gap: 8px; }
.cp-rn[b-3x195wona7] { font-weight: 600; font-size: 13px; color: var(--mud-palette-text-primary); }
.cp-sev[b-3x195wona7] { font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 6px; color: #fff; }
.cp-sev.hi[b-3x195wona7] { background: #c0392b; }
.cp-sev.md[b-3x195wona7] { background: #c9962b; }
.cp-sev.lo[b-3x195wona7] { background: #6b7688; }

.cp-detail[b-3x195wona7] { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; font-size: 12px; color: var(--mud-palette-text-primary); }
.cp-kv em[b-3x195wona7] { color: var(--mud-palette-text-secondary); font-style: normal; margin-right: 3px; }

.cp-etbl[b-3x195wona7] { width: 100%; border-collapse: collapse; font-size: 12px; margin-top: 9px; }
.cp-etbl th[b-3x195wona7] { text-align: left; color: var(--mud-palette-text-secondary); font-weight: 600; font-size: 11px; padding: 3px 6px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.cp-etbl td[b-3x195wona7] { padding: 5px 6px; border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 50%, transparent); }
.cp-etbl .num[b-3x195wona7] { text-align: right; font-variant-numeric: tabular-nums; }

.cp-acts[b-3x195wona7] { padding: 13px 16px; display: flex; flex-direction: column; gap: 9px; }
.cp-note[b-3x195wona7] { width: 100%; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; padding: 8px 10px; font-size: 12.5px; resize: none; background: var(--mud-palette-background); color: var(--mud-palette-text-primary); font-family: inherit; }
.cp-btns[b-3x195wona7] { display: flex; gap: 8px; }
.cp-btn[b-3x195wona7] { flex: 1; border: 0; border-radius: 8px; padding: 9px 12px; font-size: 13px; font-weight: 600; cursor: pointer; }
.cp-btn:disabled[b-3x195wona7] { opacity: .55; cursor: default; }
.cp-btn.acc[b-3x195wona7] { background: #2f6fb0; color: #fff; }
.cp-btn.ign[b-3x195wona7] { background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); color: var(--mud-palette-text-secondary); }

/* AI reasoning + lineage + status note */
.cp-ai[b-3x195wona7] { display: flex; gap: 7px; margin-top: 9px; font-size: 12px; color: var(--mud-palette-text-primary); background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent); border-radius: 8px; padding: 8px 10px; }
.cp-ai-ic[b-3x195wona7] { color: var(--mud-palette-primary); }
.cp-lin[b-3x195wona7] { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 11.5px; color: var(--mud-palette-text-secondary); }
.cp-tag[b-3x195wona7] { padding: 1px 8px; border-radius: 6px; font-weight: 700; font-size: 10.5px; }
.cp-tag.persist[b-3x195wona7] { background: rgba(224,145,47,.16); color: #b45309; }
.cp-tag.fresh[b-3x195wona7] { background: var(--mud-palette-background); color: var(--mud-palette-text-secondary); }
.cp-histnote[b-3x195wona7] { margin-top: 8px; font-size: 11.5px; color: var(--mud-palette-text-secondary); }

/* Language-mismatch offender rows */
.cp-lang[b-3x195wona7] { display: flex; align-items: baseline; gap: 8px; font-size: 12px; margin-top: 4px; }
.cp-lang-proj[b-3x195wona7] { font-weight: 600; color: var(--mud-palette-text-primary); white-space: nowrap; }
.cp-lang-dir[b-3x195wona7] { font-variant-numeric: tabular-nums; color: var(--mud-palette-text-primary); white-space: nowrap; }
.cp-lang-snip[b-3x195wona7] { color: var(--mud-palette-text-secondary); font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Actions / escalations */
.cp-sec .t[b-3x195wona7] { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--mud-palette-text-secondary); margin-bottom: 9px; }
.cp-noact[b-3x195wona7] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.cp-act[b-3x195wona7] { display: flex; align-items: center; gap: 8px; font-size: 12px; padding: 5px 0; border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 50%, transparent); }
.cp-act:last-child[b-3x195wona7] { border-bottom: 0; }
.cp-act-type[b-3x195wona7] { font-size: 10px; font-weight: 700; padding: 2px 7px; border-radius: 6px; color: #fff; }
.cp-act-type.esc[b-3x195wona7] { background: #c0392b; } .cp-act-type.dig[b-3x195wona7] { background: #2f6fb0; } .cp-act-type.nud[b-3x195wona7] { background: #6b7688; }
.cp-act-to[b-3x195wona7] { font-weight: 600; color: var(--mud-palette-text-primary); }
.cp-act-status[b-3x195wona7] { margin-left: auto; font-size: 10.5px; font-weight: 700; text-transform: uppercase; }
.cp-act-status.sent[b-3x195wona7] { color: #357a44; } .cp-act-status.cancelled[b-3x195wona7], .cp-act-status.suppressed[b-3x195wona7] { color: var(--mud-palette-text-secondary); } .cp-act-status.pending[b-3x195wona7] { color: #b45309; } .cp-act-status.failed[b-3x195wona7] { color: #c0392b; }
.cp-act-ch[b-3x195wona7] { font-size: 11px; color: var(--mud-palette-text-secondary); }
/* /Pages/Audit/Components/AuditFindingsReport.razor.rz.scp.css */
.fr[b-2df5bqr9pb] { display: flex; flex-direction: column; gap: 10px; }

/* Filter bar */
.fr-bar[b-2df5bqr9pb] { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.fr-field[b-2df5bqr9pb] { display: flex; flex-direction: column; gap: 3px; }
.fr-label[b-2df5bqr9pb] { font-size: 11px; color: var(--mud-palette-text-secondary); text-transform: uppercase; letter-spacing: .4px; }
.fr-select[b-2df5bqr9pb] { font-size: 13px; padding: 5px 8px; border-radius: 7px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); min-width: 130px; }
/* Compact MudDatePicker to match the small filter buttons: narrow width + trimmed height. */
.fr-field-dp[b-2df5bqr9pb] { min-width: 132px; }
.fr-field-dp[b-2df5bqr9pb]  .mud-picker { width: 132px; }
.fr-field-dp[b-2df5bqr9pb]  .mud-input-control { margin-top: 0; }
.fr-field-dp[b-2df5bqr9pb]  .mud-input.mud-input-outlined { font-size: 13px; }
.fr-field-dp[b-2df5bqr9pb]  .mud-input.mud-input-outlined input { padding-top: 5px; padding-bottom: 5px; height: 20px; }
.fr-field-dp[b-2df5bqr9pb]  .mud-input-adornment .mud-icon-root { font-size: 18px; }
.fr-spacer[b-2df5bqr9pb] { flex: 1 1 auto; }
.fr-count[b-2df5bqr9pb] { font-size: 12px; font-weight: 700; color: var(--mud-palette-text-secondary); align-self: center; }
.fr-export[b-2df5bqr9pb] { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--mud-palette-primary); background: var(--mud-palette-primary); color: #fff; border-radius: 8px; padding: 7px 14px; font-size: 13px; font-weight: 600; cursor: pointer; }
.fr-export:disabled[b-2df5bqr9pb] { opacity: .5; cursor: default; }
.fr-export-ic[b-2df5bqr9pb] { font-size: 16px !important; }

.fr-empty[b-2df5bqr9pb] { font-size: 13px; color: var(--mud-palette-text-secondary); padding: 20px 4px; text-align: center; }

/* Table */
.fr-scroll[b-2df5bqr9pb] { overflow-x: auto; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-surface); }
.fr-table[b-2df5bqr9pb] { width: 100%; border-collapse: collapse; font-size: 13px; background: var(--mud-palette-surface); }
.fr-table th[b-2df5bqr9pb] { text-align: left; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--mud-palette-text-secondary); background: var(--mud-palette-surface, #fff); border-bottom: 1px solid var(--mud-palette-lines-default); padding: 8px 10px; white-space: nowrap; position: sticky; top: 0; }
.fr-table td[b-2df5bqr9pb] { padding: 7px 10px; border-top: 1px solid var(--mud-palette-lines-default); vertical-align: top; }
.fr-table tbody tr:hover[b-2df5bqr9pb] { background: color-mix(in srgb, var(--mud-palette-primary) 5%, transparent); }
.fr-clickable[b-2df5bqr9pb] { cursor: pointer; }

.fr-person[b-2df5bqr9pb] { white-space: nowrap; }
.fr-no[b-2df5bqr9pb] { font-size: 11px; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); margin-right: 7px; }
.fr-nm[b-2df5bqr9pb] { color: var(--mud-palette-text-primary); }
.fr-date[b-2df5bqr9pb] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.fr-detail[b-2df5bqr9pb] { color: var(--mud-palette-text-secondary); min-width: 240px; }

/* Severity + status chips */
.fr-sev[b-2df5bqr9pb], .fr-st[b-2df5bqr9pb] { display: inline-block; font-size: 10.5px; font-weight: 700; padding: 2px 8px; border-radius: 10px; white-space: nowrap; }
.fr-sev.hi[b-2df5bqr9pb] { background: #f2c2bd; color: #7d2b23; }
.fr-sev.md[b-2df5bqr9pb] { background: #fbe4b4; color: #7a5a12; }
.fr-sev.lo[b-2df5bqr9pb] { background: #e3e7ee; color: #4a5566; }
.fr-st.open[b-2df5bqr9pb] { background: #fbe4b4; color: #7a5a12; }
.fr-st.ack[b-2df5bqr9pb] { background: #c7d9f4; color: #23406e; }
.fr-st.res[b-2df5bqr9pb] { background: #bfe6cf; color: #1f5a38; }
.fr-st.dis[b-2df5bqr9pb] { background: #e3e7ee; color: #4a5566; }

/* Pager (mirrors ea-pager) */
.fr-pager[b-2df5bqr9pb] { display: flex; align-items: center; gap: 8px; padding-top: 2px; }
.fr-pager-info[b-2df5bqr9pb] { font-size: 12px; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; }
.fr-pager-btn[b-2df5bqr9pb] { width: 30px; height: 28px; border-radius: 7px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); font-size: 1rem; cursor: pointer; }
.fr-pager-btn:disabled[b-2df5bqr9pb] { opacity: .4; cursor: default; }
.fr-pager-btn:hover:not(:disabled)[b-2df5bqr9pb] { border-color: var(--mud-palette-primary); }

/* ── Dark theme ── */
.sams-dark .fr-sev.hi[b-2df5bqr9pb] { background: #5a2b28; color: #f0958a; }
.sams-dark .fr-sev.md[b-2df5bqr9pb], .sams-dark .fr-st.open[b-2df5bqr9pb] { background: #5a4620; color: #f4cf6a; }
.sams-dark .fr-sev.lo[b-2df5bqr9pb], .sams-dark .fr-st.dis[b-2df5bqr9pb] { background: #2b3038; color: #b8c0cc; }
.sams-dark .fr-st.ack[b-2df5bqr9pb] { background: #23364f; color: #9db9e6; }
.sams-dark .fr-st.res[b-2df5bqr9pb] { background: #1f3a2c; color: #8fd3ad; }

/* ── Mobile card view (rendered only below Md via MudHidden). The 7-column
   table scrolls off a phone; these stack each finding as a tappable card. ── */
.fr-mc-wrap[b-2df5bqr9pb] { display: flex; flex-direction: column; gap: 8px; }
.fr-mc-card[b-2df5bqr9pb] {
    display: flex; flex-direction: column; gap: 4px; padding: 10px 12px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 10px;
    background: var(--mud-palette-surface); cursor: pointer;
}
.fr-mc-card:active[b-2df5bqr9pb] { background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent); }
.fr-mc-top[b-2df5bqr9pb] { display: flex; align-items: flex-start; gap: 8px; }
.fr-mc-who[b-2df5bqr9pb] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.fr-mc-who .fr-nm[b-2df5bqr9pb] { font-weight: 600; font-size: 13.5px; }
.fr-mc-who .fr-no[b-2df5bqr9pb] { font-size: 11px; margin-right: 0; }
.fr-mc-meta[b-2df5bqr9pb] { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; font-size: 12px; color: var(--mud-palette-text-secondary); }
.fr-mc-dot[b-2df5bqr9pb] { color: var(--mud-palette-text-disabled); }
.fr-mc-date[b-2df5bqr9pb] { font-variant-numeric: tabular-nums; }
.fr-mc-rule[b-2df5bqr9pb] { display: flex; align-items: center; gap: 6px; }
.fr-mc-rulename[b-2df5bqr9pb] { font-size: 12.5px; font-weight: 600; color: var(--mud-palette-text-primary); }
.fr-mc-spacer[b-2df5bqr9pb] { flex: 1; }
.fr-mc-detail[b-2df5bqr9pb] { font-size: 12px; color: var(--mud-palette-text-secondary); line-height: 1.4; }
/* /Pages/Audit/Components/AuditManagerTree.razor.rz.scp.css */
.mt[b-eo4hu3uqas] { border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); padding: 6px 6px 10px; }
.mt-head[b-eo4hu3uqas] { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; }
.mt-title[b-eo4hu3uqas] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--mud-palette-text-primary); }
.mt-title-ic[b-eo4hu3uqas] { font-size: 18px !important; color: var(--mud-palette-primary); }
.mt-lvls[b-eo4hu3uqas] { display: flex; align-items: center; gap: 4px; }
.mt-lvl-label[b-eo4hu3uqas] { font-size: 11px; color: var(--mud-palette-text-secondary); margin-right: 4px; text-transform: uppercase; letter-spacing: .4px; }
.mt-lvl[b-eo4hu3uqas] { border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); color: var(--mud-palette-text-secondary); border-radius: 7px; padding: 3px 9px; font-size: 12px; font-weight: 600; cursor: pointer; }
.mt-lvl.on[b-eo4hu3uqas] { background: var(--mud-palette-primary); color: #fff; border-color: var(--mud-palette-primary); }
.mt-empty[b-eo4hu3uqas] { font-size: 13px; color: var(--mud-palette-text-secondary); padding: 10px 12px; }

.mt-row[b-eo4hu3uqas] { display: flex; align-items: center; gap: 10px; padding: 5px 8px; border-radius: 7px; cursor: pointer; font-size: 13px; }
.mt-row:hover[b-eo4hu3uqas] { background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent); }
/* Columns: org name (flat, far left) · name (indented) · headcount · % · findings · bar (fills, far right) */
.mt-dept[b-eo4hu3uqas] { flex: 0 0 190px; min-width: 0; font-size: 12px; color: var(--mud-palette-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mt-namecol[b-eo4hu3uqas] { flex: 0 0 210px; min-width: 0; display: flex; align-items: center; gap: 6px; }
.mt-caret[b-eo4hu3uqas] { border: 0; background: transparent; color: var(--mud-palette-text-secondary); cursor: pointer; width: 16px; flex: none; font-size: 11px; padding: 0; }
.mt-caret.leaf[b-eo4hu3uqas] { color: color-mix(in srgb, var(--mud-palette-text-secondary) 45%, transparent); cursor: default; }
.mt-nm[b-eo4hu3uqas] { font-weight: 600; color: var(--mud-palette-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mt-hc[b-eo4hu3uqas] { flex: 0 0 34px; color: var(--mud-palette-text-secondary); font-size: 11.5px; text-align: right; }
.mt-pct[b-eo4hu3uqas] { flex: 0 0 52px; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-primary); }
.mt-cnt[b-eo4hu3uqas] { flex: 0 0 76px; font-size: 11.5px; color: #c0392b; }
.mt-bar[b-eo4hu3uqas] { flex: 0 1 340px; height: 11px; border-radius: 6px; background: color-mix(in srgb, var(--mud-palette-lines-default) 60%, transparent); overflow: hidden; }
.mt-bar > i[b-eo4hu3uqas] { display: block; height: 100%; }
.mt-g[b-eo4hu3uqas] { background: linear-gradient(90deg,#5bb06c,#4a9d5b); }
.mt-a[b-eo4hu3uqas] { background: linear-gradient(90deg,#f0c04e,#e6a92f); }
.mt-r[b-eo4hu3uqas] { background: linear-gradient(90deg,#e78a7f,#d0574a); }
.mt-lvl-select[b-eo4hu3uqas] { font-size: 11px; padding: 2px 6px; border-radius: 6px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }

/* ── Mobile: dept (190px) + name (210px) + bar (340px) overflow a phone and
   push the % flawless off-screen. Drop the visual bar and let dept/name flex
   and truncate so unit · manager · % all fit. ── */
@media (max-width: 640px) {
    .mt-bar[b-eo4hu3uqas] { display: none; }
    .mt-dept[b-eo4hu3uqas] { flex: 1 1 0; }
    .mt-namecol[b-eo4hu3uqas] { flex: 1 1 0; }
    .mt-cnt[b-eo4hu3uqas] { flex: 0 0 auto; }
}

/* ── Dark theme ── */
.sams-dark .mt-g[b-eo4hu3uqas] { background: linear-gradient(90deg,#6cc47d,#57b56a); }
.sams-dark .mt-a[b-eo4hu3uqas] { background: linear-gradient(90deg,#f4cf6a,#e6b23f); }
.sams-dark .mt-r[b-eo4hu3uqas] { background: linear-gradient(90deg,#f0958a,#dc6557); }
.sams-dark .mt-cnt[b-eo4hu3uqas] { color: #f0958a; }
/* /Pages/Audit/Components/AuditMatrix.razor.rz.scp.css */
.mx[b-4c9ahglm9v] { display: flex; flex-direction: column; gap: 10px; }

/* Legend */
.mx-legend[b-4c9ahglm9v] { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--mud-palette-text-secondary); }
.mx-legend span[b-4c9ahglm9v] { display: flex; align-items: center; gap: 5px; }
/* "Not audited" legend carries a guidance tooltip → mark it as hoverable. */
.mx-unc-legend[b-4c9ahglm9v] { cursor: help; }
.mx-help[b-4c9ahglm9v] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 13px; height: 13px; border-radius: 50%;
    font-size: 9px; font-weight: 700; line-height: 1;
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 22%, transparent);
    color: var(--mud-palette-text-secondary); margin-left: 1px;
}
.mx-dot[b-4c9ahglm9v] { display: inline-block; width: 11px; height: 11px; border-radius: 3px; border: 1px solid rgba(0,0,0,.06); }

.mx-empty[b-4c9ahglm9v] { font-size: 13px; color: var(--mud-palette-text-secondary); padding: 10px 4px; }

/* Month pager (long ranges paginate the columns by month) */
.mx-monthnav[b-4c9ahglm9v] { display: flex; align-items: center; gap: 8px; padding: 2px 2px 4px; }
.mx-monthnav-btn[b-4c9ahglm9v] { width: 28px; height: 26px; border-radius: 7px; border: 1px solid var(--mud-palette-lines-default, #e6e8ec); background: var(--mud-palette-surface, #fff); color: var(--mud-palette-text-primary, #1f2733); font-size: 1rem; line-height: 1; cursor: pointer; }
.mx-monthnav-btn:disabled[b-4c9ahglm9v] { opacity: .4; cursor: default; }
.mx-monthnav-btn:hover:not(:disabled)[b-4c9ahglm9v] { border-color: var(--mud-palette-primary, #0f2d52); }
.mx-monthnav-label[b-4c9ahglm9v] { font-size: 0.86rem; font-weight: 700; color: var(--mud-palette-text-primary, #1f2733); min-width: 120px; text-align: center; text-transform: capitalize; }
.mx-monthnav-count[b-4c9ahglm9v] { font-size: 0.72rem; color: var(--mud-palette-text-secondary, #76808f); }

/* Grid */
.mx-scroll[b-4c9ahglm9v] { overflow-x: auto; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: var(--mud-palette-surface); }
.mx-grid[b-4c9ahglm9v] { border-collapse: separate; border-spacing: 3px; padding: 8px; user-select: none; }
.mx-grid th[b-4c9ahglm9v], .mx-grid td[b-4c9ahglm9v] { padding: 0; }

.mx-colh[b-4c9ahglm9v] { width: 26px; font-size: 11px; font-weight: 600; color: var(--mud-palette-text-secondary); text-align: center; padding-bottom: 4px; }
.mx-colh.we[b-4c9ahglm9v] { color: color-mix(in srgb, var(--mud-palette-text-secondary) 55%, transparent); }

.mx-rowh[b-4c9ahglm9v] { position: sticky; left: 0; z-index: 1; background: var(--mud-palette-surface); text-align: left; white-space: nowrap; padding-right: 12px; min-width: 150px; cursor: pointer; }
.mx-rowh:hover .mx-nm[b-4c9ahglm9v] { text-decoration: underline; }
/* Pernr leads, name follows (per request). */
.mx-no[b-4c9ahglm9v] { font-size: 11px; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }
.mx-nm[b-4c9ahglm9v] { font-size: 12.5px; color: var(--mud-palette-text-primary); margin-left: 7px; }
.mx-mgr[b-4c9ahglm9v] { font-size: 13px; margin-right: 4px; vertical-align: -1px; letter-spacing: -2px; white-space: nowrap; }

/* Org grouping: department banner (primary) + a slimmer, indented sub-unit banner (one level deeper). */
.mx-grouphdr .mx-grouphdr-cell[b-4c9ahglm9v] {
    position: sticky; left: 0;
    text-align: left; font-size: 11px; font-weight: 700; letter-spacing: .02em;
    text-transform: uppercase; color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface, #fff);
    padding: 7px 8px 3px; border-radius: 5px; cursor: pointer; user-select: none;
}
.mx-grouphdr .mx-grouphdr-cell:hover[b-4c9ahglm9v] { color: var(--mud-palette-text-primary); }
.mx-subhdr .mx-subhdr-cell[b-4c9ahglm9v] {
    position: sticky; left: 0;
    text-align: left; font-size: 10.5px; font-weight: 600; letter-spacing: .01em;
    color: color-mix(in srgb, var(--mud-palette-text-secondary) 85%, transparent);
    background: transparent;
    padding: 3px 8px 2px 22px; cursor: pointer; user-select: none;
}
.mx-subhdr .mx-subhdr-cell:hover[b-4c9ahglm9v] { color: var(--mud-palette-text-primary); }
.mx-caret[b-4c9ahglm9v] { display: inline-block; width: 12px; color: var(--mud-palette-text-secondary); font-size: 9px; margin-right: 3px; }
/* Indent member rows slightly under a sub-band for a clear hierarchy read. */

/* Cells */
.mx-cell[b-4c9ahglm9v] { width: 26px; height: 26px; border-radius: 6px; border: 1px solid transparent; position: relative; cursor: pointer; }
.mx-clean[b-4c9ahglm9v] { background: #d4ecdb; border-color: #b7dcc1; }
.mx-open.mx-hi[b-4c9ahglm9v] { background: #f2c2bd; border-color: #e39a92; }
.mx-open.mx-md[b-4c9ahglm9v] { background: #fbe4b4; border-color: #f0cd84; }
.mx-open[b-4c9ahglm9v] { background: #fbe4b4; border-color: #f0cd84; }
.mx-ack[b-4c9ahglm9v] { background: #c7d9f4; border-color: #a6c1ea; }
.mx-res[b-4c9ahglm9v] { background: #bfe6cf; border-color: #93d3af; }
.mx-dis[b-4c9ahglm9v] { background: #e3e7ee; border-color: #cfd6e0; }
.mx-unc[b-4c9ahglm9v] { background: repeating-linear-gradient(45deg, #eef0f3, #eef0f3 3px, #e4e7ec 3px, #e4e7ec 6px); }
.mx-off[b-4c9ahglm9v] { background: #e9ebef; }

.mx-sel[b-4c9ahglm9v] { outline: 3px solid var(--mud-palette-primary); outline-offset: -1px; z-index: 2; }

.mx-badge[b-4c9ahglm9v] { position: absolute; top: -4px; right: -4px; background: #c0392b; color: #fff; font-size: 9px; line-height: 14px; min-width: 14px; height: 14px; border-radius: 8px; padding: 0 3px; font-weight: 700; text-align: center; }
.mx-open.mx-md .mx-badge[b-4c9ahglm9v] { background: #c9962b; }

/* ── Legend + row pager share one row; pager pinned far right ── */
.mx-topbar[b-4c9ahglm9v] { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
/* ── Row nav + rule-filter hit highlight (filter chips live in EffortAudit now) ── */
.mx-rownav[b-4c9ahglm9v] { margin-left: auto; padding-top: 0; padding-bottom: 0; }
/* Strong dark border on cells matching the active rule filter (overlays the state color). */
.mx-hit[b-4c9ahglm9v] { box-shadow: inset 0 0 0 2px #1c2b33; }

/* ── Dark theme (MainLayout adds .sams-dark on the layout root) ── */
.sams-dark .mx-clean[b-4c9ahglm9v] { background: #1e3a2a; border-color: #2c5540; }
.sams-dark .mx-open.mx-hi[b-4c9ahglm9v] { background: #5a2b28; border-color: #7d3b36; }
.sams-dark .mx-open.mx-md[b-4c9ahglm9v], .sams-dark .mx-open[b-4c9ahglm9v] { background: #5a4620; border-color: #7d6330; }
.sams-dark .mx-ack[b-4c9ahglm9v] { background: #23364f; border-color: #37527a; }
.sams-dark .mx-res[b-4c9ahglm9v] { background: #1f3a2c; border-color: #2f5a44; }
.sams-dark .mx-dis[b-4c9ahglm9v] { background: #2b3038; border-color: #3d434d; }
.sams-dark .mx-unc[b-4c9ahglm9v] { background: repeating-linear-gradient(45deg, #2a2e35, #2a2e35 3px, #23262c 3px, #23262c 6px); }
.sams-dark .mx-off[b-4c9ahglm9v] { background: #23262c; }
.sams-dark .mx-badge[b-4c9ahglm9v] { background: #e5645a; }
.sams-dark .mx-hit[b-4c9ahglm9v] { box-shadow: inset 0 0 0 2px #cfe2ee; }
/* /Pages/Audit/Components/AuditMobileSummary.razor.rz.scp.css */
.ams[b-awygk8sws7] { display: flex; flex-direction: column; gap: 10px; }

.ams-empty[b-awygk8sws7], .ams-allclean[b-awygk8sws7] {
    font-size: 13px; color: var(--mud-palette-text-secondary);
    padding: 24px 4px; text-align: center;
}

/* Header: flawless % + affected-people count */
.ams-head[b-awygk8sws7] { display: flex; align-items: baseline; gap: 6px; padding: 2px 2px 4px; }
.ams-flaw[b-awygk8sws7] { font-size: 20px; font-weight: 800; color: var(--mud-palette-primary); font-variant-numeric: tabular-nums; }
.ams-flaw-lbl[b-awygk8sws7] { font-size: 11px; text-transform: uppercase; letter-spacing: .4px; color: var(--mud-palette-text-secondary); }
.ams-spacer[b-awygk8sws7] { flex: 1 1 auto; }
.ams-count[b-awygk8sws7] { font-size: 13px; font-weight: 700; color: var(--mud-palette-text-secondary); }

/* Card */
.ams-card[b-awygk8sws7] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
    background: var(--mud-palette-surface);
    padding: 10px 12px;
    display: flex; flex-direction: column; gap: 8px;
}
.ams-card-top[b-awygk8sws7] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.ams-who[b-awygk8sws7] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ams-name[b-awygk8sws7] { font-size: 14px; font-weight: 700; color: var(--mud-palette-text-primary); }
.ams-sub[b-awygk8sws7] { font-size: 11.5px; color: var(--mud-palette-text-secondary); }
.ams-no[b-awygk8sws7] { font-variant-numeric: tabular-nums; margin-right: 4px; }

/* Worst-severity chip */
.ams-sev[b-awygk8sws7] { flex-shrink: 0; font-size: 10.5px; font-weight: 800; padding: 2px 9px; border-radius: 10px; white-space: nowrap; letter-spacing: .3px; }
.ams-sev.hi[b-awygk8sws7] { background: #f2c2bd; color: #7d2b23; }
.ams-sev.md[b-awygk8sws7] { background: #fbe4b4; color: #7a5a12; }
.ams-sev.lo[b-awygk8sws7] { background: #e3e7ee; color: #4a5566; }
.ams-sev.na[b-awygk8sws7] { background: #eceff3; color: #8a94a3; }

/* Metric line */
.ams-metrics[b-awygk8sws7] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12.5px; }
.ams-m[b-awygk8sws7] { color: var(--mud-palette-text-secondary); }
.ams-m-open[b-awygk8sws7] { color: var(--mud-palette-text-primary); font-weight: 600; }
.ams-m-ack[b-awygk8sws7] { color: #23406e; }
.ams-dot[b-awygk8sws7] { color: var(--mud-palette-text-disabled); }

/* Affected-day chips → open the shared cell drawer */
.ams-days[b-awygk8sws7] { display: flex; flex-wrap: wrap; gap: 6px; }
.ams-day[b-awygk8sws7] {
    font-size: 12px; font-variant-numeric: tabular-nums; font-weight: 600;
    padding: 4px 9px; border-radius: 7px; cursor: pointer;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey, #f5f6f8);
    color: var(--mud-palette-text-primary);
}
.ams-day.hi[b-awygk8sws7] { border-color: #e0a59f; background: #fbeeec; color: #7d2b23; }
.ams-day.md[b-awygk8sws7] { border-color: #e8cf97; background: #fdf6e7; color: #7a5a12; }
.ams-day:active[b-awygk8sws7] { transform: scale(0.96); }

/* ── Dark theme ── */
.sams-dark .ams-sev.hi[b-awygk8sws7] { background: #5a2b28; color: #f0958a; }
.sams-dark .ams-sev.md[b-awygk8sws7] { background: #5a4620; color: #f4cf6a; }
.sams-dark .ams-sev.lo[b-awygk8sws7], .sams-dark .ams-sev.na[b-awygk8sws7] { background: #2b3038; color: #b8c0cc; }
.sams-dark .ams-m-ack[b-awygk8sws7] { color: #9db9e6; }
.sams-dark .ams-day.hi[b-awygk8sws7] { border-color: #5a2b28; background: #2a1c1a; color: #f0958a; }
.sams-dark .ams-day.md[b-awygk8sws7] { border-color: #5a4620; background: #29231a; color: #f4cf6a; }
/* /Pages/Audit/Components/AuditMultiFilter.razor.rz.scp.css */
.mf[b-yq4xcvcgva] { display: flex; flex-direction: column; gap: 3px; position: relative; }
.mf-label[b-yq4xcvcgva] { font-size: 11px; color: var(--mud-palette-text-secondary); text-transform: uppercase; letter-spacing: .4px; }
.mf-btn[b-yq4xcvcgva] {
    display: inline-flex; align-items: center; justify-content: space-between; gap: 8px;
    min-width: 130px; font-size: 13px; padding: 5px 8px; border-radius: 7px;
    border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary); cursor: pointer;
}
.mf-btn.on[b-yq4xcvcgva] { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); font-weight: 600; }
.mf-val[b-yq4xcvcgva] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mf-caret[b-yq4xcvcgva] { font-size: 9px; color: var(--mud-palette-text-secondary); }

.mf-overlay[b-yq4xcvcgva] { position: fixed; inset: 0; z-index: 40; }
.mf-menu[b-yq4xcvcgva] {
    position: absolute; top: 100%; left: 0; margin-top: 4px; z-index: 41;
    min-width: 220px; max-width: 320px; background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default); border-radius: 9px;
    box-shadow: 0 8px 24px rgba(0,0,0,.14); padding: 6px; display: flex; flex-direction: column; gap: 4px;
}
.mf-search[b-yq4xcvcgva] {
    font-size: 13px; padding: 6px 8px; border-radius: 6px;
    border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary); outline: none;
}
.mf-search:focus[b-yq4xcvcgva] { border-color: var(--mud-palette-primary); }
.mf-list[b-yq4xcvcgva] { max-height: 260px; overflow-y: auto; display: flex; flex-direction: column; }
.mf-item[b-yq4xcvcgva] {
    display: flex; align-items: center; gap: 8px; padding: 5px 6px; border-radius: 6px;
    font-size: 13px; cursor: pointer; color: var(--mud-palette-text-primary);
}
.mf-item:hover[b-yq4xcvcgva] { background: color-mix(in srgb, var(--mud-palette-primary) 7%, transparent); }
.mf-item span[b-yq4xcvcgva] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mf-empty[b-yq4xcvcgva] { font-size: 12px; color: var(--mud-palette-text-secondary); padding: 8px 6px; }
.mf-clear[b-yq4xcvcgva] {
    margin-top: 2px; font-size: 12px; padding: 5px; border-radius: 6px; cursor: pointer;
    border: 0; background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    color: var(--mud-palette-primary); font-weight: 600;
}
/* /Pages/Audit/Components/AuditOrgTree.razor.rz.scp.css */
.ot[b-zhwpy4wanw] { border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); padding: 6px 6px 10px; }
.ot-head[b-zhwpy4wanw] { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; }
.ot-title[b-zhwpy4wanw] { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--mud-palette-text-primary); }
.ot-title-ic[b-zhwpy4wanw] { font-size: 18px !important; color: var(--mud-palette-primary); }
/* Discoverability caption: units drill into the matrix on double-click. */
.ot-hint[b-zhwpy4wanw] { display: inline-flex; align-items: center; gap: 4px; margin-left: 12px; font-size: 11.5px; font-weight: 500; color: var(--mud-palette-text-secondary); white-space: nowrap; }
.ot-hint-ic[b-zhwpy4wanw] { font-size: 14px !important; color: var(--mud-palette-text-secondary); }
.ot-lvls[b-zhwpy4wanw] { display: flex; align-items: center; gap: 4px; }
.ot-lvl-label[b-zhwpy4wanw] { font-size: 11px; color: var(--mud-palette-text-secondary); margin-right: 4px; text-transform: uppercase; letter-spacing: .4px; }
.ot-lvl[b-zhwpy4wanw] { border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); color: var(--mud-palette-text-secondary); border-radius: 7px; padding: 3px 9px; font-size: 12px; font-weight: 600; cursor: pointer; }
.ot-lvl.on[b-zhwpy4wanw] { background: var(--mud-palette-primary); color: #fff; border-color: var(--mud-palette-primary); }
.ot-onlysel-wrap[b-zhwpy4wanw] { margin-left: auto; margin-right: 10px; display: inline-flex; }
.ot-onlysel[b-zhwpy4wanw] { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); color: var(--mud-palette-text-secondary); border-radius: 7px; padding: 4px 7px; cursor: pointer; }
.ot-onlysel.on[b-zhwpy4wanw] { background: var(--mud-palette-primary); color: #fff; border-color: var(--mud-palette-primary); }
.ot-onlysel-ic[b-zhwpy4wanw] { font-size: 16px !important; }
.ot-empty[b-zhwpy4wanw] { font-size: 13px; color: var(--mud-palette-text-secondary); padding: 10px 12px; }

.ot-row[b-zhwpy4wanw] { display: flex; align-items: center; gap: 10px; padding: 5px 8px; border-radius: 7px; cursor: pointer; font-size: 13px; }
.ot-row:hover[b-zhwpy4wanw] { background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent); }
.ot-row.selected[b-zhwpy4wanw] { background: color-mix(in srgb, var(--mud-palette-primary) 20%, transparent); box-shadow: inset 4px 0 0 var(--mud-palette-primary), 0 0 0 1px color-mix(in srgb, var(--mud-palette-primary) 45%, transparent); }
.ot-row.selected:hover[b-zhwpy4wanw] { background: color-mix(in srgb, var(--mud-palette-primary) 24%, transparent); }
.ot-row.selected .ot-nm[b-zhwpy4wanw] { color: var(--mud-palette-primary); font-weight: 700; }
.ot-row.person[b-zhwpy4wanw] { font-size: 12.5px; }
/* Columns: name/unit (indented) · headcount · % · findings · bar (fills, far right) */
.ot-namecol[b-zhwpy4wanw] { flex: 0 0 250px; min-width: 0; display: flex; align-items: center; gap: 5px; }
.ot-caret[b-zhwpy4wanw] { border: 0; background: transparent; color: var(--mud-palette-text-secondary); cursor: pointer; width: 16px; flex: none; font-size: 11px; padding: 0; }
.ot-caret.leaf[b-zhwpy4wanw] { color: color-mix(in srgb, var(--mud-palette-text-secondary) 45%, transparent); cursor: default; }

/* commander icon for unit heads (pinned on top of their unit) */
.ot-cmd[b-zhwpy4wanw] { font-size: 15px !important; width: 16px !important; height: 16px !important; flex: none; color: var(--mud-palette-primary); }
.ot-cmd-sp[b-zhwpy4wanw] { width: 16px; flex: none; display: inline-block; }

.ot-nm[b-zhwpy4wanw] { font-weight: 600; color: var(--mud-palette-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ot-row.person .ot-nm[b-zhwpy4wanw] { font-weight: 500; color: var(--mud-palette-text-secondary); }
.ot-nm.head[b-zhwpy4wanw] { font-weight: 700; color: var(--mud-palette-text-primary); }
.ot-hc[b-zhwpy4wanw] { flex: 0 0 34px; color: var(--mud-palette-text-secondary); font-size: 11.5px; text-align: right; }
.ot-pct[b-zhwpy4wanw] { flex: 0 0 52px; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-primary); }
.ot-cnt[b-zhwpy4wanw] { flex: 0 0 76px; font-size: 11.5px; color: #c0392b; }
.ot-bar[b-zhwpy4wanw] { flex: 0 1 340px; height: 11px; border-radius: 6px; background: color-mix(in srgb, var(--mud-palette-lines-default) 60%, transparent); overflow: hidden; }
.ot-bar > i[b-zhwpy4wanw] { display: block; height: 100%; }
.ot-g[b-zhwpy4wanw] { background: linear-gradient(90deg,#5bb06c,#4a9d5b); }
.ot-a[b-zhwpy4wanw] { background: linear-gradient(90deg,#f0c04e,#e6a92f); }
.ot-r[b-zhwpy4wanw] { background: linear-gradient(90deg,#e78a7f,#d0574a); }
.ot-bar.ot-na[b-zhwpy4wanw] { background: transparent; }
.ot-pct.ot-na[b-zhwpy4wanw] { color: color-mix(in srgb, var(--mud-palette-text-secondary) 60%, transparent); font-weight: 500; }
.ot-lvl-select[b-zhwpy4wanw] { font-size: 11px; padding: 2px 6px; border-radius: 6px; border: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }

/* ── Mobile: the row's fixed 250px name + up-to-340px meter bar (≈790px total)
   overflow a phone, pushing the % flawless off the right edge. Let the name
   flex to fill, drop the visual bar (the % number conveys the same), and hide
   the desktop-only double-click hint. ── */
@media (max-width: 640px) {
    .ot-hint[b-zhwpy4wanw] { display: none; }
    .ot-namecol[b-zhwpy4wanw] { flex: 1 1 auto; }
    .ot-bar[b-zhwpy4wanw] { display: none; }
    .ot-cnt[b-zhwpy4wanw] { flex: 0 0 auto; }
}

/* ── Dark theme ── */
.sams-dark .ot-g[b-zhwpy4wanw] { background: linear-gradient(90deg,#6cc47d,#57b56a); }
.sams-dark .ot-a[b-zhwpy4wanw] { background: linear-gradient(90deg,#f4cf6a,#e6b23f); }
.sams-dark .ot-r[b-zhwpy4wanw] { background: linear-gradient(90deg,#f0958a,#dc6557); }
.sams-dark .ot-cnt[b-zhwpy4wanw] { color: #f0958a; }
/* /Pages/Audit/Components/AuditRollup.razor.rz.scp.css */
.rl[b-60gj9znqfx] { border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); padding: 14px 16px; }
.rl-title[b-60gj9znqfx] { font-size: 14px; font-weight: 700; margin-bottom: 12px; color: var(--mud-palette-text-primary); }
.rl-title small[b-60gj9znqfx] { color: var(--mud-palette-text-secondary); font-weight: 400; font-size: 12px; margin-left: 6px; }
.rl-empty[b-60gj9znqfx] { font-size: 13px; color: var(--mud-palette-text-secondary); }

.rl-row[b-60gj9znqfx] { display: flex; align-items: center; gap: 12px; padding: 7px 6px; border-bottom: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 50%, transparent); font-size: 13px; cursor: pointer; border-radius: 6px; }
.rl-row:last-child[b-60gj9znqfx] { border-bottom: 0; }
.rl-row:hover[b-60gj9znqfx] { background: color-mix(in srgb, var(--mud-palette-primary) 6%, transparent); }
.rl-nm[b-60gj9znqfx] { width: 220px; font-weight: 600; color: var(--mud-palette-text-primary); }
.rl-nm small[b-60gj9znqfx] { color: var(--mud-palette-text-secondary); font-weight: 400; margin-left: 6px; }
.rl-bar[b-60gj9znqfx] { flex: 1; height: 12px; border-radius: 6px; background: color-mix(in srgb, var(--mud-palette-lines-default) 60%, transparent); overflow: hidden; }
.rl-bar > i[b-60gj9znqfx] { display: block; height: 100%; }
.rl-g[b-60gj9znqfx] { background: linear-gradient(90deg, #5bb06c, #4a9d5b); }
.rl-a[b-60gj9znqfx] { background: linear-gradient(90deg, #f0c04e, #e6a92f); }
.rl-r[b-60gj9znqfx] { background: linear-gradient(90deg, #e78a7f, #d0574a); }
.rl-pct[b-60gj9znqfx] { width: 46px; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-primary); }
/* /Pages/Audit/Dialogs/AuditRuleSelectDialog.razor.rz.scp.css */
.rs-head[b-skdpjo49ym] { display: flex; align-items: center; gap: 8px; font-weight: 600; }

.rs[b-skdpjo49ym] { display: flex; flex-direction: column; gap: 12px; min-width: 340px; }
.rs-hint[b-skdpjo49ym] { font-size: 0.78rem; color: var(--mud-palette-text-secondary, #76808f); line-height: 1.4; }

.rs-actions[b-skdpjo49ym] { display: flex; align-items: center; gap: 8px; }
.rs-link[b-skdpjo49ym] { background: none; border: none; padding: 0; cursor: pointer; font: inherit; font-size: 0.76rem; font-weight: 600; color: var(--mud-palette-primary, #0f2d52); }
.rs-link:hover[b-skdpjo49ym] { text-decoration: underline; }
.rs-dot[b-skdpjo49ym] { color: var(--mud-palette-text-secondary, #a0a8b4); }

.rs-list[b-skdpjo49ym] { display: flex; flex-direction: column; gap: 6px; }
.rs-item[b-skdpjo49ym] {
    display: flex; flex-direction: column; gap: 4px;
    padding: 9px 11px; border-radius: 8px; cursor: pointer;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    transition: border-color 120ms ease, background 120ms ease;
}
.rs-item:hover[b-skdpjo49ym] { border-color: var(--mud-palette-primary, #0f2d52); }
.rs-item.on[b-skdpjo49ym] { background: color-mix(in srgb, var(--mud-palette-primary, #0f2d52) 6%, transparent); border-color: color-mix(in srgb, var(--mud-palette-primary, #0f2d52) 40%, transparent); }
.rs-item-top[b-skdpjo49ym] { display: flex; align-items: center; gap: 10px; }
.rs-item input[b-skdpjo49ym] { width: 16px; height: 16px; cursor: pointer; }
.rs-desc[b-skdpjo49ym] { font-size: 0.75rem; line-height: 1.35; color: var(--mud-palette-text-secondary, #76808f); padding-left: 26px; }
.rs-ex[b-skdpjo49ym] { font-size: 0.72rem; font-style: italic; color: color-mix(in srgb, var(--mud-palette-text-secondary, #76808f) 88%, transparent); padding-left: 26px; }

.rs-sev[b-skdpjo49ym] { font-size: 0.62rem; font-weight: 700; letter-spacing: .03em; padding: 2px 6px; border-radius: 5px; text-transform: uppercase; }
.rs-sev.high[b-skdpjo49ym]   { background: color-mix(in srgb, #e5484d 15%, var(--mud-palette-surface, #fff)); color: #b91c1c; }
.rs-sev.medium[b-skdpjo49ym] { background: color-mix(in srgb, #f59e0b 15%, var(--mud-palette-surface, #fff)); color: #92400e; }
.rs-sev.low[b-skdpjo49ym]    { background: color-mix(in srgb, #22c55e 12%, var(--mud-palette-surface, #fff)); color: #166534; }

.rs-name[b-skdpjo49ym] { flex: 1; font-size: 0.86rem; color: var(--mud-palette-text-primary, #1f2733); }
.rs-thr[b-skdpjo49ym]  { font-size: 0.72rem; color: var(--mud-palette-text-secondary, #76808f); }

/* Dialog buttons (self-contained — page-scoped .ea-btn does not reach the overlay). */
.ea-btn[b-skdpjo49ym] {
    height: 34px; padding: 0 15px; border-radius: 8px; font: inherit; font-size: 0.8rem; font-weight: 600;
    cursor: pointer; border: 1px solid var(--mud-palette-lines-default, #e6e8ec); background: var(--mud-palette-background, #f5f7fa);
    color: var(--mud-palette-text-primary, #1f2733); display: inline-flex; align-items: center; gap: 5px;
}
.ea-btn.accent[b-skdpjo49ym] { background: var(--mud-palette-success, #15803d); color: #fff; border-color: transparent; }
.ea-btn:disabled[b-skdpjo49ym] { opacity: 0.45; cursor: default; }
/* /Pages/Audit/EffortAudit.razor.rz.scp.css */
/* ── Effort Audit page — scoped styles ─────────────────────────────────────
   Theme-aware: all colours use --mud-palette-* tokens so light/dark mode
   follows the MudBlazor theme automatically. Mirrors the Working Calendar
   and Plan/Effort surfaces for visual consistency.
   ────────────────────────────────────────────────────────────────────────── */

/* ── Filter toolbar ──────────────────────────────────────────────────────── */
.ea-bar[b-74bvoiahrh] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 12px 14px;
    background: var(--mud-palette-surface, #ffffff);
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 10px;
}

.ea-field[b-74bvoiahrh] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ea-label[b-74bvoiahrh] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #76808f);
}

.ea-input[b-74bvoiahrh],
.ea-select[b-74bvoiahrh] {
    height: 34px;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 7px;
    background: var(--mud-palette-background, #f5f7fa);
    color: var(--mud-palette-text-primary, #1f2733);
    font: inherit;
    font-size: 0.82rem;
    padding: 0 10px;
    outline: none;
    min-width: 130px;
    transition: border-color 120ms ease;
}

.ea-select[b-74bvoiahrh] {
    padding-right: 6px;
}

.ea-input:focus[b-74bvoiahrh],
.ea-select:focus[b-74bvoiahrh] {
    border-color: var(--mud-palette-primary, #0f2d52);
}

/* shared action button */
.ea-btn[b-74bvoiahrh] {
    height: 34px;
    padding: 0 15px;
    border-radius: 8px;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: background 120ms ease, opacity 120ms ease;
    align-self: flex-end;
}

.ea-btn.primary[b-74bvoiahrh] {
    background: var(--mud-palette-primary, #0f2d52);
    color: var(--mud-palette-primary-text, #ffffff);
}

.ea-btn.primary:hover:not(:disabled)[b-74bvoiahrh] {
    background: color-mix(in srgb, var(--mud-palette-primary, #0f2d52) 88%, #000);
}

.ea-btn.accent[b-74bvoiahrh] {
    background: var(--mud-palette-success, #15803d);
    color: #fff;
}

.ea-btn.accent:hover:not(:disabled)[b-74bvoiahrh] {
    background: color-mix(in srgb, var(--mud-palette-success, #15803d) 88%, #000);
}

.ea-btn:disabled[b-74bvoiahrh] {
    opacity: 0.45;
    cursor: default;
}

.ea-run-btn[b-74bvoiahrh] {
    margin-left: auto;
}

/* ── Empty state ─────────────────────────────────────────────────────────── */
.ea-empty[b-74bvoiahrh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 56px 0;
    color: var(--mud-palette-text-secondary, #76808f);
    font-size: 0.9rem;
}

.ea-empty-icon[b-74bvoiahrh] {
    font-size: 3rem !important;
    opacity: 0.35;
}

/* ── Findings table ───────────────────────────────────────────────────────── */
.ea-table[b-74bvoiahrh] {
    border-radius: 10px !important;
    overflow: hidden;
}

.ea-emp-name[b-74bvoiahrh] {
    font-weight: 600;
    font-size: 0.84rem;
    color: var(--mud-palette-text-primary, #1f2733);
    display: block;
}

.ea-emp-pernr[b-74bvoiahrh] {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary, #76808f);
    font-variant-numeric: tabular-nums;
    display: block;
}

.ea-date[b-74bvoiahrh] {
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-secondary, #76808f);
    white-space: nowrap;
}

/* ── Chip base ───────────────────────────────────────────────────────────── */
.ea-chip[b-74bvoiahrh] {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    padding: 2px 7px !important;
    height: auto !important;
    letter-spacing: 0.02em;
}

/* Rule chips */
.ea-chip-rule.missing[b-74bvoiahrh]  { background: color-mix(in srgb, #f97316 14%, var(--mud-palette-surface, #fff)); color: #c2410c; }
.ea-chip-rule.leave[b-74bvoiahrh]    { background: color-mix(in srgb, #8b5cf6 14%, var(--mud-palette-surface, #fff)); color: #6d28d9; }
.ea-chip-rule.future[b-74bvoiahrh]   { background: color-mix(in srgb, #0ea5e9 14%, var(--mud-palette-surface, #fff)); color: #0369a1; }
.ea-chip-rule.overload[b-74bvoiahrh] { background: color-mix(in srgb, #e5484d 14%, var(--mud-palette-surface, #fff)); color: #b91c1c; }
.ea-chip-rule.invalid[b-74bvoiahrh]  { background: color-mix(in srgb, #a3e635 14%, var(--mud-palette-surface, #fff)); color: #4d7c0f; }

/* Severity chips */
.ea-chip-sev.high[b-74bvoiahrh]   { background: color-mix(in srgb, #e5484d 15%, var(--mud-palette-surface, #fff)); color: #b91c1c; }
.ea-chip-sev.medium[b-74bvoiahrh] { background: color-mix(in srgb, #f59e0b 15%, var(--mud-palette-surface, #fff)); color: #92400e; }
.ea-chip-sev.low[b-74bvoiahrh]    { background: color-mix(in srgb, #22c55e 12%, var(--mud-palette-surface, #fff)); color: #166534; }

/* AI-suggested severity secondary badge */
.ea-sev-wrap[b-74bvoiahrh] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.ea-sev-ai[b-74bvoiahrh] {
    opacity: 0.75;
    font-size: 0.62rem !important;
}

/* Status chips */
.ea-chip-status.open[b-74bvoiahrh]       { background: color-mix(in srgb, #f97316 12%, var(--mud-palette-surface, #fff)); color: #c2410c; }
.ea-chip-status.ack[b-74bvoiahrh]        { background: color-mix(in srgb, #0ea5e9 12%, var(--mud-palette-surface, #fff)); color: #0369a1; }
.ea-chip-status.dismissed[b-74bvoiahrh]  { background: color-mix(in srgb, #76808f 12%, var(--mud-palette-surface, #fff)); color: #4b5563; }
.ea-chip-status.resolved[b-74bvoiahrh]   { background: color-mix(in srgb, #22c55e 12%, var(--mud-palette-surface, #fff)); color: #166534; }

/* ── Row action buttons ───────────────────────────────────────────────────── */
.ea-action-btn[b-74bvoiahrh] {
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    background: transparent;
    color: var(--mud-palette-primary, #0f2d52);
    transition: background 120ms ease;
    margin-right: 5px;
}

.ea-action-btn:hover:not(:disabled)[b-74bvoiahrh] {
    background: color-mix(in srgb, var(--mud-palette-primary, #0f2d52) 6%, var(--mud-palette-surface, #fff));
}

.ea-action-btn.danger[b-74bvoiahrh] {
    color: var(--mud-palette-error, #c0392b);
    border-color: color-mix(in srgb, var(--mud-palette-error, #c0392b) 35%, var(--mud-palette-surface, #fff));
}

.ea-action-btn.danger:hover:not(:disabled)[b-74bvoiahrh] {
    background: color-mix(in srgb, var(--mud-palette-error, #c0392b) 6%, var(--mud-palette-surface, #fff));
}

.ea-action-btn:disabled[b-74bvoiahrh] {
    opacity: 0.4;
    cursor: default;
}

/* ── Detail expanded row ─────────────────────────────────────────────────── */
.ea-detail-cell[b-74bvoiahrh] {
    padding: 10px 16px 14px !important;
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 3%, var(--mud-palette-surface, #fff));
}

.ea-reasoning[b-74bvoiahrh] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 8px;
}

.ea-reasoning-label[b-74bvoiahrh],
.ea-detail-label[b-74bvoiahrh] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #76808f);
}

.ea-reasoning-text[b-74bvoiahrh] {
    font-size: 0.82rem;
    color: var(--mud-palette-text-primary, #1f2733);
    line-height: 1.55;
}

.ea-detail-json[b-74bvoiahrh] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ea-detail-code[b-74bvoiahrh] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary, #76808f);
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 5%, var(--mud-palette-surface, #fff));
    border-radius: 6px;
    padding: 6px 10px;
    word-break: break-all;
}

/* ── Parsed detail key→value definition list (Fix 3) ─────────────────── */
.ea-detail-dl[b-74bvoiahrh] {
    margin: 4px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0;
}

.ea-detail-row[b-74bvoiahrh] {
    display: contents;
}

.ea-detail-row dt[b-74bvoiahrh] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary, #76808f);
    padding: 2px 10px 2px 0;
    white-space: nowrap;
}

.ea-detail-row dd[b-74bvoiahrh] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-primary, #1f2733);
    margin: 0;
    padding: 2px 0;
    font-variant-numeric: tabular-nums;
}

/* ── Recent runs strip ───────────────────────────────────────────────────── */
.ea-runs-section[b-74bvoiahrh] {
    margin-top: 28px;
    border-top: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    padding-top: 16px;
}

.ea-runs-title[b-74bvoiahrh] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #76808f);
    margin-bottom: 12px;
}

.ea-runs-list[b-74bvoiahrh] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ea-run-card[b-74bvoiahrh] {
    min-width: 220px;
    max-width: 320px;
    flex: 1 1 220px;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 9px;
    padding: 11px 14px;
    background: var(--mud-palette-surface, #ffffff);
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ea-run-card.completed[b-74bvoiahrh] { border-color: color-mix(in srgb, #22c55e 35%, var(--mud-palette-lines-default, #e6e8ec)); }
.ea-run-card.failed[b-74bvoiahrh]    { border-color: color-mix(in srgb, var(--mud-palette-error, #e5484d) 35%, var(--mud-palette-lines-default, #e6e8ec)); }
.ea-run-card.running[b-74bvoiahrh]   { border-color: color-mix(in srgb, #0ea5e9 35%, var(--mud-palette-lines-default, #e6e8ec)); }

.ea-run-period[b-74bvoiahrh] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary, #1f2733);
    font-variant-numeric: tabular-nums;
}

.ea-run-status[b-74bvoiahrh] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ea-run-badge[b-74bvoiahrh] {
    font-size: 0.62rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 20px;
    letter-spacing: 0.03em;
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 8%, var(--mud-palette-surface, #fff));
    color: var(--mud-palette-text-secondary, #76808f);
}

.ea-run-badge-ok[b-74bvoiahrh]  { background: color-mix(in srgb, #22c55e 14%, var(--mud-palette-surface, #fff)); color: #166534; }
.ea-run-badge-err[b-74bvoiahrh] { background: color-mix(in srgb, var(--mud-palette-error, #e5484d) 14%, var(--mud-palette-surface, #fff)); color: #b91c1c; }
.ea-run-badge-run[b-74bvoiahrh] { background: color-mix(in srgb, #0ea5e9 14%, var(--mud-palette-surface, #fff)); color: #0369a1; }

.ea-run-trigger[b-74bvoiahrh] {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary, #76808f);
}

.ea-run-counts[b-74bvoiahrh] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ea-run-count[b-74bvoiahrh] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-secondary, #76808f);
}

.ea-run-count.resolved[b-74bvoiahrh] { color: var(--mud-palette-success-darken, #166534); }
.ea-run-count.ai[b-74bvoiahrh]       { color: var(--mud-palette-secondary, #6d28d9); }

.ea-run-err[b-74bvoiahrh] {
    font-size: 0.72rem;
    color: var(--mud-palette-error, #c0392b);
    margin-top: 2px;
}

/* ── Summary line ──────────────────────────────────────────────────────── */
.ea-summary[b-74bvoiahrh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 0.25rem 0 1rem;
    font-size: 0.9rem;
    color: var(--mud-palette-text-secondary, #637381);
}

.ea-summary-item b[b-74bvoiahrh] {
    color: var(--mud-palette-text-primary, #212b36);
    font-size: 1.02rem;
    font-variant-numeric: tabular-nums;
}

.ea-summary-dot[b-74bvoiahrh] { opacity: 0.45; }

/* ── Employee-grouped accordion ────────────────────────────────────────── */
.ea-acc[b-74bvoiahrh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ea-acc-group[b-74bvoiahrh] {
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 10px;
    overflow: hidden;
    background: var(--mud-palette-surface, #fff);
    transition: border-color 0.12s, box-shadow 0.12s;
}

.ea-acc-group.open[b-74bvoiahrh] {
    border-color: color-mix(in srgb, var(--mud-palette-primary, #2563eb) 38%, var(--mud-palette-lines-default, #e6e8ec));
    box-shadow: 0 1px 8px color-mix(in srgb, var(--mud-palette-primary, #2563eb) 8%, transparent);
}

.ea-acc-head[b-74bvoiahrh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.6rem 0.85rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
    transition: background 0.12s;
}

.ea-acc-head:hover[b-74bvoiahrh] {
    background: color-mix(in srgb, var(--mud-palette-primary, #2563eb) 5%, var(--mud-palette-surface, #fff));
}

.ea-acc-caret[b-74bvoiahrh] {
    flex: 0 0 auto;
    color: var(--mud-palette-text-secondary, #637381);
}

.ea-acc-id[b-74bvoiahrh] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1 1 auto;
}

.ea-acc-meta[b-74bvoiahrh] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    flex: 0 0 auto;
    font-size: 0.82rem;
    color: var(--mud-palette-text-secondary, #637381);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ea-acc-count[b-74bvoiahrh] { font-weight: 600; color: var(--mud-palette-text-primary, #212b36); }

.ea-acc-sev[b-74bvoiahrh] {
    display: flex;
    gap: 0.3rem;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 240px;
}

/* ── Expanded findings ─────────────────────────────────────────────────── */
.ea-acc-body[b-74bvoiahrh] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.2rem 0.85rem 0.6rem 2.45rem;
    border-top: 1px solid var(--mud-palette-lines-default, #eef0f2);
}

.ea-finding[b-74bvoiahrh] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    padding: 0.4rem 0;
    border-bottom: 1px dashed color-mix(in srgb, var(--mud-palette-lines-default, #e6e8ec) 65%, transparent);
}

.ea-finding:last-child[b-74bvoiahrh] { border-bottom: none; }

.ea-finding-detail[b-74bvoiahrh] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary, #637381);
    font-variant-numeric: tabular-nums;
}

.ea-kv-k[b-74bvoiahrh] { color: var(--mud-palette-text-disabled, #919eab); margin-right: 0.2rem; }

.ea-finding-actions[b-74bvoiahrh] {
    display: flex;
    gap: 0.4rem;
    margin-left: auto;
    flex: 0 0 auto;
}

.ea-finding-reasoning[b-74bvoiahrh] { flex-basis: 100%; margin-top: 0.15rem; }

/* ── Pager ─────────────────────────────────────────────────────────────── */
.ea-pager[b-74bvoiahrh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0.25rem 0 1.5rem;
}

.ea-pager-btn[b-74bvoiahrh] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    background: var(--mud-palette-surface, #fff);
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    color: var(--mud-palette-text-primary, #212b36);
    transition: background 0.12s;
}

.ea-pager-btn:hover:not(:disabled)[b-74bvoiahrh] {
    background: color-mix(in srgb, var(--mud-palette-primary, #2563eb) 8%, var(--mud-palette-surface, #fff));
}

.ea-pager-btn:disabled[b-74bvoiahrh] { opacity: 0.4; cursor: default; }

.ea-pager-info[b-74bvoiahrh] {
    font-size: 0.9rem;
    color: var(--mud-palette-text-secondary, #637381);
    min-width: 60px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
    .ea-btn[b-74bvoiahrh],
    .ea-action-btn[b-74bvoiahrh],
    .ea-input[b-74bvoiahrh],
    .ea-select[b-74bvoiahrh],
    .ea-acc-group[b-74bvoiahrh],
    .ea-acc-head[b-74bvoiahrh],
    .ea-pager-btn[b-74bvoiahrh] {
        transition: none;
    }
}

/* ── Summary-first redesign ─────────────────────────────────────────────── */
.ea-kpi[b-74bvoiahrh] {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 10px 16px;
    padding: 12px 14px;
    background: var(--mud-palette-surface, #fff);
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 10px;
}
.ea-kpi-nums[b-74bvoiahrh] { display: flex; align-items: baseline; gap: 8px; font-size: 0.9rem; color: var(--mud-palette-text-secondary, #76808f); }
.ea-kpi-num b[b-74bvoiahrh] { font-size: 1.15rem; color: var(--mud-palette-text-primary, #1f2733); }
.ea-kpi-sep[b-74bvoiahrh] { color: var(--mud-palette-lines-default, #cfd4da); }
.ea-kpi-chips[b-74bvoiahrh] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.ea-kpi-divider[b-74bvoiahrh] { width: 1px; height: 20px; background: var(--mud-palette-lines-default, #e6e8ec); margin: 0 4px; }

.ea-chip[b-74bvoiahrh] {
    display: inline-flex; align-items: center; gap: 5px;
    height: 28px; padding: 0 10px;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    background: var(--mud-palette-background, #f5f7fa);
    color: var(--mud-palette-text-primary, #1f2733);
    font: inherit; font-size: 0.78rem; font-weight: 600;
    cursor: pointer; transition: all 120ms ease; white-space: nowrap;
}
.ea-chip b[b-74bvoiahrh] { font-weight: 800; }
.ea-chip:hover[b-74bvoiahrh] { border-color: var(--mud-palette-primary, #0f2d52); }
.ea-chip.on[b-74bvoiahrh] { box-shadow: inset 0 0 0 1.5px var(--mud-palette-primary, #0f2d52); border-color: var(--mud-palette-primary, #0f2d52); }
.ea-chip-rule[b-74bvoiahrh] { background: transparent; color: var(--mud-palette-text-secondary, #4b5563); }
.ea-chip-clear[b-74bvoiahrh] { background: transparent; color: var(--mud-palette-error, #d64545); border-color: transparent; }
.ea-chip-clear:hover[b-74bvoiahrh] { border-color: var(--mud-palette-error, #d64545); }

.ea-sec-head[b-74bvoiahrh], .ea-sec-toggle[b-74bvoiahrh] {
    display: flex; align-items: center; gap: 6px;
    font-size: 0.74rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #76808f);
    padding: 6px 2px; margin-top: 6px;
}
.ea-sec-priority[b-74bvoiahrh] { color: var(--mud-palette-error, #d64545); }
.ea-sec-toggle[b-74bvoiahrh] {
    width: 100%; background: transparent; border: none; cursor: pointer;
    border-top: 1px solid var(--mud-palette-lines-default, #eef0f3);
    justify-content: flex-start; text-align: left;
}
.ea-sec-toggle:hover[b-74bvoiahrh] { color: var(--mud-palette-text-primary, #1f2733); }

.ea-acc-group.priority[b-74bvoiahrh] { border-left: 3px solid var(--mud-palette-error, #d64545); }

.ea-empty-sm[b-74bvoiahrh] { padding: 14px; font-size: 0.85rem; color: var(--mud-palette-text-secondary, #76808f); }

/* entry / project chips inside a finding detail */
.ea-entry[b-74bvoiahrh] {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 1px 8px; margin: 1px 2px;
    border-radius: 6px;
    background: var(--mud-palette-background, #f0f3f7);
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    font-size: 0.76rem;
}
.ea-entry b[b-74bvoiahrh] { font-weight: 700; }
.ea-entry-hrs[b-74bvoiahrh] { font-weight: 700; color: var(--mud-palette-primary, #0f2d52); }

/* clickable / selected run card */
.ea-run-card.clickable[b-74bvoiahrh] { cursor: pointer; transition: box-shadow 120ms ease, transform 120ms ease; }
.ea-run-card.clickable:hover[b-74bvoiahrh] { box-shadow: 0 2px 10px rgba(0,0,0,0.10); transform: translateY(-1px); }
.ea-run-card.selected[b-74bvoiahrh] { box-shadow: inset 0 0 0 2px var(--mud-palette-primary, #0f2d52); }

/* ── Compact, minimal filter bar ─────────────────────────────────────────── */
.ea-bar[b-74bvoiahrh] { padding: 8px 12px; gap: 8px; align-items: flex-end; }
.ea-bar .ea-label[b-74bvoiahrh] { font-size: 0.6rem; margin-bottom: 1px; }
.ea-bar .ea-btn[b-74bvoiahrh] { height: 32px; padding: 0 14px; }

/* quick-range select (replaces the chips) — same 32px height as the pickers */
.ea-quick-select[b-74bvoiahrh] { height: 32px; min-width: 148px; font-size: 0.8rem; margin-top: 1px; }
.ea-quick-select:disabled[b-74bvoiahrh] { opacity: .55; cursor: default; }

/* shrink the MudDatePicker to 32px so it aligns with the select — the picker markup
   is untouched; these reach its inner elements via ::deep from the in-page wrapper. */
.ea-field-date[b-74bvoiahrh] { min-width: 122px; }
.ea-field-date[b-74bvoiahrh]  .mud-input-slot { padding-top: 5px !important; padding-bottom: 5px !important; min-height: 0 !important; }
.ea-field-date[b-74bvoiahrh]  .mud-input-slot input { font-size: 0.8rem; }
.ea-field-date[b-74bvoiahrh]  .mud-input-adornment .mud-icon-button { padding: 4px !important; }
.ea-field-date[b-74bvoiahrh]  .mud-input-adornment .mud-icon-root { font-size: 1.05rem !important; }

/* coverage figure in the matrix meter (second axis next to % flawless) */
.ea-meter-cov[b-74bvoiahrh] { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.05;
    font-size: 0.95rem; font-weight: 700; font-variant-numeric: tabular-nums; color: #0369a1; margin-left: 10px; }
.ea-meter-cov span[b-74bvoiahrh] { font-size: 0.6rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--mud-palette-text-secondary, #76808f); }

/* ── Rules-checked panel (Runs tab) ──────────────────────────────────────── */
.ea-rules[b-74bvoiahrh] { border: 1px solid var(--mud-palette-lines-default, #e6e8ec); border-radius: 10px; background: var(--mud-palette-surface, #fff); padding: 12px 14px; }
.ea-rules-title[b-74bvoiahrh] { font-size: 0.8rem; font-weight: 700; margin-bottom: 8px; color: var(--mud-palette-text-primary, #1f2733); }
.ea-rules-grid[b-74bvoiahrh] { display: flex; flex-wrap: wrap; gap: 8px; }
.ea-rulecard[b-74bvoiahrh] { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec); background: var(--mud-palette-background, #f5f7fa); font-size: 0.78rem; }
.ea-rule-sev[b-74bvoiahrh] { font-size: 0.6rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; padding: 2px 6px; border-radius: 5px; }
.ea-rule-sev.high[b-74bvoiahrh] { background: color-mix(in srgb, #e5484d 15%, transparent); color: #b91c1c; }
.ea-rule-sev.medium[b-74bvoiahrh] { background: color-mix(in srgb, #f59e0b 15%, transparent); color: #92400e; }
.ea-rule-sev.low[b-74bvoiahrh] { background: color-mix(in srgb, #22c55e 12%, transparent); color: #166534; }
.ea-rule-name[b-74bvoiahrh] { font-weight: 700; color: var(--mud-palette-text-primary, #1f2733); }
.ea-rule-thr[b-74bvoiahrh] { color: var(--mud-palette-text-secondary, #76808f); font-variant-numeric: tabular-nums; }
.ea-rule-cnt[b-74bvoiahrh] { color: var(--mud-palette-text-secondary, #76808f); }
.ea-rule-cnt b[b-74bvoiahrh] { color: var(--mud-palette-text-primary, #1f2733); font-weight: 800; }

/* ── Lens switcher ─────────────────────────────────────────────────────── */
.ea-lens[b-74bvoiahrh] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ea-lens-btn[b-74bvoiahrh] {
    height: 32px; padding: 0 16px; border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    background: var(--mud-palette-surface, #fff);
    color: var(--mud-palette-text-secondary, #4b5563);
    font: inherit; font-size: 0.82rem; font-weight: 600; cursor: pointer;
    transition: all 120ms ease;
}
.ea-lens-btn:hover[b-74bvoiahrh] { border-color: var(--mud-palette-primary, #0f2d52); }
.ea-lens-btn.on[b-74bvoiahrh] {
    background: var(--mud-palette-primary, #0f2d52);
    color: var(--mud-palette-primary-text, #fff);
    border-color: var(--mud-palette-primary, #0f2d52);
}
.ea-lens-sep[b-74bvoiahrh] { width: 1px; height: 22px; background: var(--mud-palette-lines-default, #e6e8ec); margin: 0 6px; }
.ea-lens-lvl-label[b-74bvoiahrh] { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; color: var(--mud-palette-text-secondary, #76808f); }
.ea-lens-lvl[b-74bvoiahrh] {
    height: 28px; min-width: 34px; padding: 0 8px; border-radius: 7px;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    background: var(--mud-palette-background, #f5f7fa);
    color: var(--mud-palette-text-primary, #1f2733);
    font: inherit; font-size: 0.78rem; font-weight: 700; cursor: pointer;
}
.ea-lens-lvl.on[b-74bvoiahrh] { background: var(--mud-palette-primary, #0f2d52); color: #fff; border-color: var(--mud-palette-primary, #0f2d52); }

/* ── Scorecard ─────────────────────────────────────────────────────────── */
.ea-scorecard[b-74bvoiahrh] {
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 10px; overflow: hidden; background: var(--mud-palette-surface, #fff);
}
.ea-score-head[b-74bvoiahrh], .ea-score-row[b-74bvoiahrh] {
    display: grid;
    grid-template-columns: minmax(180px, 2fr) 70px 70px 90px minmax(90px, 1fr) 110px;
    align-items: center; gap: 10px; padding: 9px 14px;
}
.ea-score-head[b-74bvoiahrh] {
    font-size: 0.68rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #76808f);
    background: var(--mud-palette-background, #f5f7fa);
    border-bottom: 1px solid var(--mud-palette-lines-default, #e6e8ec);
}
.ea-score-c-num[b-74bvoiahrh], .ea-score-num[b-74bvoiahrh] { text-align: center; }
.ea-score-row[b-74bvoiahrh] {
    width: 100%; border: none; border-top: 1px solid var(--mud-palette-lines-default, #eef0f3);
    background: transparent; cursor: pointer; font: inherit; text-align: left;
    transition: background 120ms ease;
}
.ea-score-row:first-of-type[b-74bvoiahrh] { border-top: none; }
.ea-score-row:hover[b-74bvoiahrh] { background: var(--mud-palette-action-default-hover, #f0f3f7); }
.ea-score-name[b-74bvoiahrh] { font-weight: 700; font-size: 0.86rem; color: var(--mud-palette-text-primary, #1f2733); }
.ea-score-num[b-74bvoiahrh] { font-size: 0.86rem; font-weight: 600; color: var(--mud-palette-text-primary, #1f2733); }
.ea-score-sev[b-74bvoiahrh] { display: flex; gap: 4px; }
.ea-sc-badge[b-74bvoiahrh] { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 20px; padding: 0 5px; border-radius: 6px; font-size: 0.74rem; font-weight: 800; color: #fff; }
.ea-sc-badge.hi[b-74bvoiahrh] { background: #d64545; }
.ea-sc-badge.md[b-74bvoiahrh] { background: #e0912f; }
.ea-sc-badge.lo[b-74bvoiahrh] { background: #9aa4b2; }

.ea-health[b-74bvoiahrh] { display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 12px; border-radius: 999px; font-size: 0.76rem; font-weight: 800; }
.ea-health.green[b-74bvoiahrh] { background: rgba(22,163,74,0.14); color: #15803d; }
.ea-health.amber[b-74bvoiahrh] { background: rgba(224,145,47,0.16); color: #b45309; }
.ea-health.red[b-74bvoiahrh]   { background: rgba(214,69,69,0.16); color: #b91c1c; }

/* ── Run-lens detail header ────────────────────────────────────────────── */
.ea-rundetail[b-74bvoiahrh] {
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 10px; padding: 12px 14px;
    background: var(--mud-palette-surface, #fff);
}
.ea-rd-top[b-74bvoiahrh] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.ea-rd-period[b-74bvoiahrh] { font-weight: 800; font-size: 0.95rem; color: var(--mud-palette-text-primary, #1f2733); }
.ea-rd-trigger[b-74bvoiahrh] { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; color: var(--mud-palette-text-secondary, #76808f); }
.ea-rd-stats[b-74bvoiahrh] { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 8px; }
.ea-rd-stat[b-74bvoiahrh] { font-size: 0.82rem; color: var(--mud-palette-text-secondary, #4b5563); }
.ea-rd-stat b[b-74bvoiahrh] { font-size: 1.05rem; color: var(--mud-palette-text-primary, #1f2733); margin-right: 3px; }

/* ── Finding lineage line ──────────────────────────────────────────────── */
.ea-lineage[b-74bvoiahrh] { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 0.76rem; color: var(--mud-palette-text-secondary, #76808f); }
.ea-lineage-ic[b-74bvoiahrh] { color: var(--mud-palette-text-secondary, #9aa4b2); }
.ea-lineage-tag[b-74bvoiahrh] { padding: 1px 8px; border-radius: 6px; font-weight: 700; font-size: 0.72rem; }
.ea-lineage-tag.recurring[b-74bvoiahrh] { background: rgba(224,145,47,0.16); color: #b45309; }
.ea-lineage-tag.fresh[b-74bvoiahrh] { background: var(--mud-palette-background, #eef1f5); color: var(--mud-palette-text-secondary, #76808f); }

/* ── Denetim v2: matrix layout ─────────────────────────────────────────── */
.ea-spacer[b-74bvoiahrh] { flex: 1; }

.ea-meter[b-74bvoiahrh] { display: flex; align-items: center; gap: 14px; padding: 6px 14px; border-left: 1px solid var(--mud-palette-lines-default); }
.ea-meter-pct[b-74bvoiahrh] { font-size: 28px; font-weight: 800; color: #357a44; line-height: 1; }
.ea-meter-bar[b-74bvoiahrh] { width: 220px; height: 9px; border-radius: 6px; background: var(--mud-palette-lines-default); overflow: hidden; }
.ea-meter-bar > i[b-74bvoiahrh] { display: block; height: 100%; background: linear-gradient(90deg,#5bb06c,#4a9d5b); }
.ea-meter-brk[b-74bvoiahrh] { display: flex; gap: 12px; font-size: 12px; color: var(--mud-palette-text-secondary); margin-top: 6px; }
.ea-d[b-74bvoiahrh] { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 4px; vertical-align: -1px; }

/* Phones/tablets: the coverage meter's fixed 220px bar + inline breakdown
   overflow a narrow viewport. Let it wrap and give the bar the full width. */
@media (max-width: 960px) {
    .ea-meter[b-74bvoiahrh] { flex-wrap: wrap; border-left: none; padding-left: 0; row-gap: 8px; }
    .ea-meter-body[b-74bvoiahrh] { flex: 1 1 100%; min-width: 0; }
    .ea-meter-bar[b-74bvoiahrh] { width: 100%; }
    .ea-meter-brk[b-74bvoiahrh] { flex-wrap: wrap; }
}
.ea-d.open[b-74bvoiahrh] { background: #e39a92; } .ea-d.ack[b-74bvoiahrh] { background: #a6c1ea; } .ea-d.res[b-74bvoiahrh] { background: #93d3af; } .ea-d.unc[b-74bvoiahrh] { background: #d7dbe1; }

.ea-bulk[b-74bvoiahrh] { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px; background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface)); }
.ea-bulk-n[b-74bvoiahrh] { font-weight: 600; font-size: 13px; }
.ea-bulk-note[b-74bvoiahrh] { flex: 1; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; padding: 7px 10px; font-size: 12.5px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); }
.ea-btn.acc-blue[b-74bvoiahrh] { background: #2f6fb0; color: #fff; }

.ea-main[b-74bvoiahrh] { display: flex; gap: 16px; align-items: flex-start; }
.ea-matrix-wrap[b-74bvoiahrh] { flex: 1; min-width: 0; }
.ea-rollup-wrap[b-74bvoiahrh] { display: block; }
.ea-ov-tree[b-74bvoiahrh] { display: block; }

/* Phones/tablets: the rollup trees have fixed-width columns (~750–900px) that
   can't shrink; let each tree scroll horizontally inside its own box instead of
   forcing the whole page to zoom out. */
@media (max-width: 960px) {
    .ea-ov-tree[b-74bvoiahrh] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* Tabs */
.ea-tabs[b-74bvoiahrh] { display: flex; gap: 4px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.ea-tab[b-74bvoiahrh] { border: 0; background: transparent; padding: 9px 16px; font-size: 13.5px; font-weight: 600; color: var(--mud-palette-text-secondary); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.ea-tab:hover[b-74bvoiahrh] { color: var(--mud-palette-text-primary); }
.ea-tab.on[b-74bvoiahrh] { color: var(--mud-palette-primary); border-bottom-color: var(--mud-palette-primary); }

/* Run-status chip */
.ea-runchip[b-74bvoiahrh] { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; padding: 6px 11px; border-radius: 8px; font-weight: 600; }
.ea-runchip.running[b-74bvoiahrh] { background: color-mix(in srgb, #e6a92f 16%, transparent); color: #b45309; }
.ea-runchip.idle[b-74bvoiahrh] { background: var(--mud-palette-background); color: var(--mud-palette-text-secondary); }
.ea-pulse[b-74bvoiahrh] { width: 8px; height: 8px; border-radius: 50%; background: #e6a92f; animation: eapulse-b-74bvoiahrh 1.1s ease-in-out infinite; }
@keyframes eapulse-b-74bvoiahrh { 0%,100% { opacity: .35; } 50% { opacity: 1; } }

/* Runs list */
.ea-runs[b-74bvoiahrh] { display: flex; flex-direction: column; gap: 6px; }
/* Fixed-track grid so columns line up across rows regardless of content width.
   Order: badge · period · trigger · by · scope · findings · resolved · rules · duration · when. */
.ea-runrow[b-74bvoiahrh] {
    display: grid;
    grid-template-columns: 84px 150px 56px minmax(110px, 1fr) 138px 86px 96px minmax(118px, 1.1fr) 96px 74px;
    align-items: center;
    column-gap: 12px; row-gap: 4px;
    padding: 10px 14px; border: 1px solid var(--mud-palette-lines-default); border-radius: 10px;
    background: var(--mud-palette-surface); font-size: 13px;
}
.ea-run-badge[b-74bvoiahrh] { justify-self: start; font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 6px; color: #fff; }
.ea-run-badge.ok[b-74bvoiahrh] { background: #4a9d5b; }
.ea-run-badge.running[b-74bvoiahrh] { background: #e6a92f; }
.ea-run-badge.fail[b-74bvoiahrh] { background: #c0392b; }
.ea-run-period[b-74bvoiahrh] { font-weight: 600; color: var(--mud-palette-text-primary); }
.ea-run-trig[b-74bvoiahrh] { color: var(--mud-palette-text-secondary); font-size: 11.5px; text-transform: lowercase; }
.ea-run-by[b-74bvoiahrh] { color: var(--mud-palette-text-secondary); font-size: 11.5px; }
.ea-run-by b[b-74bvoiahrh] { color: var(--mud-palette-text-primary); font-weight: 600; }
.ea-run-scope[b-74bvoiahrh] { color: var(--mud-palette-text-secondary); font-size: 11.5px; background: var(--mud-palette-background); border-radius: 8px; padding: 1px 8px; }
.ea-run-stat[b-74bvoiahrh] { color: var(--mud-palette-text-secondary); font-size: 12px; }
.ea-run-dur[b-74bvoiahrh] { display: inline-flex; align-items: center; gap: 3px; color: var(--mud-palette-text-secondary); font-size: 11.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ea-run-dur-ic[b-74bvoiahrh] { font-size: 13px !important; opacity: .65; }
.ea-run-when[b-74bvoiahrh] { justify-self: end; text-align: right; color: var(--mud-palette-text-secondary); font-size: 12px; cursor: default; white-space: nowrap; }
.ea-run-err-inline[b-74bvoiahrh] { grid-column: 1 / -1; color: #c0392b; font-size: 11.5px; }
.mt-empty[b-74bvoiahrh] { font-size: 13px; color: var(--mud-palette-text-secondary); padding: 10px 4px; }

/* Audit-executions heading + RedFlag product nod */
.ea-exec-head[b-74bvoiahrh] { display: flex; align-items: center; gap: 8px; margin: 4px 2px 10px; }
.ea-exec-title[b-74bvoiahrh] { font-size: 0.95rem; font-weight: 700; color: var(--mud-palette-text-primary); }
.ea-redflag[b-74bvoiahrh] { font-size: 15px; line-height: 1; cursor: help; filter: saturate(1.3); }
.ea-exec-count[b-74bvoiahrh] { font-size: 11px; font-weight: 700; color: var(--mud-palette-text-secondary); background: var(--mud-palette-background); border-radius: 10px; padding: 1px 8px; }

/* Per-execution rule chips */
.ea-run-rules[b-74bvoiahrh] { display: inline-flex; gap: 4px; flex-wrap: wrap; align-items: center; }
.ea-run-rule[b-74bvoiahrh] { font-size: 10.5px; font-weight: 600; padding: 1px 7px; border-radius: 9px; background: color-mix(in srgb, var(--mud-palette-primary, #0f2d52) 9%, transparent); color: var(--mud-palette-primary, #0f2d52); }
.ea-run-rule.all[b-74bvoiahrh] { background: color-mix(in srgb, var(--mud-palette-text-secondary, #76808f) 12%, transparent); color: var(--mud-palette-text-secondary, #4b5563); }

/* Execution-list pager (page sizes mirror the ticket list) */
.ea-pager[b-74bvoiahrh] { display: flex; align-items: center; gap: 6px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--mud-palette-lines-default, #e6e8ec); }
.ea-pager-sizes[b-74bvoiahrh] { display: inline-flex; gap: 3px; }
.ea-pager-size[b-74bvoiahrh] { height: 26px; min-width: 30px; padding: 0 8px; border-radius: 6px; border: 1px solid var(--mud-palette-lines-default, #e6e8ec); background: var(--mud-palette-surface, #fff); color: var(--mud-palette-text-secondary, #76808f); font: inherit; font-size: 0.74rem; font-weight: 600; cursor: pointer; }
.ea-pager-size.on[b-74bvoiahrh] { background: var(--mud-palette-primary, #0f2d52); color: #fff; border-color: transparent; }
.ea-pager-info[b-74bvoiahrh] { font-size: 0.76rem; color: var(--mud-palette-text-secondary, #76808f); }
.ea-pager-btn[b-74bvoiahrh] { height: 26px; min-width: 28px; border-radius: 6px; border: 1px solid var(--mud-palette-lines-default, #e6e8ec); background: var(--mud-palette-surface, #fff); color: var(--mud-palette-text-primary, #1f2733); font-size: 1rem; line-height: 1; cursor: pointer; }
.ea-pager-btn:disabled[b-74bvoiahrh] { opacity: 0.4; cursor: default; }

/* ── Cell detail drawer (overlay + right panel), mirrors the app's drawer pattern ── */
.ea-cell-overlay[b-74bvoiahrh] {
    position: fixed; inset: 0; background: rgba(20, 26, 32, .32);
    z-index: 1200; animation: ea-fade-b-74bvoiahrh .12s ease-out;
}
.ea-cell-drawer[b-74bvoiahrh] {
    /* Offset below the fixed dense app bar (z 1300) — the drawer sits at z 1201, so top:0 would
       hide the header (title + recheck buttons + close) under the nav. */
    position: fixed; top: 48px; right: 0; height: calc(100vh - 48px); width: 440px; max-width: 92vw;
    background: var(--mud-palette-surface, #fff); z-index: 1201;
    box-shadow: -8px 0 28px rgba(0, 0, 0, .18); display: flex; flex-direction: column;
    animation: ea-slidein-b-74bvoiahrh .16s ease-out;
}
.ea-cell-drawer-head[b-74bvoiahrh] {
    display: flex; align-items: center; gap: 8px; padding: 12px 14px;
    border-bottom: 1px solid var(--mud-palette-divider, #eceff1); flex: 0 0 auto;
}
.ea-cell-drawer-title[b-74bvoiahrh] { font-weight: 600; font-size: .92rem; flex: 1 1 auto; }
.ea-cell-drawer-close[b-74bvoiahrh] {
    background: none; border: 0; cursor: pointer; padding: 2px; line-height: 0;
    color: var(--mud-palette-text-secondary, #78909c); border-radius: 4px;
}
.ea-cell-drawer-close:hover[b-74bvoiahrh] { background: var(--mud-palette-action-default-hover, #eceff1); }
.ea-cell-drawer-body[b-74bvoiahrh] { padding: 12px 14px; overflow-y: auto; flex: 1 1 auto; }

/* Targeted recheck buttons in the drawer header (🔄 day / period) */
.ea-recheck[b-74bvoiahrh] {
    display: inline-flex; align-items: center; gap: 3px; flex: 0 0 auto;
    border: 1px solid var(--mud-palette-lines-default, #e0e0e0); background: var(--mud-palette-surface, #fff);
    color: var(--mud-palette-text-secondary, #607d8b); border-radius: 7px; padding: 3px 9px;
    font-size: 11.5px; font-weight: 600; cursor: pointer; white-space: nowrap;
}
.ea-recheck:hover:not(:disabled)[b-74bvoiahrh] { border-color: var(--mud-palette-primary, #0f2d52); color: var(--mud-palette-primary, #0f2d52); }
.ea-recheck:disabled[b-74bvoiahrh] { opacity: .5; cursor: default; }
.ea-recheck-ic[b-74bvoiahrh] { font-size: 14px !important; }
@keyframes ea-slidein-b-74bvoiahrh { from { transform: translateX(24px); opacity: .4; } to { transform: none; opacity: 1; } }
@keyframes ea-fade-b-74bvoiahrh { from { opacity: 0; } to { opacity: 1; } }

/* Rule filter — compact dropdown checklist beside Grouping (scales to many rules, no wrap) */
.ea-ruledd[b-74bvoiahrh] { position: relative; min-width: 0; }
.ea-ruledd-btn[b-74bvoiahrh] {
    display: inline-flex; align-items: center; gap: 10px; justify-content: space-between;
    min-width: 84px; padding: 5px 9px; border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 8px; background: var(--mud-palette-surface, #fff);
    color: var(--mud-palette-text-primary, #1f2733); cursor: pointer; font-size: .82rem;
}
.ea-ruledd-btn:hover[b-74bvoiahrh] { border-color: var(--mud-palette-primary, #0f2d52); }
.ea-ruledd-btn.on[b-74bvoiahrh] { border-color: var(--mud-palette-primary, #0f2d52); font-weight: 600; }
.ea-ruledd-caret[b-74bvoiahrh] { font-size: .7rem; opacity: .6; }
.ea-ruledd-overlay[b-74bvoiahrh] { position: fixed; inset: 0; z-index: 40; }
.ea-ruledd-menu[b-74bvoiahrh] {
    position: absolute; top: calc(100% + 4px); left: 0; z-index: 41;
    min-width: 210px; max-height: 280px; overflow-y: auto; padding: 6px;
    background: var(--mud-palette-surface, #fff); border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,.14);
    display: flex; flex-direction: column; gap: 2px;
}
.ea-ruledd-item[b-74bvoiahrh] { display: flex; align-items: center; gap: 8px; padding: 5px 7px; border-radius: 6px; cursor: pointer; font-size: .8rem; color: var(--mud-palette-text-primary, #1f2733); }
.ea-ruledd-item:hover[b-74bvoiahrh] { background: color-mix(in srgb, var(--mud-palette-text-primary) 7%, transparent); }
.ea-ruledd-item input[b-74bvoiahrh] { cursor: pointer; }
.ea-ruledd-clear[b-74bvoiahrh] { margin-top: 4px; padding: 5px 7px; border: 1px dashed var(--mud-palette-lines-default, #cfd8dc); border-radius: 6px; background: transparent; color: var(--mud-palette-text-secondary, #76808f); cursor: pointer; font-size: .78rem; }
.ea-ruledd-clear:hover[b-74bvoiahrh] { color: var(--mud-palette-text-primary, #1f2733); }

/* ── Dark theme ── */
.sams-dark .ea-ruledd-menu[b-74bvoiahrh] { box-shadow: 0 6px 22px rgba(0,0,0,.5); }
.sams-dark .ea-chip-rule.missing[b-74bvoiahrh]  { color: #ffb37a; }
.sams-dark .ea-chip-rule.leave[b-74bvoiahrh]    { color: #c4b0ff; }
.sams-dark .ea-chip-rule.future[b-74bvoiahrh]   { color: #8fd3ff; }
.sams-dark .ea-chip-rule.overload[b-74bvoiahrh] { color: #ff9a97; }
.sams-dark .ea-chip-rule.invalid[b-74bvoiahrh]  { color: #c3e88d; }
.sams-dark .ea-chip-sev.high[b-74bvoiahrh]   { color: #ff9a97; }
.sams-dark .ea-chip-sev.medium[b-74bvoiahrh] { color: #f4c66a; }
.sams-dark .ea-chip-sev.low[b-74bvoiahrh]    { color: #97d3a0; }
.sams-dark .ea-chip-status.open[b-74bvoiahrh]      { color: #ffb37a; }
.sams-dark .ea-chip-status.ack[b-74bvoiahrh]       { color: #8fd3ff; }
.sams-dark .ea-chip-status.dismissed[b-74bvoiahrh] { color: #aeb6c2; }
.sams-dark .ea-chip-status.resolved[b-74bvoiahrh]  { color: #97d3a0; }
/* Step 4: hardcoded light-hex overrides — meter, legend dots, runchip, coverage figure */
.sams-dark .ea-meter-pct[b-74bvoiahrh] { color: #6cc47d; }
.sams-dark .ea-meter-bar > i[b-74bvoiahrh] { background: linear-gradient(90deg,#6cc47d,#57b56a); }
.sams-dark .ea-d.open[b-74bvoiahrh] { background: #f0958a; }
.sams-dark .ea-d.ack[b-74bvoiahrh]  { background: #8fd3ff; }
.sams-dark .ea-d.res[b-74bvoiahrh]  { background: #6cc47d; }
.sams-dark .ea-d.unc[b-74bvoiahrh]  { background: #4d535e; }
.sams-dark .ea-meter-cov[b-74bvoiahrh] { color: #8fd3ff; }
.sams-dark .ea-runchip.running[b-74bvoiahrh] { color: #f4c66a; }
/* /Pages/Calendar/Components/YearGrid.razor.rz.scp.css */
/* ── YearGrid — scoped styles ─────────────────────────────────────────────────
   SAMS calm/data-first product register. Dense 12-month year view: the 4
   quarters tile 2×2, so each screen row holds two quarter groups = 6 months;
   12 months fit two rows with no wasted space. Each quarter carries a small
   Q-label; every month card is the same height (the day grid is pinned to 6
   week-rows). A holiday reads as a subtle country-tinted cell + a crisp corner
   dot + a colour underline carried by the --tint custom property (set inline
   from CountryColors); half-days use a diagonal split; employee leave = thin
   colour bars at the cell foot; today carries an accent ring.

   Theming: every surface/text/line colour is driven by MudBlazor's own
   --mud-palette-* custom properties, so the component follows the app's
   light/dark theme (including the manual toggle) with no media query. Holiday
   tints mix the country colour into --mud-palette-surface, so they stay clean
   on white and never muddy on the dark card. Fallbacks = the light palette.
   Day numbers stay ≥4.5:1 on every tint. Reduced-motion handled at bottom.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── Year grid — 4 quarters tiled 2×2 (→ 6 months per screen row) ───────── */
.yg-grid[b-3m8x1rp6pl] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.875rem;
    row-gap: 1.125rem;
    padding: 0.25rem 0;
}

.yg-quarter[b-3m8x1rp6pl] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.yg-qlabel[b-3m8x1rp6pl] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #6b7686);
    margin-left: 0.125rem;
}

/* 3 months per quarter group */
.yg-qmonths[b-3m8x1rp6pl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

/* Tablets: the 2×2 quarter tiling (6 months per row) is too wide — stack the
   quarters into a single column (3 months per row still fits). */
@media (max-width: 960px) {
    .yg-grid[b-3m8x1rp6pl] { grid-template-columns: 1fr; column-gap: 0; }
}

/* Phones: one month per row, full width — long scroll but every day legible. */
@media (max-width: 600px) {
    .yg-qmonths[b-3m8x1rp6pl] { grid-template-columns: 1fr; }
}

/* ── Individual month card ───────────────────────────────────────────────── */
.yg-month[b-3m8x1rp6pl] {
    background: var(--mud-palette-surface, #ffffff);
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 8px;
    padding: 0.5625rem 0.625rem;
    transition: box-shadow 180ms ease, border-color 180ms ease;
}

.yg-month:hover[b-3m8x1rp6pl] {
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.08);
    border-color: var(--mud-palette-text-disabled, #d3d8e0);
}

/* ── Month header — name + holiday count + country tag dots ──────────────── */
.yg-mhead[b-3m8x1rp6pl] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.4rem;
    margin: 0 0.0625rem 0.375rem;
}

.yg-mname[b-3m8x1rp6pl] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--mud-palette-primary, #0f2d52);
}

.yg-mname small[b-3m8x1rp6pl] {
    margin-left: 0.3125rem;
    font-size: 0.66rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary, #6b7686);
}

.yg-mtags[b-3m8x1rp6pl] {
    display: flex;
    gap: 3px;
    flex-shrink: 0;
}

.yg-mtags i[b-3m8x1rp6pl] {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    font-style: normal;
}

/* ── Weekday header row ──────────────────────────────────────────────────── */
.yg-weekdays[b-3m8x1rp6pl] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin-bottom: 2px;
}

.yg-wd[b-3m8x1rp6pl] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.56rem;
    font-weight: 700;
    color: var(--mud-palette-text-secondary, #6b7686);
    height: 0.9375rem;
    user-select: none;
    opacity: 0.8;
}

/* ── Day grid — 7 columns × fixed 6 week-rows (uniform card height) ──────── */
.yg-days[b-3m8x1rp6pl] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 1.5rem);
    gap: 2px;
    position: relative; /* stacking context so hovered cells render above siblings */
}

/* ── Day cell (button for keyboard/click interaction) ────────────────────── */
.yg-cell[b-3m8x1rp6pl] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border: none;
    border-radius: 5px;
    background: transparent;
    cursor: pointer;
    transition: background 120ms ease, transform 100ms ease;
}

.yg-blank[b-3m8x1rp6pl] {
    pointer-events: none;
    background: transparent;
}

/* Day number — tabular, ≥4.5:1 on every tint */
.yg-num[b-3m8x1rp6pl] {
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-text-primary, #1f2733);
    pointer-events: none;
    user-select: none;
    z-index: 1;
}

/* Weekends: muted number */
.yg-cell.is-wknd .yg-num[b-3m8x1rp6pl] {
    color: var(--mud-palette-text-secondary, #6b7686);
}

/* Holiday: subtle country tint mixed into the theme surface, bold number,
   and a colour underline carried by --tint */
.yg-cell.is-hol[b-3m8x1rp6pl] {
    background: color-mix(in srgb, var(--tint, #e5484d) 12%, var(--mud-palette-surface, #ffffff));
}

.yg-cell.is-hol .yg-num[b-3m8x1rp6pl] {
    font-weight: 700;
}

.yg-cell.is-hol[b-3m8x1rp6pl]::after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: 2px;
    height: 2px;
    border-radius: 2px;
    background: var(--tint, #e5484d);
    opacity: 0.9;
    pointer-events: none;
}

/* Half-day (Arefe): diagonal split fill + half-width underline */
.yg-cell.is-half[b-3m8x1rp6pl] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--tint, #e5484d) 14%, var(--mud-palette-surface, #ffffff)) 0 50%,
        var(--mud-palette-surface, #ffffff) 50% 100%);
}

.yg-cell.is-half[b-3m8x1rp6pl]::after {
    right: 50%;
    opacity: 0.75;
}

/* ── Corner dots — country indicators (stacked dots top-right) ───────────── */
.yg-corner[b-3m8x1rp6pl] {
    position: absolute;
    top: 2px;
    right: 2px;
    display: flex;
    flex-direction: row;
    gap: 1.5px;
    pointer-events: none;
}

.yg-corner i[b-3m8x1rp6pl] {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    flex-shrink: 0;
    border: none;
    font-style: normal;
    /* halo in the card colour keeps the dot legible over the cell tint */
    box-shadow: 0 0 0 1.5px var(--mud-palette-surface, #ffffff);
}

/* ── Today ring ──────────────────────────────────────────────────────────── */
.yg-cell.is-today[b-3m8x1rp6pl] {
    box-shadow: inset 0 0 0 1.5px var(--mud-palette-primary, #0f2d52);
}

.yg-cell.is-today .yg-num[b-3m8x1rp6pl] {
    color: var(--mud-palette-primary, #0f2d52);
    font-weight: 700;
}

/* ── Leave pins — employee colour bars at cell foot ─────────────────────── */
.yg-pins[b-3m8x1rp6pl] {
    position: absolute;
    bottom: 2px;
    left: 3px;
    right: 3px;
    display: flex;
    flex-direction: row;
    gap: 1.5px;
    justify-content: center;
    pointer-events: none;
}

/* Lift pins above the holiday underline when a day is both */
.yg-cell.is-hol .yg-pins[b-3m8x1rp6pl] {
    bottom: 5px;
}

.yg-pins i[b-3m8x1rp6pl] {
    display: block;
    flex: 1;
    max-width: 6px;
    height: 2.5px;
    border-radius: 2px;
    font-style: normal;
    min-width: 3px;
}

/* ── Hover state ─────────────────────────────────────────────────────────── */
.yg-cell:not(.yg-blank):hover[b-3m8x1rp6pl] {
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 7%, var(--mud-palette-surface, #ffffff));
    transform: translateY(-1px);
    z-index: 2;
}

.yg-cell.is-hol:hover[b-3m8x1rp6pl],
.yg-cell.is-half:hover[b-3m8x1rp6pl] {
    filter: brightness(0.97);
    transform: translateY(-1px);
    z-index: 2;
}

/* Suppress UA/MudBlazor outline for pointer focus only; keyboard ring below */
.yg-cell:focus:not(:focus-visible)[b-3m8x1rp6pl] {
    outline: none;
}

/* ── Focus-visible state (keyboard navigation) ───────────────────────────── */
.yg-cell:not(.yg-blank):focus-visible[b-3m8x1rp6pl] {
    outline: 2px solid var(--mud-palette-primary, #0f2d52);
    outline-offset: 1px;
    z-index: 3;
}

/* ── Reduced motion ──────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .yg-month[b-3m8x1rp6pl],
    .yg-cell[b-3m8x1rp6pl] {
        transition: none !important;
    }

    .yg-cell:not(.yg-blank):hover[b-3m8x1rp6pl],
    .yg-cell.is-hol:hover[b-3m8x1rp6pl],
    .yg-cell.is-half:hover[b-3m8x1rp6pl] {
        transform: none !important;
    }
}
/* /Pages/Calendar/Dialogs/EmployeePickerDialog.razor.rz.scp.css */
.ep-head[b-xe024we0qy] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: .95rem;
}

.ep[b-xe024we0qy] {
    display: flex;
    flex-direction: column;
    min-height: 360px;
}

/* ── Search ─────────────────────────────────────────────── */
.ep-search[b-xe024we0qy] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--mud-palette-lines-default, #e0e0e0);
    border-radius: 10px;
    margin-bottom: 10px;
    background: var(--mud-palette-background, #fff);
}

.ep-search input[b-xe024we0qy] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: .85rem;
    color: var(--mud-palette-text-primary, #1a1a2e);
}

.ep-search-x[b-xe024we0qy] {
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--mud-palette-text-secondary, #888);
    font-size: .7rem;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 4px;
}
.ep-search-x:hover[b-xe024we0qy] { background: var(--mud-palette-action-default-hover, #f0f0f0); }

/* ── Proficiency filter toggle ──────────────────────────── */
.ep-filter[b-xe024we0qy] {
    display: flex;
    margin-bottom: 10px;
}

.ep-prof[b-xe024we0qy] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    border: 1px solid var(--mud-palette-lines-default, #e0e0e0);
    background: var(--mud-palette-background, #fff);
    color: var(--mud-palette-text-secondary, #888);
    font-size: .76rem;
    cursor: pointer;
    opacity: .55;
    transition: opacity .12s, color .12s, background .12s, border-color .12s;
}

.ep-prof:hover[b-xe024we0qy] { background: var(--mud-palette-action-default-hover, #f5f5f7); }

.ep-prof.on[b-xe024we0qy] {
    opacity: 1;
    color: var(--mud-palette-primary, #2563eb);
    border-color: color-mix(in srgb, var(--mud-palette-primary, #2563eb) 40%, var(--mud-palette-lines-default, #e0e0e0));
    background: color-mix(in srgb, var(--mud-palette-primary, #2563eb) 8%, var(--mud-palette-background, #fff));
}

/* ── Tree ───────────────────────────────────────────────── */
.ep-list[b-xe024we0qy] {
    flex: 1;
    max-height: 360px;
    overflow-y: auto;
    border: 1px solid var(--mud-palette-lines-default, #ececf0);
    border-radius: 10px;
}

.ep-empty[b-xe024we0qy] {
    padding: 24px 12px;
    text-align: center;
    color: var(--mud-palette-text-secondary, #999);
    font-size: .8rem;
}

.ep-node-head[b-xe024we0qy] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 8px;
    border-top: 1px solid var(--mud-palette-lines-default, #f4f4f7);
}
.ep-node-head:hover[b-xe024we0qy] { background: var(--mud-palette-action-default-hover, #f7f7fa); }
.ep-list > .ep-node > .ep-node-head[b-xe024we0qy] { border-top: none; }

.ep-node-toggle[b-xe024we0qy] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 7px 4px;
    font-size: .82rem;
    color: var(--mud-palette-text-primary, #2a2a3a);
    text-align: left;
    min-width: 0;
}

.ep-caret[b-xe024we0qy] {
    display: inline-block;
    flex: 0 0 auto;
    transition: transform .15s ease;
    color: var(--mud-palette-text-secondary, #9a9aa5);
    font-size: .7rem;
}
.ep-node-head.open .ep-caret[b-xe024we0qy] { transform: rotate(90deg); }

.ep-node-name[b-xe024we0qy] {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ep-node-name.lvl0[b-xe024we0qy] { font-weight: 700; }

.ep-node-meta[b-xe024we0qy] {
    margin-left: auto;
    flex: 0 0 auto;
    color: var(--mud-palette-text-secondary, #9a9aa5);
    font-size: .72rem;
    padding-left: 8px;
}

.ep-node-all[b-xe024we0qy] {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border: 1.5px solid var(--mud-palette-lines-default, #d4d4dc);
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    color: #fff;
    font-size: .7rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ep-node-all.on[b-xe024we0qy] {
    background: var(--mud-palette-primary, #5b5bd6);
    border-color: var(--mud-palette-primary, #5b5bd6);
}

/* ── Employee row ───────────────────────────────────────── */
.ep-row[b-xe024we0qy] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    cursor: pointer;
    font-size: .82rem;
    border-top: 1px solid var(--mud-palette-lines-default, #f4f4f7);
}
.ep-row:hover[b-xe024we0qy] { background: var(--mud-palette-action-default-hover, #f5f5f8); }
.ep-row.sel[b-xe024we0qy] { background: var(--mud-palette-primary-hover, #eef0fb); }
.ep-row.cap[b-xe024we0qy] { opacity: .4; cursor: not-allowed; }

.ep-check[b-xe024we0qy] {
    flex: 0 0 16px;
    width: 16px;
    text-align: center;
    color: var(--mud-palette-primary, #5b5bd6);
    font-weight: 700;
}
.ep-name[b-xe024we0qy] { flex: 1; color: var(--mud-palette-text-primary, #2a2a3a); }
.ep-pernr[b-xe024we0qy] {
    font-size: .7rem;
    color: var(--mud-palette-text-secondary, #b0b0ba);
    font-variant-numeric: tabular-nums;
    min-width: 38px;
    text-align: right;
}

/* ── Footer ─────────────────────────────────────────────── */
.ep-foot[b-xe024we0qy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    margin-top: 2px;
}

.ep-count[b-xe024we0qy] { font-size: .8rem; color: var(--mud-palette-text-secondary, #6a6a78); }
.ep-cap[b-xe024we0qy] { color: var(--mud-palette-warning-text, #b07400); }

.ep-actions[b-xe024we0qy] { display: flex; gap: 8px; }

.ep-btn[b-xe024we0qy] {
    border: none;
    border-radius: 8px;
    padding: 7px 16px;
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
}
.ep-btn.ghost[b-xe024we0qy] {
    background: transparent;
    color: var(--mud-palette-text-secondary, #6a6a78);
    border: 1px solid var(--mud-palette-lines-default, #e0e0e6);
}
.ep-btn.ghost:disabled[b-xe024we0qy] { opacity: .4; cursor: default; }
.ep-btn.primary[b-xe024we0qy] {
    background: var(--mud-palette-primary, #5b5bd6);
    color: #fff;
}
.ep-btn.primary:hover[b-xe024we0qy] { filter: brightness(1.05); }
/* /Pages/Calendar/WorkingCalendar.razor.rz.scp.css */
/* ── Working Calendar toolbar — scoped styles ─────────────────────────────────
   One slim row: segmented country toggle (the colour dots are the calendar
   legend), a compact year stepper, a chip-trigger employee multi-select
   (selected employees show as colour chips = the employee legend), and a
   subtle import button pushed to the right. All colours come from MudBlazor's
   --mud-palette-* tokens so the bar follows the app light/dark theme.
   ─────────────────────────────────────────────────────────────────────────── */

.wc-bar[b-x67x3btet1] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* shared control shell */
.wc-seg[b-x67x3btet1],
.wc-yr[b-x67x3btet1] {
    height: 34px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 8px;
    background: var(--mud-palette-surface, #ffffff);
}

/* ── Segmented country toggle ────────────────────────────────────────────── */
.wc-seg[b-x67x3btet1] {
    overflow: hidden;
}

.wc-seg-btn[b-x67x3btet1] {
    height: 100%;
    border: 0;
    border-right: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    background: transparent;
    padding: 0 13px;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary, #76808f);
    display: flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

.wc-seg-btn:last-child[b-x67x3btet1] {
    border-right: 0;
}

.wc-seg-dot[b-x67x3btet1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--c, #888);
    opacity: 0.3;
    transition: opacity 120ms ease;
}

.wc-seg-btn:hover[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 5%, var(--mud-palette-surface, #ffffff));
}

.wc-seg-btn.on[b-x67x3btet1] {
    color: var(--mud-palette-text-primary, #1f2733);
    background: color-mix(in srgb, var(--c, #888) 10%, var(--mud-palette-surface, #ffffff));
}

.wc-seg-btn.on .wc-seg-dot[b-x67x3btet1] {
    opacity: 1;
}

.wc-seg-btn:focus-visible[b-x67x3btet1] {
    outline: 2px solid var(--mud-palette-primary, #0f2d52);
    outline-offset: -2px;
}

/* ── Year stepper ────────────────────────────────────────────────────────── */
.wc-yr-btn[b-x67x3btet1] {
    height: 100%;
    width: 30px;
    border: 0;
    background: transparent;
    color: var(--mud-palette-text-secondary, #76808f);
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
    transition: color 120ms ease;
}

.wc-yr-btn:hover[b-x67x3btet1] {
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-yr-v[b-x67x3btet1] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--mud-palette-primary, #0f2d52);
    min-width: 46px;
    text-align: center;
    font-size: 0.88rem;
}

/* ── Employee select trigger ─────────────────────────────────────────────── */
.wc-sel[b-x67x3btet1] {
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 8px;
    background: var(--mud-palette-surface, #ffffff);
    padding: 0 11px;
    min-width: 230px;
    max-width: 440px;
    cursor: pointer;
    color: var(--mud-palette-text-secondary, #76808f);
    font-size: 0.82rem;
    transition: border-color 120ms ease;
}

.wc-sel:hover[b-x67x3btet1] {
    border-color: var(--mud-palette-text-disabled, #d6dae1);
}

.wc-sel.has[b-x67x3btet1] {
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-chips[b-x67x3btet1] {
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
}

.wc-chip[b-x67x3btet1] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 20px;
    padding: 2px 8px 2px 6px;
    font-size: 0.72rem;
    font-weight: 500;
    white-space: nowrap;
    background: color-mix(in srgb, var(--c, #888) 16%, var(--mud-palette-surface, #ffffff));
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-chip-d[b-x67x3btet1] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--c, #888);
}

.wc-chip-more[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 8%, var(--mud-palette-surface, #ffffff));
    color: var(--mud-palette-text-secondary, #76808f);
}

.wc-sel-car[b-x67x3btet1] {
    color: var(--mud-palette-text-secondary, #76808f);
    font-size: 0.7rem;
    flex-shrink: 0;
}

/* ── Import button (pushed right) ────────────────────────────────────────── */
.wc-imp[b-x67x3btet1] {
    margin-left: auto;
    height: 34px;
    border: 1px solid var(--mud-palette-lines-default, #d6dae1);
    background: var(--mud-palette-surface, #ffffff);
    border-radius: 8px;
    padding: 0 14px;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mud-palette-primary, #0f2d52);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background 120ms ease;
}

.wc-imp:hover:not(:disabled)[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-primary, #0f2d52) 6%, var(--mud-palette-surface, #ffffff));
}

.wc-imp:disabled[b-x67x3btet1] {
    opacity: 0.5;
    cursor: default;
}

/* ── Employee dropdown list (rendered inside the MudMenu popover) ─────────── */
.wc-emplist[b-x67x3btet1] {
    min-width: 248px;
    max-height: 320px;
    overflow-y: auto;
    padding: 4px;
}

.wc-emp-empty[b-x67x3btet1] {
    padding: 8px 10px;
    color: var(--mud-palette-text-secondary, #76808f);
    font-size: 0.8rem;
}

/* department accordion */
.wc-dept-head[b-x67x3btet1] {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
    padding: 7px 8px;
    border: 0;
    background: transparent;
    cursor: pointer;
    border-radius: 6px;
    font: inherit;
    transition: background 100ms ease;
}

.wc-dept-head:hover[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 6%, var(--mud-palette-surface, #ffffff));
}

.wc-dept-caret[b-x67x3btet1] {
    color: var(--mud-palette-text-secondary, #76808f);
    font-size: 0.7rem;
    transition: transform 120ms ease;
}

.wc-dept-head.open .wc-dept-caret[b-x67x3btet1] {
    transform: rotate(90deg);
}

.wc-dept-name[b-x67x3btet1] {
    flex: 1;
    text-align: left;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-dept-meta[b-x67x3btet1] {
    font-size: 0.7rem;
    color: var(--mud-palette-text-secondary, #76808f);
    font-variant-numeric: tabular-nums;
}

.wc-dept .wc-emp-row[b-x67x3btet1] {
    margin-left: 16px;
}

.wc-emp-row[b-x67x3btet1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.82rem;
    transition: background 100ms ease;
}

.wc-emp-row:hover[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 6%, var(--mud-palette-surface, #ffffff));
}

.wc-emp-row.sel[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-primary, #0f2d52) 9%, var(--mud-palette-surface, #ffffff));
}

.wc-emp-check[b-x67x3btet1] {
    width: 15px;
    text-align: center;
    color: var(--mud-palette-primary, #0f2d52);
    font-weight: 700;
}

.wc-emp-name[b-x67x3btet1] {
    flex: 1;
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-emp-pernr[b-x67x3btet1] {
    color: var(--mud-palette-text-secondary, #76808f);
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
}

/* ── Leave summary (below the grid) ──────────────────────────────────────── */
.wc-leave[b-x67x3btet1] {
    margin-top: 22px;
    border-top: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    padding-top: 14px;
}

.wc-leave-title[b-x67x3btet1] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary, #76808f);
    margin-bottom: 11px;
}

.wc-leave-list[b-x67x3btet1] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.wc-leave-row[b-x67x3btet1] {
    display: flex;
    align-items: baseline;
    gap: 16px;
    flex-wrap: wrap;
}

.wc-leave-emp[b-x67x3btet1] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 210px;
    flex-shrink: 0;
}

.wc-leave-dot[b-x67x3btet1] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.wc-leave-name[b-x67x3btet1] {
    font-weight: 600;
    font-size: 0.84rem;
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-leave-count[b-x67x3btet1] {
    font-size: 0.74rem;
    color: var(--mud-palette-text-secondary, #76808f);
    font-variant-numeric: tabular-nums;
}

.wc-leave-dates[b-x67x3btet1] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.wc-leave-chip[b-x67x3btet1] {
    font-size: 0.72rem;
    color: var(--mud-palette-text-primary, #1f2733);
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 5%, var(--mud-palette-surface, #ffffff));
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 6px;
    padding: 2px 7px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ── Day override dialog ─────────────────────────────────────────────────────
   Centred modal opened by clicking a day. Shows what is on the day (holiday
   context) and lets a manager ADD or SUPPRESS a holiday. Theme-aware via
   --mud-palette-* tokens.
   ─────────────────────────────────────────────────────────────────────────── */
.wc-ov[b-x67x3btet1] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.45);
    animation: wc-ov-in-b-x67x3btet1 120ms ease;
}

@keyframes wc-ov-in-b-x67x3btet1 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.wc-dlg[b-x67x3btet1] {
    width: 340px;
    max-width: 100%;
    background: var(--mud-palette-surface, #ffffff);
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(16, 24, 40, 0.22);
    padding: 16px 16px 14px;
    animation: wc-dlg-in-b-x67x3btet1 140ms cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes wc-dlg-in-b-x67x3btet1 {
    from { opacity: 0; transform: translateY(6px) scale(0.98); }
    to   { opacity: 1; transform: none; }
}

.wc-dlg-head[b-x67x3btet1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.wc-dlg-date[b-x67x3btet1] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--mud-palette-primary, #0f2d52);
    line-height: 1.2;
}

.wc-dlg-dow[b-x67x3btet1] {
    font-size: 0.74rem;
    color: var(--mud-palette-text-secondary, #76808f);
    margin-top: 1px;
    text-transform: capitalize;
}

.wc-dlg-x[b-x67x3btet1] {
    border: 0;
    background: transparent;
    color: var(--mud-palette-text-secondary, #76808f);
    font-size: 0.95rem;
    line-height: 1;
    padding: 2px 4px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

.wc-dlg-x:hover[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 7%, var(--mud-palette-surface, #ffffff));
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-dlg-ctx[b-x67x3btet1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 9px 11px;
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 4%, var(--mud-palette-surface, #ffffff));
    border-radius: 8px;
    margin-bottom: 13px;
}

.wc-dlg-hol[b-x67x3btet1] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.8rem;
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-dlg-dot[b-x67x3btet1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.wc-dlg-none[b-x67x3btet1] {
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary, #76808f);
}

/* existing override view */
.wc-dlg-ovr[b-x67x3btet1] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
}

.wc-ovr-badge[b-x67x3btet1] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 20px;
    letter-spacing: 0.02em;
}

.wc-ovr-badge.add[b-x67x3btet1] {
    background: color-mix(in srgb, #3b82f6 16%, var(--mud-palette-surface, #ffffff));
    color: #1c5fa8;
}

.wc-ovr-badge.sup[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-error, #c0392b) 14%, var(--mud-palette-surface, #ffffff));
    color: var(--mud-palette-error, #c0392b);
}

.wc-ovr-name[b-x67x3btet1] {
    font-size: 0.84rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary, #1f2733);
}

/* kind segmented */
.wc-kind[b-x67x3btet1] {
    display: inline-flex;
    width: 100%;
    border: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 11px;
}

.wc-kind-btn[b-x67x3btet1] {
    flex: 1;
    height: 34px;
    border: 0;
    border-right: 1px solid var(--mud-palette-lines-default, #e6e8ec);
    background: transparent;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--mud-palette-text-secondary, #76808f);
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
}

.wc-kind-btn:last-child[b-x67x3btet1] {
    border-right: 0;
}

.wc-kind-btn.on[b-x67x3btet1] {
    color: var(--mud-palette-text-primary, #1f2733);
    background: color-mix(in srgb, var(--mud-palette-primary, #0f2d52) 8%, var(--mud-palette-surface, #ffffff));
}

.wc-input[b-x67x3btet1] {
    width: 100%;
    height: 36px;
    border: 1px solid var(--mud-palette-text-disabled, #d6dae1);
    border-radius: 8px;
    padding: 0 11px;
    font: inherit;
    font-size: 0.84rem;
    color: var(--mud-palette-text-primary, #1f2733);
    background: var(--mud-palette-surface, #ffffff);
    margin-bottom: 14px;
    outline: none;
    transition: border-color 120ms ease;
}

.wc-input:focus[b-x67x3btet1] {
    border-color: var(--mud-palette-primary, #0f2d52);
}

.wc-input[b-x67x3btet1]::placeholder {
    color: var(--mud-palette-text-secondary, #76808f);
}

.wc-dlg-actions[b-x67x3btet1] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.wc-btn[b-x67x3btet1] {
    height: 34px;
    padding: 0 15px;
    border-radius: 8px;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background 120ms ease, opacity 120ms ease;
}

.wc-btn.primary[b-x67x3btet1] {
    background: var(--mud-palette-primary, #0f2d52);
    color: var(--mud-palette-primary-text, #ffffff);
}

.wc-btn.primary:disabled[b-x67x3btet1] {
    opacity: 0.45;
    cursor: default;
}

.wc-btn.ghost[b-x67x3btet1] {
    background: transparent;
    border-color: var(--mud-palette-text-disabled, #d6dae1);
    color: var(--mud-palette-text-primary, #1f2733);
}

.wc-btn.ghost:hover[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-text-primary, #1f2733) 5%, var(--mud-palette-surface, #ffffff));
}

.wc-btn.danger[b-x67x3btet1] {
    background: transparent;
    border-color: color-mix(in srgb, var(--mud-palette-error, #c0392b) 40%, var(--mud-palette-surface, #ffffff));
    color: var(--mud-palette-error, #c0392b);
}

.wc-btn.danger:hover[b-x67x3btet1] {
    background: color-mix(in srgb, var(--mud-palette-error, #c0392b) 8%, var(--mud-palette-surface, #ffffff));
}

@media (prefers-reduced-motion: reduce) {
    .wc-ov[b-x67x3btet1],
    .wc-dlg[b-x67x3btet1] {
        animation: none;
    }
}
/* /Pages/Settings.razor.rz.scp.css */
/* Mobile card view for the System Parameters grid (rendered only below Md via
   MudHidden). The desktop MudDataGrid pushes its 5 columns off a phone; these
   stack each parameter as a readable card. */
.sp-bar[b-l6z5rqessl] { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.sp-search[b-l6z5rqessl] { flex: 1 1 160px; }
.sp-card[b-l6z5rqessl] {
    border: 1px solid var(--mud-palette-lines-default); border-radius: 10px;
    padding: 10px 12px; margin-bottom: 8px; background: var(--mud-palette-surface);
}
.sp-card-top[b-l6z5rqessl] { display: flex; align-items: flex-start; gap: 8px; }
.sp-key[b-l6z5rqessl] {
    flex: 1; min-width: 0; font-weight: 600; font-size: 0.9rem; word-break: break-word;
    display: flex; align-items: center; gap: 4px;
}
.sp-actions[b-l6z5rqessl] { display: flex; gap: 2px; flex: none; }
.sp-cat[b-l6z5rqessl] {
    font-size: 0.7rem; color: var(--mud-palette-text-secondary);
    text-transform: uppercase; letter-spacing: 0.03em; margin-top: 3px;
}
.sp-val[b-l6z5rqessl] { font-size: 0.85rem; margin-top: 4px; word-break: break-word; }
.sp-desc[b-l6z5rqessl] { font-size: 0.78rem; color: var(--mud-palette-text-secondary); margin-top: 4px; }