/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-ycv3mizprp] {
    min-height: 100vh;
}

.topbar[b-ycv3mizprp] {
    align-items: center;
    background: var(--surface);
    border-bottom: 1.5px solid var(--line-strong);
    display: flex;
    min-height: 60px;
    justify-content: space-between;
    padding: 8px 28px;
    position: sticky;
    top: 0;
    z-index: 100;
}

.topbar .sign-in-button[b-ycv3mizprp] {
    margin-top: 0;
}

.identity button[b-ycv3mizprp] {
    background: transparent;
    border: 1.5px solid var(--line);
    border-radius: 5px;
    color: var(--sub);
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 4px;
    padding: 5px 12px;
}

.identity button:hover[b-ycv3mizprp] {
    border-color: var(--accent);
    color: var(--accent);
}

.brand[b-ycv3mizprp] {
    color: var(--ink);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-decoration: none;
}

.brand:hover[b-ycv3mizprp] {
    color: var(--ink);
    text-decoration: none;
}

.identity[b-ycv3mizprp] {
    align-items: flex-end;
    color: var(--sub);
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    line-height: 1.4;
}

.identity strong[b-ycv3mizprp] {
    color: var(--ink);
    font-size: 0.8125rem;
}

.main-content[b-ycv3mizprp] {
    margin: 0 auto;
    max-width: 1280px;
}

@media (max-width: 640px) {
    .topbar[b-ycv3mizprp] {
        padding: 0 18px;
    }
}
/* /Pages/Appointments.razor.rz.scp.css */
.appointments-page[b-vddl56fovn] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 28px 28px 60px;
}

.appointments-title-row[b-vddl56fovn] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: space-between;
}

.appointments-title-row h1[b-vddl56fovn] {
    font-size: 1.3125rem;
    margin: 0;
}

.appointments-title-row p[b-vddl56fovn] {
    color: var(--sub);
    font-size: 0.8125rem;
    line-height: 1.5;
    margin: 4px 0 0;
}

.field[b-vddl56fovn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-vddl56fovn] {
    color: var(--sub);
    font-size: 0.75rem;
}

.field select[b-vddl56fovn] {
    background: #fbfbfc;
    border: 1.5px solid var(--line);
    border-radius: 5px;
    color: var(--ink);
    font: inherit;
    min-height: 38px;
    padding: 8px 10px;
}

.field select:focus-visible[b-vddl56fovn],
.button:focus-visible[b-vddl56fovn] {
    outline: 3px solid var(--accent-soft);
    outline-offset: 2px;
}

.count-chips[b-vddl56fovn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
}

.chip[b-vddl56fovn] {
    background: var(--accent-soft);
    border-radius: 999px;
    color: var(--accent);
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 3px 8px;
}

