@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Layout/AuthShell.razor.rz.scp.css */
/* "Merkkleur + onderblad": het hele scherm is effen de merkkleur (of Roosterke-inkt),
   zonder verlopen of gloed, met bovenin het logo en de naam. Het formulier ligt op een wit blad:
   op de telefoon schuift het van onderen omhoog, op de computer zweeft het als kaart
   over het onderste deel van het merkvlak. */

.rk-auth[b-3c9k1w1eum] {
    --auth-ink: #fff;
    --auth-ink-2: rgba(255, 255, 255, .78);
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    background: var(--auth-brand);
    color: var(--ink, #16181D);
    font-family: var(--font-ui, system-ui, sans-serif);
}

/* Lichte merkkleur: donkere tekst op het merkvlak. */
.rk-auth--light[b-3c9k1w1eum] { --auth-ink: #16181D; --auth-ink-2: rgba(22, 24, 29, .72); }

/* ---------- Merkvlak ---------- */
.rk-auth__hero[b-3c9k1w1eum] {
    position: relative;
    display: flex;
    justify-content: center;
    padding: clamp(40px, 8vh, 88px) 24px 36px;
    color: var(--auth-ink);
}

/* Geen organisatie: effen Roosterke-inkt. */
.rk-auth--roosterke[b-3c9k1w1eum] { background: #16181D; }

.rk-auth__brand[b-3c9k1w1eum] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
    animation: rk-auth-fade-b-3c9k1w1eum .6s cubic-bezier(.2, .7, .2, 1) both;
}

.rk-auth__tile[b-3c9k1w1eum] {
    display: grid;
    place-items: center;
    width: 104px;
    height: 104px;
    margin-bottom: 8px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    overflow: hidden;
}
.rk-auth__tile img[b-3c9k1w1eum] { width: 76%; height: 76%; object-fit: contain; }

/* Het Roosterke-logo heeft witte balken: op een inkt-tegel met een fijne lichtrand. */
.rk-auth__tile--roosterke[b-3c9k1w1eum] {
    background: #16181D;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
}
.rk-auth__tile--roosterke img[b-3c9k1w1eum] { width: 62%; height: 62%; }

.rk-auth__name[b-3c9k1w1eum] {
    margin: 0;
    color: var(--auth-ink);
    font-size: clamp(30px, 4.4vw, 48px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.022em; word-spacing: .1em;
}

.rk-auth__tagline[b-3c9k1w1eum] { margin: 0; max-width: 34ch; color: var(--auth-ink-2); font-size: 16px; font-weight: 500; }

.rk-auth__badge[b-3c9k1w1eum] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* ---------- Onderblad met het formulier ---------- */
.rk-auth__main[b-3c9k1w1eum] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 0 16px 28px;
}

.rk-auth__card[b-3c9k1w1eum] {
    width: 100%;
    max-width: 440px;
    padding: 36px 36px 32px;
    border-radius: 32px;
    background: var(--surface, #fff);
    color: var(--ink, #16181D);
    box-shadow: 0 1px 2px rgba(14, 15, 18, .08);
    animation: rk-auth-rise-b-3c9k1w1eum .55s cubic-bezier(.2, .7, .2, 1) .08s both;
}
.rk-auth__card--wide[b-3c9k1w1eum] { max-width: 580px; }

.rk-auth__title[b-3c9k1w1eum] {
    margin: 0 0 6px;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.02em; word-spacing: .1em;
    line-height: 1.15;
}

.rk-auth__subtitle[b-3c9k1w1eum] { margin: 0 0 24px; color: var(--ink-2, #4B505A); font-size: 15px; }

/* Onderaan: het "Mogelijk gemaakt"-merk en de gedeelde voettekst (PublicFooter).
   Op het merkvlak in de kleuren van het merk; op de telefoon op het witte blad. */
.rk-auth__foot[b-3c9k1w1eum] {
    --pfooter-ink: var(--auth-ink-2);
    --pfooter-link: var(--auth-ink);
    --pfooter-link-hover: var(--auth-ink);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: auto 0 0;
    padding-top: 24px;
}

.rk-auth__powered[b-3c9k1w1eum] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: var(--auth-ink-2);
    font-size: 12px;
    font-weight: 500;
}
.rk-auth__powered-mark[b-3c9k1w1eum] {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: #16181D;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
}
.rk-auth__powered-mark img[b-3c9k1w1eum] { width: 72%; height: 72%; }

@keyframes rk-auth-rise-b-3c9k1w1eum {
    from { opacity: 0; transform: translateY(28px); }
    to { opacity: 1; transform: none; }
}

@keyframes rk-auth-fade-b-3c9k1w1eum {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: none; }
}

/* ---------- Telefoon: blad van onderen ---------- */
@media (max-width: 639px) {
    .rk-auth__hero[b-3c9k1w1eum] { padding: 56px 20px 60px; }
    .rk-auth__tile[b-3c9k1w1eum] { width: 72px; height: 72px; border-radius: 22px; }
    .rk-auth__name[b-3c9k1w1eum] { font-size: 30px; }
    .rk-auth__tagline[b-3c9k1w1eum] { font-size: 15px; }
    .rk-auth__main[b-3c9k1w1eum] { flex: 1; margin-top: -28px; padding: 0; background: var(--surface, #fff); border-radius: 28px 28px 0 0; }
    .rk-auth__card[b-3c9k1w1eum],
    .rk-auth__card--wide[b-3c9k1w1eum] {
        flex: 1;
        max-width: none;
        padding: 30px 20px 24px;
        border-radius: 28px 28px 0 0;
        box-shadow: none;
        animation-name: rk-auth-sheet-b-3c9k1w1eum;
    }
    .rk-auth__card[b-3c9k1w1eum]::before {
        content: "";
        display: block;
        width: 40px;
        height: 4px;
        margin: -14px auto 20px;
        border-radius: 2px;
        background: var(--line, #E6E2DA);
    }
    .rk-auth__foot[b-3c9k1w1eum] {
        --pfooter-ink: var(--ink-3, #8A8F99);
        --pfooter-link: var(--ink-2, #4B505A);
        --pfooter-link-hover: var(--ink, #16181D);
        padding: 8px 0 calc(20px + env(safe-area-inset-bottom));
        border-top: 1px solid var(--line-soft, #EFECE6);
    }
    .rk-auth__powered[b-3c9k1w1eum] { justify-content: center; padding-top: 12px; width: 100%; color: var(--ink-3, #8A8F99); }
    .rk-auth__title[b-3c9k1w1eum] { font-size: 24px; }
}

@keyframes rk-auth-sheet-b-3c9k1w1eum {
    from { transform: translateY(40%); opacity: .4; }
    to { transform: none; opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .rk-auth__brand[b-3c9k1w1eum], .rk-auth__card[b-3c9k1w1eum] { animation: none; }
}
/* /Components/Layout/LegalPage.razor.rz.scp.css */
/* Lange tekstpagina's: de secties als kaarten onder elkaar. */
.rk-legal__intro[b-ngqrg8s4jf] { color: var(--ink-2); font-size: 16px; line-height: 1.65; max-width: 62ch; }
.rk-legal__intro[b-ngqrg8s4jf]  p { margin: 0 0 10px; }
.rk-legal__sections[b-ngqrg8s4jf] { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
/* /Components/Layout/LegalSection.razor.rz.scp.css */
.rk-legal-card[b-ao7rwkgt73] {
    padding: 20px;
    border: 1px solid var(--line-soft);
    border-radius: var(--r-lg, 20px);
    background: var(--surface);
    scroll-margin-top: 16px;
}

.rk-legal-card__title[b-ao7rwkgt73] { margin: 0 0 10px; font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--ink); }

.rk-legal-card__body[b-ao7rwkgt73] { color: var(--ink-2); font-size: 15px; line-height: 1.65; }
.rk-legal-card__body[b-ao7rwkgt73]  p { margin: 0 0 10px; max-width: 68ch; }
.rk-legal-card__body[b-ao7rwkgt73]  p:last-child { margin-bottom: 0; }
.rk-legal-card__body[b-ao7rwkgt73]  ul { margin: 0 0 10px; padding-left: 20px; }
.rk-legal-card__body[b-ao7rwkgt73]  ul:last-child { margin-bottom: 0; }
.rk-legal-card__body[b-ao7rwkgt73]  li { margin: 4px 0; }
.rk-legal-card__body[b-ao7rwkgt73]  h3 { margin: 16px 0 4px; font-size: 15px; font-weight: 700; color: var(--ink); }
.rk-legal-card__body[b-ao7rwkgt73]  h3:first-child { margin-top: 0; }
.rk-legal-card__body[b-ao7rwkgt73]  a { color: var(--accent-text, var(--accent)); font-weight: 600; text-underline-offset: 3px; }
.rk-legal-card__body[b-ao7rwkgt73]  strong { color: var(--ink); }
.rk-legal-card__body[b-ao7rwkgt73]  code {
    padding: 1px 5px;
    border-radius: 6px;
    background: var(--surface-sunken);
    color: var(--ink);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: .88em;
    overflow-wrap: anywhere;
}

/* Tabellen: op brede schermen een echte tabel, op de telefoon kaartjes per rij. */
.rk-legal-card__body[b-ao7rwkgt73]  table { width: 100%; border-collapse: collapse; font-size: 14px; }
.rk-legal-card__body[b-ao7rwkgt73]  th,
.rk-legal-card__body[b-ao7rwkgt73]  td { padding: 10px 8px; border-bottom: 1px solid var(--line-soft); text-align: left; vertical-align: top; }
.rk-legal-card__body[b-ao7rwkgt73]  th { color: var(--ink-3); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.rk-legal-card__body[b-ao7rwkgt73]  tr:last-child td { border-bottom: 0; }

@media (max-width: 640px) {
    .rk-legal-card[b-ao7rwkgt73] { padding: 16px; }
    .rk-legal-card__body[b-ao7rwkgt73]  thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .rk-legal-card__body[b-ao7rwkgt73]  tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
    .rk-legal-card__body[b-ao7rwkgt73]  tr:last-child { border-bottom: 0; }
    .rk-legal-card__body[b-ao7rwkgt73]  td { display: grid; grid-template-columns: 6.5rem 1fr; gap: 8px; padding: 3px 0; border: 0; }
    .rk-legal-card__body[b-ao7rwkgt73]  td::before { content: attr(data-label); color: var(--ink-3); font-size: 12px; font-weight: 700; }
}
/* /Components/Layout/NavItem.razor.rz.scp.css */
/* Het tellertje achter een menu-item (bijv. open supportvragen). */
.nav-count[b-t3c7f5xy0n] {
    margin-left: auto;
    flex: 0 0 auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--accent-soft);
    color: var(--accent-text);
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
/* /Components/Layout/PlatformMessageBanner.razor.rz.scp.css */
/* De strook met berichten van Roosterke, even breed als de inhoud eronder. */
.pm-banner[b-1cevuk2j9w] {
    display: grid;
    gap: 8px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 4px 16px 8px;
}
@media (min-width: 640px) {
    .pm-banner[b-1cevuk2j9w] { padding: 4px 28px 8px; }
}
@media (min-width: 1024px) {
    .pm-banner[b-1cevuk2j9w] { padding: 4px 48px 8px; }
}
/* /Components/Layout/PublicFooter.razor.rz.scp.css */
.rk-pfooter[b-qt49pbgirs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 12px 16px 0;
    color: var(--pfooter-ink, var(--ink-3));
    font-size: 13px;
    text-align: center;
}

.rk-pfooter__nav ul[b-qt49pbgirs] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.rk-pfooter a[b-qt49pbgirs] {
    color: var(--pfooter-link, var(--ink-2));
    font-weight: 500;
    text-decoration: none;
    text-underline-offset: 3px;
    border-radius: 4px;
}
.rk-pfooter a:hover[b-qt49pbgirs] { text-decoration: underline; color: var(--pfooter-link-hover, var(--ink)); }
.rk-pfooter a:focus-visible[b-qt49pbgirs] { outline: 2px solid currentColor; outline-offset: 2px; }

.rk-pfooter__by[b-qt49pbgirs] { margin: 0; }

.rk-pfooter__contact[b-qt49pbgirs],
.rk-pfooter__social[b-qt49pbgirs] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 16px;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
}
.rk-pfooter__contact a[b-qt49pbgirs],
.rk-pfooter__contact span[b-qt49pbgirs] { display: inline-flex; align-items: center; gap: 5px; }
.rk-pfooter__contact span[b-qt49pbgirs] { color: var(--pfooter-ink, var(--ink-3)); }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-m052nfaod7],
.components-reconnect-repeated-attempt-visible[b-m052nfaod7],
.components-reconnect-failed-visible[b-m052nfaod7],
.components-pause-visible[b-m052nfaod7],
.components-resume-failed-visible[b-m052nfaod7] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-m052nfaod7],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-m052nfaod7],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-m052nfaod7],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-m052nfaod7],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-m052nfaod7] {
    display: block;
}

#components-reconnect-modal[b-m052nfaod7] {
    border: 0;
    padding: 0;
    background: transparent;
    margin: auto;
}

#components-reconnect-modal[b-m052nfaod7]::backdrop {
    background: rgba(14, 15, 18, 0.35);
    backdrop-filter: none;
}

.rk-reconnect[b-m052nfaod7] {
    width: min(22rem, calc(100vw - 2rem));
    padding: 2rem 1.75rem;
    text-align: center;
    background: var(--surface, #fff);
    color: var(--ink, #16181D);
    border-radius: var(--r-lg, 20px);
    box-shadow: var(--shadow-3, 0 30px 60px -20px rgba(22, 24, 29, .30));
    font-family: var(--font-ui, system-ui, sans-serif);
}

.rk-reconnect__spinner[b-m052nfaod7] {
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 auto 1rem;
    border-radius: 50%;
    border: 3px solid var(--line, #E6E2DA);
    border-top-color: var(--accent, #C8372D);
    animation: rk-draai-b-m052nfaod7 0.9s linear infinite;
}

.rk-reconnect__title[b-m052nfaod7] {
    margin: 0 0 .25rem;
    font-family: var(--font-display, Georgia, serif);
    font-size: 1.25rem;
    font-weight: 600;
}

.rk-reconnect__text[b-m052nfaod7] {
    margin: 0 0 1rem;
    color: var(--ink-2, #4B505A);
    font-size: .9375rem;
}

@keyframes rk-draai-b-m052nfaod7 {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .rk-reconnect__spinner[b-m052nfaod7] { animation-duration: 2.5s; }
}
/* /Components/Pages/Afwezigheid/VerzuimCijfers.razor.rz.scp.css */
.rk-facts[b-962fmaocsh] { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.rk-facts > div[b-962fmaocsh] { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--line-soft); font-size: 14px; }
.rk-facts > div:last-child[b-962fmaocsh] { border-bottom: 0; padding-bottom: 0; }
.rk-facts dt[b-962fmaocsh] { color: var(--ink-2); }
.rk-facts dd[b-962fmaocsh] { margin: 0; color: var(--ink); font-weight: 600; }
/* Op een telefoon mag de grafiek scrollen in plaats van de pagina te verbreden. */
.rk-split[b-962fmaocsh]  .kader { min-width: 0; }
/* /Components/Pages/Afwezigheid/VerzuimDossier.razor.rz.scp.css */
/* Ronde 2 (admin 2): het verzuimdossier. Vlak: randen en tinten, geen schaduw. */
.vz-form[b-spo9xczwf7] { padding: 14px 16px; border: 1px solid var(--line-soft); border-radius: var(--r-md); background: var(--surface-2); }
.vz-list[b-spo9xczwf7], .vz-steps[b-spo9xczwf7] { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.vz-list li[b-spo9xczwf7] { padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: var(--r-sm); font-size: 14px; }
.vz-list__head[b-spo9xczwf7] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.vz-list__text[b-spo9xczwf7] { margin-top: 8px; white-space: pre-line; overflow-wrap: anywhere; color: var(--ink); }
.vz-list__text .rk-label[b-spo9xczwf7] { display: block; }
.vz-steps li[b-spo9xczwf7] { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--line-soft); border-radius: var(--r-sm); font-size: 14px; }
.vz-steps__pct[b-spo9xczwf7] { min-width: 48px; font-weight: 700; color: var(--success); }
/* /Components/Pages/AutoPlanning/AutoPlanGewichten.razor.rz.scp.css */
.rk-weights[b-o1u05gon1r] { display: flex; flex-direction: column; gap: 22px; }
/* /Components/Pages/AutoPlanning/RoosterPatronen.razor.rz.scp.css */
/* Ronde 2 (admin 2): het cyclusraster van een vast roosterpatroon. Scrollt zelf op een
   telefoon, zodat de pagina niet breder wordt. */
.rp-grid-wrap[b-kmo8ek4etw] { overflow-x: auto; border: 1px solid var(--line-soft); border-radius: var(--r-md); }
.rp-grid[b-kmo8ek4etw] { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; font-size: 13px; }
.rp-grid th[b-kmo8ek4etw], .rp-grid td[b-kmo8ek4etw] { padding: 6px; border-bottom: 1px solid var(--line-soft); vertical-align: top; }
.rp-grid thead th[b-kmo8ek4etw] { color: var(--ink-3); font-weight: 600; text-align: left; }
.rp-grid tbody th[b-kmo8ek4etw] { width: 92px; color: var(--ink-2); font-weight: 600; text-align: left; white-space: nowrap; }
.rp-grid tbody tr:last-child th[b-kmo8ek4etw], .rp-grid tbody tr:last-child td[b-kmo8ek4etw] { border-bottom: 0; }
.rp-grid__filled[b-kmo8ek4etw] { background: var(--accent-soft); }
.rp-grid__select[b-kmo8ek4etw] { min-height: 34px; padding-top: 4px; padding-bottom: 4px; font-size: 13px; }
.rp-grid__times[b-kmo8ek4etw] { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.rp-grid__times .rk-input[b-kmo8ek4etw] { min-height: 34px; padding: 4px 6px; font-size: 13px; }
/* /Components/Pages/AutoPlanning/WeightSlider.razor.rz.scp.css */
.rk-weight__head[b-yr70x6v1j4] { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.rk-weight input[type=range][b-yr70x6v1j4] { width: 100%; margin: 8px 0 4px; accent-color: var(--accent); }
.rk-weight__hint[b-yr70x6v1j4] { margin: 0; color: var(--ink-2); font-size: 13px; }
.rk-weight--off[b-yr70x6v1j4] { opacity: .55; }
/* /Components/Pages/CaoArbeidsvoorwaarden.razor.rz.scp.css */
.terms-toolbar[b-d1ccc1hyva] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; margin: 20px 0; max-width: 800px; }
.terms-employee[b-d1ccc1hyva] { border-bottom: 1px solid var(--color-border); }
.terms-employee summary[b-d1ccc1hyva] { display: flex; gap: 16px; justify-content: space-between; align-items: center; padding: 16px 0; cursor: pointer; }
.terms-employee summary span[b-d1ccc1hyva] { font-size: 13px; }
.terms-detail[b-d1ccc1hyva] { padding: 0 0 20px; }
.terms-detail p[b-d1ccc1hyva] { margin-bottom: 12px; overflow-wrap: anywhere; }
/* De brede regeltabel scrollt binnen zijn eigen kader, zodat de pagina op een smal
   scherm (390px) niet horizontaal meegroeit. */
.terms-table[b-d1ccc1hyva] { overflow-x: auto; }
.terms-table table[b-d1ccc1hyva] { min-width: 700px; }
.terms-table td[b-d1ccc1hyva] { white-space: normal; overflow-wrap: anywhere; vertical-align: top; }
.terms-form[b-d1ccc1hyva] { display: grid; gap: 16px; }
.terms-checkbox[b-d1ccc1hyva] { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; }
.terms-checkbox input[b-d1ccc1hyva] { flex-shrink: 0; margin-top: 3px; }
.terms-fact[b-d1ccc1hyva] { border: 0; border-top: 1px solid var(--color-border); padding: 16px 0 0; display: grid; gap: 12px; min-width: 0; }
.terms-fact legend[b-d1ccc1hyva] { font-weight: 600; padding: 0 8px 0 0; }
.terms-mobile-status[b-d1ccc1hyva] { display: none; }
@media (max-width: 600px) { .terms-toolbar[b-d1ccc1hyva] { grid-template-columns: minmax(0, 1fr); } .terms-employee summary[b-d1ccc1hyva] { align-items: flex-start; flex-direction: column; gap: 8px; } .terms-mobile-status[b-d1ccc1hyva] { display: block; font-weight: 600; font-size: 13px; margin-top: 6px; } }
/* /Components/Pages/CaoCatalogus.razor.rz.scp.css */
.catalogue-filters[b-ez2lshdnfq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
/* De brede tabel (min-width 650px) scrollt binnen zijn eigen kader, zodat de pagina
   op een smal scherm (390px) niet horizontaal meegroeit. */
.catalogue-table[b-ez2lshdnfq] { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); overflow-x: auto; }
.catalogue-table table[b-ez2lshdnfq] { min-width: 650px; table-layout: fixed; }
@media (max-width: 640px) { .catalogue-filters[b-ez2lshdnfq] { grid-template-columns: 1fr; } }
.catalogue-table th:nth-child(1)[b-ez2lshdnfq] { width: 33%; }
.catalogue-table th:nth-child(2)[b-ez2lshdnfq] { width: 19%; }
.catalogue-table th:nth-child(3)[b-ez2lshdnfq] { width: 30%; }
.catalogue-table td[b-ez2lshdnfq] { white-space: normal; overflow-wrap: anywhere; vertical-align: top; }
.catalogue-name[b-ez2lshdnfq] { font-weight: 600; }
.catalogue-documents[b-ez2lshdnfq] { display: grid; gap: 8px; margin-top: 8px; }
.catalogue-documents a[b-ez2lshdnfq] { overflow-wrap: anywhere; }
.catalogue-pagination[b-ez2lshdnfq] { display: flex; align-items: center; gap: 12px; justify-content: flex-end; margin-top: 16px; }
@media (max-width: 600px) { .catalogue-filters[b-ez2lshdnfq] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/Declaraties/Declaraties.razor.rz.scp.css */
.rk-receipt[b-glo3l1xpqt] { display: grid; gap: 20px; }
@media (min-width: 900px) { .rk-receipt[b-glo3l1xpqt] { grid-template-columns: minmax(0, 1fr) 300px; } }
.rk-receipt__frame[b-glo3l1xpqt] {
    min-height: 320px;
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    background: var(--surface-sunken);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rk-receipt__frame iframe[b-glo3l1xpqt] { width: 100%; height: 60vh; min-height: 320px; border: 0; background: var(--surface); }
.rk-receipt__frame img[b-glo3l1xpqt] { max-width: 100%; max-height: 60vh; object-fit: contain; }
.rk-receipt__facts[b-glo3l1xpqt] { display: grid; gap: 10px; align-content: start; margin: 0; }
.rk-receipt__facts > div[b-glo3l1xpqt] { display: grid; grid-template-columns: 7rem 1fr; gap: 8px; }
.rk-receipt__facts dt[b-glo3l1xpqt] { color: var(--ink-3); }
.rk-receipt__facts dd[b-glo3l1xpqt] { margin: 0; color: var(--ink); }
/* /Components/Pages/Enquetes/EnqueteResultaten.razor.rz.scp.css */
.rk-dist[b-6n9aovp2r1] { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.rk-dist li[b-6n9aovp2r1] { display: grid; grid-template-columns: minmax(3rem, 10rem) 1fr 2.5rem; align-items: center; gap: 10px; font-size: 14px; }
.rk-dist__label[b-6n9aovp2r1] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-2); }
.rk-dist__bar[b-6n9aovp2r1] { height: 10px; border-radius: 999px; background: var(--surface-sunken); overflow: hidden; }
.rk-dist__bar > span[b-6n9aovp2r1] { display: block; height: 100%; border-radius: 999px; background: var(--accent); }
.rk-dist__count[b-6n9aovp2r1] { text-align: right; color: var(--ink); }
/* /Components/Pages/Invalpool/InvalpoolBeheer.razor.rz.scp.css */
.rk-offer-list[b-xz8cnaeprh] { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.rk-offer-list li[b-xz8cnaeprh] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--line-soft); }
.rk-offer-list li:last-child[b-xz8cnaeprh] { border-bottom: 0; }
.rk-split > section[b-xz8cnaeprh], .rk-split > aside[b-xz8cnaeprh] { min-width: 0; }

/* ── Ronde 2 (admin 2): rang per lid ── */
.ip-rank[b-xz8cnaeprh] { width: 72px; min-height: 36px; text-align: right; }
/* /Components/Pages/Inzichten/InzichtenDashboard.razor.rz.scp.css */
.rk-insights[b-d5ugxwt2l1] { display: grid; gap: 20px; }
@media (min-width: 1100px) { .rk-insights[b-d5ugxwt2l1] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.rk-insights[b-d5ugxwt2l1]  .rk-insights__wide { grid-column: 1 / -1; }
.rk-insight-total[b-d5ugxwt2l1] { margin: 0 0 14px; color: var(--ink-2); font-size: 14px; }
.rk-insight-total strong[b-d5ugxwt2l1] { color: var(--ink); font-size: 18px; font-weight: 700; }
.rk-warn-text[b-d5ugxwt2l1] { color: var(--warning-text); }
.rk-key[b-d5ugxwt2l1] { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.rk-key--accent[b-d5ugxwt2l1] { background: var(--accent); }
.rk-key--groen[b-d5ugxwt2l1] { background: var(--success); }
.rk-key--ghost[b-d5ugxwt2l1] { background: var(--surface-sunken); border: 1px solid var(--line); }
.rk-inline-bar[b-d5ugxwt2l1] { display: grid; grid-template-columns: minmax(80px, 1fr) auto; align-items: center; gap: 10px; }
.rk-insight-filters[b-d5ugxwt2l1] { align-items: flex-end; }
.rk-insights[b-d5ugxwt2l1]  .kader { min-width: 0; }

/* ── Ronde 2 (admin 2): KPI-tegels met doel en verschil ── */
.rk-kpis[b-d5ugxwt2l1] { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.rk-kpi[b-d5ugxwt2l1] { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--line-soft); border-radius: var(--r-md); background: var(--surface); }
.rk-kpi--met[b-d5ugxwt2l1] { box-shadow: inset 3px 0 0 var(--success); }
.rk-kpi--missed[b-d5ugxwt2l1] { box-shadow: inset 3px 0 0 var(--warning); }
.rk-kpi__label[b-d5ugxwt2l1] { color: var(--ink-2); font-size: 13px; }
.rk-kpi__value[b-d5ugxwt2l1] { color: var(--ink); font-size: 22px; font-weight: 750; line-height: 1.2; }
.rk-kpi__target[b-d5ugxwt2l1] { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-2); font-size: 12px; }
.rk-kpi--met .rk-kpi__target[b-d5ugxwt2l1] { color: var(--success); }
.rk-kpi--missed .rk-kpi__target[b-d5ugxwt2l1] { color: var(--warning-text); }
.rk-kpi .rk-chip[b-d5ugxwt2l1] { align-self: flex-start; margin-left: 0 !important; }
/* /Components/Pages/Koppelingen/MedewerkersImport.razor.rz.scp.css */
/* Ronde 2 (admin 2): de medewerkersimport. */
.imp-row--error td:first-child[b-lj49cj4joz] { box-shadow: inset 3px 0 0 var(--warning); }
.imp-cols[b-lj49cj4joz] { display: flex; flex-direction: column; gap: 8px; margin: 0; font-size: 13px; }
.imp-cols > div[b-lj49cj4joz] { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--line-soft); }
.imp-cols > div:last-child[b-lj49cj4joz] { border-bottom: 0; padding-bottom: 0; }
.imp-cols dt[b-lj49cj4joz] { font-family: var(--font-mono); color: var(--ink); }
.imp-cols dd[b-lj49cj4joz] { margin: 0; color: var(--ink-2); text-align: right; }
/* /Components/Pages/Operations/Budget/BudgetRapport.razor.rz.scp.css */
/* Ronde 2 (admin 2): de prognosekaart. */
.bud-forecast[b-gg2i6jz3sv] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px 20px; margin-bottom: 14px; }
.bud-forecast > div[b-gg2i6jz3sv] { display: flex; flex-direction: column; gap: 2px; }
.bud-forecast strong[b-gg2i6jz3sv] { font-size: 18px; color: var(--ink); }
/* /Components/Pages/Operations/Budget/BudgetWeek.razor.rz.scp.css */
.rk-affix[b-fy5qkem7hh] { display: flex; align-items: center; gap: 6px; min-width: 7.5rem; }
.rk-affix > span[b-fy5qkem7hh] { color: var(--ink-3); font-size: 14px; }
/* /Components/Pages/Operations/Budget/Loonkosten.razor.rz.scp.css */
/* De sleutels in de legenda van de grafiek. */
.rk-key[b-efnfq1m8fz] { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.rk-key--accent[b-efnfq1m8fz] { background: var(--accent); }
.rk-key--rood[b-efnfq1m8fz] { background: var(--danger); }
.rk-key--ghost[b-efnfq1m8fz] { background: var(--surface-sunken); border: 1px solid var(--line); }
/* /Components/Pages/Operations/Documenten/DocumentBatchDialog.razor.rz.scp.css */
/* Ronde 2 (admin 2): de doelgroep van een groepsverzoek. */
.db-audience[b-uezlzapbhg] { margin: 0; padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: var(--r-md); }
.db-pick[b-uezlzapbhg] { display: flex; flex-direction: column; gap: 4px; max-height: 180px; overflow-y: auto; }
/* /Components/Pages/Operations/Documenten/Documenten.razor.rz.scp.css */
.rk-doc-filter[b-g1b59dz264] { text-align: left; cursor: pointer; border: 1px solid var(--line-soft); font: inherit; color: inherit; }
.rk-doc-filter.is-active[b-g1b59dz264] { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }

/* ── Ronde 2 (admin 2): groepsverzoeken ── */
.doc-progress[b-g1b59dz264] { display: grid; grid-template-columns: minmax(80px, 1fr) auto; align-items: center; gap: 10px; }
.doc-people[b-g1b59dz264] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.doc-people li[b-g1b59dz264] { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line-soft); font-size: 14px; }
.doc-people li:last-child[b-g1b59dz264] { border-bottom: 0; }
/* /Components/Pages/Operations/Loonexport/LoonperiodeDetail.razor.rz.scp.css */
.rk-payroll-flow[b-i4puwjm0md] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin: 0; padding: 0; list-style: none; font-size: 14px; color: var(--ink-3); }
.rk-payroll-flow > li[b-i4puwjm0md] { display: inline-flex; align-items: center; gap: 8px; }
.rk-payroll-flow > li + li[b-i4puwjm0md]::before { content: ""; width: 18px; height: 1px; margin-right: 12px; background: var(--line); }
.rk-payroll-flow__dot[b-i4puwjm0md] { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--line); color: var(--ink-inverse); }
.rk-payroll-flow > li.is-done[b-i4puwjm0md] { color: var(--ink-2); }
.rk-payroll-flow > li.is-done .rk-payroll-flow__dot[b-i4puwjm0md] { background: var(--success); border-color: var(--success); }
.rk-payroll-flow > li.is-current[b-i4puwjm0md] { color: var(--ink); font-weight: 600; }
.rk-payroll-flow > li.is-current .rk-payroll-flow__dot[b-i4puwjm0md] { border-color: var(--ink); box-shadow: inset 0 0 0 4px var(--surface), inset 0 0 0 11px var(--ink); }
.rk-payroll-checks[b-i4puwjm0md], .rk-export-list[b-i4puwjm0md] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.rk-payroll-checks > li[b-i4puwjm0md] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--line-soft); }
.rk-payroll-checks > li:first-child[b-i4puwjm0md] { padding-top: 0; }
.rk-payroll-checks > li:last-child[b-i4puwjm0md] { border-bottom: 0; padding-bottom: 0; }
.rk-export-list > li[b-i4puwjm0md] { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
.rk-export-list > li > div[b-i4puwjm0md] { flex: 1 1 auto; }
.rk-export-list > li:last-child[b-i4puwjm0md] { border-bottom: 0; }
.rk-total-row td[b-i4puwjm0md] { font-weight: 600; background: var(--surface-2); }
@media (max-width: 639px) { .rk-payroll-flow > li + li[b-i4puwjm0md]::before { display: none; } }

/* ── Ronde 2 (admin 2): vergelijking met de vorige periode ── */
.pay-flag td:first-child[b-i4puwjm0md] { box-shadow: inset 3px 0 0 var(--warning); }
.pay-delta[b-i4puwjm0md] { display: block; color: var(--ink-3); font-size: 12px; }
/* /Components/Pages/Operations/Nieuws/Nieuws.razor.rz.scp.css */
.rk-news-row[b-rsdn9wqr4p] { display: flex; align-items: center; gap: 16px; padding: 16px 20px; color: inherit; text-decoration: none; transition: box-shadow .15s ease; }
.rk-news-row:hover[b-rsdn9wqr4p] { box-shadow: var(--shadow-2); }
.rk-news-row__stats[b-rsdn9wqr4p] { display: flex; flex-direction: column; align-items: flex-end; width: 9rem; flex-shrink: 0; }
@media (max-width: 639px) {
    .rk-news-row[b-rsdn9wqr4p] { flex-wrap: wrap; }
    .rk-news-row__stats[b-rsdn9wqr4p] { align-items: flex-start; width: 100%; }
}

/* ── Ronde 2 (admin 2): categorie met kleur ── */
.news-cat i[b-rsdn9wqr4p] { display: inline-block; width: 8px; height: 8px; margin-right: 4px; border-radius: 50%; }
/* /Components/Pages/Operations/Nieuws/NieuwsBericht.razor.rz.scp.css */
.rk-news-photo[b-iyg843k078] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.rk-news-photo img[b-iyg843k078] { max-width: 260px; max-height: 180px; border-radius: var(--r-md); border: 1px solid var(--line-soft); object-fit: cover; }
.rk-news-people[b-iyg843k078] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; max-height: 420px; overflow-y: auto; }
.rk-news-people > li[b-iyg843k078] { display: flex; align-items: center; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--line-soft); font-size: 14px; }
.rk-news-people > li:last-child[b-iyg843k078] { border-bottom: 0; }
/* /Components/Pages/Operations/Nieuws/NieuwsCategorieen.razor.rz.scp.css */
/* Ronde 2 (admin 2): categorieën met een kleur. */
.news-cat-dot[b-uhmk8agvw0] { display: inline-block; width: 10px; height: 10px; margin-right: 8px; border-radius: 50%; vertical-align: middle; }
.news-color[b-uhmk8agvw0] { width: 44px; height: 36px; padding: 2px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface); cursor: pointer; }
/* /Components/Pages/Operations/Onboarding/OnboardingPad.razor.rz.scp.css */
.rk-step-edit[b-a8q1d8cy5p] { padding: 14px; border: 1px solid var(--line-soft); border-radius: var(--r-md); background: var(--surface-2); }
.rk-step-edit__head[b-a8q1d8cy5p] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
/* /Components/Pages/Operations/Taken/ChecklistRunDialog.razor.rz.scp.css */
.rk-run-items[b-jf1jaaoh4p] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.rk-run-items > li[b-jf1jaaoh4p] { display: flex; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line-soft); }
.rk-run-items > li:last-child[b-jf1jaaoh4p] { border-bottom: 0; }
.rk-run-items__bad[b-jf1jaaoh4p] { background: color-mix(in srgb, var(--danger-soft) 60%, transparent); margin: 0 -12px; padding: 12px !important; border-radius: var(--r-sm); }
.rk-run-photo[b-jf1jaaoh4p] { margin-top: 8px; max-width: 240px; max-height: 180px; border-radius: var(--r-sm); border: 1px solid var(--line-soft); }
/* /Components/Pages/Operations/Taken/ChecklistSjabloon.razor.rz.scp.css */
.rk-item-edit[b-x6y7k40gcq] { padding: 14px; border: 1px solid var(--line-soft); border-radius: var(--r-md); background: var(--surface-2); }
.rk-item-edit__head[b-x6y7k40gcq] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.rk-assign-list[b-x6y7k40gcq] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.rk-assign-list > li[b-x6y7k40gcq] { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
.rk-assign-list > li:last-child[b-x6y7k40gcq] { border-bottom: 0; }
/* /Components/Pages/Operations/Vraagvoorspelling/Vraagvoorspelling.razor.rz.scp.css */
.rk-input-list[b-jtjzondkqb] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.rk-input-list > li[b-jtjzondkqb] { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
.rk-input-list > li:last-child[b-jtjzondkqb] { border-bottom: 0; }
/* /Components/Pages/Overuren/Overuren.razor.rz.scp.css */
/* Saldo van overuren: oranje vanaf warn_at_hours, rood boven het maximum. */
.rk-saldo[b-rjdkphgf7r] { font-variant-numeric: tabular-nums; font-weight: 600; }
.rk-saldo--oranje[b-rjdkphgf7r] { color: var(--warning-text); }
.rk-saldo--rood[b-rjdkphgf7r] { color: var(--danger); }
.rk-saldo--negatief[b-rjdkphgf7r] { color: var(--ink-3); }
/* /Components/Pages/Publiek/InhuurAanbod.razor.rz.scp.css */
.rk-offer[b-2r4pmxntcf] {
    display: grid;
    gap: 10px;
    margin: 0 0 20px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-2);
}

.rk-offer > div[b-2r4pmxntcf] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    font-size: 14px;
}

.rk-offer dt[b-2r4pmxntcf] { color: var(--ink-3); }
.rk-offer dd[b-2r4pmxntcf] { margin: 0; font-weight: 600; text-align: right; color: var(--ink); }
/* /Components/Pages/Publiek/Solliciteren.razor.rz.scp.css */
/* Honingpot: buiten beeld, niet voor schermlezers, wel in de DOM voor bots. */
.rk-hp[b-5g5w59akxy] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* /Components/Pages/Support.razor.rz.scp.css */
/* roosterke.nl/support: veelgestelde vragen en het contactformulier. */
.support[b-tinhjbljey] { display: flex; flex-direction: column; gap: 28px; }

.support__snel[b-tinhjbljey] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.support__tegel[b-tinhjbljey] {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    padding: 14px 8px;
    border: 1px solid var(--line-soft); border-radius: 14px;
    background: var(--surface-2);
    color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: none;
    transition: border-color .15s ease, transform .15s ease;
}
.support__tegel:hover[b-tinhjbljey] { border-color: var(--accent); transform: translateY(-1px); }
.support__tegel:focus-visible[b-tinhjbljey] { outline: 2px solid var(--accent); outline-offset: 2px; }
.support__tegel[b-tinhjbljey]  svg { color: var(--accent-text); }

.support__groep[b-tinhjbljey], .support__contact[b-tinhjbljey] { scroll-margin-top: 24px; }
.support__kop[b-tinhjbljey] { margin: 0 0 10px; font-size: 17px; font-weight: 700; color: var(--ink); }

.support__vraag[b-tinhjbljey] { border-bottom: 1px solid var(--line-soft); }
.support__vraag summary[b-tinhjbljey] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 2px;
    list-style: none; cursor: pointer;
    font-size: 15px; font-weight: 600; color: var(--ink);
}
.support__vraag summary[b-tinhjbljey]::-webkit-details-marker { display: none; }
.support__vraag summary:focus-visible[b-tinhjbljey] { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
.support__vraag summary[b-tinhjbljey]  svg { flex-shrink: 0; color: var(--ink-3); transition: transform .2s ease; }
.support__vraag[open] summary[b-tinhjbljey]  svg { transform: rotate(180deg); }
.support__antwoord[b-tinhjbljey] { padding: 0 2px 14px; color: var(--ink-2); font-size: 14px; line-height: 1.6; }
.support__antwoord[b-tinhjbljey]  p { margin: 0 0 8px; }
.support__antwoord[b-tinhjbljey]  p:last-child { margin-bottom: 0; }
.support__antwoord[b-tinhjbljey]  a, .support__klein a[b-tinhjbljey] { color: var(--accent-text); font-weight: 600; }

.support__kanalen[b-tinhjbljey] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }
.support__kanaal[b-tinhjbljey] {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--line-soft); border-radius: 14px;
    background: var(--surface-2);
    color: var(--ink); text-decoration: none;
    min-width: 0;
}
a.support__kanaal:hover[b-tinhjbljey] { border-color: var(--accent); }
.support__kanaal strong[b-tinhjbljey] { display: block; font-size: 14px; }
.support__kanaal small[b-tinhjbljey] { display: block; font-size: 13px; color: var(--ink-2); overflow-wrap: anywhere; }
.support__kanaal-icoon[b-tinhjbljey] {
    display: grid; place-items: center; flex-shrink: 0;
    width: 36px; height: 36px; border-radius: 10px;
    background: var(--accent-soft); color: var(--accent-text);
}

.support__form[b-tinhjbljey] { display: flex; flex-direction: column; gap: 14px; }
.support__rij[b-tinhjbljey] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.support__tekst[b-tinhjbljey] { min-height: 120px; resize: vertical; font: inherit; line-height: 1.5; }
.support__fout[b-tinhjbljey] { margin: 6px 0 0; font-size: 13px; color: var(--danger); }
.support__form[b-tinhjbljey]  .is-invalid { border-color: var(--danger); }
.support__hp[b-tinhjbljey] { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.support__klein[b-tinhjbljey] { margin: 0; font-size: 13px; color: var(--ink-3); text-align: center; }

.support__bedankt[b-tinhjbljey] {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 24px 18px;
    border-radius: 16px;
    background: var(--success-soft);
    text-align: center; color: var(--ink-2); font-size: 14px;
    animation: support-in-b-tinhjbljey .35s ease;
}
.support__bedankt p[b-tinhjbljey] { margin: 0; }
.support__bedankt-kop[b-tinhjbljey] { font-size: 17px; font-weight: 700; color: var(--ink); }
.support__bedankt-icoon[b-tinhjbljey] {
    display: grid; place-items: center;
    width: 48px; height: 48px; border-radius: 50%;
    background: var(--success); color: #fff;
}
.support__bedankt .knop[b-tinhjbljey] { margin-top: 8px; }

@keyframes support-in-b-tinhjbljey {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .support__bedankt[b-tinhjbljey] { animation: none; }
    .support__tegel[b-tinhjbljey], .support__vraag summary[b-tinhjbljey]  svg { transition: none; }
}

@media (max-width: 520px) {
    .support__rij[b-tinhjbljey], .support__kanalen[b-tinhjbljey] { grid-template-columns: 1fr; }
}
/* /Components/Pages/TeamChat/Chatgroepen.razor.rz.scp.css */
.rk-chat[b-vnsfa8xhes] { display: grid; gap: 20px; align-items: start; }
@media (min-width: 960px) { .rk-chat[b-vnsfa8xhes] { grid-template-columns: 280px minmax(0, 1fr); } }

.rk-chat__groups[b-vnsfa8xhes] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    background: var(--surface);
}
.rk-chat__group-title[b-vnsfa8xhes] { padding: 10px 12px 6px; color: var(--ink-3); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.rk-chat__group[b-vnsfa8xhes] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    padding: 10px 40px 10px 12px;
    border: 0;
    border-radius: var(--r-sm);
    background: transparent;
    color: var(--ink);
    text-align: left;
    cursor: pointer;
}
.rk-chat__group:hover[b-vnsfa8xhes] { background: var(--surface-2); }
.rk-chat__group.is-active[b-vnsfa8xhes] { background: var(--accent-soft); }
.rk-chat__group.is-archived .rk-chat__group-name[b-vnsfa8xhes] { color: var(--ink-3); }
.rk-chat__group-name[b-vnsfa8xhes] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; }
.rk-chat__group-meta[b-vnsfa8xhes] { color: var(--ink-3); font-size: 12px; }
.rk-chat__unread[b-vnsfa8xhes] {
    position: absolute;
    top: 50%;
    right: 12px;
    min-width: 22px;
    padding: 1px 7px;
    border-radius: var(--r-pill);
    background: var(--accent);
    color: var(--accent-ink);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    transform: translateY(-50%);
}

.rk-chat__members[b-vnsfa8xhes] { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.rk-chat__members li[b-vnsfa8xhes] { display: flex; align-items: center; gap: 8px; }
.rk-chat__pinned[b-vnsfa8xhes] { margin-bottom: 16px; padding: 12px 14px; border-radius: var(--r-sm); background: var(--info-soft); }

.rk-chat__messages[b-vnsfa8xhes] { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.rk-chat__message[b-vnsfa8xhes] { padding: 12px 14px; border: 1px solid var(--line-soft); border-radius: var(--r-md); background: var(--surface-2); }
.rk-chat__message.is-pinned[b-vnsfa8xhes] { border-color: var(--info); }
.rk-chat__message.is-hidden[b-vnsfa8xhes] { opacity: .6; }
.rk-chat__message.is-hidden .rk-chat__body[b-vnsfa8xhes] { text-decoration: line-through; }
.rk-chat__message-head[b-vnsfa8xhes] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.rk-chat__body[b-vnsfa8xhes] { margin: 4px 0 0; color: var(--ink); font-size: 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
.rk-chat__actions[b-vnsfa8xhes] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.rk-chat__composer[b-vnsfa8xhes] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-top: 16px; }
.rk-chat__composer textarea[b-vnsfa8xhes] { flex: 1 1 260px; }
.rk-chat__pick[b-vnsfa8xhes] { display: grid; gap: 6px; max-height: 260px; overflow-y: auto; }
@media (min-width: 640px) { .rk-chat__pick[b-vnsfa8xhes] { grid-template-columns: 1fr 1fr; } }

/* ── Ronde 2 (admin 2): bijlagen en lezers ── */
.chat-files[b-vnsfa8xhes] { display: flex; flex-direction: column; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.chat-files li[b-vnsfa8xhes] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--line-soft); border-radius: var(--r-sm); background: var(--surface-2); font-size: 13px; }
.chat-files--hidden li[b-vnsfa8xhes] { opacity: .6; }
.chat-preview[b-vnsfa8xhes] { display: block; max-width: 100%; max-height: 70vh; margin: 0 auto; border-radius: var(--r-sm); }
.chat-readers[b-vnsfa8xhes] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.chat-readers li[b-vnsfa8xhes] { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line-soft); }
.chat-readers li:last-child[b-vnsfa8xhes] { border-bottom: 0; }
/* /Components/Pages/Uitnodiging.razor.rz.scp.css */
.uitnodiging[b-va95fhr7ww] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uitnodiging__hint[b-va95fhr7ww] {
    margin: 0;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--warning-soft);
    color: var(--warning-text);
    font-size: 14px;
    line-height: 1.45;
}

