/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-a4s5r2li3x],
.components-reconnect-repeated-attempt-visible[b-a4s5r2li3x],
.components-reconnect-failed-visible[b-a4s5r2li3x],
.components-pause-visible[b-a4s5r2li3x],
.components-resume-failed-visible[b-a4s5r2li3x],
.components-rejoining-animation[b-a4s5r2li3x] {
    display: none;
}

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


#components-reconnect-modal[b-a4s5r2li3x] {
    background-color: white;
    color: #111318;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-a4s5r2li3x 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-a4s5r2li3x 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-a4s5r2li3x 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-a4s5r2li3x]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-a4s5r2li3x 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-a4s5r2li3x {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-a4s5r2li3x {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-a4s5r2li3x {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-a4s5r2li3x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-a4s5r2li3x] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-a4s5r2li3x] {
    border: 0;
    background-color: #6B4F3A;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-a4s5r2li3x] {
        background-color: #57402F;
    }

    #components-reconnect-modal button:active[b-a4s5r2li3x] {
        background-color: #6B4F3A;
    }

.components-rejoining-animation[b-a4s5r2li3x] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-a4s5r2li3x] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-a4s5r2li3x 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-a4s5r2li3x] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-a4s5r2li3x {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Features/Assistent/AssistentPanel.razor.rz.scp.css */
.assistent-fab[b-4j2j4wr6df] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1200;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border: none;
    border-radius: 999px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font: inherit;
    font-weight: 600;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    cursor: pointer;
}

.assistent-fab:hover[b-4j2j4wr6df] {
    filter: brightness(1.05);
}

.assistent-panel[b-4j2j4wr6df] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1200;
    display: flex;
    flex-direction: column;
    width: min(420px, calc(100vw - 32px));
    height: min(640px, calc(100vh - 96px));
    border-radius: 12px;
    background: var(--mud-palette-surface);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}

.assistent-header[b-4j2j4wr6df] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 12px 12px 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.assistent-title[b-4j2j4wr6df] {
    font-weight: 600;
}

.assistent-transparency[b-4j2j4wr6df] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.8rem;
    color: var(--mud-palette-text-secondary);
}

[b-4j2j4wr6df] .assistent-info {
    font-size: 1rem;
    cursor: help;
}

.assistent-messages[b-4j2j4wr6df] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    overflow-y: auto;
}

.assistent-welcome[b-4j2j4wr6df] {
    color: var(--mud-palette-text-primary);
}

.assistent-hint[b-4j2j4wr6df] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
}

.assistent-message[b-4j2j4wr6df] {
    max-width: 88%;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 0.9rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.assistent-own[b-4j2j4wr6df] {
    align-self: flex-end;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    white-space: pre-wrap;
}

.assistent-answer[b-4j2j4wr6df] {
    align-self: flex-start;
    background: var(--mud-palette-background-gray);
}

.assistent-busy[b-4j2j4wr6df] {
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

[b-4j2j4wr6df] .assistent-paragraph {
    margin: 0 0 4px;
}

[b-4j2j4wr6df] .assistent-paragraph:last-child {
    margin-bottom: 0;
}

[b-4j2j4wr6df] .assistent-list {
    margin: 0 0 4px;
    padding-left: 20px;
}

[b-4j2j4wr6df] .assistent-answer a {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}

.assistent-footer[b-4j2j4wr6df] {
    padding: 8px 12px 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.assistent-input[b-4j2j4wr6df] {
    display: flex;
    align-items: flex-end;
    gap: 4px;
}

[b-4j2j4wr6df] .assistent-textfield {
    flex: 1;
    margin: 0;
}
/* /Features/Beheer/ActiviteitenlogView.razor.rz.scp.css */
.chronos-activity-row[b-deqgilgpj7] {
    cursor: pointer;
}

.chronos-activity-error[b-deqgilgpj7] {
    white-space: pre-wrap;
    font-size: 0.75rem;
    max-height: 320px;
    overflow: auto;
    background: var(--mud-palette-background);
    padding: 8px;
    border-radius: 6px;
}

.al-skeleton-filters[b-deqgilgpj7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 16px 8px;
}
/* /Features/Beheer/BewaartermijnenView.razor.rz.scp.css */
[b-xebb69o44l] .retention-months {
    width: 7rem;
}

[b-xebb69o44l] .retention-table td {
    vertical-align: middle;
}
/* /Features/Beheer/ToetsDialog.razor.rz.scp.css */
.toets-grid[b-q365029nzj] {
    margin-top: 8px;
    border-collapse: collapse;
    width: 100%;
}

.toets-grid th[b-q365029nzj] {
    font-size: .8rem;
    font-weight: 600;
    text-align: left;
    padding: 4px 6px;
    color: var(--chronos-muted);
}

.toets-grid td[b-q365029nzj] {
    padding: 2px 6px;
}

.toets-grid td:first-child[b-q365029nzj] {
    font-size: .85rem;
    white-space: nowrap;
}
/* /Features/Beheer/ToetsenView.razor.rz.scp.css */
.toetsen-list[b-ezq396mx0n] {
    padding: 4px 0;
}

.toetsen-row[b-ezq396mx0n] {
    display: grid;
    grid-template-columns: minmax(200px, 2fr) minmax(140px, 1.2fr) minmax(160px, 1.5fr) 110px 40px;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    cursor: pointer;
    border-bottom: 1px solid var(--chronos-border);
}

.toetsen-row:last-child[b-ezq396mx0n] {
    border-bottom: 0;
}

.toetsen-row:hover[b-ezq396mx0n] {
    background: var(--chronos-subtle);
}

.toetsen-name[b-ezq396mx0n] {
    display: flex;
    flex-direction: column;
}

.toetsen-muted[b-ezq396mx0n] {
    font-size: .85rem;
    color: var(--chronos-muted);
}

@media (max-width: 720px) {
    .toetsen-row[b-ezq396mx0n] {
        grid-template-columns: 1fr auto;
    }
}
/* /Features/Groep/AiSuggestionNote.razor.rz.scp.css */
.ai-note[b-7she9zc2k9] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
    font-size: .8rem;
    color: var(--env-accent);
}

[b-7she9zc2k9] .ai-note-button {
    margin-left: auto;
    text-transform: none;
}
/* /Features/Groep/DgoClassResults.razor.rz.scp.css */
.dcr[b-jihrsi8qzt] {
    padding: 18px 20px 20px;
}

.dcr-head[b-jihrsi8qzt] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 12px;
    margin-bottom: 14px;
}

.dcr-head h2[b-jihrsi8qzt] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.dcr-caption[b-jihrsi8qzt],
.dcr-test[b-jihrsi8qzt] {
    font-size: .8rem;
    color: var(--chronos-muted);
}

.dcr-grid[b-jihrsi8qzt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 14px;
}

.dcr-area[b-jihrsi8qzt] {
    padding: 12px 14px 14px;
    border: 1px solid var(--chronos-border);
    border-radius: 12px;
}

.dcr-area-head[b-jihrsi8qzt] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.dcr-area-name[b-jihrsi8qzt] {
    font-weight: 600;
}

.dcr-mean[b-jihrsi8qzt] {
    font-size: .85rem;
    color: var(--chronos-muted);
    white-space: nowrap;
}

.dcr-mean strong[b-jihrsi8qzt] {
    color: var(--chronos-text);
    font-size: 1rem;
}

.dcr-test[b-jihrsi8qzt] {
    margin: 2px 0 10px;
}

.dcr-levels[b-jihrsi8qzt] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
}

.dcr-level[b-jihrsi8qzt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 2px 5px;
    border: none;
    border-radius: 8px;
    font: inherit;
    line-height: 1.15;
    cursor: pointer;
    outline-offset: 2px;
    transition: filter var(--motion-fast), box-shadow var(--motion-fast);
}

.dcr-rank-5[b-jihrsi8qzt] { background: var(--chronos-badge-level-5); color: var(--chronos-badge-level-5-text); }
.dcr-rank-4[b-jihrsi8qzt] { background: var(--chronos-badge-level-4); color: var(--chronos-badge-level-4-text); }
.dcr-rank-3[b-jihrsi8qzt] { background: var(--chronos-badge-level-3); color: var(--chronos-badge-level-3-text); }
.dcr-rank-2[b-jihrsi8qzt] { background: var(--chronos-badge-level-2); color: var(--chronos-badge-level-2-text); }
.dcr-rank-1[b-jihrsi8qzt] { background: var(--chronos-badge-level-1); color: var(--chronos-badge-level-1-text); }

.dcr-level.dcr-empty[b-jihrsi8qzt] {
    background: var(--chronos-sunken);
    color: var(--chronos-muted);
}

.dcr-level:hover[b-jihrsi8qzt] {
    filter: brightness(1.08);
}

.dcr-active[b-jihrsi8qzt] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--chronos-text);
}

.dcr-level-name[b-jihrsi8qzt] {
    font-size: .75rem;
    font-weight: 600;
}

.dcr-level-count[b-jihrsi8qzt] {
    font-size: 1.25rem;
    font-weight: 700;
}

.dcr-level-percent[b-jihrsi8qzt] {
    font-size: .7rem;
    opacity: .9;
}

@media (forced-colors: active) {
    .dcr-level[b-jihrsi8qzt] {
        border: 1px solid CanvasText;
    }

    .dcr-active[b-jihrsi8qzt] {
        outline: 3px solid Highlight;
    }
}
/* /Features/Groep/DgoPupilPanel.razor.rz.scp.css */
.dgo-panel[b-o5eael2csm] {
    padding: 20px 24px;
}

.dgo-panel-header[b-o5eael2csm] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--chronos-border);
}

[b-o5eael2csm] .dgo-panel-avatar {
    background: var(--env-tint-2);
    color: var(--env-strong);
    font-weight: 600;
}

.dgo-panel-title[b-o5eael2csm] {
    flex: 1;
}

.dgo-panel-title h2[b-o5eael2csm] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 600;
}

.dgo-panel-title a[b-o5eael2csm],
.dgo-link[b-o5eael2csm] {
    font-size: .85rem;
    color: var(--env-accent);
}

.dgo-panel-saved[b-o5eael2csm] {
    font-size: .78rem;
    color: var(--chronos-muted);
}

.dgo-panel-grid[b-o5eael2csm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
}

@media (max-width: 1200px) {
    .dgo-panel-grid[b-o5eael2csm] {
        grid-template-columns: 1fr;
    }
}

.dgo-block h3[b-o5eael2csm] {
    margin: 0 0 8px;
    font-size: .95rem;
    font-weight: 600;
    color: var(--chronos-text);
}

.dgo-block-wide[b-o5eael2csm] {
    grid-column: 1 / -1;
}

.dgo-caption[b-o5eael2csm] {
    font-weight: 400;
    font-size: .8rem;
    color: var(--chronos-muted);
    margin-left: 6px;
}

.dgo-goals[b-o5eael2csm] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.dgo-goals-count[b-o5eael2csm] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--env-accent);
}

.dgo-notes[b-o5eael2csm] {
    max-height: 360px;
    overflow-y: auto;
    padding-right: 4px;
}

.dgo-panel-support[b-o5eael2csm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 6px 12px;
    border-radius: 10px;
    background: var(--env-tint);
}

.dgo-support[b-o5eael2csm] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-size: .9rem;
}

.dgo-plan-list[b-o5eael2csm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dgo-plan[b-o5eael2csm] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid var(--chronos-border);
    border-radius: 8px;
    background: #fff;
    font: inherit;
    font-size: .875rem;
    text-align: left;
    color: var(--chronos-text);
    cursor: pointer;
}

.dgo-plan:hover[b-o5eael2csm] {
    border-color: var(--env-line);
}

.dgo-plan-name[b-o5eael2csm] {
    flex: 1;
}

.dgo-plan-ended[b-o5eael2csm] {
    opacity: .7;
}
/* /Features/Groep/DgoPupilTable.razor.rz.scp.css */
.dpt[b-nbi4fwzamj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 20px 0;
}

.dpt-tools[b-nbi4fwzamj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

[b-nbi4fwzamj] .dpt-search {
    max-width: 240px;
}

[b-nbi4fwzamj] .dpt-filter {
    max-width: 260px;
    min-width: 180px;
}

.dpt-spacer[b-nbi4fwzamj] {
    flex: 1;
}

.dpt-checked[b-nbi4fwzamj] {
    font-size: .85rem;
    color: var(--chronos-muted);
}

.dpt-scroll[b-nbi4fwzamj] {
    overflow-x: auto;
    margin: 0 -20px;
}

.dpt-table[b-nbi4fwzamj] {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
}

.dpt-table th[b-nbi4fwzamj],
.dpt-table td[b-nbi4fwzamj] {
    padding: 6px 10px;
    border-bottom: 1px solid var(--chronos-border);
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.dpt-table th:first-child[b-nbi4fwzamj],
.dpt-table td:first-child[b-nbi4fwzamj] {
    padding-left: 20px;
}

.dpt-table th[b-nbi4fwzamj] {
    background: var(--chronos-sunken);
    font-weight: 600;
}

.dpt-check[b-nbi4fwzamj] {
    width: 44px;
}

.dpt-row-checked td[b-nbi4fwzamj] {
    background: var(--env-tint);
}

.dpt-sort[b-nbi4fwzamj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--chronos-text);
    cursor: pointer;
}

.dpt-sorted[b-nbi4fwzamj] {
    color: var(--env-strong);
}

.dpt-name[b-nbi4fwzamj] {
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--env-strong);
    cursor: pointer;
    text-align: left;
}

.dpt-name:hover[b-nbi4fwzamj] {
    text-decoration: underline;
}

.dpt-plans[b-nbi4fwzamj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dpt-plan[b-nbi4fwzamj] {
    color: var(--env-strong);
    font-size: .85rem;
}

.dpt-none[b-nbi4fwzamj] {
    color: var(--chronos-muted);
    font-size: .85rem;
}

.dpt-count[b-nbi4fwzamj] {
    padding: 10px 0 12px;
    font-size: .8rem;
    color: var(--chronos-muted);
}
/* /Features/Groep/DgoView.razor.rz.scp.css */
.dgo-layout[b-ct9a66e0g8] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 20px;
    align-items: start;
}

@media (max-width: 960px) {
    .dgo-layout[b-ct9a66e0g8] {
        grid-template-columns: 1fr;
    }
}

.dgo-names[b-ct9a66e0g8] {
    position: sticky;
    top: 80px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 110px);
    overflow: hidden;
}

.dgo-tools[b-ct9a66e0g8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 14px 10px;
    border-bottom: 1px solid var(--chronos-border);
}

.dgo-tool-row[b-ct9a66e0g8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-ct9a66e0g8] .dgo-back {
    align-self: flex-start;
}

.dgo-overview[b-ct9a66e0g8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dgo-name-list[b-ct9a66e0g8] {
    list-style: none;
    margin: 0;
    padding: 6px;
    overflow-y: auto;
    flex: 1;
}

.dgo-name[b-ct9a66e0g8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 9px 12px;
    border: none;
    border-radius: 10px;
    background: none;
    font: inherit;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.dgo-name:hover[b-ct9a66e0g8] {
    background: var(--chronos-sunken);
}

.dgo-name-selected[b-ct9a66e0g8],
.dgo-name-selected:hover[b-ct9a66e0g8] {
    background: var(--env-tint-2);
    color: var(--env-strong);
}

.dgo-count[b-ct9a66e0g8] {
    padding: 8px 16px;
    font-size: .78rem;
    color: var(--chronos-muted);
    border-top: 1px solid var(--chronos-border);
}
/* /Features/Groep/EmptyState.razor.rz.scp.css */
.empty-state[b-dcipsn9589] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 40px 24px;
    color: var(--chronos-muted);
    max-width: 920px;
    text-align: center;
    text-wrap: balance;
}

.empty-state[b-dcipsn9589]  .mud-icon-root {
    padding: 12px;
    width: 56px;
    height: 56px;
    border-radius: 999px;
    background: var(--env-tint);
    color: var(--env-strong);
}
/* /Features/Groep/FilesCard.razor.rz.scp.css */
.files-card[b-rnwxqbyn63] {
    padding: 20px 24px;
    max-width: 820px;
}
/* /Features/Groep/GroepView.razor.rz.scp.css */
.pupil-grid[b-s4jucq7i13] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}

.pupil-card[b-s4jucq7i13] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #fff;
    border: 1px solid var(--chronos-border);
    border-radius: var(--chronos-radius);
    color: inherit;
    text-decoration: none;
    transition: border-color var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-fast) var(--motion-ease-out);
}

.pupil-card:hover[b-s4jucq7i13] {
    border-color: var(--env-accent);
    box-shadow: 0 6px 16px rgba(91, 125, 177, .12);
}

[b-s4jucq7i13] .pupil-avatar {
    background: var(--env-tint-2);
    color: var(--env-strong);
    font-weight: 600;
    font-size: .9rem;
}

.pupil-name[b-s4jucq7i13] {
    font-weight: 600;
}

.pupil-age[b-s4jucq7i13] {
    font-size: .8rem;
    color: var(--chronos-muted);
}
/* /Features/Groep/GrowthIndicator.razor.rz.scp.css */
.growth[b-ddvqhtm3ep] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    color: var(--chronos-muted);
    font-weight: 600;
}

.growth-up[b-ddvqhtm3ep] {
    color: #2E7D4F;
}

.growth-down[b-ddvqhtm3ep] {
    color: #C0392B;
}
/* /Features/Groep/LatestScoresGrid.razor.rz.scp.css */
.latest-scores[b-pf5y3c1d25] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 12px;
}

.latest-score[b-pf5y3c1d25] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.latest-score-area[b-pf5y3c1d25] {
    font-weight: 600;
}

.latest-score-test[b-pf5y3c1d25] {
    font-size: .78rem;
    color: var(--chronos-muted);
}
/* /Features/Groep/LevelBadge.razor.rz.scp.css */
.level-badge[b-5ver0segve] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--chronos-on-light);
    background: #9E9E9E;
}

.level-5[b-5ver0segve] { background: var(--chronos-badge-level-5); color: var(--chronos-badge-level-5-text); }
.level-4[b-5ver0segve] { background: var(--chronos-badge-level-4); color: var(--chronos-badge-level-4-text); }
.level-3[b-5ver0segve] { background: var(--chronos-badge-level-3); color: var(--chronos-badge-level-3-text); }
.level-2[b-5ver0segve] { background: var(--chronos-badge-level-2); color: var(--chronos-badge-level-2-text); }
.level-1[b-5ver0segve] { background: var(--chronos-badge-level-1); color: var(--chronos-badge-level-1-text); }

@media print {
    .level-badge[b-5ver0segve] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Features/Groep/LevelShareBar.razor.rz.scp.css */
.lsb[b-imlbvstvyi] {
    display: flex;
    gap: 2px;
    height: 26px;
    width: 100%;
    background: #fff;
}

.lsb-segment[b-imlbvstvyi] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2px;
    font-size: .875rem;
    font-weight: 700;
    outline-offset: 2px;
}

.lsb-segment:first-child[b-imlbvstvyi] {
    border-radius: 4px 0 0 4px;
}

.lsb-segment:last-child[b-imlbvstvyi] {
    border-radius: 0 4px 4px 0;
}

.lsb-segment:only-child[b-imlbvstvyi] {
    border-radius: 4px;
}