.button[b-vddl56fovn] {
    background: var(--surface);
    border: 1.5px solid var(--line-strong);
    border-radius: 5px;
    color: var(--ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    min-height: 38px;
    padding: 8px 14px;
}

.button:hover:not(:disabled)[b-vddl56fovn] {
    border-color: var(--accent);
}

.button:disabled[b-vddl56fovn] {
    cursor: not-allowed;
    opacity: 0.6;
}

.button-primary[b-vddl56fovn] {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}

.button-primary:hover:not(:disabled)[b-vddl56fovn] {
    background: #173a8f;
    border-color: #173a8f;
}

.button-quiet[b-vddl56fovn] {
    background: transparent;
    border-color: var(--line);
    color: var(--sub);
}

.row-actions[b-vddl56fovn] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.row-hint[b-vddl56fovn] {
    color: var(--sub);
    font-size: 0.75rem;
    font-style: italic;
    margin: 6px 0 0;
}

.candidate-name[b-vddl56fovn] {
    display: block;
    font-weight: 600;
}

.candidate-email[b-vddl56fovn] {
    color: var(--sub);
    display: block;
    font-size: 0.75rem;
}

.status-expected[b-vddl56fovn],
.status-checkedin[b-vddl56fovn],
.status-completed[b-vddl56fovn],
.status-noshow[b-vddl56fovn] {
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 8px;
}

.status-expected[b-vddl56fovn] {
    background: #eef2ff;
    color: #2b3a8f;
}

.status-checkedin[b-vddl56fovn] {
    background: #fff5d9;
    color: #6b4500;
}

.status-completed[b-vddl56fovn] {
    background: #e6f4ea;
    color: #1e6b3a;
}

.status-noshow[b-vddl56fovn] {
    background: #f6e8e6;
    color: #7a2e29;
}

.table-wrap[b-vddl56fovn] {
    overflow-x: auto;
}

table[b-vddl56fovn] {
    border-collapse: collapse;
    min-width: 680px;
    width: 100%;
}

th[b-vddl56fovn] {
    border-bottom: 1.5px solid var(--line-strong);
    color: var(--sub);
    font-size: 0.6875rem;
    letter-spacing: 0.04em;
    padding: 8px 10px;
    text-align: left;
    text-transform: uppercase;
}

td[b-vddl56fovn] {
    border-bottom: 1px solid var(--line);
    font-size: 0.8125rem;
    padding: 12px 10px;
    vertical-align: middle;
}

tbody tr:last-child td[b-vddl56fovn] {
    border-bottom: 0;
}

.actions-column[b-vddl56fovn] {
    min-width: 230px;
}

.muted[b-vddl56fovn] {
    color: var(--sub);
}

.appointments-banner[b-vddl56fovn] {
    border: 1.5px solid #b3403a;
    border-radius: 6px;
    font-size: 0.8125rem;
    line-height: 1.45;
    padding: 10px 14px;
}

.appointments-banner.error[b-vddl56fovn] {
    background: #f6e8e6;
    color: #7a2e29;
}

.appointments-banner.notice[b-vddl56fovn] {
    background: #e6f4ea;
    border-color: #1e6b3a;
    color: #1e6b3a;
}

[role="alertdialog"][b-vddl56fovn] {
    background: var(--surface);
    border: 1.5px solid var(--line-strong);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 18px 20px;
}

[role="alertdialog"] h2[b-vddl56fovn] {
    font-size: 1rem;
    margin: 0;
    width: 100%;
}

[role="alertdialog"] p[b-vddl56fovn] {
    font-size: 0.8125rem;
    margin: 0;
    width: 100%;
}

@media (max-width: 760px) {
    .appointments-page[b-vddl56fovn] {
        gap: 16px;
        padding: 20px 18px 42px;
    }

    .appointments-title-row[b-vddl56fovn] {
        align-items: stretch;
        flex-direction: column;
    }

    table[b-vddl56fovn],
    tbody[b-vddl56fovn],
    tr[b-vddl56fovn],
    td[b-vddl56fovn] {
        display: block;
        min-width: 0;
        width: 100%;
    }

    thead[b-vddl56fovn] {
        left: -9999px;
        position: absolute;
        top: auto;
    }

    tbody tr[b-vddl56fovn] {
        border: 1.5px solid var(--line);
        border-radius: 8px;
        margin-bottom: 12px;
        padding: 4px 12px;
    }

    td[b-vddl56fovn] {
        border-bottom: 1px solid var(--line);
        padding: 10px 0;
    }

    td:last-child[b-vddl56fovn] {
        border-bottom: 0;
    }

    td[b-vddl56fovn]::before {
        color: var(--sub);
        content: attr(data-label);
        display: block;
        font-size: 0.6875rem;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }
}
/* /Pages/Candidates.razor.rz.scp.css */
.candidates-page[b-dywgb9qkjt] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px 28px 60px;
}