.uitnodiging__stores[b-va95fhr7ww] {
    padding: 18px;
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    background: var(--surface-2);
    transition: border-color .2s ease;
}

.uitnodiging__stores--nadruk[b-va95fhr7ww] {
    border-color: var(--accent);
}

.uitnodiging__kop[b-va95fhr7ww] {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 600;
    color: var(--ink);
}

.uitnodiging__tekst[b-va95fhr7ww] {
    margin: 0 0 14px;
    font-size: 14px;
    color: var(--ink-2);
}

.uitnodiging__knoppen[b-va95fhr7ww] {
    display: grid;
    gap: 10px;
}

.uitnodiging__code[b-va95fhr7ww] {
    margin: 0;
    text-align: center;
    font-size: 13px;
    color: var(--ink-3);
}

.uitnodiging__code strong[b-va95fhr7ww] {
    color: var(--ink);
    font-weight: 600;
    user-select: all;
}
/* /Components/Pages/Verlof/VerlofInstellingen.razor.rz.scp.css */
.rk-dept-max[b-6h3n9lx9e1] { display: flex; flex-direction: column; gap: 8px; }
.rk-dept-max__row[b-6h3n9lx9e1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px solid var(--line-soft);
    font-size: 14px;
}
.rk-dept-max__row:last-child[b-6h3n9lx9e1] { border-bottom: 0; }
.rk-dept-max__row input[b-6h3n9lx9e1] { max-width: 110px; }
/* /Components/Pages/Verlof/VerlofKalender.razor.rz.scp.css */
/* De verlofkalender: een maandraster per afdeling. Vlak: alleen tinten, geen verloop. */
.rk-leave-grid[b-zziwiiodc6] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; }
.rk-leave-grid th[b-zziwiiodc6], .rk-leave-grid td[b-zziwiiodc6] {
    min-width: 26px;
    height: 30px;
    padding: 0;
    border-bottom: 1px solid var(--line-soft);
    border-left: 1px solid var(--line-soft);
    text-align: center;
}
.rk-leave-grid thead th[b-zziwiiodc6] { padding: 6px 0; color: var(--ink-3); font-weight: 600; vertical-align: bottom; }
.rk-leave-grid thead th span[b-zziwiiodc6] { display: block; line-height: 1.2; }
.rk-leave-grid__dow[b-zziwiiodc6] { font-size: 10px; text-transform: lowercase; }
.rk-leave-grid .rk-leave-grid__name[b-zziwiiodc6] {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 160px;
    padding: 0 14px;
    border-left: 0;
    background: var(--surface);
    color: var(--ink);
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}
.rk-leave-grid thead .rk-leave-grid__name[b-zziwiiodc6] { color: var(--ink-3); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.rk-leave-grid__count td[b-zziwiiodc6] { color: var(--ink-2); font-weight: 700; }
.rk-leave-grid tbody tr:last-child td[b-zziwiiodc6] { border-bottom: 0; }

.rk-leave-day--weekend[b-zziwiiodc6] { background: var(--surface-2); }
.rk-leave-day--stop[b-zziwiiodc6], .rk-leave-key.rk-leave-day--stop[b-zziwiiodc6] {
    background-image: repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--ink-3) 22%, transparent) 6px 7px);
}
.rk-leave-day--today[b-zziwiiodc6] { box-shadow: inset 0 -2px 0 var(--accent); }
.rk-leave-grid td.rk-leave-day--over[b-zziwiiodc6] { background: var(--danger-soft); color: var(--danger); }