.lsb-level-1[b-imlbvstvyi] { background: var(--chronos-level-1); color: #fff; }
.lsb-level-2[b-imlbvstvyi] { background: var(--chronos-level-2); color: #fff; }
.lsb-level-3[b-imlbvstvyi] { background: var(--chronos-level-3); color: #fff; }
.lsb-level-4[b-imlbvstvyi] { background: var(--chronos-level-4); color: var(--chronos-on-light); }
.lsb-level-5[b-imlbvstvyi] { background: var(--chronos-level-5); color: var(--chronos-on-light); }

.lsb-segment:hover[b-imlbvstvyi],
.lsb-segment:focus-visible[b-imlbvstvyi] {
    filter: brightness(1.12);
}

.lsb-tip[b-imlbvstvyi] {
    display: none;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 10px;
    border-radius: 6px;
    background: #fff;
    color: var(--chronos-text);
    box-shadow: 0 2px 10px rgba(17, 19, 24, .18);
    font-weight: 400;
    font-size: .8rem;
    white-space: nowrap;
    z-index: 2;
}

.lsb-tip span[b-imlbvstvyi] {
    color: var(--chronos-muted);
}

.lsb-segment:hover .lsb-tip[b-imlbvstvyi],
.lsb-segment:focus-visible .lsb-tip[b-imlbvstvyi] {
    display: block;
}

@media print {
    .lsb[b-imlbvstvyi] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .lsb-tip[b-imlbvstvyi] {
        display: none !important;
    }
}

@media (forced-colors: active) {
    .lsb-segment[b-imlbvstvyi] {
        border: 1px solid CanvasText;
    }
}
/* /Features/Groep/LinkList.razor.rz.scp.css */
.link-list[b-b72oswhiq1] {
    overflow: hidden;
    max-width: 920px;
}
/* /Features/Groep/LinkRow.razor.rz.scp.css */
.link-row[b-lxdpwfxi5q] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--chronos-border);
    color: inherit;
    text-decoration: none;
    transition: background var(--motion-fast) var(--motion-ease-out);
}

.link-row:last-child[b-lxdpwfxi5q] {
    border-bottom: none;
}

.link-row:hover[b-lxdpwfxi5q] {
    background: var(--chronos-subtle);
}

[b-lxdpwfxi5q] .link-row-icon {
    color: var(--env-accent);
}

.link-row-main[b-lxdpwfxi5q] {
    flex: 1;
    min-width: 0;
}

.link-row-title[b-lxdpwfxi5q] {
    font-weight: 600;
}

.link-row-meta[b-lxdpwfxi5q] {
    font-size: .85rem;
    color: var(--chronos-muted);
}

[b-lxdpwfxi5q] .link-row-chevron {
    color: var(--chronos-muted);
}
/* /Features/Groep/MeanScoreChart.razor.rz.scp.css */
.msc[b-dfsrzpzamz] {
    --msc-plot-height: 220px;
    --msc-norm: #898781;
    break-inside: avoid;
}

.msc-unit[b-dfsrzpzamz] {
    font-size: .75rem;
    color: var(--chronos-muted);
    margin-bottom: 12px;
}

.msc-body[b-dfsrzpzamz] {
    display: grid;
    grid-template-columns: 40px 1fr;
}

.msc-yaxis[b-dfsrzpzamz],
.msc-plot[b-dfsrzpzamz] {
    position: relative;
    height: var(--msc-plot-height);
}

.msc-plot[b-dfsrzpzamz] {
    border-left: 1px solid var(--chronos-chart-axis);
    border-bottom: 1px solid var(--chronos-chart-axis);
    margin-right: 40px;
}

.msc-ytick[b-dfsrzpzamz] {
    position: absolute;
    right: 6px;
    transform: translateY(-50%);
    font-size: .75rem;
    color: var(--chronos-muted);
    font-variant-numeric: tabular-nums;
}

.msc-svg[b-dfsrzpzamz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.msc-grid[b-dfsrzpzamz] {
    stroke: var(--chronos-chart-grid);
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
}

.msc-line[b-dfsrzpzamz],
.msc-norm[b-dfsrzpzamz] {
    fill: none;
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.msc-line[b-dfsrzpzamz] {
    stroke: var(--chronos-level-2);
}

.msc-norm[b-dfsrzpzamz] {
    stroke: var(--msc-norm);
}

.msc-dot[b-dfsrzpzamz] {
    position: absolute;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    background: var(--chronos-level-2);
    box-shadow: 0 0 0 2px #fff;
    pointer-events: none;
}

.msc-dot-norm[b-dfsrzpzamz] {
    background: #fff;
    box-shadow: inset 0 0 0 2px var(--msc-norm);
}

.msc-end-label[b-dfsrzpzamz] {
    position: absolute;
    left: 100%;
    margin-left: 8px;
    transform: translateY(-50%);
    font-size: .8rem;
    font-weight: 600;
}

.msc-hit[b-dfsrzpzamz] {
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
}

.msc-hit:hover[b-dfsrzpzamz],
.msc-hit:focus-visible[b-dfsrzpzamz] {
    background: linear-gradient(to right, transparent calc(50% - .5px), var(--chronos-chart-axis) calc(50% - .5px), var(--chronos-chart-axis) calc(50% + .5px), transparent calc(50% + .5px));
}

.msc-tip[b-dfsrzpzamz] {
    display: none;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    flex-direction: column;
    gap: 2px;
    padding: 6px 10px;
    border-radius: 6px;
    background: #fff;
    color: var(--chronos-muted);
    box-shadow: 0 2px 10px rgba(17, 19, 24, .18);
    font-size: .8rem;
    white-space: nowrap;
    text-align: left;
    z-index: 2;
}

.msc-tip strong[b-dfsrzpzamz] {
    color: var(--chronos-text);
}

.msc-tip-year[b-dfsrzpzamz] {
    font-weight: 600;
    color: var(--chronos-text);
}

.msc-edge-left .msc-tip[b-dfsrzpzamz] {
    left: 50%;
    transform: none;
}

.msc-edge-right .msc-tip[b-dfsrzpzamz] {
    left: auto;
    right: 50%;
    transform: none;
}

.msc-hit:hover .msc-tip[b-dfsrzpzamz],
.msc-hit:focus-visible .msc-tip[b-dfsrzpzamz] {
    display: flex;
}

.msc-xaxis[b-dfsrzpzamz] {
    position: relative;
    height: 22px;
    margin: 0 40px 0 40px;
}

.msc-xtick[b-dfsrzpzamz] {
    position: absolute;
    top: 4px;
    transform: translateX(-50%);
    font-size: .72rem;
    color: var(--chronos-muted);
    white-space: nowrap;
}

.msc-legend[b-dfsrzpzamz] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 6px;
    font-size: .8rem;
    color: var(--chronos-muted);
}

.msc-key[b-dfsrzpzamz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.msc-key-line[b-dfsrzpzamz] {
    display: inline-block;
    width: 18px;
    height: 2px;
    margin-right: 4px;
    vertical-align: middle;
    background: var(--chronos-level-2);
}

.msc-key-norm[b-dfsrzpzamz] {
    background: var(--msc-norm);
}

@media print {
    .msc[b-dfsrzpzamz] {
        --msc-plot-height: 170px;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .msc-tip[b-dfsrzpzamz] {
        display: none !important;
    }
}
/* /Features/Groep/OpbrengstenView.razor.rz.scp.css */
.opb-filters[b-jic8m8n1x6] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.opb-filters[b-jic8m8n1x6]  .mud-input-control {
    flex: 0 1 220px;
    min-width: 170px;
}

.opb-card[b-jic8m8n1x6] {
    padding: 20px 24px;
    margin-bottom: 16px;
    break-inside: avoid;
}

.opb-title[b-jic8m8n1x6] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.opb-explanation[b-jic8m8n1x6] {
    margin: 4px 0 16px;
    font-size: .9rem;
    color: var(--chronos-muted);
    max-width: 75ch;
}

.opb-rows[b-jic8m8n1x6] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.opb-row[b-jic8m8n1x6] {
    display: grid;
    grid-template-columns: minmax(110px, max-content) 1fr 110px;
    align-items: center;
    gap: 12px;
}

.opb-year[b-jic8m8n1x6] {
    font-size: .85rem;
    font-weight: 600;
    white-space: nowrap;
}

.opb-year-button[b-jic8m8n1x6] {
    border: 0;
    background: none;
    padding: 4px 0;
    text-align: left;
    color: var(--env-strong, var(--chronos-text));
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
    font-family: inherit;
}

.opb-count[b-jic8m8n1x6] {
    font-size: .8rem;
    color: var(--chronos-muted);
    white-space: nowrap;
}

.opb-suppressed[b-jic8m8n1x6] {
    font-size: .85rem;
    color: var(--chronos-muted);
    font-style: italic;
}

.opb-detail[b-jic8m8n1x6] {
    margin: 4px 0 12px;
    padding: 12px 16px;
    border-radius: var(--chronos-radius-sm);
    background: var(--chronos-subtle);
    border: 1px solid var(--chronos-border);
}

.opb-detail-title[b-jic8m8n1x6] {
    font-size: .9rem;
    font-weight: 600;
    margin: 4px 0 8px;
}

.opb-row-group[b-jic8m8n1x6] {
    margin-bottom: 8px;
}

.opb-legend[b-jic8m8n1x6] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 14px;
    font-size: .8rem;
    color: var(--chronos-muted);
}

.opb-key[b-jic8m8n1x6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.opb-swatch[b-jic8m8n1x6] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

.lsb-swatch-1[b-jic8m8n1x6] { background: var(--chronos-level-1); }
.lsb-swatch-2[b-jic8m8n1x6] { background: var(--chronos-level-2); }
.lsb-swatch-3[b-jic8m8n1x6] { background: var(--chronos-level-3); }
.lsb-swatch-4[b-jic8m8n1x6] { background: var(--chronos-level-4); }
.lsb-swatch-5[b-jic8m8n1x6] { background: var(--chronos-level-5); }

.opb-table-toggle[b-jic8m8n1x6] {
    margin-top: 8px;
}

.opb-table[b-jic8m8n1x6] {
    margin-top: 6px;
    border-collapse: collapse;
    font-size: .85rem;
}

.opb-table a[b-jic8m8n1x6] {
    color: var(--env-strong, var(--chronos-text));
    text-decoration: underline;
    text-underline-offset: 3px;
}

.opb-table th[b-jic8m8n1x6],
.opb-table td[b-jic8m8n1x6] {
    padding: 4px 14px 4px 0;
    text-align: left;
    border-bottom: 1px solid var(--chronos-border);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {
    .opb-row[b-jic8m8n1x6] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

@media print {
    .opb-swatch[b-jic8m8n1x6] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Features/Groep/PlanActivities.razor.rz.scp.css */
.pa[b-y824y5q9xf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-y824y5q9xf] .pa-intro {
    display: block;
}

.pa-schedule-box[b-y824y5q9xf] {
    padding-top: 12px;
    border-top: 1px solid var(--chronos-border);
}

.pa-schedule-label[b-y824y5q9xf] {
    font-weight: 600;
    color: var(--chronos-on-light);
}

[b-y824y5q9xf] .pa-schedule {
    display: flex;
    flex-direction: column;
}

.pa-option[b-y824y5q9xf] {
    color: var(--chronos-text);
}

.pa-list[b-y824y5q9xf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pa-moment[b-y824y5q9xf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px 12px;
    border: 1px dashed var(--chronos-border);
    border-left: 4px solid var(--env-accent);
    border-radius: 10px;
}

.pa-moment-header[b-y824y5q9xf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 30px;
}

.pa-number[b-y824y5q9xf] {
    font-weight: 600;
    color: var(--chronos-on-light);
}

.pa-fields[b-y824y5q9xf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    align-items: start;
}

.pa-meta[b-y824y5q9xf] {
    font-size: .88rem;
    color: var(--chronos-muted);
}

.pa-add[b-y824y5q9xf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
/* /Features/Groep/PlanEditor.razor.rz.scp.css */
.plan-editor[b-240800933p] {
    --plan-actions-clearance: 72px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 980px;
}

.plan-section[b-240800933p] {
    padding: 20px 24px;
}

.plan-heading[b-240800933p] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 12px;
    color: var(--chronos-text);
}

.plan-setup[b-240800933p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.plan-evaluations[b-240800933p] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Scrolling to a field (focus, scrollIntoView) keeps it above the sticky save bar. */
.plan-editor[b-240800933p]  * {
    scroll-margin-bottom: var(--plan-actions-clearance);
}

/* Only the buttons take clicks; the empty rest of the bar lets them through to the fields below. */
.plan-actions[b-240800933p] {
    position: sticky;
    bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    pointer-events: none;
}

.plan-actions[b-240800933p] >  * {
    pointer-events: auto;
}

@media (max-width: 599.98px) {
    .plan-editor[b-240800933p] {
        --plan-actions-clearance: 120px;
    }
}

[b-240800933p] .plan-action-secondary {
    background: #fff;
}
/* /Features/Groep/PlanExecution.razor.rz.scp.css */
.pe[b-ytn8a5i2rq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pe-moment[b-ytn8a5i2rq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--chronos-border);
    border-left: 4px solid var(--env-accent);
    border-radius: 10px;
}

.pe-meta[b-ytn8a5i2rq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: .86rem;
    color: var(--chronos-muted);
}

.pe-date[b-ytn8a5i2rq] {
    font-weight: 600;
    color: var(--chronos-text);
}

.pe-date[b-ytn8a5i2rq]::first-letter {
    text-transform: uppercase;
}

.pe-pupils[b-ytn8a5i2rq],
.pe-note-pupils[b-ytn8a5i2rq] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--chronos-on-light);
}

.pe-part[b-ytn8a5i2rq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pe-label[b-ytn8a5i2rq] {
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--chronos-muted);
}

.pe-note[b-ytn8a5i2rq] {
    padding: 6px 10px;
    background: var(--chronos-sunken);
    border-radius: 8px;
}

.pe-text[b-ytn8a5i2rq] {
    white-space: pre-line;
}
/* /Features/Groep/PlanPrint.razor.rz.scp.css */
.pp[b-cxv89j5u5a] {
    display: none;
}

@media print {
    .pp[b-cxv89j5u5a] {
        display: block;
        color: #111;
        background: #fff;
        font-size: 9.5pt;
        line-height: 1.4;
    }

    .pp-header[b-cxv89j5u5a] {
        margin-bottom: 14pt;
        padding-bottom: 10pt;
        border-bottom: 1.5pt solid #111;
    }

    .pp-title[b-cxv89j5u5a] {
        margin: 0;
        font-family: var(--chronos-font-display);
        font-size: 18pt;
        font-weight: 600;
        line-height: 1.2;
    }

    .pp-subtitle[b-cxv89j5u5a] {
        margin-top: 1pt;
        font-size: 11pt;
        color: #444;
    }

    .pp-facts[b-cxv89j5u5a] {
        display: flex;
        flex-wrap: wrap;
        gap: 6pt 22pt;
        margin: 10pt 0 0;
    }

    .pp-facts dt[b-cxv89j5u5a] {
        font-size: 7.5pt;
        font-weight: 600;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #555;
    }

    .pp-facts dd[b-cxv89j5u5a] {
        margin: 0;
        font-weight: 600;
    }

    .pp-section[b-cxv89j5u5a] {
        margin-bottom: 14pt;
    }

    .pp-section h2[b-cxv89j5u5a] {
        margin: 0 0 5pt;
        padding-bottom: 2pt;
        font-family: var(--chronos-font-display);
        font-size: 12.5pt;
        font-weight: 600;
        border-bottom: .75pt solid #bbb;
        break-after: avoid;
    }

    .pp-text[b-cxv89j5u5a] {
        white-space: pre-line;
    }

    .pp-strong[b-cxv89j5u5a] {
        font-weight: 600;
    }

    .pp-muted[b-cxv89j5u5a] {
        color: #555;
    }

    .pp-table[b-cxv89j5u5a] {
        width: 100%;
        border-collapse: collapse;
    }

    .pp-table th[b-cxv89j5u5a],
    .pp-table td[b-cxv89j5u5a] {
        padding: 4pt 6pt 4pt 0;
        border-bottom: .5pt solid #ccc;
        text-align: left;
        vertical-align: top;
    }

    .pp-table thead th[b-cxv89j5u5a] {
        padding-bottom: 3pt;
        font-size: 7.5pt;
        font-weight: 600;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #555;
        border-bottom: .75pt solid #111;
    }

    .pp-table thead[b-cxv89j5u5a] {
        display: table-header-group;
    }

    .pp-table tr[b-cxv89j5u5a] {
        break-inside: avoid;
    }

    .pp-table tbody th[b-cxv89j5u5a] {
        font-weight: 600;
    }

    /* The score table follows the other tables. */
    .pp[b-cxv89j5u5a]  .plan-scores {
        margin-top: 0;
        font-size: inherit;
    }

    .pp[b-cxv89j5u5a]  .plan-scores th,
    .pp[b-cxv89j5u5a]  .plan-scores td {
        padding: 4pt 6pt 4pt 0;
        border-bottom: .5pt solid #ccc;
    }

    .pp[b-cxv89j5u5a]  .plan-scores th {
        font-size: 7.5pt;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #555;
        border-bottom: .75pt solid #111;
    }

    .pp-col-when[b-cxv89j5u5a] {
        width: 24%;
    }

    .pp-col-dates[b-cxv89j5u5a] {
        width: 26%;
    }

    .pp-col-text[b-cxv89j5u5a] {
        width: 30%;
    }

    .pp-col-name[b-cxv89j5u5a] {
        width: 28%;
    }

    .pp-note + .pp-note[b-cxv89j5u5a] {
        margin-top: 4pt;
    }

    .pp-category[b-cxv89j5u5a] {
        margin-right: 4pt;
        font-weight: 600;
    }

    .pp-footer[b-cxv89j5u5a] {
        margin-top: 18pt;
        padding-top: 4pt;
        border-top: .5pt solid #ccc;
        font-size: 7.5pt;
        color: #555;
    }
}
/* /Features/Groep/PlanScoreTable.razor.rz.scp.css */
.plan-scores[b-t719zfr8ha] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
    font-size: .9rem;
}

.plan-scores th[b-t719zfr8ha],
.plan-scores td[b-t719zfr8ha] {
    padding: 7px 10px;
    border-bottom: 1px solid var(--chronos-border);
    text-align: left;
}

.plan-scores th[b-t719zfr8ha] {
    font-weight: 600;
    color: var(--chronos-muted);
    font-size: .8rem;
}

.plan-scores tbody tr:last-child td[b-t719zfr8ha] {
    border-bottom: none;
}

.plan-scores-name[b-t719zfr8ha] {
    font-weight: 600;
    white-space: nowrap;
}

.plan-scores-test[b-t719zfr8ha] {
    color: var(--chronos-muted);
}
/* /Features/Groep/ScoreCell.razor.rz.scp.css */
.score-cell[b-82jy6w3ky6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.score-empty[b-82jy6w3ky6] {
    color: var(--chronos-muted);
}
/* /Features/Groep/SupportLevelBadge.razor.rz.scp.css */
.slb-wrap[b-l6z5jimqwe] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.slb[b-l6z5jimqwe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 6px;
    font-size: .8rem;
    font-weight: 700;
}

.slb-1[b-l6z5jimqwe] { background: var(--chronos-sunken); color: var(--chronos-text); box-shadow: inset 0 0 0 1px var(--chronos-border); }
.slb-2[b-l6z5jimqwe] { background: var(--env-tint-2); color: var(--env-strong); }
.slb-3[b-l6z5jimqwe] { background: var(--env-accent); color: #fff; }
.slb-4[b-l6z5jimqwe] { background: var(--env-strong); color: #fff; }

.slb-text[b-l6z5jimqwe] {
    font-size: .875rem;
    color: var(--chronos-text);
}

@media print {
    .slb[b-l6z5jimqwe] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

@media (forced-colors: active) {
    .slb[b-l6z5jimqwe] {
        border: 1px solid CanvasText;
    }
}
/* /Features/Groep/SupportLevelPicker.razor.rz.scp.css */
.slp[b-dttiv17ood] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.slp-option[b-dttiv17ood] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--chronos-border);
    border-radius: 10px;
    background: #fff;
    color: var(--chronos-text);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--motion-feedback, 140ms), box-shadow var(--motion-feedback, 140ms);
}

.slp-option:hover:not(:disabled)[b-dttiv17ood] {
    border-color: var(--env-line);
}

.slp-option:disabled[b-dttiv17ood] {
    cursor: default;
}

.slp-selected[b-dttiv17ood] {
    border-color: var(--env-accent);
    box-shadow: 0 0 0 1px var(--env-accent);
    background: var(--env-tint);
}

.slp-text[b-dttiv17ood] {
    font-size: .925rem;
    font-weight: 500;
}

@media (forced-colors: active) {
    .slp-selected[b-dttiv17ood] {
        outline: 2px solid Highlight;
    }
}
/* /Features/Groep/TestResultTable.razor.rz.scp.css */
.results-filters[b-9gvo8xh6tf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 240px));
    gap: 12px;
    margin-bottom: 16px;
}

.results-scroll[b-9gvo8xh6tf] {
    overflow-x: auto;
    border: 1px solid var(--chronos-border);
    border-radius: var(--chronos-radius);
    background: #fff;
}

.results-table[b-9gvo8xh6tf] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: .9rem;
}

.results-table th[b-9gvo8xh6tf],
.results-table td[b-9gvo8xh6tf] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--chronos-border);
    text-align: left;
    vertical-align: middle;
}

.results-table th[b-9gvo8xh6tf] {
    background: var(--chronos-sunken);
    font-weight: 600;
    white-space: nowrap;
}

.results-table tbody tr:hover td[b-9gvo8xh6tf] {
    background: var(--chronos-subtle);
}

.results-table tbody tr:last-child td[b-9gvo8xh6tf] {
    border-bottom: none;
}

.results-sortable[b-9gvo8xh6tf] {
    cursor: pointer;
    user-select: none;
}

.results-sticky[b-9gvo8xh6tf] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    border-right: 1px solid var(--chronos-border);
}

th.results-sticky[b-9gvo8xh6tf] {
    background: var(--chronos-sunken);
}

.results-name[b-9gvo8xh6tf] {
    font-weight: 600;
    white-space: nowrap;
}

.results-name a[b-9gvo8xh6tf] {
    color: inherit;
    text-decoration: none;
}

.results-name a:hover[b-9gvo8xh6tf] {
    text-decoration: underline;
}

.results-test[b-9gvo8xh6tf] {
    font-size: .85rem;
}

.results-date[b-9gvo8xh6tf] {
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: 400;
    font-size: .78rem;
    color: var(--chronos-muted);
}

.results-method[b-9gvo8xh6tf] {
    margin-left: 6px;
    font-size: .72rem;
    font-weight: 400;
    color: var(--chronos-muted);
}

[b-9gvo8xh6tf] .results-sort-icon {
    vertical-align: middle;
    opacity: .55;
}

@media print {
    .results-scroll[b-9gvo8xh6tf] {
        overflow: visible;
    }
}
/* /Features/Home/HomeView.razor.rz.scp.css */
/* Later tiles fill the space next to Planningen, so its choices span the row below it. */
.home-grid[b-ynijrqu7yk] {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-auto-flow: row dense;
}

/* Covers the page while the Planningen choices are open; clicking it closes them. */
.home-planningen-backdrop[b-ynijrqu7yk] {
    position: fixed;
    inset: 0;
    z-index: 1;
    background: rgba(255, 255, 255, .55);
    backdrop-filter: blur(1px);
    animation: motion-fade-in var(--motion-enter) var(--motion-ease-out) backwards;
}

/* The choices and backdrop play their exit before HomeView removes them (Motion.ExitMs). */
.home-planningen-backdrop.home-planningen-closing[b-ynijrqu7yk] {
    animation: motion-fade-out var(--motion-exit) var(--motion-ease-in) both;
    pointer-events: none;
}

.home-planningen.home-planningen-closing[b-ynijrqu7yk] {
    animation: motion-drop-out var(--motion-exit) var(--motion-ease-in) both;
    pointer-events: none;
}

/* Tiles undim on the exit timing and dim on the enter timing. */
.home-grid[b-ynijrqu7yk]  .chronos-tile {
    transition: border-color var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-fast) var(--motion-ease-out),
        opacity var(--motion-exit) var(--motion-ease-in), filter var(--motion-exit) var(--motion-ease-in);
}