.candidates-title-row[b-dywgb9qkjt] {
    align-items: flex-end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.candidates-title-row h1[b-dywgb9qkjt] {
    font-size: 1.3125rem;
    margin: 0;
}

.candidates-title-row p[b-dywgb9qkjt] {
    color: var(--sub);
    font-size: 0.8125rem;
    margin: 4px 0 0;
}

.candidates-toolbar[b-dywgb9qkjt],
.row-actions[b-dywgb9qkjt],
.chip-row[b-dywgb9qkjt],
.type-checkboxes[b-dywgb9qkjt] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.search-field input[b-dywgb9qkjt],
td input[b-dywgb9qkjt] {
    background: #fbfbfc;
    border: 1.5px dashed var(--line);
    border-radius: 5px;
    color: var(--ink);
    font: inherit;
    min-height: 36px;
    padding: 7px 10px;
    width: 100%;
}

.search-field input[b-dywgb9qkjt] {
    min-width: 230px;
}

input:focus-visible[b-dywgb9qkjt],
.button:focus-visible[b-dywgb9qkjt],
.upload-button:focus-within[b-dywgb9qkjt] {
    outline: 3px solid var(--accent-soft);
    outline-offset: 2px;
}

.button[b-dywgb9qkjt] {
    background: var(--surface);
    border: 1.5px solid var(--line-strong);
    border-radius: 5px;
    color: var(--ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    min-height: 38px;
    padding: 8px 14px;
}

.button:hover:not(:disabled)[b-dywgb9qkjt],
.upload-button:hover[b-dywgb9qkjt] {
    border-color: var(--accent);
}

.button:disabled[b-dywgb9qkjt] {
    cursor: wait;
    opacity: 0.6;
}

.button-primary[b-dywgb9qkjt] {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}

.button-primary:hover:not(:disabled)[b-dywgb9qkjt] {
    background: #173a8f;
    border-color: #173a8f;
}

.button-quiet[b-dywgb9qkjt],
.upload-button[b-dywgb9qkjt] {
    background: transparent;
    border-color: var(--line);
    color: var(--sub);
}

.upload-button[b-dywgb9qkjt] {
    align-items: center;
    display: inline-flex;
}

.button-danger[b-dywgb9qkjt] {
    border-color: #b3403a;
    color: #a13833;
}

.button-danger:hover:not(:disabled)[b-dywgb9qkjt] {
    background: #f6e8e6;
    border-color: #a13833;
}

.button-small[b-dywgb9qkjt] {
    font-size: 0.75rem;
    min-height: 32px;
    padding: 6px 11px;
}

.candidate-card[b-dywgb9qkjt],
.candidate-empty-state[b-dywgb9qkjt],
.candidate-loading[b-dywgb9qkjt] {
    background: var(--surface);
    border: 1.5px solid var(--line);
    border-radius: 8px;
}

.candidate-card[b-dywgb9qkjt] {
    overflow: hidden;
}

.table-wrap[b-dywgb9qkjt] {
    overflow-x: auto;
}

table[b-dywgb9qkjt] {
    border-collapse: collapse;
    min-width: 810px;
    width: 100%;
}

th[b-dywgb9qkjt] {
    background: #f7f8f9;
    border-bottom: 1.5px solid var(--line-strong);
    color: var(--sub);
    font-size: 0.6875rem;
    letter-spacing: 0.04em;
    padding: 10px 14px;
    text-align: left;
    text-transform: uppercase;
}

td[b-dywgb9qkjt] {
    border-bottom: 1px solid var(--line);
    font-size: 0.8125rem;
    padding: 12px 14px;
    vertical-align: middle;
}

tbody tr:last-child td[b-dywgb9qkjt] {
    border-bottom: 0;
}

.candidate-add-row td[b-dywgb9qkjt],
.candidate-edit-row td[b-dywgb9qkjt] {
    background: var(--accent-soft);
}

.awaiting-confirmation td[b-dywgb9qkjt] {
    background: #fff5d9;
}

.actions-column[b-dywgb9qkjt] {
    min-width: 242px;
}

.type-checkboxes[b-dywgb9qkjt] {
    align-items: flex-start;
    gap: 6px 10px;
}

.type-checkbox[b-dywgb9qkjt] {
    align-items: center;
    color: var(--sub);
    display: inline-flex;
    font-size: 0.75rem;
    gap: 4px;
    white-space: nowrap;
}

.type-checkbox input[b-dywgb9qkjt] {
    accent-color: var(--accent);
    min-height: auto;
    padding: 0;
    width: auto;
}

.chip[b-dywgb9qkjt] {
    background: var(--accent-soft);
    border-radius: 999px;
    color: var(--accent);
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 3px 8px;
}

.candidate-status[b-dywgb9qkjt] {
    background: #f7f8f9;
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    color: var(--sub);
    display: inline-block;
    font-size: 0.75rem;
    padding: 3px 9px;
    white-space: nowrap;
}

.status-new[b-dywgb9qkjt] {
    background: var(--accent-soft);
    border-color: var(--accent);
    color: var(--accent);
}

.status-warning[b-dywgb9qkjt] {
    background: #fdf2e5;
    border-color: #c98a2c;
    color: #8a5a10;
}

.status-success[b-dywgb9qkjt] {
    background: #e8f4ec;
    border-color: #2f8a4c;
    color: #276b3b;
}

.candidate-banner[b-dywgb9qkjt] {
    border: 1.5px solid #b3403a;
    border-radius: 6px;
    color: #7a2e29;
    font-size: 0.8125rem;
    line-height: 1.45;
    padding: 10px 14px;
}

.candidate-banner.error[b-dywgb9qkjt] {
    background: #f6e8e6;
}

.candidate-banner.warning[b-dywgb9qkjt] {
    background: #fff5d9;
    border-color: #a66b00;
    color: #6b4500;
}

.import-errors[b-dywgb9qkjt] {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

.import-errors li[b-dywgb9qkjt] {
    border-top: 1px dashed var(--line);
    padding: 6px 0 0;
}

.candidate-empty-state[b-dywgb9qkjt] {
    color: var(--sub);
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem;
    gap: 6px;
    margin: 16px;
    padding: 22px;
    text-align: center;
}

.candidate-empty-state strong[b-dywgb9qkjt],
.candidate-empty-state p[b-dywgb9qkjt] {
    margin: 0;
}

.candidate-empty-state strong[b-dywgb9qkjt] {
    color: var(--ink);
}

.candidate-loading[b-dywgb9qkjt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
}

.loading-line[b-dywgb9qkjt] {
    animation: pulse-b-dywgb9qkjt 1.3s ease-in-out infinite;
    background: #dde1e7;
    border-radius: 4px;
    display: block;
    height: 12px;
    width: 82%;
}

.loading-line-short[b-dywgb9qkjt] {
    width: 32%;
}

.loading-line-medium[b-dywgb9qkjt] {
    width: 57%;
}

@keyframes pulse-b-dywgb9qkjt {
    50% {
        opacity: 0.45;
    }
}

@media (max-width: 760px) {
    .candidates-page[b-dywgb9qkjt] {
        padding: 20px 18px 42px;
    }

    .candidates-title-row[b-dywgb9qkjt] {
        align-items: stretch;
        flex-direction: column;
    }

    .candidates-toolbar[b-dywgb9qkjt] {
        align-items: stretch;
    }

    .search-field[b-dywgb9qkjt] {
        flex: 1 1 100%;
    }

    .search-field input[b-dywgb9qkjt] {
        min-width: 0;
    }
}
/* /Pages/ConfirmedSlots.razor.rz.scp.css */
.confirmed-slots-page[b-5pbrkeaiyl] {
    max-width: 56rem;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}

.import-card[b-5pbrkeaiyl] {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid var(--border, #c8ced8);
    border-radius: .75rem;
    background: var(--surface, #fff);
}

code[b-5pbrkeaiyl] {
    overflow-wrap: anywhere;
}

input:focus-visible[b-5pbrkeaiyl] {
    outline: 3px solid var(--focus, #ffbf47);
    outline-offset: 2px;
}

.import-success[b-5pbrkeaiyl] {
    color: var(--success, #0b6b3a);
}

.import-error[b-5pbrkeaiyl] {
    color: var(--error, #b10e1e);
}
/* /Pages/Dashboards.razor.rz.scp.css */
.dashboards-page[b-kp7enxkv34] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 28px 28px 60px;
}

.dashboards-title-row h1[b-kp7enxkv34] { font-size: 1.3125rem; margin: 0; }
.dashboards-title-row p[b-kp7enxkv34] { color: var(--sub); font-size: .8125rem; line-height: 1.5; margin: 4px 0 0; }

.dashboard-tabs-row[b-kp7enxkv34] { align-items: center; display: flex; justify-content: space-between; }

.error[b-kp7enxkv34] { color: #a13833; font-size: 0.75rem; font-weight: 600; }
.dashboard-tabs[b-kp7enxkv34] { border-bottom: 1.5px solid var(--line); display: flex; gap: 4px; width: 100%; }
.dashboard-tab[b-kp7enxkv34] { background: transparent; border: 0; border-bottom: 3px solid transparent; color: var(--sub); cursor: pointer; font: inherit; font-size: .8125rem; font-weight: 600; margin-bottom: -1.5px; padding: 9px 12px; }
.dashboard-tab:hover:not(:disabled)[b-kp7enxkv34] { color: var(--ink); }
.dashboard-tab.selected[b-kp7enxkv34] { border-bottom-color: var(--accent); color: var(--accent); }
.dashboard-tab:focus-visible[b-kp7enxkv34], .button:focus-visible[b-kp7enxkv34] { outline: 3px solid var(--accent-soft); outline-offset: 2px; }
.dashboard-tab:disabled[b-kp7enxkv34] { cursor: wait; opacity: .65; }
.tab-count[b-kp7enxkv34] { font-weight: 400; }

.dashboard-card[b-kp7enxkv34], .dashboard-empty-state[b-kp7enxkv34], .dashboard-loading[b-kp7enxkv34] { background: var(--surface); border: 1.5px solid var(--line); border-radius: 8px; }
.dashboard-card[b-kp7enxkv34] { padding: 8px 20px; }
.table-wrap[b-kp7enxkv34] { overflow-x: auto; }
table[b-kp7enxkv34] { border-collapse: collapse; min-width: 650px; width: 100%; }
th[b-kp7enxkv34] { border-bottom: 1.5px solid var(--line-strong); color: var(--sub); font-size: .6875rem; letter-spacing: .04em; padding: 8px 10px; text-align: left; text-transform: uppercase; }
td[b-kp7enxkv34] { border-bottom: 1px solid var(--line); font-size: .8125rem; padding: 12px 10px; vertical-align: middle; }
tbody tr:last-child td[b-kp7enxkv34] { border-bottom: 0; }
td strong[b-kp7enxkv34], td a[b-kp7enxkv34] { display: block; }
td a[b-kp7enxkv34] { color: var(--sub); font-size: .75rem; margin-top: 2px; }
.actions-column[b-kp7enxkv34] { min-width: 130px; }
.chip-row[b-kp7enxkv34] { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; }
.chip[b-kp7enxkv34] { background: var(--accent-soft); border-radius: 999px; color: var(--accent); font-size: .6875rem; font-weight: 600; padding: 3px 8px; white-space: nowrap; }

.button[b-kp7enxkv34] { background: var(--surface); border: 1.5px solid var(--line-strong); border-radius: 5px; color: var(--ink); cursor: pointer; font: inherit; font-size: .8125rem; font-weight: 600; min-height: 38px; padding: 8px 14px; }
.button:hover:not(:disabled)[b-kp7enxkv34] { border-color: var(--accent); }
.button:disabled[b-kp7enxkv34] { cursor: wait; opacity: .6; }
.button-primary[b-kp7enxkv34] { background: var(--accent); border-color: var(--accent); color: #fff; }
.button-primary:hover:not(:disabled)[b-kp7enxkv34] { background: #173a8f; border-color: #173a8f; }
.button-quiet[b-kp7enxkv34] { background: transparent; border-color: var(--line); color: var(--sub); }
.button-small[b-kp7enxkv34] { font-size: .75rem; min-height: 32px; padding: 5px 9px; }

.dashboard-banner[b-kp7enxkv34] { align-items: center; border: 1.5px solid #b3403a; border-radius: 6px; display: flex; font-size: .8125rem; gap: 12px; justify-content: space-between; line-height: 1.45; padding: 10px 14px; }
.dashboard-banner.error[b-kp7enxkv34] { background: #f6e8e6; color: #7a2e29; }
.dashboard-empty-state[b-kp7enxkv34] { color: var(--sub); display: flex; flex-direction: column; font-size: .8125rem; gap: 6px; padding: 20px; }
.dashboard-empty-state strong[b-kp7enxkv34] { color: var(--ink); }
.dashboard-empty-state p[b-kp7enxkv34] { margin: 0; }
.dashboard-empty-state .button[b-kp7enxkv34] { align-self: flex-start; margin-top: 6px; }
.dashboard-loading[b-kp7enxkv34] { display: flex; flex-direction: column; gap: 12px; padding: 22px; }
.loading-line[b-kp7enxkv34] { animation: pulse-b-kp7enxkv34 1.3s ease-in-out infinite; background: #dde1e7; border-radius: 4px; display: block; height: 12px; width: 82%; }
.loading-line-short[b-kp7enxkv34] { width: 32%; }
.loading-line-medium[b-kp7enxkv34] { width: 58%; }

@keyframes pulse-b-kp7enxkv34 { 50% { opacity: .45; } }

@media (max-width: 680px) {
    .dashboards-page[b-kp7enxkv34] { gap: 16px; padding: 20px 16px 44px; }
    .dashboard-card[b-kp7enxkv34] { padding: 8px 12px; }
    .dashboard-tabs[b-kp7enxkv34] { overflow-x: auto; }
    .dashboard-tab[b-kp7enxkv34] { flex: 0 0 auto; padding-inline: 9px; }
    table[b-kp7enxkv34] { min-width: 0; }
    thead[b-kp7enxkv34] { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
    tr[b-kp7enxkv34] { border-bottom: 1px solid var(--line); display: block; padding: 8px 0; }
    tbody tr:last-child[b-kp7enxkv34] { border-bottom: 0; }
    td[b-kp7enxkv34] { border: 0; display: flex; gap: 12px; justify-content: space-between; padding: 6px 4px; text-align: right; }
    td[b-kp7enxkv34]::before { color: var(--sub); content: attr(data-label); font-size: .6875rem; font-weight: 700; letter-spacing: .04em; text-align: left; text-transform: uppercase; }
    td:first-child[b-kp7enxkv34] { align-items: flex-end; }
    td:first-child strong[b-kp7enxkv34], td:first-child a[b-kp7enxkv34] { text-align: right; }
    .chip-row[b-kp7enxkv34] { justify-content: flex-end; }
}
/* /Pages/Settings.razor.rz.scp.css */
.settings-page[b-y2cdugtryh] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px 28px 60px;
}

.settings-title-row h1[b-y2cdugtryh] {
    font-size: 1.3125rem;
    margin: 0;
}

.settings-title-row p[b-y2cdugtryh] {
    color: var(--sub);
    font-size: 0.8125rem;
    margin: 4px 0 0;
}

.settings-card[b-y2cdugtryh],
.settings-empty-state[b-y2cdugtryh],
.settings-loading[b-y2cdugtryh] {
    background: var(--surface);
    border: 1.5px solid var(--line);
    border-radius: 8px;
}

.settings-card[b-y2cdugtryh] {
    overflow: hidden;
}

.settings-card-heading[b-y2cdugtryh] {
    border-bottom: 1px solid var(--line);
    padding: 15px 20px;
}

.settings-card-heading h2[b-y2cdugtryh] {
    color: var(--sub);
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    margin: 0;
    text-transform: uppercase;
}

.table-wrap[b-y2cdugtryh] {
    overflow-x: auto;
}

table[b-y2cdugtryh] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

th[b-y2cdugtryh] {
    background: #f7f8f9;
    border-bottom: 1.5px solid var(--line-strong);
    color: var(--sub);
    font-size: 0.6875rem;
    letter-spacing: 0.04em;
    padding: 10px 20px;
    text-align: left;
    text-transform: uppercase;
}

td[b-y2cdugtryh] {
    border-bottom: 1px solid var(--line);
    font-size: 0.8125rem;
    padding: 12px 20px;
    vertical-align: middle;
}

tbody tr:last-child td[b-y2cdugtryh] {
    border-bottom: 0;
}

.settings-actions-column[b-y2cdugtryh] {
    width: 150px;
}

.type-code[b-y2cdugtryh] {
    background: var(--accent-soft);
    border-radius: 999px;
    color: var(--accent);
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 700;
    margin-left: 7px;
    padding: 3px 7px;
}

.manager-id-input[b-y2cdugtryh],
.number-input[b-y2cdugtryh] {
    background: #fbfbfc;
    border: 1.5px dashed var(--line);
    border-radius: 5px;
    color: var(--ink);
    font: inherit;
    min-height: 38px;
    padding: 8px 10px;
}

.manager-id-input[b-y2cdugtryh] {
    font-family: ui-monospace, "SF Mono", Menlo, monospace;
    font-size: 0.75rem;
    max-width: 370px;
    width: 100%;
}

.number-input[b-y2cdugtryh] {
    min-width: 100px;
    width: 100%;
}

.settings-form-row[b-y2cdugtryh] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 18px;
    padding: 18px 20px 12px;
}

.field[b-y2cdugtryh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-y2cdugtryh] {
    color: var(--sub);
    font-size: 0.75rem;
}

.button[b-y2cdugtryh] {
    background: var(--surface);
    border: 1.5px solid var(--line-strong);
    border-radius: 5px;
    color: var(--ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    min-height: 38px;
    padding: 8px 14px;
}

.button:hover:not(:disabled)[b-y2cdugtryh] {
    border-color: var(--accent);
}

.button:disabled[b-y2cdugtryh] {
    cursor: wait;
    opacity: 0.6;
}

.button-primary[b-y2cdugtryh] {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}

.button-primary:hover:not(:disabled)[b-y2cdugtryh] {
    background: #173a8f;
    border-color: #173a8f;
}

.button-small[b-y2cdugtryh] {
    font-size: 0.75rem;
    min-height: 32px;
    padding: 6px 11px;
}

.manager-id-input:focus-visible[b-y2cdugtryh],
.number-input:focus-visible[b-y2cdugtryh],
.button:focus-visible[b-y2cdugtryh] {
    outline: 3px solid var(--accent-soft);
    outline-offset: 2px;
}

.settings-callout[b-y2cdugtryh] {
    background: var(--accent-soft);
    border: 1.5px dashed var(--accent);
    border-radius: 6px;
    color: #173a8f;
    font-size: 0.75rem;
    font-style: italic;
    line-height: 1.45;
    margin: 4px 20px 18px;
    max-width: 640px;
    padding: 10px 14px;
}

.settings-callout strong[b-y2cdugtryh] {
    font-style: normal;
}

.settings-banner[b-y2cdugtryh] {
    border: 1.5px solid;
    border-radius: 6px;
    font-size: 0.8125rem;
    line-height: 1.45;
    padding: 10px 14px;
}

.settings-banner strong[b-y2cdugtryh] {
    margin-right: 4px;
}

.settings-banner.error[b-y2cdugtryh] {
    background: #f6e8e6;
    border-color: #b3403a;
    color: #7a2e29;
}

.settings-banner.saved[b-y2cdugtryh] {
    background: #e8f4ec;
    border-color: #2f8a4c;
    color: #276b3b;
}

.import-success[b-y2cdugtryh],
.import-error[b-y2cdugtryh] {
    border: 1.5px solid;
    border-radius: 6px;
    font-size: 0.8125rem;
    line-height: 1.45;
    padding: 10px 14px;
}

.import-success[b-y2cdugtryh] {
    background: #e8f4ec;
    border-color: #2f8a4c;
    color: #276b3b;
}

.import-error[b-y2cdugtryh] {
    background: #f6e8e6;
    border-color: #b3403a;
    color: #7a2e29;
}

.settings-empty-state[b-y2cdugtryh],
.settings-loading[b-y2cdugtryh] {
    padding: 24px 20px;
}

.settings-empty-state p[b-y2cdugtryh] {
    margin: 0 0 12px;
}

.settings-loading[b-y2cdugtryh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.loading-line[b-y2cdugtryh] {
    animation: pulse-b-y2cdugtryh 1.4s ease-in-out infinite;
    background: #e6e8ec;
    border-radius: 4px;
    height: 12px;
    max-width: 560px;
    width: 80%;
}

.loading-line-short[b-y2cdugtryh] {
    width: 35%;
}

.loading-line-medium[b-y2cdugtryh] {
    width: 60%;
}

@keyframes pulse-b-y2cdugtryh {
    50% { opacity: 0.55; }
}

@media (max-width: 640px) {
    .settings-page[b-y2cdugtryh] {
        padding: 20px 18px 42px;
    }

    .settings-form-row[b-y2cdugtryh] {
        align-items: stretch;
        flex-direction: column;
    }

    .field[b-y2cdugtryh],
    .button-primary[b-y2cdugtryh] {
        width: 100%;
    }

    .manager-id-input[b-y2cdugtryh] {
        max-width: none;
    }
}
/* /Pages/Slots.razor.rz.scp.css */
.slot-board[b-f8ikhj58ir] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 28px 28px 60px;
}

.slot-board-title[b-f8ikhj58ir] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.slot-board-title h1[b-f8ikhj58ir] {
    font-size: 1.3125rem;
    margin: 0;
}

.slot-board-title p[b-f8ikhj58ir] {
    color: var(--sub);
    font-size: 0.8125rem;
    line-height: 1.5;
    margin: 0;
}

.board-card[b-f8ikhj58ir],
.board-empty-state[b-f8ikhj58ir],
.board-loading[b-f8ikhj58ir] {
    background: var(--surface);
    border: 1.5px solid var(--line);
    border-radius: 8px;
}

.board-card[b-f8ikhj58ir] {
    padding: 18px 20px;
}

.board-card-heading[b-f8ikhj58ir] {
    margin-bottom: 14px;
}

.board-card-heading h2[b-f8ikhj58ir] {
    color: var(--sub);
    font-size: 0.875rem;
    letter-spacing: 0.04em;
    margin: 0;
    text-transform: uppercase;
}

.proposal-form[b-f8ikhj58ir],
.row-actions[b-f8ikhj58ir],
.chip-row[b-f8ikhj58ir] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.proposal-form[b-f8ikhj58ir] {
    align-items: flex-end;
    gap: 18px;
}

.field[b-f8ikhj58ir] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field label[b-f8ikhj58ir] {
    color: var(--sub);
    font-size: 0.75rem;
}

.field input[b-f8ikhj58ir],
.number-input[b-f8ikhj58ir] {
    background: #fbfbfc;
    border: 1.5px solid var(--line);
    border-radius: 5px;
    color: var(--ink);
    font: inherit;
    min-height: 38px;
    padding: 8px 10px;
}

.field input:focus-visible[b-f8ikhj58ir],
.number-input:focus-visible[b-f8ikhj58ir],
.button:focus-visible[b-f8ikhj58ir] {
    outline: 3px solid var(--accent-soft);
    outline-offset: 2px;
}

.number-input[b-f8ikhj58ir] {
    min-height: 32px;
    padding: 5px 7px;
    text-align: center;
    width: 56px;
}

.form-hint[b-f8ikhj58ir] {
    align-self: center;
    color: var(--sub);
    font-size: 0.75rem;
    font-style: italic;
    margin: 0;
    padding-bottom: 9px;
}

.button[b-f8ikhj58ir] {
    background: var(--surface);
    border: 1.5px solid var(--line-strong);
    border-radius: 5px;
    color: var(--ink);
    cursor: pointer;
    font: inherit;
    font-size: 0.8125rem;
    font-weight: 600;
    min-height: 38px;
    padding: 8px 14px;
}

.button:hover:not(:disabled)[b-f8ikhj58ir] {
    border-color: var(--accent);
}

.button:disabled[b-f8ikhj58ir] {
    cursor: wait;
    opacity: 0.6;
}

.button-primary[b-f8ikhj58ir] {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
}

.button-primary:hover:not(:disabled)[b-f8ikhj58ir] {
    background: #173a8f;
    border-color: #173a8f;
}

.button-quiet[b-f8ikhj58ir] {
    background: transparent;
    border-color: var(--line);
    color: var(--sub);
}

.button-danger[b-f8ikhj58ir] {
    border-color: #b3403a;
    color: #a13833;
}

.button-danger:hover:not(:disabled)[b-f8ikhj58ir] {
    background: #f6e8e6;
    border-color: #a13833;
}

.table-wrap[b-f8ikhj58ir] {
    overflow-x: auto;
}

table[b-f8ikhj58ir] {
    border-collapse: collapse;
    min-width: 680px;
    width: 100%;
}

th[b-f8ikhj58ir] {
    border-bottom: 1.5px solid var(--line-strong);
    color: var(--sub);
    font-size: 0.6875rem;
    letter-spacing: 0.04em;
    padding: 8px 10px;
    text-align: left;
    text-transform: uppercase;
}

td[b-f8ikhj58ir] {
    border-bottom: 1px solid var(--line);
    font-size: 0.8125rem;
    padding: 12px 10px;
    vertical-align: middle;
}

tbody tr:last-child td[b-f8ikhj58ir] {
    border-bottom: 0;
}

.actions-column[b-f8ikhj58ir] {
    min-width: 230px;
}

.chip[b-f8ikhj58ir] {
    background: var(--accent-soft);
    border-radius: 999px;
    color: var(--accent);
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 3px 8px;
}

.muted[b-f8ikhj58ir] {
    color: var(--sub);
}

.board-banner[b-f8ikhj58ir] {
    border: 1.5px solid #b3403a;
    border-radius: 6px;
    color: #7a2e29;
    font-size: 0.8125rem;
    line-height: 1.45;
    padding: 10px 14px;
}

.board-banner.warning[b-f8ikhj58ir] {
    background: #fff5d9;
    border-color: #a66b00;
    color: #6b4500;
}

.board-banner.error[b-f8ikhj58ir] {
    background: #f6e8e6;
}

.board-empty-state[b-f8ikhj58ir] {
    color: var(--sub);
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem;
    gap: 6px;
    padding: 18px;
}

.board-empty-state strong[b-f8ikhj58ir],
.board-empty-state p[b-f8ikhj58ir] {
    margin: 0;
}

.board-empty-state strong[b-f8ikhj58ir] {
    color: var(--ink);
}

.board-loading[b-f8ikhj58ir] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
}

.loading-line[b-f8ikhj58ir] {
    animation: pulse-b-f8ikhj58ir 1.3s ease-in-out infinite;
    background: #dde1e7;
    border-radius: 4px;
    display: block;
    height: 12px;
    width: 82%;
}

.loading-line-short[b-f8ikhj58ir] {
    width: 32%;
}

.loading-line-medium[b-f8ikhj58ir] {
    width: 55%;
}

.awaiting-confirmation[b-f8ikhj58ir] {
    background: #fffaf0;
}

@keyframes pulse-b-f8ikhj58ir {
    50% { opacity: 0.48; }
}

@media (max-width: 640px) {
    .slot-board[b-f8ikhj58ir] {
        gap: 16px;
        padding: 20px 18px 42px;
    }

    .board-card[b-f8ikhj58ir] {
        padding: 16px;
    }

    .proposal-form[b-f8ikhj58ir] {
        align-items: stretch;
        flex-direction: column;
    }

    .field input[b-f8ikhj58ir],
    .proposal-form .button[b-f8ikhj58ir] {
        width: 100%;
    }

    .form-hint[b-f8ikhj58ir] {
        align-self: auto;
        padding-bottom: 0;
    }
}
/* /Pages/StaffAccess.razor.rz.scp.css */
.staff-access-page[b-ujr8y3mdch] {
    display: grid;
    gap: 1.5rem;
    max-width: 72rem;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}

.title-row[b-ujr8y3mdch],
.editor-actions[b-ujr8y3mdch] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.table-wrap[b-ujr8y3mdch] {
    overflow-x: auto;
}

table[b-ujr8y3mdch] {
    width: 100%;
    border-collapse: collapse;
}

th[b-ujr8y3mdch],
td[b-ujr8y3mdch] {
    padding: .75rem;
    border-bottom: 1px solid var(--border, #c8ced8);
    text-align: left;
}

.editor-card[b-ujr8y3mdch] {
    display: grid;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid var(--border, #c8ced8);
    border-radius: .75rem;
    background: var(--surface, #fff);
}

fieldset[b-ujr8y3mdch] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.role-chip[b-ujr8y3mdch] {
    display: inline-block;
    margin: .125rem .25rem .125rem 0;
    padding: .2rem .5rem;
    border-radius: 999px;
    background: #e8eef8;
}

.banner[b-ujr8y3mdch] {
    padding: .75rem 1rem;
    border-left: .3rem solid currentColor;
}

.error[b-ujr8y3mdch] { color: var(--error, #b10e1e); }
.saved[b-ujr8y3mdch] { color: var(--success, #0b6b3a); }

button:focus-visible[b-ujr8y3mdch],
input:focus-visible[b-ujr8y3mdch],
select:focus-visible[b-ujr8y3mdch] {
    outline: 3px solid var(--focus, #ffbf47);
    outline-offset: 2px;
}

:disabled[b-ujr8y3mdch] {
    cursor: not-allowed;
    opacity: .6;
}