.rk-leave-grid td.rk-leave-cell--verlof[b-zziwiiodc6], .rk-leave-key.rk-leave-cell--verlof[b-zziwiiodc6] { background: var(--accent-soft-strong); }
.rk-leave-grid td.rk-leave-cell--aangevraagd[b-zziwiiodc6], .rk-leave-key.rk-leave-cell--aangevraagd[b-zziwiiodc6] {
    background: var(--accent-soft);
    box-shadow: inset 0 0 0 1px var(--accent-soft-strong);
}
.rk-leave-grid td.rk-leave-cell--ziek[b-zziwiiodc6], .rk-leave-key.rk-leave-cell--ziek[b-zziwiiodc6] { background: var(--warning-soft); box-shadow: inset 0 0 0 1px var(--warning); }

.rk-leave-key[b-zziwiiodc6] { display: inline-block; width: 14px; height: 14px; border: 1px solid var(--line); border-radius: 4px; }
.rk-leave-key--over[b-zziwiiodc6] { background: var(--danger-soft); border-color: var(--danger); }

/* ── Ronde 2 (admin 2): ingetrokken aanvragen doorgestreept ── */
.rk-leave-withdrawn td[b-zziwiiodc6] { color: var(--ink-3); }
.rk-leave-withdrawn .rk-leave-withdrawn__text[b-zziwiiodc6] { text-decoration: line-through; }
/* /Components/Pages/Verlof/VerlofSaldi.razor.rz.scp.css */
.rk-adjust-list[b-qal3g7t3e6] { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.rk-adjust-list li[b-qal3g7t3e6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--line-soft);
    border-radius: var(--r-sm);
    font-size: 14px;
}
.rk-adjust-list li > span:first-child[b-qal3g7t3e6] { min-width: 48px; }
/* /Components/Pages/Verlof/VerlofSoorten.razor.rz.scp.css */
/* Inactieve verlofsoorten iets terug. */
.rk-row-muted td[b-1p0ddkyz8s] { color: var(--ink-2); }
.rk-row-muted .font-medium[b-1p0ddkyz8s] { text-decoration: none; opacity: .8; }
/* /Components/Pages/Verzuim.razor.rz.scp.css */
/* Ronde 2 (admin 2): de lijst "Volgend contact" naast de dossiers. */
.rk-contact-list[b-uuw5vhujzr] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.rk-contact-list li[b-uuw5vhujzr] { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line-soft); }
.rk-contact-list li:last-child[b-uuw5vhujzr] { border-bottom: 0; }
/* /Components/Pages/Werving/WervingVacature.razor.rz.scp.css */
/* Kandidaten per fase: kolommen naast elkaar; op de telefoon veeg je opzij. */
.rk-pipeline[b-98zf1c6901] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(200px, 1fr);
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.rk-pipeline__col[b-98zf1c6901] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 120px;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    background: var(--surface-2);
}