[b-ynijrqu7yk] .home-dimmed {
    opacity: .4;
    filter: grayscale(1);
}

.home-grid[b-ynijrqu7yk]  .chronos-tile.home-dimmed {
    transition: border-color var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-fast) var(--motion-ease-out),
        opacity var(--motion-enter) var(--motion-ease-out), filter var(--motion-enter) var(--motion-ease-out);
}

[b-ynijrqu7yk] .home-planningen-tile.chronos-tile-expanded {
    z-index: 2;
}

.home-planningen[b-ynijrqu7yk] {
    position: relative;
    z-index: 2;
    grid-column: 1 / -1;
    padding: 16px 20px 20px;
    border: 1px solid var(--env-line);
    border-radius: var(--chronos-radius);
    background: var(--env-form) no-repeat right -150px top -46px / 640px 200px, var(--env-tint);
    box-shadow: 0 16px 40px -20px rgba(17, 19, 24, .25);
    container-type: inline-size;
}

.home-planningen-header[b-ynijrqu7yk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.home-planningen-header-skeleton[b-ynijrqu7yk] {
    min-height: 34px;
}

.home-planningen[b-ynijrqu7yk]  .home-planningen-heading {
    color: var(--env-strong);
}

.home-planningen[b-ynijrqu7yk]  .home-planningen-close {
    border: 1px solid var(--chronos-border);
    background: #fff;
    color: var(--env-accent);
}

/* One, two, three or five columns, so every title fits on one line; a shorter last row fills the width. */
.home-planningen[b-ynijrqu7yk]  .home-planningen-grid {
    grid-template-columns: 1fr;
    gap: 14px;
}

@container (min-width: 560px) {
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }
}

@container (min-width: 840px) {
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid {
        grid-template-columns: repeat(6, 1fr);
    }

    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > *,
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :last-child:nth-child(odd) {
        grid-column: span 2;
    }

    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :nth-child(3n+1):nth-last-child(2),
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :nth-child(3n+1):nth-last-child(2) + * {
        grid-column: span 3;
    }

    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :nth-child(3n+1):last-child {
        grid-column: 1 / -1;
    }
}

@container (min-width: 1200px) {
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > *,
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :last-child:nth-child(odd),
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :nth-child(3n+1):nth-last-child(2),
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :nth-child(3n+1):nth-last-child(2) + *,
    .home-planningen[b-ynijrqu7yk]  .home-planningen-grid > :nth-child(3n+1):last-child {
        grid-column: auto;
    }
}

.home-planningen[b-ynijrqu7yk]  .chronos-tile-title {
    overflow-wrap: normal;
    hyphens: auto;
}
/* /Features/Kind/GesprekPrint.razor.rz.scp.css */
.gpr[b-16zlz3xis3] {
    display: none;
}

@media print {
    .gpr[b-16zlz3xis3] {
        display: block;
        color: #000;
        background: #fff;
        font-size: 10.5pt;
        line-height: 1.35;
    }

    .gpr-header[b-16zlz3xis3] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        border-bottom: 2px solid #000;
        padding-bottom: 3pt;
        margin-bottom: 8pt;
    }

    .gpr-title[b-16zlz3xis3] {
        font-family: var(--chronos-font-display);
        font-size: 18pt;
        font-weight: 600;
    }

    .gpr-pupil[b-16zlz3xis3] {
        font-size: 13pt;
        font-weight: 600;
    }

    .gpr-details[b-16zlz3xis3] {
        display: grid;
        grid-template-columns: 80pt 1fr;
        gap: 2pt 8pt;
        margin: 0 0 6pt;
    }

    .gpr-details dt[b-16zlz3xis3] {
        font-weight: 600;
    }

    .gpr-details dd[b-16zlz3xis3] {
        margin: 0;
    }

    .gpr h2[b-16zlz3xis3] {
        font-size: 12pt;
        margin: 12pt 0 4pt;
        border-bottom: 1px solid #999;
        padding-bottom: 2pt;
        break-after: avoid;
    }

    .gpr h3[b-16zlz3xis3] {
        font-size: 10.5pt;
        margin: 8pt 0 3pt;
        break-after: avoid;
    }

    .gpr-period[b-16zlz3xis3] {
        font-size: 10pt;
        font-weight: 400;
        color: #333;
    }

    .gpr p[b-16zlz3xis3] {
        white-space: pre-line;
        margin: 0;
    }

    .gpr-notes[b-16zlz3xis3],
    .gpr-actions[b-16zlz3xis3] {
        width: 100%;
        border-collapse: collapse;
        margin: 0 0 4pt;
    }

    .gpr-notes th[b-16zlz3xis3],
    .gpr-notes td[b-16zlz3xis3],
    .gpr-actions th[b-16zlz3xis3],
    .gpr-actions td[b-16zlz3xis3] {
        border: 1px solid #999;
        padding: 2pt 4pt;
        text-align: left;
        vertical-align: top;
    }

    .gpr-notes th[b-16zlz3xis3],
    .gpr-actions th[b-16zlz3xis3] {
        background: #eee;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .gpr-notes tr[b-16zlz3xis3],
    .gpr-actions tr[b-16zlz3xis3] {
        break-inside: avoid;
    }

    .gpr-notes td:last-child[b-16zlz3xis3] {
        white-space: pre-line;
    }

    .gpr-col-date[b-16zlz3xis3] {
        width: 70pt;
    }

    .gpr-note td:first-child[b-16zlz3xis3] {
        white-space: nowrap;
    }

    .gpr-col-lesson[b-16zlz3xis3],
    .gpr-col-who[b-16zlz3xis3] {
        width: 110pt;
    }

    .gpr-col-done[b-16zlz3xis3] {
        width: 50pt;
    }

    .gpr-agreed[b-16zlz3xis3] {
        margin-top: 18pt !important;
    }
}
/* /Features/Kind/GesprekView.razor.rz.scp.css */
.report-form[b-dz7qx41pgi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 980px;
}

.report-section[b-dz7qx41pgi] {
    padding: 16px 24px;
}

.report-setup[b-dz7qx41pgi] {
    display: grid;
    grid-template-columns: minmax(200px, 260px) 1fr;
    gap: 16px;
}

.report-factors[b-dz7qx41pgi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.report-notes[b-dz7qx41pgi] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
}

.report-notes-period[b-dz7qx41pgi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 240px));
    gap: 16px;
}

.report-actions[b-dz7qx41pgi] {
    position: sticky;
    bottom: 16px;
    display: flex;
    justify-content: flex-end;
}

.report-charts-head[b-dz7qx41pgi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.report-charts-title[b-dz7qx41pgi] {
    font-weight: 600;
}

.report-chart[b-dz7qx41pgi] {
    position: relative;
    padding-right: 36px;
}

.report-chart[b-dz7qx41pgi]  .report-chart-remove {
    position: absolute;
    top: 0;
    right: 0;
}

.gesprek-download-hint[b-dz7qx41pgi] {
    align-self: center;
    max-width: 260px;
    color: var(--chronos-muted);
    font-size: 0.8125rem;
    line-height: 1.3;
}
/* /Features/Kind/NoteGroupList.razor.rz.scp.css */
.note-groups[b-t5adgabljo] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.note-group-title[b-t5adgabljo] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    font-family: var(--chronos-font-display);
    font-size: 1.05rem;
    font-weight: 600;
}

.note-group-count[b-t5adgabljo] {
    padding: 0 8px;
    border-radius: 999px;
    background: var(--env-tint-2);
    color: var(--env-strong);
    font-family: var(--chronos-font);
    font-size: .8rem;
}

.notes[b-t5adgabljo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.note[b-t5adgabljo] {
    padding: 10px 14px;
    background: #fff;
    border: 1px solid var(--chronos-border);
    border-left: 4px solid var(--subject-color);
    border-radius: 10px;
}

.note-meta[b-t5adgabljo] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    font-size: .8rem;
    color: var(--chronos-muted);
}

.note-subject[b-t5adgabljo] {
    font-weight: 600;
    color: var(--chronos-text);
}

.note-text[b-t5adgabljo] {
    white-space: pre-line;
    margin-top: 2px;
}
/* /Features/Kind/NotitiesKindView.razor.rz.scp.css */
.notes-page[b-4qh9mio589] { max-width: 820px; }
/* /Features/Kind/PrivacyKindView.razor.rz.scp.css */
[b-q3xsto2amw] .privacy-date {
    max-width: 14rem;
}
/* /Features/Kind/PupilChart.razor.rz.scp.css */
.pc[b-fugwzmws35] {
    --pc-surface: #fff;
    --pc-area: var(--chronos-text);
    --pc-plot-height: 240px;
    margin: 0 0 20px;
    break-inside: avoid;
    color: var(--chronos-text);
}

.pc-title[b-fugwzmws35] {
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.pc-empty[b-fugwzmws35] {
    font-size: .9rem;
    color: var(--chronos-muted);
}

.pc-unit[b-fugwzmws35] {
    font-size: .75rem;
    color: var(--chronos-muted);
    margin-bottom: 12px;
}

.pc-body[b-fugwzmws35] {
    display: grid;
    grid-template-columns: 40px 1fr;
}

.pc-yaxis[b-fugwzmws35] {
    position: relative;
    height: var(--pc-plot-height);
}

.pc-ytick[b-fugwzmws35] {
    position: absolute;
    right: 6px;
    transform: translateY(-50%);
    font-size: .75rem;
    color: var(--chronos-muted);
    font-variant-numeric: tabular-nums;
}

.pc-plot[b-fugwzmws35] {
    position: relative;
    height: var(--pc-plot-height);
    border-left: 1px solid var(--chronos-chart-axis);
    border-bottom: 1px solid var(--chronos-chart-axis);
}

.pc-svg[b-fugwzmws35] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.pc-band[b-fugwzmws35] {
    stroke: var(--pc-surface);
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
}

.pc-level-1[b-fugwzmws35] { fill: var(--chronos-level-tint-1); background: var(--chronos-level-tint-1); }
.pc-level-2[b-fugwzmws35] { fill: var(--chronos-level-tint-2); background: var(--chronos-level-tint-2); }
.pc-level-3[b-fugwzmws35] { fill: var(--chronos-level-tint-3); background: var(--chronos-level-tint-3); }
.pc-level-4[b-fugwzmws35] { fill: var(--chronos-level-tint-4); background: var(--chronos-level-tint-4); }
.pc-level-5[b-fugwzmws35] { fill: var(--chronos-level-tint-5); background: var(--chronos-level-tint-5); }

.pc-grid[b-fugwzmws35] {
    stroke: var(--chronos-chart-grid);
    stroke-width: 1px;
    vector-effect: non-scaling-stroke;
}

.pc-line[b-fugwzmws35] {
    fill: none;
    stroke: var(--pc-area);
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.pc-threshold[b-fugwzmws35] {
    stroke: var(--chronos-text);
    stroke-width: 2px;
    vector-effect: non-scaling-stroke;
}

.pc-threshold-label[b-fugwzmws35] {
    position: absolute;
    right: 4px;
    transform: translateY(-120%);
    font-size: .75rem;
    font-weight: 600;
    background: rgba(255, 255, 255, .85);
    padding: 0 4px;
    border-radius: 4px;
}

.pc-band-label[b-fugwzmws35] {
    position: absolute;
    right: 6px;
    transform: translateY(-50%);
    font-size: .75rem;
    font-weight: 700;
    color: var(--chronos-text);
    pointer-events: none;
}

.pc-point[b-fugwzmws35] {
    position: absolute;
    width: 28px;
    height: 28px;
    margin: -14px 0 0 -14px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: default;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.pc-dot[b-fugwzmws35] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--pc-area);
    box-shadow: 0 0 0 2px var(--pc-surface);
}

.pc-point:hover .pc-dot[b-fugwzmws35],
.pc-point:focus-visible .pc-dot[b-fugwzmws35] {
    transform: scale(1.3);
}

.pc-bar[b-fugwzmws35] {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    padding: 0;
    border: 0;
    border-radius: 4px 4px 0 0;
    background: var(--pc-area);
    cursor: default;
}

.pc-bar.pc-bar-below[b-fugwzmws35],
.pc-key-bar.pc-bar-below[b-fugwzmws35] {
    background: color-mix(in srgb, var(--pc-area) 40%, #fff);
}

.pc-bar:hover[b-fugwzmws35],
.pc-bar:focus-visible[b-fugwzmws35] {
    filter: brightness(1.12);
}

.pc-bar-value[b-fugwzmws35] {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 2px;
    font-size: .75rem;
    font-weight: 600;
    color: var(--chronos-text);
}

.pc-tip[b-fugwzmws35] {
    display: none;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 150px;
    padding: 6px 10px;
    border-radius: 6px;
    background: #fff;
    color: var(--chronos-text);
    box-shadow: 0 2px 10px rgba(17, 19, 24, .18);
    font-size: .8rem;
    line-height: 1.35;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
    flex-direction: column;
}

.pc-tip strong[b-fugwzmws35] {
    font-size: .95rem;
}

.pc-tip span[b-fugwzmws35] {
    color: var(--chronos-muted);
}

.pc-bar .pc-tip[b-fugwzmws35] {
    bottom: auto;
    top: -6px;
    transform: translate(-50%, -100%);
}

.pc-tip-below .pc-tip[b-fugwzmws35] {
    bottom: auto;
    top: calc(100% + 6px);
}

.pc-edge-left .pc-tip[b-fugwzmws35] {
    left: 0;
    transform: none;
}

.pc-edge-right .pc-tip[b-fugwzmws35] {
    left: auto;
    right: 0;
    transform: none;
}

.pc-bar.pc-edge-left .pc-tip[b-fugwzmws35],
.pc-bar.pc-edge-right .pc-tip[b-fugwzmws35] {
    transform: translateY(-100%);
}

.pc-point:hover .pc-tip[b-fugwzmws35],
.pc-point:focus-visible .pc-tip[b-fugwzmws35],
.pc-bar:hover .pc-tip[b-fugwzmws35],
.pc-bar:focus-visible .pc-tip[b-fugwzmws35] {
    display: flex;
}

.pc-xaxis[b-fugwzmws35] {
    position: relative;
    height: 34px;
    margin-left: 40px;
}

.pc-xtick[b-fugwzmws35] {
    position: absolute;
    top: 4px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .72rem;
    line-height: 1.2;
    color: var(--chronos-muted);
    white-space: nowrap;
}

.pc-xtick-sub[b-fugwzmws35] {
    font-size: .68rem;
}

.pc-legend[b-fugwzmws35] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 6px;
    font-size: .8rem;
    color: var(--chronos-muted);
}

.pc-key[b-fugwzmws35] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pc-key-line[b-fugwzmws35] {
    width: 18px;
    height: 2px;
    background: var(--pc-area);
}

.pc-key-band[b-fugwzmws35] {
    width: 14px;
    height: 10px;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px var(--chronos-border);
}

.pc-key-bar[b-fugwzmws35] {
    width: 10px;
    height: 12px;
    border-radius: 2px 2px 0 0;
    background: var(--pc-area);
}

.pc-key-threshold[b-fugwzmws35] {
    width: 18px;
    height: 2px;
    background: var(--chronos-text);
}

.pc-table-toggle[b-fugwzmws35] {
    margin-top: 4px;
}

.pc-table[b-fugwzmws35] {
    margin-top: 6px;
    border-collapse: collapse;
    font-size: .85rem;
}

.pc-table th[b-fugwzmws35],
.pc-table td[b-fugwzmws35] {
    padding: 3px 12px 3px 0;
    text-align: left;
    border-bottom: 1px solid var(--chronos-border);
    font-variant-numeric: tabular-nums;
}

.pc-asof[b-fugwzmws35] {
    margin-top: 6px;
    font-size: .75rem;
    color: var(--chronos-muted);
}

@media (max-width: 600px) {
    .pc-xtick-sub[b-fugwzmws35] {
        display: none;
    }
}

@media print {
    .pc[b-fugwzmws35] {
        --pc-plot-height: 120px;
        margin: 0 0 5mm;
        font-size: 7.5pt;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .pc-title[b-fugwzmws35] {
        font-size: 10pt;
        margin-bottom: 2pt;
    }

    .pc-unit[b-fugwzmws35] {
        font-size: 7pt;
        margin-bottom: 4pt;
    }

    .pc-ytick[b-fugwzmws35],
    .pc-band-label[b-fugwzmws35],
    .pc-threshold-label[b-fugwzmws35],
    .pc-bar-value[b-fugwzmws35],
    .pc-xtick[b-fugwzmws35],
    .pc-legend[b-fugwzmws35],
    .pc-asof[b-fugwzmws35] {
        font-size: 7pt;
    }

    .pc-xtick-sub[b-fugwzmws35] {
        font-size: 6.5pt;
    }

    .pc-xaxis[b-fugwzmws35] {
        height: 22pt;
    }

    .pc-legend[b-fugwzmws35] {
        gap: 2pt 8pt;
        margin-top: 2pt;
    }

    .pc-asof[b-fugwzmws35] {
        margin-top: 2pt;
    }

    .pc-tip[b-fugwzmws35] {
        display: none !important;
    }
}

@media (forced-colors: active) {
    .pc-band[b-fugwzmws35] {
        fill: Canvas;
        stroke: CanvasText;
    }

    .pc-dot[b-fugwzmws35],
    .pc-line[b-fugwzmws35],
    .pc-bar[b-fugwzmws35] {
        forced-color-adjust: none;
    }
}

[b-fugwzmws35] .pc-area {
    margin-left: 6px;
    vertical-align: 1px;
}
/* /Features/Kind/PupilChartGrid.razor.rz.scp.css */
.pcg[b-g6opxcmeiw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 460px), 1fr));
    gap: 8px 32px;
}