.rk-pipeline__head[b-98zf1c6901] {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    padding: 0 2px 4px;
}

.rk-pipeline__card[b-98zf1c6901] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    text-align: left;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: var(--surface);
    color: var(--ink);
    cursor: pointer;
}

.rk-pipeline__card:hover[b-98zf1c6901] { border-color: var(--accent); }
.rk-pipeline__card:focus-visible[b-98zf1c6901] { outline: 2px solid var(--accent); outline-offset: 2px; }

.rk-candidate[b-98zf1c6901] { display: grid; gap: 8px; margin: 0; }
.rk-candidate > div[b-98zf1c6901] { display: grid; grid-template-columns: 7.5rem 1fr; gap: 8px; }
.rk-candidate dt[b-98zf1c6901] { color: var(--ink-3); }
.rk-candidate dd[b-98zf1c6901] { margin: 0; min-width: 0; overflow-wrap: anywhere; }
/* /Components/Pages/WetCompliance.razor.rz.scp.css */
.legal-list[b-sojvxe7zwd] { border-top: 1px solid var(--color-border); }
.legal-item[b-sojvxe7zwd] { border-bottom: 1px solid var(--color-border); }
.legal-item summary[b-sojvxe7zwd] { display: grid; grid-template-columns: minmax(0, 1fr) 150px 170px; gap: 16px; padding: 16px 0; cursor: pointer; font-size: 14px; }
.legal-title[b-sojvxe7zwd] { font-weight: 600; overflow-wrap: anywhere; }
.legal-title[b-sojvxe7zwd]  svg { display: inline; margin-right: 8px; flex-shrink: 0; }
.legal-item[open] .legal-title[b-sojvxe7zwd]  svg { transform: rotate(90deg); }
.legal-detail[b-sojvxe7zwd] { display: grid; gap: 12px; padding: 0 0 20px; max-width: 850px; }
.legal-detail a[b-sojvxe7zwd], .legal-detail p[b-sojvxe7zwd] { overflow-wrap: anywhere; }
.legal-detail button[b-sojvxe7zwd] { justify-self: start; }
/* De brede loontabel scrollt binnen zijn eigen kader, zodat de pagina op een smal
   scherm (390px) niet horizontaal meegroeit. */
.legal-wages[b-sojvxe7zwd] { border-top: 1px solid var(--color-border); overflow-x: auto; }
.legal-wages table[b-sojvxe7zwd] { min-width: 600px; }
.legal-wages td[b-sojvxe7zwd] { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 650px) { .legal-item summary[b-sojvxe7zwd] { grid-template-columns: minmax(0, 1fr); gap: 6px; } }
/* /Components/Shared/ApprovalProgressView.razor.rz.scp.css */
.rk-approval[b-hlfu164ox5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
}

.rk-approval__step[b-hlfu164ox5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.rk-chip--danger[b-hlfu164ox5] {
    border-color: transparent;
    background: var(--danger-soft, #fde8e8);
    color: var(--danger, #b42318);
}
/* /Components/Shared/BarList.razor.rz.scp.css */
.rk-barlist[b-kd1z39c3r7] { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.rk-barlist__row[b-kd1z39c3r7] {
    display: grid;
    grid-template-columns: minmax(90px, 32%) minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}
.rk-barlist__label[b-kd1z39c3r7] { overflow: hidden; color: var(--ink-2); text-overflow: ellipsis; white-space: nowrap; }
.rk-barlist__track[b-kd1z39c3r7] { height: 10px; border-radius: var(--r-pill); background: var(--surface-sunken); overflow: hidden; }
.rk-barlist__fill[b-kd1z39c3r7] { display: block; height: 100%; border-radius: var(--r-pill); }
.rk-barlist__value[b-kd1z39c3r7] { min-width: 56px; color: var(--ink); font-weight: 600; text-align: right; }
.rk-bar--accent[b-kd1z39c3r7] { background: var(--accent); }
.rk-bar--neutraal[b-kd1z39c3r7] { background: var(--ink-3); }
.rk-bar--groen[b-kd1z39c3r7] { background: var(--success); }
.rk-bar--oranje[b-kd1z39c3r7] { background: var(--warning); }
.rk-bar--rood[b-kd1z39c3r7] { background: var(--danger); }
/* /Components/Shared/CaoRuleExplanationList.razor.rz.scp.css */
.rk-rules[b-avbq8pb47u] { display: grid; gap: 0; margin: 0; }
@media (min-width: 900px) { .rk-rules[b-avbq8pb47u] { grid-template-columns: 1fr 1fr; column-gap: 28px; } }
.rk-rules__item[b-avbq8pb47u] { padding: 14px 0; border-bottom: 1px solid var(--line-soft); break-inside: avoid; }
.rk-rules dt[b-avbq8pb47u] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 4px; color: var(--ink); font-size: 14px; }
.rk-rules dd[b-avbq8pb47u] { margin: 0; color: var(--ink-2); font-size: 13px; line-height: 1.5; }
.rk-rules__source[b-avbq8pb47u] { display: block; margin-top: 4px; color: var(--ink-3); font-size: 12px; }
/* /Components/Shared/CaoSourceSummary.razor.rz.scp.css */
.cao-source-warning[b-x5iqqk3xh6] {
    padding: 12px;
    border: 1px solid #d5b469;
    border-radius: 6px;
    background: #fff4d6;
    color: #694600;
}
/* /Components/Shared/ColumnBars.razor.rz.scp.css */
.rk-columns[b-n62aon3ix9] {
    display: flex;
    align-items: stretch;
    gap: 6px;
    min-height: 150px;
    overflow-x: auto;
    padding-bottom: 2px;
}
.rk-columns__col[b-n62aon3ix9] { display: flex; flex: 1 0 26px; flex-direction: column; align-items: center; gap: 6px; min-width: 26px; }
.rk-columns__plot[b-n62aon3ix9] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 130px;
    border-bottom: 1px solid var(--line);
}
.rk-columns__ghost[b-n62aon3ix9], .rk-columns__bar[b-n62aon3ix9] {
    position: absolute;
    bottom: 0;
    width: 70%;
    max-width: 34px;
    border-radius: 6px 6px 0 0;
}
.rk-columns__ghost[b-n62aon3ix9] { background: var(--surface-sunken); }
.rk-columns__bar[b-n62aon3ix9] { min-height: 1px; }
.rk-columns__label[b-n62aon3ix9] { max-width: 100%; overflow: hidden; color: var(--ink-3); font-size: 11px; text-overflow: clip; white-space: nowrap; }
.rk-col--accent[b-n62aon3ix9] { background: var(--accent); }
.rk-col--neutraal[b-n62aon3ix9] { background: var(--ink-3); }
.rk-col--groen[b-n62aon3ix9] { background: var(--success); }
.rk-col--oranje[b-n62aon3ix9] { background: var(--warning); }
.rk-col--rood[b-n62aon3ix9] { background: var(--danger); }
/* De staafjes bepalen de breedte van de kaart niet; bij weinig ruimte scrollen ze. */
.rk-columns[b-n62aon3ix9] { contain: inline-size; }
/* Ronde 2 (admin 2): de doellijn van een KPI, over de hele breedte van een kolom. */
.rk-columns__target[b-n62aon3ix9] { position: absolute; left: 0; right: 0; height: 0; border-top: 2px dashed var(--ink-2); pointer-events: none; }
.rk-columns__target-key[b-n62aon3ix9] { display: inline-block; width: 14px; height: 0; margin-right: 6px; vertical-align: middle; border-top: 2px dashed var(--ink-2); }
/* /Components/Shared/LoadMore.razor.rz.scp.css */
/* Het aantal en de knop "Meer laden" onder een lange lijst. */
.rk-meer[b-xp2a638sit] { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 16px; }
/* /Components/Shared/ModuleTabs.razor.rz.scp.css */
.rk-module-tabs[b-nsah7chobw]  a.rk-tab {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
/* /Components/Shared/Operations/BudgetMeterView.razor.rz.scp.css */
.rk-budget-meter[b-yuf324jo2z] { display: flex; flex-direction: column; gap: 14px; }
.rk-budget-meter--compact[b-yuf324jo2z] { gap: 10px; }
.rk-budget-meter__row[b-yuf324jo2z] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(80px, 1fr) 3.2rem;
    align-items: center;
    gap: 12px;
}
.rk-budget-meter__row--total[b-yuf324jo2z] { padding-top: 12px; border-top: 1px solid var(--line-soft); }
.rk-budget-meter__name[b-yuf324jo2z] { display: flex; flex-direction: column; min-width: 0; }
.rk-budget-meter__pct[b-yuf324jo2z] { text-align: right; font-size: 13px; font-weight: 600; }
.rk-budget-bar[b-yuf324jo2z] { height: 8px; border-radius: var(--r-pill); background: var(--surface-sunken); overflow: hidden; }
.rk-budget-bar > span[b-yuf324jo2z] { display: block; height: 100%; border-radius: inherit; background: var(--success); }
.rk-budget-bar--let_op > span[b-yuf324jo2z] { background: var(--warning); }
.rk-budget-bar--over > span[b-yuf324jo2z] { background: var(--danger); }
.rk-budget-bar--geen_budget > span[b-yuf324jo2z] { background: var(--ink-3); }
@media (max-width: 639px) {
    .rk-budget-meter__row[b-yuf324jo2z] { grid-template-columns: minmax(0, 1fr) 3.2rem; }
    .rk-budget-bar[b-yuf324jo2z] { grid-column: 1 / -1; grid-row: 2; }
}
/* /Components/Shared/Operations/DemandAdviceGrid.razor.rz.scp.css */
.rk-demand-grid[b-887ln1n5ua] { min-width: 680px; }
.rk-demand-grid th[b-887ln1n5ua], .rk-demand-grid td[b-887ln1n5ua] { padding: 10px 8px; }
.rk-demand-grid th:first-child[b-887ln1n5ua], .rk-demand-grid td:first-child[b-887ln1n5ua] { padding-left: 18px; }
.rk-demand-grid__today[b-887ln1n5ua] { color: var(--ink) !important; }
.rk-demand-grid__holiday[b-887ln1n5ua] { display: block; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--accent-text, var(--accent)); max-width: 7rem; margin: 2px auto 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rk-demand-cell[b-887ln1n5ua] { position: relative; line-height: 1.25; border-left: 1px solid var(--line-soft); }
.rk-demand-cell__advised[b-887ln1n5ua] { display: block; font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.rk-demand-cell__planned[b-887ln1n5ua] { display: block; font-size: 12px; color: var(--ink-3); }
.rk-demand-cell__diff[b-887ln1n5ua] { display: inline-block; margin-top: 4px; padding: 1px 6px; border-radius: var(--r-pill); font-size: 11px; font-weight: 600; }
.rk-demand-cell--short .rk-demand-cell__diff[b-887ln1n5ua] { background: var(--warning-soft); color: var(--warning-text); }
.rk-demand-cell--over .rk-demand-cell__diff[b-887ln1n5ua] { background: var(--surface-sunken); color: var(--ink-2); }
.rk-demand-cell__input[b-887ln1n5ua] { position: absolute; top: 6px; right: 6px; color: var(--ink-3); }

/* ── Ronde 2 (admin 2): advies per kwalificatie ── */
.rk-demand-cell__qual[b-887ln1n5ua] { display: block; margin-top: 2px; color: var(--ink-2); font-size: 11px; white-space: nowrap; }
.rk-demand-cell__qual.is-short[b-887ln1n5ua] { color: var(--warning-text); font-weight: 600; }
/* /Components/Shared/Operations/DocumentPreviewDialog.razor.rz.scp.css */
.rk-doc-preview[b-zw8o7hep8d] { display: grid; gap: 20px; }
@media (min-width: 900px) { .rk-doc-preview[b-zw8o7hep8d] { grid-template-columns: minmax(0, 1fr) 300px; } }
.rk-doc-preview__frame[b-zw8o7hep8d] {
    min-height: 360px;
    border: 1px solid var(--line-soft);
    border-radius: var(--r-md);
    background: var(--surface-sunken);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rk-doc-preview__frame iframe[b-zw8o7hep8d] { width: 100%; height: 60vh; min-height: 360px; border: 0; background: var(--surface); }
.rk-doc-preview__frame img[b-zw8o7hep8d] { max-width: 100%; max-height: 60vh; object-fit: contain; }
.rk-hash[b-zw8o7hep8d] { word-break: break-all; font-size: 12px; }
.rk-doc-preview .rk-summary > div[b-zw8o7hep8d] { grid-template-columns: 7.5rem 1fr; }

/* ── Ronde 2 (admin 2): versies ── */
.doc-versions ul[b-zw8o7hep8d] { margin: 0; padding: 0; list-style: none; }
.doc-versions li + li[b-zw8o7hep8d] { margin-top: 4px; }
.doc-versions button.rk-link[b-zw8o7hep8d] { padding: 0; border: 0; background: none; cursor: pointer; font: inherit; }
/* /Components/Shared/Operations/DraftShiftsDialog.razor.rz.scp.css */
.rk-draft-list[b-wbm6s2jh0c] { display: flex; flex-direction: column; max-height: 50vh; overflow-y: auto; border: 1px solid var(--line-soft); border-radius: var(--r-md); }
.rk-draft-row[b-wbm6s2jh0c] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-bottom: 1px solid var(--line-soft); }
.rk-draft-row:last-child[b-wbm6s2jh0c] { border-bottom: 0; }
/* /Components/Shared/Operations/MedewerkerDocumenten.razor.rz.scp.css */
.rk-doc-list[b-qswcxx9oyo] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.rk-doc-list > li[b-qswcxx9oyo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line-soft);
    color: var(--ink);
}
.rk-doc-list > li:last-child[b-qswcxx9oyo] { border-bottom: 0; }
/* /Components/Shared/Operations/OnboardingProgressDialog.razor.rz.scp.css */
.rk-onb-steps[b-e2nra0e746] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.rk-onb-step[b-e2nra0e746] { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line-soft); }
.rk-onb-step:last-child[b-e2nra0e746] { border-bottom: 0; }
.rk-onb-step__dot[b-e2nra0e746] {
    display: grid; place-items: center; flex-shrink: 0;
    width: 22px; height: 22px; margin-top: 1px;
    border-radius: 50%; border: 1.5px solid var(--line); color: var(--ink-inverse);
}
.rk-onb-step--afgerond .rk-onb-step__dot[b-e2nra0e746] { background: var(--success); border-color: var(--success); }
.rk-onb-step--overgeslagen .rk-onb-step__dot[b-e2nra0e746] { background: var(--ink-3); border-color: var(--ink-3); }
.rk-onb-note[b-e2nra0e746] { margin-top: 16px; padding: 14px; border-radius: var(--r-md); background: var(--surface-sunken); }

/* ── Ronde 2 (admin 2): welkomstbericht en buddy ── */
.rk-onb-welcome[b-e2nra0e746] { padding: 10px 12px; border-left: 3px solid var(--accent); border-radius: var(--r-sm); background: var(--surface-2); white-space: pre-line; }
.rk-onb-buddy[b-e2nra0e746] { padding-bottom: 12px; border-bottom: 1px solid var(--line-soft); }
/* /Components/Shared/Operations/PlanbordBudgetMeter.razor.rz.scp.css */
.rk-planbord-budget[b-2m28iff4ys] { padding: 16px 20px; }
.rk-planbord-budget__head[b-2m28iff4ys] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-bottom: 12px; }
/* /Components/Shared/Operations/PlanbordDienstTaken.razor.rz.scp.css */
/* Ronde 2 (admin 2): de taken van een dienst in het dienstvenster. */
.pdt[b-nzutfp6h1g] { padding-top: 10px; border-top: 1px solid var(--line-soft); }
.pdt__list[b-nzutfp6h1g] { display: flex; flex-direction: column; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; }
.pdt__list li[b-nzutfp6h1g] { display: flex; align-items: center; gap: 8px; }
.pdt__done[b-nzutfp6h1g] { color: var(--ink-3); text-decoration: line-through; }
/* /Components/Shared/PlatformMessageCard.razor.rz.scp.css */
/* Een platformbericht als banner. Kleur en animatie komen van rk-alert. */
.pm-kaart[b-i8otrkjizm] { align-items: flex-start; }
.pm-kaart__inhoud[b-i8otrkjizm] { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; }
.pm-kaart__kop[b-i8otrkjizm] { display: flex; flex-wrap: wrap; gap: 4px; }
.pm-kaart__afzender[b-i8otrkjizm] { font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; }
.pm-kaart__titel[b-i8otrkjizm] { color: inherit; }
.pm-kaart__tekst[b-i8otrkjizm] { margin: 0; color: var(--ink); white-space: pre-line; overflow-wrap: anywhere; }
.pm-kaart__sluit[b-i8otrkjizm] {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 auto;
    width: 32px; height: 32px;
    margin: -6px -6px -6px 0;
    border: 0; border-radius: 8px;
    background: transparent; color: inherit;
    cursor: pointer;
    transition: background .15s ease;
}
.pm-kaart__sluit:hover[b-i8otrkjizm] { background: color-mix(in srgb, currentColor 12%, transparent); }
.pm-kaart__sluit:focus-visible[b-i8otrkjizm] { outline: 2px solid currentColor; outline-offset: 2px; }
/* /Components/Shared/Ronde2/CsvFilePicker.razor.rz.scp.css */
.csv-pick[b-0stc4s9en1] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px dashed var(--line);
    border-radius: var(--r-md);
    background: var(--surface-2);
    cursor: pointer;
    transition: border-color .15s var(--ease);
}
.csv-pick:hover[b-0stc4s9en1], .csv-pick:focus-within[b-0stc4s9en1] { border-color: var(--ink-3); }
.csv-pick--disabled[b-0stc4s9en1] { opacity: .6; cursor: not-allowed; }
.csv-pick__icon[b-0stc4s9en1] { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: var(--r-sm); background: var(--surface-sunken); color: var(--ink-2); }
.csv-pick__title[b-0stc4s9en1] { display: block; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; }
.csv-pick__hint[b-0stc4s9en1] { display: block; font-size: 13px; color: var(--ink-2); }
/* /Components/Shared/SecretOnce.razor.rz.scp.css */
.rk-secret[b-muk80izh6v] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    background: var(--surface-sunken);
}
.rk-secret__value[b-muk80izh6v] {
    flex: 1 1 240px;
    min-width: 0;
    color: var(--ink);
    font-family: var(--font-mono);
    font-size: 13px;
    word-break: break-all;
}
/* /Components/SuperAdmin/Pages/Berichten.razor.rz.scp.css */
/* Platformberichten: het formulier, het voorbeeld en de lijst. */
.berichten-nieuw[b-0tptvj5la7] { margin-bottom: 28px; }
.berichten-rij[b-0tptvj5la7] { display: grid; gap: 14px; }
@media (min-width: 720px) { .berichten-rij[b-0tptvj5la7] { grid-template-columns: 1fr 1fr; } }