@media print {
    .pcg[b-g6opxcmeiw] {
        grid-template-columns: 1fr 1fr;
        gap: 0 8mm;
    }
}
/* /Features/Kind/PupilNoteList.razor.rz.scp.css */
.pupil-notes[b-zaqppdiwiv] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
/* /Features/Kind/PupilResults.razor.rz.scp.css */
.kind-section[b-szkuqq1rwz] {
    padding: 20px 24px;
    margin-bottom: 16px;
}

.kind-heading[b-szkuqq1rwz] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 12px;
    color: var(--chronos-text);
}

.kind-goal-category[b-szkuqq1rwz] {
    font-weight: 600;
    font-size: .85rem;
    color: var(--chronos-muted);
    margin-top: 10px;
}

.kind-goals[b-szkuqq1rwz] {
    margin: 4px 0 0;
    padding-left: 20px;
}

.kind-goals li[b-szkuqq1rwz] {
    padding: 2px 0;
}

.kind-goal-code[b-szkuqq1rwz] {
    font-weight: 600;
    margin-right: 4px;
}

@media print {
    .kind-charts[b-szkuqq1rwz] {
        break-inside: auto;
    }
}
/* /Features/Lesvoorbereidingen/GoalPickerDialog.razor.rz.scp.css */
.gpd-list[b-8791z7ftuq] {
    max-height: 55vh;
    overflow-y: auto;
}

.gpd-category[b-8791z7ftuq] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--chronos-muted);
    padding: 10px 0 4px;
}

.gpd-code[b-8791z7ftuq] {
    font-weight: 600;
    margin-right: 4px;
}

.gpd-own[b-8791z7ftuq] {
    padding-bottom: 4px;
}
/* /Features/Lesvoorbereidingen/LesvoorbereidingenMonth.razor.rz.scp.css */
.lm[b-9z6cdci4na] {
    overflow: hidden;
}

.lm-row[b-9z6cdci4na] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.lm-head[b-9z6cdci4na] {
    border-bottom: 1px solid var(--chronos-border);
}

.lm-head div[b-9z6cdci4na] {
    padding: 10px 10px 8px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--chronos-text);
}

.lm-cell[b-9z6cdci4na] {
    min-height: 140px;
    padding: 6px 6px 8px;
    border-right: 1px solid var(--chronos-border);
    border-bottom: 1px solid var(--chronos-border);
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.lm-cell:nth-child(5n)[b-9z6cdci4na] {
    border-right: none;
}

.lm-outside[b-9z6cdci4na] {
    background: var(--chronos-subtle);
}

.lm-outside .lm-date[b-9z6cdci4na] {
    color: var(--chronos-muted);
}

.lm-today[b-9z6cdci4na] {
    background: var(--env-tint);
}

.lm-date[b-9z6cdci4na] {
    align-self: flex-start;
    border: none;
    background: none;
    font: inherit;
    font-weight: 600;
    font-size: .9rem;
    padding: 2px 6px;
    border-radius: 999px;
    cursor: pointer;
    color: var(--chronos-text);
}

.lm-date:hover[b-9z6cdci4na] {
    background: var(--chronos-sunken);
}

.lm-today .lm-date[b-9z6cdci4na] {
    background: var(--mud-palette-primary);
    color: #fff;
}

.lm-banner[b-9z6cdci4na] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .7rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 6px;
    background: var(--chronos-sunken);
    color: var(--chronos-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.lm-banner:not(.chronos-period)[b-9z6cdci4na]::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--banner-color);
}

.lm-banner.chronos-period[b-9z6cdci4na] {
    background: var(--period);
    color: #fff;
}

.lm-lesson[b-9z6cdci4na] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    border: none;
    border-left: 3px solid var(--lm-color);
    background: var(--chronos-subtle);
    border-radius: 4px;
    padding: 1px 5px;
    font: inherit;
    font-size: .74rem;
    text-align: left;
    cursor: pointer;
    color: var(--chronos-on-light);
}

.lm-activity[b-9z6cdci4na] {
    background: #fff;
    border: 1px dashed var(--lm-color);
    border-left: 3px solid var(--lm-color);
}

.lm-lesson:hover[b-9z6cdci4na] {
    background: var(--env-tint);
}

.lm-lesson-selected[b-9z6cdci4na] {
    background: var(--env-tint-2);
    box-shadow: inset 0 0 0 1px var(--env-accent);
}

.lm-time[b-9z6cdci4na] {
    color: var(--chronos-muted);
    font-variant-numeric: tabular-nums;
}

.lm-name[b-9z6cdci4na] {
    font-weight: 600;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Features/Lesvoorbereidingen/LesvoorbereidingenView.razor.rz.scp.css */
[b-qgyso5z7iq] .lv-missing-title {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}

.lv-missing[b-qgyso5z7iq] {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    border: none;
    border-left: 3px solid var(--lv-color);
    background: var(--chronos-subtle);
    border-radius: 6px;
    padding: 5px 8px;
    margin-bottom: 4px;
    font: inherit;
    font-size: .86rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.lv-missing:hover[b-qgyso5z7iq] {
    background: var(--env-tint);
}

.lv-missing-date[b-qgyso5z7iq] {
    color: var(--chronos-muted);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

[b-qgyso5z7iq] .lv-ok {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* /Features/Lesvoorbereidingen/LesvoorbereidingPanel.razor.rz.scp.css */
.lp[b-zndxieaqj4] {
    padding: 0 18px 18px;
    overflow: hidden;
}

.lp-header[b-zndxieaqj4] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 -18px 16px;
    padding: 16px 18px 14px;
    background: var(--env-tint);
    border-bottom: 1px solid var(--env-tint-2);
}

.lp-title[b-zndxieaqj4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--chronos-font-display);
    font-size: 1.35rem;
    font-weight: 500;
    color: var(--chronos-on-light);
}

.lp-title[b-zndxieaqj4]::before {
    content: "";
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--lp-color);
}

.lp-meta[b-zndxieaqj4] {
    font-size: .86rem;
    color: var(--chronos-muted);
    display: flex;
    align-items: center;
    gap: 4px;
}

.lp-section[b-zndxieaqj4] {
    padding: 12px 0;
    border-top: 1px solid var(--chronos-border);
}

.lp-section:first-of-type[b-zndxieaqj4] {
    border-top: none;
}

.lp-section-header[b-zndxieaqj4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

[b-zndxieaqj4] .lp-section-title {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lp-period[b-zndxieaqj4] {
    background: var(--chronos-subtle);
    border: 1px solid var(--chronos-border);
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
}

[b-zndxieaqj4] .lp-preline {
    white-space: pre-line;
}

.lp-goal[b-zndxieaqj4] {
    border: 1px solid var(--chronos-border);
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-size: .92rem;
}

.lp-goal-code[b-zndxieaqj4] {
    font-weight: 600;
}

.lp-goal-meta[b-zndxieaqj4] {
    font-size: .78rem;
    color: var(--chronos-muted);
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.lp-support[b-zndxieaqj4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--chronos-border);
}
/* /Features/Lesvoorbereidingen/PlanActivityPanel.razor.rz.scp.css */
.pap[b-e0tvdwzwvr] {
    padding: 0 18px 18px;
    overflow: hidden;
}

.pap-header[b-e0tvdwzwvr] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 -18px 12px;
    padding: 16px 18px 14px;
    background: var(--env-tint);
    border-bottom: 1px solid var(--env-tint-2);
}

.pap-kind[b-e0tvdwzwvr] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--pap-color);
}

.pap-title[b-e0tvdwzwvr] {
    font-family: var(--chronos-font-display);
    font-size: 1.35rem;
    font-weight: 500;
    color: var(--chronos-on-light);
}

.pap-meta[b-e0tvdwzwvr] {
    font-size: .86rem;
    color: var(--chronos-muted);
}
/* /Features/Lesvoorbereidingen/PlanActivityPreparation.razor.rz.scp.css */
.pap-prep[b-sn3zr8yeju] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.pap-prep[b-sn3zr8yeju] >  .mud-input-control {
    width: 100%;
}
/* /Features/Lesvoorbereidingen/PreparationModeSwitch.razor.rz.scp.css */
.lv-switch[b-b0jv79i1x8] {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 3px;
    max-width: 100%;
    padding: 3px;
    border: 1px solid var(--chronos-border-strong);
    border-radius: 12px;
    background: var(--chronos-sunken);
}

.lv-switch-option[b-b0jv79i1x8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    padding: 5px 12px;
    border: 2px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--chronos-text);
    font: inherit;
    cursor: pointer;
    transition: background-color var(--motion-fast) var(--motion-ease-out), border-color var(--motion-fast) var(--motion-ease-out);
}

.lv-switch-option:hover[b-b0jv79i1x8] {
    background: #fff;
    border-color: var(--chronos-border-strong);
}

.lv-switch-title[b-b0jv79i1x8] {
    font-weight: 700;
    font-size: .9rem;
    line-height: 1.25;
    white-space: nowrap;
}

[b-b0jv79i1x8] .lv-switch-icon {
    flex-shrink: 0;
    font-size: 20px;
}

/* Selected: filled in the mode colour with white text. */
.lv-switch-selected[b-b0jv79i1x8],
.lv-switch-selected:hover[b-b0jv79i1x8] {
    color: #fff;
    cursor: default;
}

.lv-switch-invullen.lv-switch-selected[b-b0jv79i1x8] {
    background: var(--env-accent);
    border-color: var(--env-strong);
}

.lv-switch-aanpassen.lv-switch-selected[b-b0jv79i1x8] {
    background: var(--chronos-adjust);
    border-color: var(--chronos-adjust-strong);
}

/* On phones the switch takes its own row in the date bar. */
@media (max-width: 600px) {
    .lv-switch[b-b0jv79i1x8] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
}

/* High contrast: the selected part gets a thick border in the system highlight; text keeps the system colours. */
@media (forced-colors: active) {
    .lv-switch-option.lv-switch-selected[b-b0jv79i1x8] {
        border: 4px solid Highlight;
    }
}
/* /Features/Logboek/LogboekActivity.razor.rz.scp.css */
.la[b-73b344k7wz] {
    background: #fff;
    border: 1px dashed var(--la-color);
    border-left: 4px solid var(--la-color);
    border-radius: 12px;
    margin-bottom: 10px;
    overflow: hidden;
}

.la-row[b-73b344k7wz] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 16px;
    cursor: pointer;
}

.la-row:hover[b-73b344k7wz] {
    background: var(--env-tint);
}

.la-time[b-73b344k7wz] {
    display: flex;
    flex-direction: column;
    width: 48px;
    flex-shrink: 0;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--chronos-text);
}

.la-time-end[b-73b344k7wz] {
    font-size: .8rem;
    color: var(--chronos-muted);
}

.la-main[b-73b344k7wz] {
    flex: 1;
    min-width: 0;
}

.la-title[b-73b344k7wz] {
    font-size: 1.02rem;
    font-weight: 600;
    color: var(--chronos-on-light);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.la-kind[b-73b344k7wz] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--la-color);
}

.la-meta[b-73b344k7wz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    font-size: .86rem;
    color: var(--chronos-muted);
}

.la-meta span[b-73b344k7wz] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

[b-73b344k7wz] .la-chevron {
    color: var(--chronos-muted);
}

.la-details[b-73b344k7wz] {
    border-top: 1px solid var(--chronos-border);
    padding: 12px 16px 16px;
    background: var(--chronos-subtle);
}
/* /Features/Logboek/LogboekDetailsDialog.razor.rz.scp.css */
.ld[b-3yy7c85qvw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ld-item[b-3yy7c85qvw] {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--chronos-border);
}

.ld-item:last-child[b-3yy7c85qvw] {
    border-bottom: none;
}

.ld-label[b-3yy7c85qvw] {
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--chronos-muted);
    margin-bottom: 2px;
}

.ld-text[b-3yy7c85qvw] {
    white-space: pre-line;
}

.ld-meta[b-3yy7c85qvw] {
    font-size: .82rem;
    color: var(--chronos-muted);
}
/* /Features/Logboek/LogboekLesson.razor.rz.scp.css */
.ll[b-rs7saogcay] {
    background: #fff;
    border: 1px solid var(--chronos-border);
    border-left: 4px solid var(--ll-color);
    border-radius: 12px;
    margin-bottom: 10px;
    overflow: hidden;
}

.ll-break[b-rs7saogcay] {
    background: var(--chronos-subtle);
    border-style: dashed;
    border-left-style: solid;
}

.ll-row[b-rs7saogcay] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    cursor: pointer;
}

.ll-break .ll-row[b-rs7saogcay] {
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: default;
}

.ll-row:hover[b-rs7saogcay] {
    background: var(--env-tint);
}

.ll-break .ll-row:hover[b-rs7saogcay] {
    background: none;
}

.ll-time[b-rs7saogcay] {
    display: flex;
    flex-direction: column;
    width: 48px;
    flex-shrink: 0;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--chronos-text);
}

.ll-time-end[b-rs7saogcay] {
    font-weight: 600;
    font-size: .8rem;
    color: var(--chronos-muted);
}

.ll-break .ll-time[b-rs7saogcay] {
    flex-direction: row;
    gap: 6px;
    font-size: .85rem;
    width: auto;
}

.ll-main[b-rs7saogcay] {
    flex: 1;
    min-width: 0;
}

.ll-title[b-rs7saogcay] {
    font-size: 1.08rem;
    font-weight: 600;
    color: var(--chronos-on-light);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ll-break .ll-title[b-rs7saogcay] {
    font-size: .92rem;
    font-weight: 600;
    color: var(--chronos-muted);
}

.ll-subtitle[b-rs7saogcay] {
    font-size: .88rem;
    font-weight: 600;
    color: var(--chronos-muted);
}

.ll-badges[b-rs7saogcay] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin-top: 2px;
    margin-left: -4px;
}

.ll-chip[b-rs7saogcay] {
    display: contents;
}

.chronos-click-bar[b-rs7saogcay]  .mud-chip:not(.mud-clickable) {
    cursor: inherit;
}

[b-rs7saogcay] .ll-chevron {
    color: var(--chronos-muted);
}

.ll-details[b-rs7saogcay] {
    border-top: 1px solid var(--chronos-border);
    padding: 12px 16px 16px;
    background: var(--chronos-subtle);
}

.ll-table[b-rs7saogcay] {
    overflow-x: auto;
    margin-bottom: 12px;
}

.ll-table-row[b-rs7saogcay] {
    display: grid;
    grid-template-columns: minmax(200px, 1.4fr) repeat(4, minmax(170px, 1fr));
    gap: 0;
    border-bottom: 1px solid var(--chronos-border);
}

.ll-table-row > div[b-rs7saogcay] {
    padding: 8px 10px;
    min-width: 0;
}

.ll-registration .ll-table-row[b-rs7saogcay] {
    grid-template-columns: minmax(200px, 1.4fr) repeat(2, minmax(170px, 1fr)) minmax(190px, max-content);
}

.ll-table-head > .ll-registration-open[b-rs7saogcay] {
    text-transform: none;
    letter-spacing: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ll-table-head > div[b-rs7saogcay] {
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--chronos-muted);
}

.ll-evaluation[b-rs7saogcay] {
    background: color-mix(in srgb, var(--mud-palette-secondary) 8%, white);
}

.ll-table-head > .ll-evaluation[b-rs7saogcay] {
    color: var(--mud-palette-secondary);
}

.ll-goal[b-rs7saogcay] {
    font-size: .92rem;
}

.ll-option-row[b-rs7saogcay] {
    background: #fff;
}

.ll-option[b-rs7saogcay] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding-left: 28px !important;
    color: var(--chronos-text);
}

.ll-option-support[b-rs7saogcay] {
    font-size: .8rem;
    color: var(--chronos-muted);
}

.ll-option-picker[b-rs7saogcay] {
    grid-column: 1 / -1;
    padding-left: 28px !important;
    max-width: 640px;
}

.ll-notes[b-rs7saogcay] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.ll-notes-label[b-rs7saogcay] {
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--mud-palette-secondary);
    padding-top: 8px;
}