.berichten-orgs[b-0tptvj5la7] {
    display: grid; gap: 2px;
    max-height: 220px; overflow-y: auto;
    margin-top: 8px; padding: 6px;
    border: 1px solid var(--line-soft); border-radius: 12px;
    background: var(--surface);
}
.berichten-org[b-0tptvj5la7] { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; cursor: pointer; }
.berichten-org:hover[b-0tptvj5la7] { background: var(--surface-sunken); }

.berichten-kanalen[b-0tptvj5la7] { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; padding: 0; border: 0; }
.berichten-kanalen legend[b-0tptvj5la7] { width: 100%; margin-bottom: 6px; font-size: 14px; font-weight: 600; color: var(--ink); }
.berichten-hint[b-0tptvj5la7] { display: flex; align-items: flex-start; gap: 6px; margin: -4px 0 0; }

.berichten-voorbeeld[b-0tptvj5la7] { margin-top: 20px; padding: 14px; border: 1px dashed var(--line); border-radius: 14px; background: var(--canvas); }
.berichten-voorbeeld__label[b-0tptvj5la7] { margin-bottom: 8px; font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; color: var(--ink-3); }

.berichten-acties[b-0tptvj5la7] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }

.berichten-kop[b-0tptvj5la7] { margin: 0 0 12px; font-size: 18px; font-weight: 600; color: var(--ink); }
.berichten-lijst[b-0tptvj5la7] { display: grid; gap: 12px; }
.berichten-item[b-0tptvj5la7] {
    display: flex; flex-direction: column; gap: 10px;
    padding: 16px 18px;
    border: 1px solid var(--line-soft);
    border-left: 3px solid var(--line);
    border-radius: 14px;
    background: var(--surface);
}
.berichten-item.is-actief[b-0tptvj5la7] { border-left-color: var(--success); }
.berichten-item__kop[b-0tptvj5la7] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.berichten-item__kop strong[b-0tptvj5la7] { color: var(--ink); }
.berichten-item__wanneer[b-0tptvj5la7] { margin-left: auto; font-size: 13px; }
.berichten-item__tekst[b-0tptvj5la7] { margin: 0; color: var(--ink); line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.berichten-item__voet[b-0tptvj5la7] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }

@media (max-width: 560px) {
    .berichten-item__wanneer[b-0tptvj5la7] { margin-left: 0; width: 100%; }
}
/* /Components/SuperAdmin/Pages/BerichtenLogboek.razor.rz.scp.css */
/* Het logboek van e-mails en meldingen. */
.logboek__zoek[b-6p8o5ce6jf] { flex: 1 1 220px; min-width: 200px; }
.logboek__tijd[b-6p8o5ce6jf] { white-space: nowrap; }
.logboek__adres[b-6p8o5ce6jf] { overflow-wrap: anywhere; }
.logboek__fout[b-6p8o5ce6jf] { margin-top: 2px; color: var(--danger); overflow-wrap: anywhere; }
.logboek__rij--fout td:first-child[b-6p8o5ce6jf] { box-shadow: inset 3px 0 0 var(--danger); }
.logboek__meer[b-6p8o5ce6jf] { display: flex; justify-content: center; margin-top: 16px; }
/* /Components/SuperAdmin/Pages/Feedback.razor.rz.scp.css */
/* Het feedbackoverzicht van het platform. */
.feedback-bars[b-t3jhyqrxp2] { display: grid; gap: 6px; }

.feedback-bars__row[b-t3jhyqrxp2] {
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    gap: 12px;
    padding: 6px 8px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .15s ease;
}
.feedback-bars__row:hover[b-t3jhyqrxp2], .feedback-bars__row.is-actief[b-t3jhyqrxp2] { background: var(--surface-sunken); }
.feedback-bars__row:focus-visible[b-t3jhyqrxp2] { outline: 2px solid var(--accent); outline-offset: 2px; }

.feedback-bars__label[b-t3jhyqrxp2] { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ink-2); }
.feedback-bars__track[b-t3jhyqrxp2] { height: 10px; border-radius: 999px; background: var(--surface-sunken); overflow: hidden; }
.feedback-bars__row.is-actief .feedback-bars__track[b-t3jhyqrxp2] { background: var(--surface); }
.feedback-bars__fill[b-t3jhyqrxp2] { display: block; height: 100%; border-radius: inherit; transition: width .4s ease; }
.feedback-bars__fill--blij[b-t3jhyqrxp2] { background: var(--success); }
.feedback-bars__fill--neutraal[b-t3jhyqrxp2] { background: var(--warning); }
.feedback-bars__fill--kritisch[b-t3jhyqrxp2] { background: var(--danger); }
.feedback-bars__count[b-t3jhyqrxp2] { text-align: right; font-variant-numeric: tabular-nums; color: var(--ink-2); }