@media (max-width: 700px) {
    .ll-notes[b-rs7saogcay] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Features/Logboek/LogboekNoteEditor.razor.rz.scp.css */
.lne[b-1qsruqy11u] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lne-actions[b-1qsruqy11u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 28px;
}
/* /Features/Logboek/LogboekNotes.razor.rz.scp.css */
.ln[b-na9k4b7dxq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ln-note[b-na9k4b7dxq] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 2px 0;
    border-bottom: 1px dashed var(--chronos-border);
}

.ln-text[b-na9k4b7dxq] {
    flex: 1;
    min-width: 160px;
    font-size: .92rem;
}

.ln-add[b-na9k4b7dxq],
.ln-edit[b-na9k4b7dxq] {
    margin-top: 4px;
}
/* /Features/Logboek/LogboekPrint.razor.rz.scp.css */
.pr[b-cmg3j1qcd9] {
    display: none;
}

@media print {
    .pr[b-cmg3j1qcd9] {
        display: block;
        color: #000;
        background: #fff;
        font-family: "Nunito", "Segoe UI", Helvetica, Arial, sans-serif;
        font-size: 9.5pt;
        line-height: 1.3;
    }

    .pr-header[b-cmg3j1qcd9] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        border-bottom: 2px solid #000;
        padding-bottom: 3pt;
        margin-bottom: 4pt;
    }

    .pr-title[b-cmg3j1qcd9] {
        font-size: 15pt;
        font-weight: 600;
    }

    .pr-date[b-cmg3j1qcd9] {
        font-size: 11pt;
        font-weight: 600;
    }

    .pr-date[b-cmg3j1qcd9]::first-letter {
        text-transform: uppercase;
    }

    .pr-day-info[b-cmg3j1qcd9] {
        display: flex;
        flex-wrap: wrap;
        gap: 4pt 14pt;
        margin-bottom: 6pt;
    }

    .pr-break[b-cmg3j1qcd9] {
        padding: 2pt 0;
        color: #444;
        border-bottom: 1px dotted #999;
    }

    .pr-lesson[b-cmg3j1qcd9] {
        break-inside: avoid;
        border: 1px solid #000;
        padding: 4pt 6pt;
        margin: 5pt 0;
    }

    .pr-lesson-head[b-cmg3j1qcd9] {
        display: flex;
        align-items: baseline;
        gap: 8pt;
        margin-bottom: 2pt;
    }

    .pr-time[b-cmg3j1qcd9] {
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

    .pr-subject[b-cmg3j1qcd9] {
        font-size: 11pt;
        font-weight: 600;
    }

    .pr-subtitle[b-cmg3j1qcd9] {
        color: #333;
    }

    .pr-text[b-cmg3j1qcd9] {
        margin: 2pt 0;
        white-space: pre-line;
    }

    .pr-table[b-cmg3j1qcd9] {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        margin: 3pt 0;
    }

    .pr-table th[b-cmg3j1qcd9],
    .pr-table td[b-cmg3j1qcd9] {
        border: 1px solid #000;
        padding: 2pt 4pt;
        text-align: left;
        vertical-align: top;
    }

    .pr-table th[b-cmg3j1qcd9] {
        font-size: 8pt;
        text-transform: uppercase;
        letter-spacing: .03em;
    }

    .pr-table td[b-cmg3j1qcd9] {
        height: 26pt;
    }

    .pr-table .pr-goal[b-cmg3j1qcd9] {
        width: 28%;
    }

    .pr-notes[b-cmg3j1qcd9] {
        margin-top: 2pt;
    }

    .pr-write[b-cmg3j1qcd9] {
        height: 22pt;
        border-bottom: 1px dotted #000;
    }
}

.pr-option[b-cmg3j1qcd9] {
    padding-left: 18px;
}
/* /Features/Logboek/LogboekView.razor.rz.scp.css */
.lb-day-info[b-f2ke4w9tzp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.lb-pill[b-f2ke4w9tzp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: .86rem;
    font-weight: 600;
}

.lb-event[b-f2ke4w9tzp] {
    color: var(--chronos-text);
    background: #fff;
    border: 1px solid var(--chronos-border);
}

.lb-event[b-f2ke4w9tzp]  .mud-icon-root {
    color: var(--lb-color);
}

.lb-skeleton-lesson[b-f2ke4w9tzp] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid var(--chronos-border);
    border-left: 4px solid var(--sk-base);
    border-radius: 12px;
}

[b-f2ke4w9tzp] .lb-skeleton-title {
    max-width: 260px;
}
/* /Features/Logboek/PlanActivityRecord.razor.rz.scp.css */
.par[b-sc7dedmzx5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.par-row[b-sc7dedmzx5] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.par-label[b-sc7dedmzx5] {
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--chronos-muted);
    padding-top: 8px;
}

.par-pupils[b-sc7dedmzx5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
}

.par-text[b-sc7dedmzx5] {
    padding-top: 6px;
    white-space: pre-line;
}

@media (max-width: 700px) {
    .par-row[b-sc7dedmzx5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .par-label[b-sc7dedmzx5] {
        padding-top: 0;
    }
}
/* /Features/Planningen/CalendarEventDialog.razor.rz.scp.css */
.ce-dot[b-anvjjp93hn] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background: var(--event-color);
}

.ce-info[b-anvjjp93hn] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ce-info-row[b-anvjjp93hn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ce-info-row .ce-dot[b-anvjjp93hn] {
    margin: 0 4px;
}

[b-anvjjp93hn] .ce-description {
    margin-top: 6px;
    white-space: pre-line;
}
/* /Features/Planningen/DoelenoverzichtView.razor.rz.scp.css */
.do-summary[b-eqlojow5ql] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 32px;
    padding: 18px 24px;
    margin-bottom: 20px;
}

.do-stat-value[b-eqlojow5ql] {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--chronos-text);
    line-height: 1.1;
}

.do-stat-value span[b-eqlojow5ql] {
    font-size: .95rem;
    font-weight: 600;
    color: var(--chronos-muted);
}

.do-stat-label[b-eqlojow5ql] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .85rem;
    color: var(--chronos-muted);
}

.do-dot[b-eqlojow5ql] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--do-color);
}

.do-summary-bar[b-eqlojow5ql] {
    flex: 1 1 240px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.do-toolbar[b-eqlojow5ql] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
}

[b-eqlojow5ql] .do-search {
    max-width: 360px;
}

.do-new-category[b-eqlojow5ql] {
    padding: 12px 16px;
    margin-bottom: 12px;
}

.do-area[b-eqlojow5ql] {
    margin-bottom: 12px;
    overflow: hidden;
    border-left: 5px solid var(--do-area);
}

.do-area-header[b-eqlojow5ql] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    cursor: pointer;
}

.do-area-header:hover[b-eqlojow5ql] {
    background: var(--chronos-subtle);
}

.do-area-count[b-eqlojow5ql] {
    flex-grow: 1;
    font-size: .85rem;
    color: var(--chronos-muted);
}

.do-category[b-eqlojow5ql] {
    border-top: 1px solid var(--chronos-border);
}

.do-category-header[b-eqlojow5ql] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px 10px 28px;
    cursor: pointer;
}

.do-source[b-eqlojow5ql] {
    margin-left: 6px;
    font-size: .72rem;
    color: var(--chronos-muted);
    white-space: nowrap;
}

.do-category-header:hover[b-eqlojow5ql] {
    background: var(--chronos-subtle);
}

[b-eqlojow5ql] .do-chevron {
    color: var(--chronos-muted);
    transform: rotate(-90deg);
    transition: transform var(--motion-fast) var(--motion-ease-out);
}

[b-eqlojow5ql] .do-chevron.is-open {
    transform: none;
}

.do-category-name[b-eqlojow5ql] {
    flex-grow: 1;
    font-weight: 600;
    font-size: 1.02rem;
}

.do-category-progress[b-eqlojow5ql] {
    width: 220px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: .78rem;
    color: var(--chronos-muted);
}

.do-goal-head[b-eqlojow5ql], .do-goal[b-eqlojow5ql] {
    display: grid;
    grid-template-columns: 24px 110px minmax(0, 1fr) auto 40px;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
}

.do-goal-head[b-eqlojow5ql] {
    grid-template-columns: minmax(0, 1fr) auto 40px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 52px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--chronos-muted);
    border-top: 1px solid var(--chronos-border);
}

.do-indicator-labels[b-eqlojow5ql] {
    display: grid;
    grid-template-columns: repeat(3, 84px);
    text-align: center;
}

.do-goal[b-eqlojow5ql] {
    min-height: 46px;
    border-top: 1px solid var(--chronos-border);
    cursor: pointer;
}

.do-goal:hover[b-eqlojow5ql], .do-goal.is-open[b-eqlojow5ql] {
    background: var(--chronos-subtle);
}

.do-goal.is-inactive[b-eqlojow5ql] {
    opacity: .55;
}

[b-eqlojow5ql] .do-goal-chevron {
    color: var(--chronos-border-strong);
    transition: transform var(--motion-fast) var(--motion-ease-out);
}

[b-eqlojow5ql] .do-goal-chevron.is-open {
    transform: rotate(90deg);
}

.do-code[b-eqlojow5ql] {
    font-size: .8rem;
    color: var(--chronos-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.do-description[b-eqlojow5ql] {
    padding: 10px 0;
}

.do-inactive[b-eqlojow5ql] {
    margin-left: 6px;
    padding: 1px 6px;
    border-radius: 6px;
    font-size: .7rem;
    color: var(--chronos-muted);
    background: var(--chronos-sunken);
}

.do-add[b-eqlojow5ql] {
    padding: 6px 12px 10px 44px;
    border-top: 1px solid var(--chronos-border);
}

@media (max-width: 720px) {
    .do-category-progress[b-eqlojow5ql] {
        display: none;
    }

    .do-goal[b-eqlojow5ql] {
        grid-template-columns: 24px minmax(0, 1fr) auto 40px;
    }

    .do-code[b-eqlojow5ql] {
        display: none;
    }
}
/* /Features/Planningen/GoalDetails.razor.rz.scp.css */
.gd[b-qpeafavsd2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 16px 16px 52px;
    background: var(--chronos-subtle);
}

.gd-item[b-qpeafavsd2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: .85rem;
}

.gd-dot[b-qpeafavsd2] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gd-color);
}

.gd-date[b-qpeafavsd2] {
    min-width: 190px;
    font-weight: 600;
}

.gd-lesson[b-qpeafavsd2] {
    min-width: 140px;
}

.gd-status[b-qpeafavsd2] {
    padding: 1px 8px;
    border-radius: 8px;
    font-size: .75rem;
    color: color-mix(in srgb, var(--gd-color) 75%, black);
    background: color-mix(in srgb, var(--gd-color) 14%, white);
}

.gd-result[b-qpeafavsd2] {
    color: var(--chronos-muted);
}

.gd-label[b-qpeafavsd2] {
    margin-top: 8px;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--chronos-muted);
}

.gd-achieved[b-qpeafavsd2] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    font-size: .85rem;
    font-weight: 600;
    color: var(--gd-color);
}
/* /Features/Planningen/GoalEditor.razor.rz.scp.css */
.ge[b-5hd0curdvb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: var(--chronos-subtle);
    border-top: 1px solid var(--chronos-border);
}

[b-5hd0curdvb] .ge-code {
    max-width: 140px;
}

[b-5hd0curdvb] .ge-description {
    flex-grow: 1;
}
/* /Features/Planningen/GoalIndicators.razor.rz.scp.css */
.gi[b-1rdh59xxyt] {
    display: grid;
    grid-template-columns: repeat(3, var(--gi-width, 84px));
    justify-items: center;
}

.gi-item[b-1rdh59xxyt] {
    display: inline-flex;
    color: var(--chronos-border-strong);
}

.gi-item.is-on[b-1rdh59xxyt] {
    color: var(--gi-color);
}
/* /Features/Planningen/GoalProgressBar.razor.rz.scp.css */
.gpb[b-6ib50tclid] {
    display: flex;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    background: var(--chronos-border);
}

.gpb span[b-6ib50tclid] {
    height: 100%;
    opacity: .85;
}
/* /Features/Planningen/JaarplanningPrint.razor.rz.scp.css */
.jpr[b-u1xdros8ke] {
    display: none;
}

@media print {
    .jpr[b-u1xdros8ke] {
        display: flex;
        flex-direction: column;
        height: 180mm;
        color: #000;
        background: #fff;
        font-family: "Nunito", "Segoe UI", Helvetica, Arial, sans-serif;
        font-size: 6.5pt;
        line-height: 1.15;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .jpr-header[b-u1xdros8ke] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        border-bottom: 2px solid #000;
        padding-bottom: 2pt;
        margin-bottom: 3pt;
    }

    .jpr-title[b-u1xdros8ke] {
        font-size: 14pt;
        font-weight: 600;
    }

    .jpr-year[b-u1xdros8ke] {
        font-size: 10pt;
        font-weight: 600;
    }

    .jpr-grid[b-u1xdros8ke] {
        display: grid;
        flex-grow: 1;
        min-height: 0;
        border-left: 1px solid #999;
    }

    .jpr-month[b-u1xdros8ke] {
        padding: 1pt 3pt 2pt;
        font-size: 9pt;
        font-weight: 600;
        text-transform: capitalize;
        white-space: nowrap;
        overflow: hidden;
        border-right: 1px solid #999;
        border-bottom: 1px solid #000;
    }

    .jpr-cell[b-u1xdros8ke] {
        display: flex;
        align-items: center;
        gap: 2pt;
        min-width: 0;
        min-height: 0;
        padding: 0 2pt;
        overflow: hidden;
        border-right: 1px solid #999;
        border-bottom: 1px solid #ddd;
    }

    .jpr-cell[style*="--event-color"][b-u1xdros8ke] {
        box-shadow: inset 2pt 0 0 var(--event-color);
    }

    .jpr-cell.is-weekend[b-u1xdros8ke] {
        background: #eee;
    }

    .jpr-cell.is-free[b-u1xdros8ke] {
        background: color-mix(in srgb, var(--event-color) 22%, white);
    }

    .jpr-cell.is-outside[b-u1xdros8ke], .jpr-cell.is-empty[b-u1xdros8ke] {
        background: #f6f6f6;
        color: #555;
    }

    .jpr-day[b-u1xdros8ke] {
        flex-shrink: 0;
        min-width: 7mm;
        font-weight: 600;
        white-space: nowrap;
    }

    .jpr-cell.is-weekend .jpr-day[b-u1xdros8ke], .jpr-cell.is-free .jpr-day[b-u1xdros8ke] {
        font-weight: 400;
    }

    .jpr-events[b-u1xdros8ke] {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        min-width: 0;
        overflow: hidden;
        hyphens: auto;
    }

    .jpr-event + .jpr-event[b-u1xdros8ke]::before {
        content: " · ";
    }
}
/* /Features/Planningen/JaarplanningView.razor.rz.scp.css */
/* Event colours are only used for bars, dots and light tints; text on them uses this darkened shade (≥ 4.5:1 on the tints). */
.jp-calendar[b-ro26as9hvw], .jp-list[b-ro26as9hvw], .jp-legend[b-ro26as9hvw] {
    --jp-on-tint: color-mix(in srgb, var(--event-color) 45%, black);
}

.jp-legend[b-ro26as9hvw] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
    font-size: .8rem;
    color: var(--chronos-muted);
}

.jp-legend > span[b-ro26as9hvw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.jp-dot[b-ro26as9hvw] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--event-color);
}

.jp-dot.is-group[b-ro26as9hvw] {
    background: #fff;
    border: 1.5px dashed var(--chronos-muted);
}

/* Month */
.jp-calendar[b-ro26as9hvw] {
    overflow: hidden;
    color: var(--chronos-on-light);
}

.jp-calendar-header[b-ro26as9hvw] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--chronos-border);
}

[b-ro26as9hvw] .jp-month-title {
    min-width: 180px;
    color: var(--chronos-on-light);
    text-align: center;
    text-transform: capitalize;
}

.jp-grid[b-ro26as9hvw] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) repeat(2, minmax(0, .55fr));
}

.jp-day-name[b-ro26as9hvw] {
    padding: 8px 10px;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--chronos-muted);
    border-bottom: 1px solid var(--chronos-border);
}

.jp-day[b-ro26as9hvw] {
    min-height: 112px;
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    border-right: 1px solid var(--chronos-border);
    border-bottom: 1px solid var(--chronos-border);
    min-width: 0;
}

.jp-day.is-addable[b-ro26as9hvw] {
    cursor: pointer;
}

.jp-day.is-addable:hover[b-ro26as9hvw] {
    background: var(--chronos-subtle);
}

.jp-day.is-weekend[b-ro26as9hvw] {
    background: var(--chronos-subtle);
}

.jp-day.is-free[b-ro26as9hvw] {
    background: repeating-linear-gradient(135deg, #EEF0F3, #EEF0F3 6px, #F8F9FA 6px, #F8F9FA 12px);
}

.jp-day.is-other-month .jp-day-number[b-ro26as9hvw] {
    color: var(--chronos-muted);
    font-weight: 400;
}

.jp-day-number[b-ro26as9hvw] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--chronos-text);
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
}

.jp-day.is-today .jp-day-number[b-ro26as9hvw] {
    background: var(--mud-palette-primary);
    color: #fff;
}

.jp-pill[b-ro26as9hvw] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: .75rem;
    line-height: 1.4;
    color: var(--jp-on-tint);
    background: color-mix(in srgb, var(--event-color) 18%, white);
    border: 1px solid transparent;
    cursor: pointer;
    min-width: 0;
}

.jp-pill:hover[b-ro26as9hvw] {
    border-color: var(--event-color);
}

.jp-pill.is-group[b-ro26as9hvw] {
    background: #fff;
    border: 1px dashed var(--event-color);
}

.jp-pill.is-continued[b-ro26as9hvw] {
    background: color-mix(in srgb, var(--event-color) 9%, white);
    border-left: 3px solid color-mix(in srgb, var(--event-color) 40%, white);
}

.jp-pill-time[b-ro26as9hvw] {
    font-weight: 600;
    flex-shrink: 0;
}

.jp-pill-title[b-ro26as9hvw] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-ro26as9hvw] .jp-pill-icon {
    font-size: .95rem !important;
    flex-shrink: 0;
}

/* List */
.jp-list[b-ro26as9hvw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--chronos-on-light);
}

.jp-list-month[b-ro26as9hvw] {
    margin-top: 12px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--chronos-on-light);
    background: var(--chronos-sunken);
}

.jp-row[b-ro26as9hvw] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px 12px 0;
    border-top: 1px solid var(--chronos-border);
    cursor: pointer;
}

.jp-row:first-child[b-ro26as9hvw] {
    border-top: none;
}

.jp-row:hover[b-ro26as9hvw] {
    background: var(--chronos-subtle);
}

.jp-row-bar[b-ro26as9hvw] {
    align-self: stretch;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: var(--event-color);
}

.jp-row.is-group .jp-row-bar[b-ro26as9hvw] {
    background: repeating-linear-gradient(180deg, var(--event-color), var(--event-color) 4px, transparent 4px, transparent 7px);
}

.jp-row-date[b-ro26as9hvw] {
    width: 170px;
    flex-shrink: 0;
    font-weight: 600;
}

.jp-row-main[b-ro26as9hvw] {
    flex-grow: 1;
    min-width: 0;
}

.jp-row-title[b-ro26as9hvw] {
    font-weight: 600;
}

.jp-caption[b-ro26as9hvw] {
    font-size: .8rem;
    font-weight: 400;
    color: var(--chronos-muted);
}

.jp-row-tags[b-ro26as9hvw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.jp-tag[b-ro26as9hvw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: .75rem;
    color: var(--jp-on-tint);
    background: color-mix(in srgb, var(--event-color) 14%, white);
}

.jp-tag.is-group[b-ro26as9hvw], .jp-tag.is-lessons[b-ro26as9hvw] {
    color: var(--chronos-muted);
    background: var(--chronos-sunken);
}

/* Period conflicts */
.jp-conflicts-title[b-ro26as9hvw] {
    font-weight: 600;
}

.jp-conflicts-list[b-ro26as9hvw] {
    margin: 6px 0 4px;
    padding-left: 18px;
}

/* Phones: the month title shrinks so Vandaag stays inside the card. */
@media (max-width: 600px) {
    .jp-calendar-header[b-ro26as9hvw] {
        padding: 8px;
    }

    [b-ro26as9hvw] .jp-month-title {
        flex: 1 1 auto;
        min-width: 0;
        font-size: 1.1rem;
    }
}
/* /Features/Planningen/MethodeplanningView.razor.rz.scp.css */
.mp-toolbar[b-d8vpxefw6j] {
    display: flex;
    align-items: center;
    gap: 12px 24px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.mp-method[b-d8vpxefw6j] {
    flex: 0 1 320px;
    min-width: 220px;
}

.mp-summary[b-d8vpxefw6j] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    color: var(--chronos-muted);
    font-size: .9rem;
}

.mp-summary b[b-d8vpxefw6j] {
    color: var(--chronos-text);
}

[b-d8vpxefw6j] .mp-past {
    margin-left: auto;
}

/* Picking a day or lesson for a picked method lesson. */
.mp-pick[b-d8vpxefw6j] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding: 8px 12px;
    border: 1px solid var(--chronos-adjust-line);
    border-radius: var(--chronos-radius-sm);
    background: #fff;
    color: var(--chronos-adjust-strong);
    font-weight: 600;
}