.feedback-list[b-t3jhyqrxp2] { display: grid; gap: 12px; }

.feedback-item[b-t3jhyqrxp2] {
    padding: 16px 18px;
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    background: var(--surface);
}

.feedback-item__head[b-t3jhyqrxp2] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.feedback-item__stars[b-t3jhyqrxp2] { display: inline-flex; gap: 2px; }
.feedback-item__stars--blij[b-t3jhyqrxp2] { color: var(--success); }
.feedback-item__stars--neutraal[b-t3jhyqrxp2] { color: var(--warning); }
.feedback-item__stars--kritisch[b-t3jhyqrxp2] { color: var(--danger); }
.feedback-item__who[b-t3jhyqrxp2] { font-weight: 600; color: var(--ink); }
.feedback-item__when[b-t3jhyqrxp2] { margin-left: auto; font-size: 13px; }

.feedback-item__message[b-t3jhyqrxp2] {
    margin: 10px 0 0;
    color: var(--ink);
    line-height: 1.5;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.feedback-item .rk-chips[b-t3jhyqrxp2] { margin-top: 10px; }

@media (max-width: 560px) {
    .feedback-item__when[b-t3jhyqrxp2] { margin-left: 0; width: 100%; }
}
.feedback-item__who .rk-muted[b-t3jhyqrxp2] { margin-left: 4px; font-weight: 400; }
.feedback-item__who .rk-muted[b-t3jhyqrxp2] { margin-left: 4px; font-weight: 400; }

/* Diagnose bij een beoordeling: gegroepeerd, standaard ingeklapt. */
.feedback-search[b-t3jhyqrxp2] { max-width: 280px; }

.feedback-diag[b-t3jhyqrxp2] { margin-top: 12px; border-top: 1px solid var(--line-soft); padding-top: 10px; }
.feedback-diag > summary[b-t3jhyqrxp2] { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-weight: 600; color: var(--ink-2); }
.feedback-diag > summary:focus-visible[b-t3jhyqrxp2] { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
.feedback-diag__grid[b-t3jhyqrxp2] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin-top: 10px; }
.feedback-diag__group[b-t3jhyqrxp2] { padding: 10px 12px; border-radius: 10px; background: var(--surface-sunken); min-width: 0; }
.feedback-diag__group h3[b-t3jhyqrxp2] { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--ink); }
.feedback-diag__group dl[b-t3jhyqrxp2] { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; margin: 0; font-size: 13px; }
.feedback-diag__group dt[b-t3jhyqrxp2] { color: var(--ink-2); }
.feedback-diag__group dd[b-t3jhyqrxp2] { margin: 0; overflow-wrap: anywhere; }
.feedback-diag__table[b-t3jhyqrxp2] { overflow-x: auto; }
.feedback-diag__table table[b-t3jhyqrxp2] { width: 100%; border-collapse: collapse; font-size: 13px; }
.feedback-diag__table th[b-t3jhyqrxp2], .feedback-diag__table td[b-t3jhyqrxp2] { text-align: left; padding: 4px 8px 4px 0; vertical-align: top; }
.feedback-diag__trace[b-t3jhyqrxp2] { border: 0; background: none; padding: 0; color: var(--accent); cursor: pointer; text-decoration: underline; font: inherit; }
.feedback-diag__logs[b-t3jhyqrxp2] { margin: 0; max-height: 220px; overflow: auto; font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; }

/* /Components/SuperAdmin/Pages/OrganisatieDetail.razor.rz.scp.css */
/* Ronde 2 (admin 2): het bedrijf van een organisatie. */
.org-company__form[b-zh5lmxuayq] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.org-company__form .rk-select[b-zh5lmxuayq], .org-company__form .rk-input[b-zh5lmxuayq] { flex: 1 1 220px; max-width: 360px; }

/* De bedrijfscode van een organisatie. */
.org-slug__code[b-zh5lmxuayq] {
    padding: 1px 6px;
    border-radius: 6px;
    background: var(--surface-2);
    font-family: var(--font-mono, ui-monospace, monospace);
    font-size: .95em;
    overflow-wrap: anywhere;
}

/* Ronde 4: de tab Berichten (nieuws en chat, alleen lezen). */
.org-subtabs[b-zh5lmxuayq] { margin-bottom: 16px; }
.org-reauth[b-zh5lmxuayq] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.org-reauth .rk-input[b-zh5lmxuayq] { flex: 1 1 220px; max-width: 320px; }

.org-chat[b-zh5lmxuayq] { display: grid; gap: 16px; }
@media (min-width: 960px) { .org-chat[b-zh5lmxuayq] { grid-template-columns: minmax(260px, 340px) 1fr; align-items: start; } }

.org-chat__lijst[b-zh5lmxuayq], .org-chat__berichten[b-zh5lmxuayq] {
    padding: 14px;
    border: 1px solid var(--line-soft);
    border-radius: 14px;
    background: var(--surface);
}
.org-chat__lijst[b-zh5lmxuayq] { display: grid; gap: 4px; max-height: 70vh; overflow-y: auto; }
.org-chat__kop[b-zh5lmxuayq] { margin-bottom: 6px; font-size: 13px; font-weight: 600; color: var(--ink-2); }
.org-chat__gesprek[b-zh5lmxuayq] {
    display: grid; gap: 2px;
    width: 100%; padding: 10px;
    border: 0; border-radius: 10px;
    background: transparent; color: var(--ink);
    font: inherit; text-align: left;
    cursor: pointer;
    transition: background .15s ease;
}
.org-chat__gesprek:hover[b-zh5lmxuayq] { background: var(--surface-sunken); }
.org-chat__gesprek.is-gekozen[b-zh5lmxuayq] { background: var(--accent-soft); }
.org-chat__gesprek:focus-visible[b-zh5lmxuayq] { outline: 2px solid var(--accent); outline-offset: 2px; }
.org-chat__naam[b-zh5lmxuayq] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-weight: 600; }

.org-chat__stroom[b-zh5lmxuayq] { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; max-height: 70vh; overflow-y: auto; }
.org-chat__bericht[b-zh5lmxuayq] { padding: 10px 12px; border-radius: 12px; background: var(--surface-sunken); }
.org-chat__bericht.is-verborgen[b-zh5lmxuayq] { opacity: .75; border: 1px dashed var(--line); background: transparent; }
.org-chat__meta[b-zh5lmxuayq] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 13px; }
.org-chat__tekst[b-zh5lmxuayq] { margin: 4px 0 0; color: var(--ink); line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.org-chat__bericht .rk-chips[b-zh5lmxuayq] { margin-top: 6px; }

.org-herkomst[b-zh5lmxuayq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 10px 0 0; }
.org-herkomst dt[b-zh5lmxuayq] { color: var(--ink-3); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.org-herkomst dd[b-zh5lmxuayq] { margin: 2px 0 0; font-weight: 600; overflow-wrap: anywhere; }
@media (max-width: 560px) { .org-herkomst[b-zh5lmxuayq] { grid-template-columns: 1fr; } }
/* /Components/SuperAdmin/Pages/PlatformHome.razor.rz.scp.css */
/* Het blok Berichten op het platformdashboard. */
.inbox__kop[b-lprzhptnw7] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 12px; }
.inbox__titel[b-lprzhptnw7] { margin: 0; font-size: 18px; font-weight: 600; color: var(--ink); }
.inbox__kop .rk-chip[b-lprzhptnw7] { text-decoration: none; }
.inbox__chip--fout[b-lprzhptnw7] { border-color: transparent; background: var(--danger-soft); color: var(--danger); }

.inbox__grid[b-lprzhptnw7] { display: grid; gap: 16px; }
@media (min-width: 900px) { .inbox__grid[b-lprzhptnw7] { grid-template-columns: 1fr 1fr; } }

.inbox__kaartkop[b-lprzhptnw7] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; width: 100%; }
.inbox__kaartkop h3[b-lprzhptnw7] { margin: 0; font-size: 15px; font-weight: 600; color: var(--ink); }
.inbox__kaartkop a[b-lprzhptnw7] { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--accent-text); white-space: nowrap; }

.inbox__lijst[b-lprzhptnw7] { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.inbox__item[b-lprzhptnw7] {
    display: grid; gap: 4px;
    margin: 0 -10px; padding: 10px;
    border-radius: 10px;
    color: var(--ink); text-decoration: none;
    transition: background .15s ease;
}
.inbox__item:hover[b-lprzhptnw7] { background: var(--surface-sunken); text-decoration: none; }
.inbox__item:focus-visible[b-lprzhptnw7] { outline: 2px solid var(--accent); outline-offset: 2px; }
.inbox__regel[b-lprzhptnw7] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0; }
.inbox__regel time[b-lprzhptnw7] { margin-left: auto; font-size: 13px; }
.inbox__regel .inbox__tekst[b-lprzhptnw7] { flex: 1 1 100%; }
.inbox__tekst[b-lprzhptnw7] { min-width: 0; color: var(--ink-2); font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }

.inbox__sterren[b-lprzhptnw7] { display: inline-flex; gap: 1px; }
.inbox__sterren--blij[b-lprzhptnw7] { color: var(--success); }
.inbox__sterren--neutraal[b-lprzhptnw7] { color: var(--warning); }
.inbox__sterren--kritisch[b-lprzhptnw7] { color: var(--danger); }

.inbox__leeg[b-lprzhptnw7] { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--ink-2); font-size: 14px; }
/* /Components/SuperAdmin/Pages/SupportVragen.razor.rz.scp.css */
.support-lijst[b-glum375ocj] { display: grid; gap: 12px; }

.support-vraag[b-glum375ocj] {
    display: flex; flex-direction: column; gap: 10px;
    padding: 16px 18px;
    border: 1px solid var(--line-soft);
    border-left: 3px solid var(--warning);
    border-radius: 14px;
    background: var(--surface);
}
.support-vraag.is-afgehandeld[b-glum375ocj] { border-left-color: var(--success); opacity: .8; }

.support-vraag__kop[b-glum375ocj] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.support-vraag__wie[b-glum375ocj] { font-weight: 600; color: var(--ink); }
.support-vraag__mail[b-glum375ocj] { color: var(--accent-text); font-size: 14px; overflow-wrap: anywhere; }
.support-vraag__wanneer[b-glum375ocj] { margin-left: auto; font-size: 13px; }
.support-vraag__tekst[b-glum375ocj] { margin: 0; color: var(--ink); line-height: 1.5; white-space: pre-line; overflow-wrap: anywhere; }
.support-vraag__acties[b-glum375ocj] { display: flex; flex-wrap: wrap; gap: 8px; }

@media (max-width: 560px) {
    .support-vraag__wanneer[b-glum375ocj] { margin-left: 0; width: 100%; }
}