.mp-weeks[b-d8vpxefw6j] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    container-type: inline-size;
}

.mp-week-header[b-d8vpxefw6j] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--chronos-text);
}

.mp-week-header span[b-d8vpxefw6j] {
    font-weight: 400;
    color: var(--chronos-muted);
}

.mp-week-header .mp-week-blocks[b-d8vpxefw6j] {
    padding: 1px 10px;
    border: 1px solid var(--env-line);
    border-radius: 999px;
    background: var(--env-tint);
    color: var(--env-strong);
    font-size: .8rem;
    font-weight: 600;
}

.mp-week.is-current .mp-week-header[b-d8vpxefw6j] {
    color: var(--env-strong);
}

.mp-week-empty[b-d8vpxefw6j] {
    padding: 10px 14px;
    border: 1px dashed var(--chronos-border-strong);
    border-radius: var(--chronos-radius-sm);
    color: var(--chronos-muted);
    font-size: .875rem;
}

.mp-days[b-d8vpxefw6j] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.mp-day[b-d8vpxefw6j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.mp-day-name[b-d8vpxefw6j] {
    display: inline-block;
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    color: var(--chronos-muted);
    font: inherit;
    font-size: .78rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.mp-day-name:hover[b-d8vpxefw6j],
.mp-day-name:focus-visible[b-d8vpxefw6j] {
    color: var(--env-strong);
    text-decoration: underline;
}

[b-d8vpxefw6j] .mp-day-icon {
    margin-left: 2px;
    font-size: 14px;
    vertical-align: -2px;
}

.mp-day-name[b-d8vpxefw6j]::first-letter {
    text-transform: uppercase;
}

.mp-day.is-today .mp-day-name[b-d8vpxefw6j] {
    color: var(--env-strong);
    font-weight: 700;
}

.mp-no-lesson[b-d8vpxefw6j] {
    color: var(--chronos-muted);
    font-size: .8rem;
}

.mp-slot[b-d8vpxefw6j] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    padding: 8px 10px;
    border: 1px solid var(--chronos-border);
    border-left: 3px solid var(--env-accent);
    border-radius: var(--chronos-radius-sm);
    background: #fff;
    color: var(--chronos-text);
}

/* Even blocks get a tint, so the blocks of a method stand apart. */
.mp-slot.is-even-block[b-d8vpxefw6j] {
    background: var(--env-tint);
}

.mp-day.is-today .mp-slot[b-d8vpxefw6j] {
    box-shadow: 0 0 0 1px var(--env-accent);
}

.mp-slot.is-given[b-d8vpxefw6j] {
    border-left-color: var(--chronos-border-strong);
    background: var(--chronos-sunken);
}

.mp-slot.is-free[b-d8vpxefw6j] {
    border-style: dashed;
    border-left-style: solid;
    border-left-color: var(--chronos-border-strong);
    background: var(--chronos-subtle);
}

.mp-slot.is-draggable[b-d8vpxefw6j] {
    cursor: grab;
}

.mp-slot.is-target[b-d8vpxefw6j] {
    outline: 2px dashed var(--env-accent);
    outline-offset: 1px;
    cursor: pointer;
}

.mp-slot.is-hover[b-d8vpxefw6j] {
    outline: 2px solid var(--env-accent);
    outline-offset: 1px;
}

.mp-slot.is-picked[b-d8vpxefw6j],
.mp-unplanned-item.is-picked[b-d8vpxefw6j] {
    outline: 2px solid var(--chronos-adjust);
    outline-offset: 1px;
}

.mp-slot.is-repeat[b-d8vpxefw6j] {
    border-left-style: dashed;
}

/* A merged lesson shows each method lesson under the other. */
.mp-slot-lesson + .mp-slot-lesson[b-d8vpxefw6j] {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed var(--chronos-border-strong);
}

.mp-tag[b-d8vpxefw6j] {
    display: inline-block;
    margin-bottom: 2px;
    padding: 0 8px;
    border: 1px solid var(--env-line);
    border-radius: 999px;
    background: #fff;
    color: var(--env-strong);
    font-size: .7rem;
    font-weight: 600;
}

.mp-slot-top[b-d8vpxefw6j] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.mp-slot-body[b-d8vpxefw6j] {
    flex: 1;
    min-width: 0;
}

[b-d8vpxefw6j] .mp-grip {
    flex-shrink: 0;
    margin: 1px 0 0 -4px;
    font-size: 18px;
    color: var(--chronos-muted);
}

[b-d8vpxefw6j] .mp-given {
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 16px;
    color: var(--chronos-muted);
}

[b-d8vpxefw6j] .mp-menu {
    margin: -6px -8px 0 0;
}

.mp-free[b-d8vpxefw6j] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .86rem;
    font-weight: 600;
}

[b-d8vpxefw6j] .mp-free-icon {
    flex-shrink: 0;
    font-size: 18px;
    color: var(--chronos-muted);
}

.mp-slot-lessons[b-d8vpxefw6j] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 10px;
    margin-top: auto;
    color: var(--chronos-muted);
    font-size: .75rem;
}

.mp-slot-lessons span[b-d8vpxefw6j] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-d8vpxefw6j] .mp-prep {
    font-size: 14px;
    color: var(--env-strong);
}

.mp-kept-preparation[b-d8vpxefw6j] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
    color: var(--chronos-muted);
    font-size: .75rem;
}

[b-d8vpxefw6j] .mp-all-planned {
    display: flex;
    align-items: center;
    gap: 6px;
}

.mp-unplanned-item[b-d8vpxefw6j] {
    margin-bottom: 6px;
    padding: 8px 10px;
    border: 1px solid var(--chronos-border);
    border-radius: var(--chronos-radius-sm);
    background: var(--chronos-subtle);
    color: var(--chronos-text);
}

.mp-unplanned-item.is-draggable[b-d8vpxefw6j] {
    cursor: grab;
    background: #fff;
}

.mp-unplanned-head[b-d8vpxefw6j] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.mp-reason[b-d8vpxefw6j] {
    flex-shrink: 0;
    padding: 1px 8px;
    border: 1px solid var(--chronos-border-strong);
    border-radius: 999px;
    background: #fff;
    color: var(--chronos-muted);
    font-size: .72rem;
    font-weight: 600;
}

.mp-reason-weggehaald[b-d8vpxefw6j] {
    border-color: var(--chronos-adjust-line);
    background: var(--chronos-adjust-tint);
    color: var(--chronos-adjust-strong);
}

.mp-unplanned-actions[b-d8vpxefw6j] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 4px 0 -4px -6px;
}

/* Without room for the side column, niet gepland comes before the weeks. */
@media (max-width: 1200px) {
    .mp-planner[b-d8vpxefw6j]  .pl-side {
        order: -1;
    }
}

/* Narrow: each day is a row with its name next to the lesson. */
@container (max-width: 640px) {
    .mp-days[b-d8vpxefw6j] {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .mp-day[b-d8vpxefw6j] {
        display: grid;
        grid-template-columns: 84px minmax(0, 1fr);
        align-items: start;
        gap: 4px 8px;
    }

    .mp-day-name[b-d8vpxefw6j] {
        padding-top: 9px;
        white-space: nowrap;
    }

    .mp-day .mp-slot[b-d8vpxefw6j],
    .mp-day .mp-no-lesson[b-d8vpxefw6j] {
        grid-column: 2;
    }

    .mp-day > .mp-no-lesson[b-d8vpxefw6j] {
        padding-top: 9px;
    }
}

@media (forced-colors: active) {
    .mp-slot[b-d8vpxefw6j],
    .mp-unplanned-item[b-d8vpxefw6j],
    .mp-reason[b-d8vpxefw6j] {
        border-color: CanvasText;
    }
}
/* /Features/Planningen/MethodLessonContent.razor.rz.scp.css */
.mp-lesson-head[b-z0wojpnu70] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.mp-lesson-name[b-z0wojpnu70] {
    font-weight: 700;
    color: var(--chronos-text);
}

.mp-lesson-sequence[b-z0wojpnu70] {
    font-size: .75rem;
    color: var(--chronos-muted);
    font-variant-numeric: tabular-nums;
}

.mp-lesson-title[b-z0wojpnu70] {
    font-size: .86rem;
    line-height: 1.3;
}

/* Flag, code and description on at most two lines. */
.mp-goal[b-z0wojpnu70] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
    color: var(--chronos-muted);
    font-size: .78rem;
    line-height: 1.35;
}

[b-z0wojpnu70] .mp-goal-icon {
    margin-right: 3px;
    font-size: 12px;
    vertical-align: -1px;
    color: var(--env-accent);
}

.mp-goal-code[b-z0wojpnu70] {
    font-weight: 600;
    color: var(--chronos-text);
}
/* /Features/Planningen/NameEditor.razor.rz.scp.css */
.ne[b-v6b60gaj9c] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-grow: 1;
}

[b-v6b60gaj9c] .ne-field {
    max-width: 420px;
}
/* /Features/Planningen/PeriodDialog.razor.rz.scp.css */
.pd-swatches[b-p8u3x48dl3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.pd-swatch[b-p8u3x48dl3] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: var(--swatch);
    box-shadow: 0 0 0 1px var(--chronos-border);
    cursor: pointer;
    transition: transform var(--motion-fast) var(--motion-ease-out);
}

.pd-swatch:hover[b-p8u3x48dl3] {
    transform: scale(1.1);
}

.pd-swatch.is-selected[b-p8u3x48dl3] {
    box-shadow: 0 0 0 2px var(--swatch);
}

[b-p8u3x48dl3] .pd-weeks {
    max-width: 150px;
}

[b-p8u3x48dl3] .pd-search {
    max-width: 240px;
}

.pd-count[b-p8u3x48dl3] {
    color: var(--chronos-muted);
    font-weight: 400;
}

.pd-goals[b-p8u3x48dl3] {
    max-height: 320px;
    overflow-y: auto;
    margin-top: 8px;
    padding: 4px 8px;
    border: 1px solid var(--chronos-border);
    border-radius: 10px;
}

.pd-category[b-p8u3x48dl3] {
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--chronos-muted);
    margin: 12px 0 2px;
}

.pd-code[b-p8u3x48dl3] {
    color: var(--chronos-muted);
    font-size: .8rem;
    margin-right: 6px;
}
/* /Features/Planningen/PeriodeplanningPrint.razor.rz.scp.css */
.ppr[b-x5dk0q56q1] {
    display: none;
}

@media print {
    .ppr[b-x5dk0q56q1] {
        display: flex;
        flex-direction: column;
        gap: 4mm;
        color: #000;
        background: #fff;
        font-family: "Nunito", "Segoe UI", Helvetica, Arial, sans-serif;
        font-size: 9pt;
        line-height: 1.25;
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .ppr-header[b-x5dk0q56q1] {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        border-bottom: 2px solid #000;
        padding-bottom: 2pt;
    }

    .ppr-title[b-x5dk0q56q1] {
        font-size: 15pt;
        font-weight: 600;
    }

    .ppr-year[b-x5dk0q56q1] {
        font-size: 10pt;
        font-weight: 600;
    }

    .ppr-legend[b-x5dk0q56q1] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 4pt 10pt;
        font-size: 8pt;
    }

    .ppr-legend-item[b-x5dk0q56q1] {
        display: inline-flex;
        align-items: center;
        gap: 3pt;
    }

    .ppr-legend-count[b-x5dk0q56q1] {
        padding: 0 3pt;
        border: 1px solid #777;
        border-radius: 2pt;
        font-size: 7.5pt;
        font-weight: 600;
    }

    .ppr-swatch[b-x5dk0q56q1] {
        display: inline-block;
        width: 9pt;
        height: 9pt;
        margin-right: 3pt;
        vertical-align: -1pt;
        border-radius: 2pt;
        background: var(--period);
    }

    .ppr-swatch.is-own[b-x5dk0q56q1] {
        background: linear-gradient(90deg, #B5523B 0 33%, #5B7DB1 33% 66%, #D9A13B 66%);
    }

    .ppr-swatch.is-free[b-x5dk0q56q1] {
        background: repeating-linear-gradient(135deg, #e6e6e6 0 2pt, #f6f6f6 2pt 4pt);
        border: 1px solid #999;
    }

    .ppr-weeks[b-x5dk0q56q1],
    .ppr-list[b-x5dk0q56q1] {
        width: 100%;
        border-collapse: collapse;
    }

    .ppr-weeks[b-x5dk0q56q1] {
        table-layout: fixed;
    }

    .ppr-col-week[b-x5dk0q56q1] {
        width: 12mm;
    }

    .ppr-col-dates[b-x5dk0q56q1] {
        width: 36mm;
    }

    .ppr-col-events[b-x5dk0q56q1] {
        width: 52mm;
    }

    .ppr-weeks th[b-x5dk0q56q1],
    .ppr-list th[b-x5dk0q56q1] {
        text-align: left;
        border-bottom: 1.5px solid #000;
        padding: 2pt 4pt;
        font-size: 8pt;
    }

    .ppr-weeks td[b-x5dk0q56q1] {
        padding: 2pt 4pt;
        border-bottom: 1px solid #ddd;
        vertical-align: middle;
    }

    .ppr-weeks tr[b-x5dk0q56q1] {
        break-inside: avoid;
    }

    .ppr-month td[b-x5dk0q56q1] {
        padding: 5pt 4pt 1pt;
        border-bottom: 1px solid #777;
        font-weight: 700;
        text-transform: capitalize;
    }

    .ppr-month[b-x5dk0q56q1] {
        break-after: avoid;
    }

    .ppr-week[b-x5dk0q56q1] {
        font-weight: 700;
        text-align: center;
    }

    .ppr-dates[b-x5dk0q56q1] {
        color: #333;
        white-space: nowrap;
    }

    .ppr-period[b-x5dk0q56q1] {
        display: inline-flex;
        align-items: baseline;
        gap: 5pt;
        margin: 1pt 3pt 1pt 0;
        padding: 1.5pt 5pt;
        border-radius: 3pt;
        color: #fff;
        background: var(--period);
    }

    .ppr-period-name[b-x5dk0q56q1] {
        font-weight: 700;
    }

    .ppr-period-count[b-x5dk0q56q1] {
        font-size: 7.5pt;
        white-space: nowrap;
    }

    .ppr-event[b-x5dk0q56q1] {
        display: block;
        font-size: 8pt;
    }

    .ppr-event.is-free[b-x5dk0q56q1] {
        font-style: italic;
    }

    tr.is-free td[b-x5dk0q56q1] {
        background: repeating-linear-gradient(135deg, #e6e6e6 0 2pt, #f6f6f6 2pt 4pt);
        border-bottom-color: #999;
    }

    .ppr-free-reason[b-x5dk0q56q1] {
        display: inline-block;
        padding: 0 4pt;
        background: #fff;
        border: 1px solid #999;
        border-radius: 2pt;
        font-weight: 700;
    }

    .ppr-free .ppr-event[b-x5dk0q56q1] {
        display: inline-block;
        margin-left: 6pt;
        padding: 0 4pt;
        background: #fff;
        border-radius: 2pt;
    }

    .ppr-list[b-x5dk0q56q1] {
        font-size: 8pt;
        break-before: auto;
    }

    .ppr-list td[b-x5dk0q56q1] {
        border-bottom: 1px solid #ddd;
        padding: 1.5pt 4pt;
    }

    .ppr-list tr[b-x5dk0q56q1] {
        break-inside: avoid;
    }
}
/* /Features/Planningen/PeriodeplanningView.razor.rz.scp.css */
.pp-layout[b-cljznqx8wx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
    align-items: start;
}

@media (max-width: 1100px) {
    .pp-layout[b-cljznqx8wx] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.pp-main[b-cljznqx8wx], .pp-side[b-cljznqx8wx] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.pp-side[b-cljznqx8wx] {
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 100px);
}

@media (max-width: 1100px) {
    .pp-side[b-cljznqx8wx] {
        position: static;
        max-height: none;
    }
}

/* Timeline */
.pp-timeline-card[b-cljznqx8wx] {
    overflow: hidden;
}

.pp-scroll[b-cljznqx8wx] {
    overflow-x: auto;
    position: relative;
}

.pp-grid[b-cljznqx8wx] {
    --pp-label-column: minmax(104px, max-content);
    --pp-week-width: 36px;
    --pp-event-height: 26px;
    --pp-lane-height: 44px;
    display: grid;
    position: relative;
    width: max-content;
    padding-bottom: 8px;
}

.pp-corner[b-cljznqx8wx], .pp-row-label[b-cljznqx8wx] {
    position: sticky;
    left: 0;
    z-index: 4;
    background: #fff;
    border-right: 1px solid var(--chronos-border);
}

.pp-row-label[b-cljznqx8wx] {
    display: flex;
    align-items: center;
    padding: 0 14px;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--chronos-muted);
}

.pp-row-label.is-periods[b-cljznqx8wx] {
    border-top: 1px solid var(--chronos-border);
}

.pp-month[b-cljznqx8wx] {
    padding: 10px 8px 2px;
    font-weight: 600;
    font-size: .85rem;
    text-transform: capitalize;
    color: var(--chronos-text);
    border-left: 1px solid var(--chronos-border);
    white-space: nowrap;
    overflow: hidden;
}

.pp-week-number[b-cljznqx8wx] {
    text-align: center;
    font-size: .7rem;
    color: var(--chronos-muted);
    padding: 2px 0 6px;
    border-bottom: 1px solid var(--chronos-border);
}

.pp-week-number.is-today[b-cljznqx8wx] {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

.pp-col[b-cljznqx8wx] {
    z-index: 0;
    border-left: 1px dashed var(--chronos-border);
}

.pp-col.is-free[b-cljznqx8wx] {
    background: repeating-linear-gradient(135deg, #EEF0F3, #EEF0F3 6px, #F8F9FA 6px, #F8F9FA 12px);
}

.pp-col.is-today[b-cljznqx8wx] {
    box-shadow: inset 2px 0 0 var(--env-accent);
}

.pp-event[b-cljznqx8wx] {
    z-index: 1;
    margin: 3px 2px;
    padding: 0 6px;
    border-radius: 6px;
    font-size: .72rem;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--chronos-text);
    background: #fff;
    border: 1px solid var(--chronos-border);
    border-left: 3px solid var(--event-color);
}

.pp-event.is-group[b-cljznqx8wx] {
    border-style: dashed;
    border-color: var(--event-color);
    background: #fff;
}

.pp-bar[b-cljznqx8wx] {
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 5px 2px;
    padding: 0 14px;
    border-radius: 10px;
    color: #fff;
    background: var(--period);
    box-shadow: 0 2px 6px -2px rgba(17, 19, 24, .35);
    cursor: pointer;
    overflow: hidden;
    transition: transform var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-fast) var(--motion-ease-out);
}

.pp-bar:hover[b-cljznqx8wx] {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px -6px rgba(17, 19, 24, .45);
}

.pp-bar.is-selected[b-cljznqx8wx] {
    outline: 2px solid var(--env-accent);
    outline-offset: 2px;
}

.pp-bar.has-conflict[b-cljznqx8wx], .pp-bar.has-conflict:hover[b-cljznqx8wx] {
    box-shadow: 0 0 0 3px var(--mud-palette-warning);
}

/* A period interrupted by a vacation: segments with square inner ends and a hatched band in the period colour through the free weeks. */
.pp-bar.is-interrupted[b-cljznqx8wx] {
    margin-right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pp-bar.is-continued[b-cljznqx8wx] {
    margin-left: 0;
    padding-left: 8px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pp-gap[b-cljznqx8wx] {
    z-index: 1;
    align-self: center;
    height: 20px;
    border-top: 1.5px dashed var(--period);
    border-bottom: 1.5px dashed var(--period);
    background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--period) 30%, #fff) 0 4px, #fff 4px 8px);
    pointer-events: none;
}

.pp-bar[draggable="true"][b-cljznqx8wx] {
    cursor: grab;
}

.pp-bar-name[b-cljznqx8wx] {
    font-weight: 600;
    font-size: .85rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Bars of one or two weeks: the name only, on up to two lines. */
.pp-bar.is-short[b-cljznqx8wx] {
    padding: 0 6px;
}

.pp-bar.is-short .pp-bar-name[b-cljznqx8wx] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: .7rem;
    line-height: 1.15;
    white-space: normal;
    hyphens: auto;
    overflow-wrap: anywhere;
}

[b-cljznqx8wx] .pp-bar-icon {
    flex-shrink: 0;
    opacity: .9;
}

.pp-handle[b-cljznqx8wx] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 9px;
    cursor: ew-resize;
}

.pp-handle[b-cljznqx8wx]::after {
    content: "";
    position: absolute;
    top: 30%;
    bottom: 30%;
    left: 3px;
    width: 3px;
    border-radius: 2px;
    background: rgba(255, 255, 255, .6);
}

.pp-handle.is-start[b-cljznqx8wx] {
    left: 0;
}

.pp-handle.is-end[b-cljznqx8wx] {
    right: 0;
}

.pp-ghost[b-cljznqx8wx] {
    z-index: 3;
    margin: 5px 2px;
    border-radius: 10px;
    border: 2px dashed var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    pointer-events: none;
}

.pp-ghost.is-invalid[b-cljznqx8wx] {
    border-color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 12%, transparent);
}

.pp-drop[b-cljznqx8wx] {
    z-index: 5;
}

.pp-legend[b-cljznqx8wx] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    padding: 10px 16px;
    border-top: 1px solid var(--chronos-border);
    font-size: .8rem;
    color: var(--chronos-muted);
}

.pp-legend > span[b-cljznqx8wx] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.pp-legend-gap[b-cljznqx8wx] {
    display: inline-block;
    width: 22px;
    height: 10px;
    border-top: 1.5px dashed var(--chronos-muted);
    border-bottom: 1.5px dashed var(--chronos-muted);
    background: repeating-linear-gradient(135deg, var(--chronos-border-strong) 0 3px, #fff 3px 6px);
}

.pp-legend-free[b-cljznqx8wx], .pp-legend-today[b-cljznqx8wx], .pp-legend-group[b-cljznqx8wx] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 4px;
}

.pp-legend-free[b-cljznqx8wx] {
    background: repeating-linear-gradient(135deg, #DDE1E7, #DDE1E7 3px, #F8F9FA 3px, #F8F9FA 6px);
}

.pp-legend-today[b-cljznqx8wx] {
    box-shadow: inset 2px 0 0 var(--env-accent);
    background: #fff;
    border: 1px solid var(--chronos-border);
}

.pp-legend-group[b-cljznqx8wx] {
    border: 1px dashed var(--chronos-muted);
}

.pp-hint[b-cljznqx8wx] {
    margin-left: auto;
}

/* Lists */
.pp-section-title[b-cljznqx8wx] {
    padding: 14px 16px 8px;
    font-family: var(--chronos-font-display);
    font-weight: 500;
    font-size: 1.2rem;
}

.pp-swatch[b-cljznqx8wx] {
    width: 24px;
    height: 16px;
    border-radius: 5px;
    flex-shrink: 0;
    background: var(--period);
}

.pp-list[b-cljznqx8wx] {
    padding-bottom: 6px;
}

.pp-list-row[b-cljznqx8wx], .pp-period[b-cljznqx8wx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-top: 1px solid var(--chronos-border);
}

.pp-list-row[b-cljznqx8wx] {
    flex-wrap: wrap;
    cursor: pointer;
}

.pp-list-row:hover[b-cljznqx8wx] {
    background: var(--env-tint);
}

.pp-list-row.is-selected[b-cljznqx8wx] {
    background: var(--env-tint);
    box-shadow: inset 3px 0 0 var(--env-accent);
}

.pp-list-main[b-cljznqx8wx] {
    flex: 1 1 180px;
    min-width: 0;
}

.pp-list-name[b-cljznqx8wx] {
    font-weight: 600;
}

.pp-caption[b-cljznqx8wx] {
    font-size: .8rem;
    color: var(--chronos-muted);
}

.pp-own[b-cljznqx8wx] {
    margin-left: 4px;
    padding: 1px 6px;
    border-radius: 6px;
    font-size: .7rem;
    font-weight: 600;
    color: var(--env-strong);
    background: var(--env-tint-2);
}

/* The catalog fills the rest of the sticky side column and scrolls within it. */
.pp-catalog[b-cljznqx8wx] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: 6px;
}

.pp-catalog-list[b-cljznqx8wx] {
    min-height: 0;
    margin-top: 6px;
    overflow-y: auto;
}

.pp-catalog .pp-period[b-cljznqx8wx] {
    padding-top: 7px;
    padding-bottom: 7px;
}

.pp-period[b-cljznqx8wx] {
    border-left: 3px solid transparent;
}

.pp-period.is-draggable[b-cljznqx8wx] {
    cursor: grab;
}

.pp-period.is-draggable:hover[b-cljznqx8wx] {
    background: var(--env-tint);
    border-left-color: var(--env-accent);
}

.pp-selected[b-cljznqx8wx] {
    flex-shrink: 0;
    padding: 16px;
}

/* Plannings with fewer lesweken than planned or an overlap */
.pp-conflict-title[b-cljznqx8wx] {
    font-weight: 600;
}

.pp-conflict-list[b-cljznqx8wx] {
    margin: 6px 0 0;
    padding-left: 18px;
}

.pp-conflict-list li[b-cljznqx8wx] {
    cursor: pointer;
}

.pp-conflict-list li:hover[b-cljznqx8wx] {
    text-decoration: underline;
}

.pp-conflict-caption[b-cljznqx8wx] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .8rem;
    color: var(--mud-palette-warning);
}

[b-cljznqx8wx] .pp-lesson-weeks {
    max-width: 120px;
}

@media (max-width: 600px) {
    .pp-row-label[b-cljznqx8wx] {
        padding: 0 8px;
        letter-spacing: .02em;
    }

    .pp-grid[b-cljznqx8wx] {
        --pp-label-column: minmax(84px, max-content);
    }
}

.pp-legend[b-cljznqx8wx] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}
/* /Features/Planningen/PeriodevoorbereidingView.razor.rz.scp.css */
.pv-layout[b-ekurcq81kc] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

@media (max-width: 960px) {
    .pv-layout[b-ekurcq81kc] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.pv-general[b-ekurcq81kc] {
    padding: 16px;
    margin-bottom: 24px;
    border-top: 4px solid var(--period-color);
}

.pv-general-fields[b-ekurcq81kc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.pv-general .pv-files[b-ekurcq81kc] {
    margin-top: 12px;
}

.pv-files[b-ekurcq81kc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pv-files-title[b-ekurcq81kc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .8rem;
    font-weight: 600;
    color: var(--chronos-muted);
}

.pv-goals[b-ekurcq81kc] {
    position: sticky;
    top: 80px;
    padding: 16px;
    border-top: 4px solid var(--period-color);
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.pv-goals-title[b-ekurcq81kc] {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 8px;
}

.pv-progress[b-ekurcq81kc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
    font-size: .8rem;
    color: var(--chronos-muted);
}

.pv-goal[b-ekurcq81kc] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 10px;
    margin-top: 8px;
    border-radius: 10px;
    border: 1px solid var(--chronos-border);
    border-left: 4px solid var(--mud-palette-warning);
    background: #fff;
    font-size: .9rem;
}

.pv-goal.is-planned[b-ekurcq81kc] {
    border-left-color: var(--mud-palette-success);
}

.pv-goal.is-draggable[b-ekurcq81kc] {
    cursor: grab;
}

.pv-goal.is-draggable:hover[b-ekurcq81kc] {
    box-shadow: 0 4px 12px rgba(17, 19, 24, .12);
}

[b-ekurcq81kc] .pv-grip {
    color: var(--chronos-border-strong);
    flex-shrink: 0;
}

.pv-goal-text[b-ekurcq81kc] {
    flex-grow: 1;
    min-width: 0;
}

.pv-goals-head[b-ekurcq81kc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.pv-goal-meta[b-ekurcq81kc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: .72rem;
    color: var(--chronos-muted);
}

.pv-code[b-ekurcq81kc] {
    display: block;
    font-size: .72rem;
    color: var(--chronos-muted);
}

.pv-times[b-ekurcq81kc] {
    flex-shrink: 0;
    font-size: .75rem;
    font-weight: 600;
    color: var(--mud-palette-success);
}

.pv-goal:not(.is-planned) .pv-times[b-ekurcq81kc] {
    color: var(--mud-palette-warning);
    font-weight: 600;
}

.pv-lessons[b-ekurcq81kc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pv-week[b-ekurcq81kc] {
    margin-top: 8px;
    font-weight: 600;
    color: var(--chronos-text);
}

.pv-week span[b-ekurcq81kc] {
    font-weight: 400;
    color: var(--chronos-muted);
}

.pv-lesson[b-ekurcq81kc] {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    overflow: hidden;
}

.pv-lesson.is-today[b-ekurcq81kc] {
    border-color: var(--env-accent);
    box-shadow: 0 0 0 1px var(--env-accent);
}

.pv-date[b-ekurcq81kc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 8px;
    background: var(--env-tint);
    color: var(--env-strong);
}

.pv-weekday[b-ekurcq81kc], .pv-month[b-ekurcq81kc] {
    font-size: .8rem;
    text-transform: capitalize;
}

.pv-day[b-ekurcq81kc] {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.1;
}

.pv-time[b-ekurcq81kc] {
    margin-top: 8px;
    font-size: .72rem;
    color: var(--chronos-muted);
    text-align: center;
}

.pv-body[b-ekurcq81kc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px 16px;
}

.pv-drop[b-ekurcq81kc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    border: 2px dashed transparent;
    background: var(--chronos-subtle);
    transition: border-color var(--motion-fast) var(--motion-ease-out), background var(--motion-fast) var(--motion-ease-out);
}

.pv-drop.is-active[b-ekurcq81kc] {
    border-color: var(--chronos-border);
}

.pv-drop.is-hover[b-ekurcq81kc] {
    border-color: var(--env-accent);
    background: var(--env-tint);
}

.pv-drop-empty[b-ekurcq81kc] {
    padding: 6px 4px;
    font-size: .85rem;
    color: var(--chronos-muted);
}

.pv-linked[b-ekurcq81kc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid var(--chronos-border);
}

.pv-linked-goal[b-ekurcq81kc] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: .9rem;
}

[b-ekurcq81kc] .pv-flag {
    color: var(--period-color);
    margin-top: 2px;
}

[b-ekurcq81kc] .pv-add {
    align-self: flex-start;
}
/* /Features/Planningen/PeriodGoalPicker.razor.rz.scp.css */
.gp-filters[b-6nqs4xvvfw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 8px;
}

[b-6nqs4xvvfw] .gp-search {
    flex: 1 1 260px;
}

[b-6nqs4xvvfw] .gp-select {
    flex: 0 1 190px;
}

.gp-list[b-6nqs4xvvfw] {
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid var(--chronos-border);
    border-radius: 10px;
}

.gp-goal[b-6nqs4xvvfw] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 8px 12px 8px 4px;
    border-bottom: 1px solid var(--chronos-border);
    border-left: 4px solid transparent;
    font-size: .9rem;
}

.gp-goal:last-child[b-6nqs4xvvfw] {
    border-bottom: none;
}

.gp-goal.is-planned[b-6nqs4xvvfw] {
    border-left-color: var(--mud-palette-success);
}

.gp-text[b-6nqs4xvvfw] {
    flex-grow: 1;
    min-width: 0;
    padding-top: 6px;
}

.gp-code[b-6nqs4xvvfw] {
    font-weight: 600;
    color: var(--chronos-muted);
    font-size: .8rem;
}

.gp-meta[b-6nqs4xvvfw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: .75rem;
    color: var(--chronos-muted);
}

.gp-chosen[b-6nqs4xvvfw] {
    font-weight: 600;
}

.gp-times[b-6nqs4xvvfw] {
    flex-shrink: 0;
    padding-top: 8px;
    font-size: .75rem;
    font-weight: 600;
    color: var(--chronos-muted);
}

.gp-goal.is-planned .gp-times[b-6nqs4xvvfw] {
    color: var(--mud-palette-success);
}
/* /Features/Shared/AdjustFrame.razor.rz.scp.css */
/* While adjusting, the date bar and planner sit in an amber frame with a sticky bar on top. */
.chronos-adjusting[b-wfl128jzff] {
    margin: 0 -12px;
    padding: 0 12px 12px;
    border: 3px solid var(--chronos-adjust);
    border-radius: var(--chronos-radius);
    background: var(--chronos-adjust-tint);
}

.chronos-adjust-bar[b-wfl128jzff] {
    position: sticky;
    top: var(--mud-appbar-height, 64px);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 12px 16px;
    flex-wrap: wrap;
    margin: 0 -12px 16px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--chronos-adjust-line);
    border-radius: calc(var(--chronos-radius) - 3px) calc(var(--chronos-radius) - 3px) 0 0;
    background: var(--chronos-adjust-tint);
    color: var(--chronos-text);
}

[b-wfl128jzff] .chronos-adjust-icon {
    flex-shrink: 0;
    font-size: 28px;
    color: var(--chronos-adjust);
}

.chronos-adjust-text[b-wfl128jzff] {
    flex: 1 1 320px;
    min-width: 0;
}

.chronos-adjust-title[b-wfl128jzff] {
    color: var(--chronos-adjust-strong);
    font-weight: 700;
    font-size: 1.05rem;
}

.chronos-adjust-hint[b-wfl128jzff] {
    font-size: .875rem;
    line-height: 1.4;
}

.chronos-adjust-actions[b-wfl128jzff] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.chronos-adjust-actions[b-wfl128jzff]  .chronos-adjust-done {
    background: var(--chronos-adjust-strong);
    color: #fff;
    padding-inline: 28px;
}

.chronos-adjust-actions[b-wfl128jzff]  .chronos-adjust-done:hover {
    background: #4F3300;
}

@media (max-width: 599px) {
    .chronos-adjusting[b-wfl128jzff] {
        margin: 0 -8px;
        padding: 0 8px 8px;
    }

    .chronos-adjust-bar[b-wfl128jzff] {
        margin: 0 -8px 12px;
        padding: 10px 12px;
    }

    .chronos-adjust-actions[b-wfl128jzff] {
        width: 100%;
    }

    .chronos-adjust-actions[b-wfl128jzff]  .chronos-adjust-done {
        flex-grow: 1;
    }
}

@media (forced-colors: active) {
    .chronos-adjusting[b-wfl128jzff] {
        border-color: Highlight;
    }
}
/* /Features/Shared/AutoSave.razor.rz.scp.css */
.as[b-evfqioer6m] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .78rem;
    color: var(--chronos-muted);
}

[b-evfqioer6m] .as-icon {
    font-size: 15px;
}

.as-failed[b-evfqioer6m] {
    color: var(--mud-palette-error);
    font-weight: 600;
}
/* /Features/Shared/ColorDot.razor.rz.scp.css */
.cd[b-w4ol6vh7mq] {
    display: inline-block;
    width: var(--cd-size);
    height: var(--cd-size);
    border-radius: 50%;
    background: var(--cd-color);
    flex-shrink: 0;
}
/* /Features/Shared/DateNavigator.razor.rz.scp.css */
.dn[b-jybsmx4fz2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

[b-jybsmx4fz2] .dn-title {
    margin: 0 8px;
    font-size: 1.4rem;
    white-space: nowrap;
}

/* On phones the steps take the full row and the title shrinks to fit. */
@media (max-width: 600px) {
    .dn-steps[b-jybsmx4fz2] {
        flex: 1 1 100%;
        min-width: 0;
    }

    [b-jybsmx4fz2] .dn-title {
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 4px;
        font-size: 1.1rem;
        white-space: normal;
        text-align: center;
    }
}

[b-jybsmx4fz2] .dn-title::first-letter {
    text-transform: uppercase;
}
/* /Features/Shared/GoalMarkCell.razor.rz.scp.css */
.gmc[b-gfuror2vwv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-gfuror2vwv] .gmc-suggestion {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--mud-palette-tertiary);
    font-style: italic;
}

[b-gfuror2vwv] .gmc-reason {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--chronos-muted);
}
/* /Features/Shared/LearningAreaChip.razor.rz.scp.css */
.la-chip[b-c9cgxulm7b] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--la-color);
    color: #FFFFFF;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

@media (forced-colors: active) {
    .la-chip[b-c9cgxulm7b] {
        border: 1px solid CanvasText;
    }
}
/* /Features/Shared/NogTePlaatsenPanel.razor.rz.scp.css */
.ntp[b-lstj56y4nb] {
    margin-bottom: 16px;
    border-left: 4px solid var(--mud-palette-warning);
    overflow: hidden;
}

.ntp[b-lstj56y4nb]  .mud-expansion-panels,
.ntp[b-lstj56y4nb]  .mud-expand-panel {
    background: transparent;
}

.ntp-title[b-lstj56y4nb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 8px;
}

[b-lstj56y4nb] .ntp-heading {
    white-space: nowrap;
}

/* Phones: the description goes under the title, aligned with it. */
@media (max-width: 600px) {
    [b-lstj56y4nb] .ntp-description {
        flex: 1 1 100%;
        padding-left: 32px;
    }
}

.ntp-goal[b-lstj56y4nb] {
    font-weight: 600;
}

.ntp-meta[b-lstj56y4nb] {
    font-size: 0.8125rem;
    color: var(--chronos-muted);
}
/* /Features/Shared/OwnGoalTopic.razor.rz.scp.css */
.ogt[b-5dsqa1n7p7] {
    margin-top: 6px;
}

[b-5dsqa1n7p7] .ogt-select {
    max-width: 320px;
}
/* /Features/Shared/PlannerLayout.razor.rz.scp.css */
.pl[b-f1ubw0xd4e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.pl-with-palette[b-f1ubw0xd4e] {
    grid-template-columns: 260px minmax(0, 1fr);
}

.pl-with-side[b-f1ubw0xd4e] {
    grid-template-columns: minmax(0, 1fr) 320px;
}

.pl-with-palette.pl-with-side[b-f1ubw0xd4e] {
    grid-template-columns: 260px minmax(0, 1fr) 320px;
}

.pl-with-side.pl-wide-side[b-f1ubw0xd4e] {
    grid-template-columns: minmax(0, 1fr) 440px;
}

.pl-palette[b-f1ubw0xd4e],
.pl-side[b-f1ubw0xd4e] {
    position: sticky;
    top: 84px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

@media (max-width: 1200px) {
    .pl-with-palette.pl-with-side[b-f1ubw0xd4e],
    .pl-with-side[b-f1ubw0xd4e] {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .pl-with-side:not(.pl-with-palette)[b-f1ubw0xd4e] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pl-with-palette.pl-with-side .pl-side[b-f1ubw0xd4e] {
        grid-column: 1 / -1;
    }

    /* One column: the side scrolls with the page instead of covering it. */
    .pl-with-side .pl-side[b-f1ubw0xd4e] {
        position: static;
        max-height: none;
    }
}

@media (max-width: 800px) {
    .pl[b-f1ubw0xd4e],
    .pl-with-palette[b-f1ubw0xd4e],
    .pl-with-side[b-f1ubw0xd4e],
    .pl-with-palette.pl-with-side[b-f1ubw0xd4e] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pl-palette[b-f1ubw0xd4e],
    .pl-side[b-f1ubw0xd4e] {
        position: static;
        max-height: none;
    }
}
/* /Features/Shared/RemovalCountList.razor.rz.scp.css */
.chronos-removal-counts[b-fq7fs442wn] {
    margin: 0;
    padding-left: 1.25rem;
}

.chronos-removal-count[b-fq7fs442wn] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}
/* /Features/Shared/ScheduleGrid.razor.rz.scp.css */
.sg[b-cfwec6rlhs] {
    --sg-time-width: 56px;
    background: #fff;
    border: 1px solid var(--chronos-border);
    border-radius: var(--chronos-radius);
    overflow: clip;
    user-select: none;
}

/* Dashed warning border, e.g. while adjusting the lessons of one day or week. */
.sg-header[b-cfwec6rlhs],
.sg-body[b-cfwec6rlhs] {
    display: grid;
    grid-template-columns: var(--sg-time-width) repeat(var(--sg-columns), minmax(0, 1fr));
}

.sg-header[b-cfwec6rlhs] {
    position: sticky;
    top: var(--mud-appbar-height);
    z-index: 3;
    background: #fff;
    border-bottom: 1px solid var(--chronos-border);
}

/* In a dialog the header sticks to the top edge of the dialog's scroll area, over its 8px top padding. */
.mud-dialog .sg-header[b-cfwec6rlhs] {
    top: -8px;
}

.sg-head[b-cfwec6rlhs] {
    padding: 10px 8px 8px;
    border-left: 1px solid var(--chronos-border);
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sg-head-title[b-cfwec6rlhs] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--chronos-text);
}

.sg-head-subtitle[b-cfwec6rlhs] {
    font-size: .8rem;
    color: var(--chronos-muted);
    margin-top: -4px;
}

.sg-head-highlighted .sg-head-title[b-cfwec6rlhs] {
    color: var(--env-accent);
}

.sg-head-highlighted[b-cfwec6rlhs] {
    background: var(--env-tint);
}

/* Jaarplanning item: dot in its colour; the period: a solid bar in the period colour. */
.sg-banner[b-cfwec6rlhs] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: .74rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 6px;
    color: var(--chronos-text);
    background: var(--chronos-sunken);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.sg-banner:not(.chronos-period)[b-cfwec6rlhs]::before {
    content: "";
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--banner-color);
}

.sg-banner.chronos-period[b-cfwec6rlhs] {
    background: var(--period);
    color: #fff;
}

a.sg-banner[href]:hover[b-cfwec6rlhs] {
    box-shadow: 0 0 0 2px var(--env-line);
}

.sg-body[b-cfwec6rlhs] {
    position: relative;
}

.sg-times[b-cfwec6rlhs] {
    position: relative;
    height: var(--sg-height);
}

.sg-time[b-cfwec6rlhs] {
    position: absolute;
    right: 8px;
    transform: translateY(-50%);
    font-size: .72rem;
    color: var(--chronos-muted);
    font-variant-numeric: tabular-nums;
}

.sg-time:first-child[b-cfwec6rlhs] {
    transform: none;
}

.sg-column[b-cfwec6rlhs] {
    position: relative;
    height: var(--sg-height);
    border-left: 1px solid var(--chronos-border);
    background-image:
        repeating-linear-gradient(to bottom, var(--chronos-border) 0, var(--chronos-border) 1px, transparent 1px, transparent var(--sg-hour)),
        repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--sg-hour) / 2), var(--chronos-sunken) calc(var(--sg-hour) / 2), var(--chronos-sunken) calc(var(--sg-hour) / 2 + 1px), transparent calc(var(--sg-hour) / 2 + 1px), transparent var(--sg-hour));
}

.sg-column-highlighted[b-cfwec6rlhs] {
    background-color: color-mix(in srgb, var(--env-tint) 60%, white);
}

.sg-editable .sg-column[b-cfwec6rlhs] {
    cursor: copy;
}

.sg-shade[b-cfwec6rlhs] {
    position: absolute;
    left: 0;
    right: 0;
    background: repeating-linear-gradient(135deg, rgba(95, 101, 115, .08) 0, rgba(95, 101, 115, .08) 6px, transparent 6px, transparent 12px);
    border-top: 1px dashed var(--chronos-border-strong);
    border-bottom: 1px dashed var(--chronos-border-strong);
    pointer-events: none;
    overflow: hidden;
}

.sg-shade span[b-cfwec6rlhs] {
    display: block;
    font-size: .7rem;
    font-weight: 600;
    color: var(--chronos-muted);
    padding: 2px 6px;
}

.sg-item[b-cfwec6rlhs] {
    position: absolute;
    padding: 1px 2px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1;
    outline: none;
}

/* White block with a stripe in the subject colour; the environment colour stays leading. */
.sg-item-content[b-cfwec6rlhs] {
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    padding: 4px 8px;
    background: #fff;
    border: 1px solid var(--chronos-border);
    border-left: 4px solid var(--sg-color);
    color: var(--chronos-on-light);
    transition: box-shadow var(--motion-fast) var(--motion-ease-out), border-color var(--motion-fast) var(--motion-ease-out);
}

.sg-item:hover .sg-item-content[b-cfwec6rlhs],
.sg-item:focus-visible .sg-item-content[b-cfwec6rlhs] {
    border-color: var(--env-line);
    border-left-color: var(--sg-color);
    box-shadow: 0 4px 12px -6px rgba(17, 19, 24, .25);
}

.sg-item-selected .sg-item-content[b-cfwec6rlhs] {
    background: var(--env-tint-2);
    border-color: var(--env-accent);
    border-left-color: var(--sg-color);
    box-shadow: 0 0 0 1px var(--env-accent), 0 6px 16px -8px var(--env-accent);
}

/* A plan activity next to the lessons: dashed border in its colour. */
.sg-item-activity .sg-item-content[b-cfwec6rlhs] {
    border-style: dashed;
    border-color: var(--sg-color);
    border-left-style: solid;
}

/* A period lesson is a solid bar in the period colour with white text. */
.sg-item-period .sg-item-content[b-cfwec6rlhs],
.sg-item-period:hover .sg-item-content[b-cfwec6rlhs],
.sg-item-period.sg-item-selected .sg-item-content[b-cfwec6rlhs] {
    background: var(--period);
    border-color: transparent;
    color: #fff;
}

.sg-item-period.sg-item-selected .sg-item-content[b-cfwec6rlhs] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--env-accent);
}

.sg-item-period .sg-item-time[b-cfwec6rlhs],
.sg-item-period .sg-item-subtitle[b-cfwec6rlhs],
.sg-item-period .sg-item-badges[b-cfwec6rlhs] {
    color: #fff;
}

.sg-item-warning .sg-item-content[b-cfwec6rlhs] {
    background-image: linear-gradient(to right, transparent calc(100% - 6px), var(--mud-palette-warning) calc(100% - 6px));
}

.sg-item-time[b-cfwec6rlhs] {
    font-size: .7rem;
    color: var(--chronos-muted);
    font-variant-numeric: tabular-nums;
}

.sg-item-title[b-cfwec6rlhs] {
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 3px;
}

/* Titles in narrow blocks hyphenate and end with "…" after two lines, or one line in short blocks. */
.sg-item-title-text[b-cfwec6rlhs] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    hyphens: auto;
}

.sg-item-subtitle[b-cfwec6rlhs] {
    font-size: .74rem;
    color: var(--chronos-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sg-item-badges[b-cfwec6rlhs] {
    display: flex;
    gap: 4px;
    margin-top: 2px;
    color: var(--chronos-muted);
}

.sg-item-badge[b-cfwec6rlhs] {
    display: inline-flex;
}

[b-cfwec6rlhs] .sg-item-warning-icon {
    color: var(--mud-palette-warning-darken);
    font-size: 15px;
}

.sg-item-compact .sg-item-content[b-cfwec6rlhs] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-top: 0;
    padding-bottom: 0;
}

.sg-item-compact .sg-item-time[b-cfwec6rlhs],
.sg-item-compact .sg-item-subtitle[b-cfwec6rlhs],
.sg-item-compact .sg-item-badges[b-cfwec6rlhs] {
    display: none;
}

.sg-item-compact .sg-item-title[b-cfwec6rlhs] {
    font-size: .74rem;
    white-space: nowrap;
}

.sg-item-short .sg-item-title-text[b-cfwec6rlhs] {
    -webkit-line-clamp: 1;
}

.sg-item-compact .sg-item-title[b-cfwec6rlhs] {
    min-width: 0;
}

.sg-item-compact .sg-item-title-text[b-cfwec6rlhs] {
    display: block;
    text-overflow: ellipsis;
}

@media (max-width: 600px) {
    .sg-item-content[b-cfwec6rlhs] {
        padding-inline: 4px;
    }
}

.sg-handle[b-cfwec6rlhs] {
    position: absolute;
    left: 6px;
    right: 6px;
    height: 7px;
    cursor: ns-resize;
    z-index: 2;
}

.sg-handle-start[b-cfwec6rlhs] {
    top: -1px;
}

.sg-handle-end[b-cfwec6rlhs] {
    bottom: -1px;
}

.sg-item:hover .sg-handle[b-cfwec6rlhs]::after {
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    width: 24px;
    height: 3px;
    border-radius: 2px;
    top: 2px;
    background: color-mix(in srgb, var(--sg-color) 70%, var(--chronos-text));
}

.sg-editable .sg-item[b-cfwec6rlhs] {
    touch-action: none;
    cursor: grab;
}

.sg-dragging[b-cfwec6rlhs] {
    opacity: .35;
}

/* /Features/Shared/SubjectDialog.razor.rz.scp.css */
.sd-option[b-g2fby82tbd] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sd-swatches[b-g2fby82tbd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.sd-swatch[b-g2fby82tbd] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: var(--sd-color);
    cursor: pointer;
}

.sd-swatch-selected[b-g2fby82tbd] {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--sd-color);
}
/* /Features/Shared/SubjectPalette.razor.rz.scp.css */
.sp[b-g7cxk7tt9j] {
    padding: 14px;
}

.sp-header[b-g7cxk7tt9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

[b-g7cxk7tt9j] .sp-title {
    font-weight: 600;
}

[b-g7cxk7tt9j] .sp-hint {
    display: block;
    color: var(--chronos-muted);
    margin-bottom: 10px;
    line-height: 1.35;
}

.sp-section[b-g7cxk7tt9j] {
    margin-bottom: 12px;
}

.sp-section-title[b-g7cxk7tt9j] {
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--chronos-muted);
    margin-bottom: 6px;
}

.sp-subjects[b-g7cxk7tt9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.sp-subject[b-g7cxk7tt9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px 5px 8px;
    border-radius: 999px;
    border: 1px solid var(--chronos-border);
    background: #fff;
    color: var(--chronos-on-light);
    font: inherit;
    font-size: .84rem;
    font-weight: 600;
    cursor: grab;
    touch-action: none;
    transition: transform var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-fast) var(--motion-ease-out);
}

.sp-subject:hover[b-g7cxk7tt9j] {
    border-color: var(--env-line);
    box-shadow: 0 3px 10px -4px rgba(17, 19, 24, .2);
    transform: translateY(-1px);
}

.sp-subject-armed[b-g7cxk7tt9j] {
    background: var(--env-tint-2);
    border-color: var(--env-accent);
    color: var(--env-strong);
    box-shadow: 0 0 0 1px var(--env-accent);
}

.sp-dot[b-g7cxk7tt9j] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--sp-color);
    flex-shrink: 0;
}

.sp-edit[b-g7cxk7tt9j] {
    display: inline-flex;
    color: var(--chronos-muted);
    cursor: pointer;
}

.sp-edit:hover[b-g7cxk7tt9j] {
    color: var(--mud-palette-primary);
}
/* /Features/Shared/TimeField.razor.rz.scp.css */
.tf[b-zynaf9o40r] {
    position: relative;
    flex: 1;
}

/* The clock's own input only anchors its popover (rendered in the popover provider); typing happens in the text field. */
[b-zynaf9o40r] .tf-clock {
    position: absolute;
    inset: 0;
    visibility: hidden;
}
/* /Features/Taken/ActionList.razor.rz.scp.css */
.action-list[b-k6mlcmazsm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.action-items[b-k6mlcmazsm] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.action-item[b-k6mlcmazsm] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding: 4px 0;
    border-bottom: 1px solid var(--chronos-border);
}

.action-item.is-overdue[b-k6mlcmazsm] {
    background: color-mix(in srgb, var(--mud-palette-error) 6%, white);
}

.action-text[b-k6mlcmazsm] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding-top: 6px;
    white-space: pre-line;
}

.action-item.is-done .action-description[b-k6mlcmazsm] {
    color: var(--chronos-muted);
    text-decoration: line-through;
}

.action-item-editing[b-k6mlcmazsm] {
    padding: 8px 0;
}

.action-form[b-k6mlcmazsm] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(160px, 220px) minmax(150px, 180px) max-content;
    align-items: center;
    gap: 8px;
}

.action-form-buttons[b-k6mlcmazsm] {
    display: flex;
    gap: 4px;
}

@media (max-width: 900px) {
    .action-form[b-k6mlcmazsm] {
        grid-template-columns: 1fr 1fr;
    }

    .action-form[b-k6mlcmazsm]  .action-form-description {
        grid-column: 1 / -1;
    }
}
/* /Features/Taken/TakenButton.razor.rz.scp.css */
.taken-button[b-9axc3bjw88] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: 8px;
    padding: 7px 12px;
    border: 1px solid var(--chronos-border);
    border-radius: 999px;
    background: white;
    color: var(--chronos-text);
    font: inherit;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.taken-button:hover[b-9axc3bjw88],
.taken-button.is-open[b-9axc3bjw88] {
    background: var(--chronos-subtle);
}

.taken-button:focus-visible[b-9axc3bjw88] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

.taken-count[b-9axc3bjw88] {
    min-width: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: 0.75rem;
    line-height: 20px;
    text-align: center;
}

.taken-button.has-overdue .taken-count[b-9axc3bjw88] {
    background: var(--mud-palette-error);
    color: white;
}

@media (max-width: 720px) {
    .taken-button-label[b-9axc3bjw88] {
        display: none;
    }
}
/* /Features/Taken/TakenPanel.razor.rz.scp.css */
/* Under the app bar on the right; ends above the assistant button (right bottom) and lies below the opened assistant. */
.taken-panel[b-wdhynkr2vs] {
    position: fixed;
    top: calc(var(--mud-appbar-height) + 8px);
    right: 24px;
    z-index: 1150;
    display: flex;
    flex-direction: column;
    width: min(400px, calc(100vw - 32px));
    max-height: calc(100vh - var(--mud-appbar-height) - 112px);
    border: 1px solid var(--chronos-border);
    border-radius: 12px;
    background: white;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

.taken-panel-header[b-wdhynkr2vs] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 10px 16px;
    border-bottom: 1px solid var(--chronos-border);
}

.taken-panel-header h2[b-wdhynkr2vs] {
    margin: 0;
    font-family: var(--chronos-font-heading, inherit);
    font-size: 1.1rem;
    font-weight: 600;
}

.taken-panel-summary[b-wdhynkr2vs] {
    flex: 1;
    color: var(--chronos-muted);
    font-size: 0.85rem;
}

.taken-panel-form[b-wdhynkr2vs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 16px 12px;
    border-bottom: 1px solid var(--chronos-border);
}

.taken-panel-form-row[b-wdhynkr2vs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.taken-panel-form-row[b-wdhynkr2vs]  .mud-picker {
    flex: 1 1 160px;
}

.taken-panel-list[b-wdhynkr2vs] {
    overflow-y: auto;
    padding: 4px 0 8px;
}

.taken-items[b-wdhynkr2vs] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.taken-item[b-wdhynkr2vs] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding: 6px 8px 6px 6px;
    border-bottom: 1px solid var(--chronos-border);
}

.taken-item.is-overdue[b-wdhynkr2vs] {
    background: color-mix(in srgb, var(--mud-palette-error) 6%, white);
}

.taken-item-text[b-wdhynkr2vs] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding-top: 6px;
}

.taken-item.is-done .taken-item-description[b-wdhynkr2vs] {
    color: var(--chronos-muted);
    text-decoration: line-through;
}

.taken-item-source[b-wdhynkr2vs] {
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: none;
    color: var(--mud-palette-primary);
    font: inherit;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
}

.taken-item-source:hover[b-wdhynkr2vs] {
    text-decoration: underline;
}

.taken-panel-empty[b-wdhynkr2vs] {
    margin: 12px 16px;
    color: var(--chronos-muted);
    font-size: 0.875rem;
}

[b-wdhynkr2vs] .taken-panel-done-toggle {
    margin: 4px 8px 0;
}
/* /Features/Taken/TaskMeta.razor.rz.scp.css */
.task-meta[b-v3xkieqc7c] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    color: var(--chronos-muted);
    font-size: 0.8rem;
}

.task-meta-assignee[b-v3xkieqc7c],
.task-meta-deadline[b-v3xkieqc7c] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.task-meta-deadline.is-overdue[b-v3xkieqc7c] {
    color: var(--mud-palette-error);
    font-weight: 600;
}

.task-meta[b-v3xkieqc7c]  .mud-icon-root {
    font-size: 0.95rem;
}
/* /Features/Voortgang/VoortgangIndicator.razor.rz.scp.css */
.voortgang-indicator[b-kbytkeoo8z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border: 0;
    border-radius: 999px;
    background: var(--chronos-sunken);
    color: inherit;
    font: inherit;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
}

.voortgang-indicator.is-bezig[b-kbytkeoo8z] {
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, white);
    color: var(--chronos-text);
}

.voortgang-lijst[b-kbytkeoo8z] {
    width: min(420px, 90vw);
    max-height: 70vh;
    overflow-y: auto;
    padding-bottom: 4px;
}

.voortgang-lijst-item[b-kbytkeoo8z] {
    display: block;
    padding: 10px 16px;
    color: inherit;
    text-decoration: none;
    border-top: 1px solid var(--chronos-border);
}

.voortgang-lijst-item:hover[b-kbytkeoo8z] {
    background: var(--chronos-subtle);
}

/* Phones: only the spinner or status icon; the button keeps its aria-label. */
@media (max-width: 719px) {
    .voortgang-indicator span[b-kbytkeoo8z] {
        display: none;
    }

    .voortgang-indicator[b-kbytkeoo8z] {
        padding: 9px;
    }
}
/* /Features/Voortgang/VoortgangRegel.razor.rz.scp.css */
.voortgang-regel-titel[b-atrewsq3g6] {
    font-weight: 600;
}