/* /Pages/Admin/AdminConfig.razor.rz.scp.css */
/* ── Mailing Tab ──────────────────────────────────────────────────────────── */
.mail-layout[b-tbv8dya5kb] { display: grid; grid-template-columns: 1fr 340px; gap: 1.5rem; align-items: start; }

.mail-card[b-tbv8dya5kb] { background: var(--color-surface-card); border: 1px solid var(--color-border-soft); border-radius: 18px; padding: 1.25rem 1.5rem 1.5rem; box-shadow: var(--shadow-card-sm); margin-bottom: 1.25rem; }
.mail-card__title[b-tbv8dya5kb] { margin: 0 0 1rem; font-size: .95rem; font-weight: 800; color: var(--color-text-strong); padding-bottom: .75rem; border-bottom: 2px solid var(--color-border-soft); }
.mail-card--result[b-tbv8dya5kb]  { margin-bottom: 1.25rem; }
.mail-card--success[b-tbv8dya5kb] { border-color: var(--color-success-border); background: var(--color-success-bg); }
.mail-card--warn[b-tbv8dya5kb]    { border-color: var(--color-warning-border); background: var(--color-warning-bg); }
.mail-hint[b-tbv8dya5kb]          { background: var(--color-info-bg); border-color: var(--color-info-border); }

.mail-field[b-tbv8dya5kb] { display: flex; flex-direction: column; gap: .35rem; margin-bottom: 1rem; }
.mail-field label[b-tbv8dya5kb] { font-size: .82rem; font-weight: 700; color: var(--color-text-medium); }

.mail-select[b-tbv8dya5kb],
.mail-input[b-tbv8dya5kb] {
    height: 2.75rem; padding: 0 .9rem; border: 1px solid var(--color-border-form);
    border-radius: 10px; background: var(--color-surface-input); color: var(--color-text-deep);
    font-size: .92rem; font-weight: 500; transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box; width: 100%;
}
.mail-select[b-tbv8dya5kb] {
    appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,#64748b 50%), linear-gradient(135deg,#64748b 50%,transparent 50%);
    background-position: calc(100% - 14px) calc(50% - 3px), calc(100% - 8px) calc(50% - 3px);
    background-size: 5px 5px; background-repeat: no-repeat; cursor: pointer;
}
.mail-select:focus[b-tbv8dya5kb], .mail-input:focus[b-tbv8dya5kb] {
    outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(var(--brand-600-rgb), .12);
}

.mail-textarea[b-tbv8dya5kb] {
    width: 100%; padding: .75rem 1rem; border: 1px solid var(--color-border-form);
    border-radius: 12px; background: var(--color-surface-input); color: var(--color-text-deep);
    font-size: .92rem; line-height: 1.6; resize: vertical; box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s; font-family: inherit;
}
.mail-textarea:focus[b-tbv8dya5kb] { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 3px rgba(var(--brand-600-rgb), .12); }

.mail-preview-badge[b-tbv8dya5kb] {
    display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
    padding: .65rem .9rem; border-radius: 10px;
    background: var(--color-surface-card-soft); border: 1px solid var(--color-border-soft); font-size: .85rem;
}
.mail-preview-badge--ok[b-tbv8dya5kb]    { font-weight: 800; color: var(--color-success-text); }
.mail-preview-badge--empty[b-tbv8dya5kb] { font-weight: 700; color: var(--color-text-placeholder); }
.mail-preview-list[b-tbv8dya5kb] { color: var(--color-text-light); font-size: .78rem; }

.mail-actions[b-tbv8dya5kb] { margin-top: .25rem; }
.mail-send-btn[b-tbv8dya5kb] {
    display: flex; align-items: center; justify-content: center; gap: .5rem;
    width: 100%; padding: 1rem 1.5rem; border: none; border-radius: 14px;
    background: linear-gradient(135deg,var(--brand-700),var(--brand-600)); color: #fff;
    font-size: 1rem; font-weight: 800; cursor: pointer;
    box-shadow: 0 4px 18px rgba(var(--brand-600-rgb), .25); transition: filter .18s, transform .18s;
}
.mail-send-btn:hover:not(:disabled)[b-tbv8dya5kb] { filter: brightness(1.06); transform: translateY(-1px); }
.mail-send-btn:disabled[b-tbv8dya5kb] { opacity: .55; cursor: not-allowed; transform: none; }

@media (max-width: 900px) { .mail-layout[b-tbv8dya5kb] { grid-template-columns: 1fr; } }

/* ── Filter Row ───────────────────────────────────────────────────────────── */
.ac-filter-row[b-tbv8dya5kb] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.25rem;
}

/* ── Filter Bar (Zuweisungen) ─────────────────────────────────────────────── */
.ac-filter-bar[b-tbv8dya5kb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem 1rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid var(--color-border-soft);
    border-radius: 14px;
    background: var(--color-surface-card-soft);
}

.ac-filter-bar .ac-field[b-tbv8dya5kb] {
    flex: 0 1 auto;
    width: auto;
}

.ac-filter-bar .ac-input[b-tbv8dya5kb] {
    width: auto;
    min-width: 180px;
}

/* ── Sortierbare Spalten-Header ───────────────────────────────────────────── */
.ac-th-sort[b-tbv8dya5kb] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.ac-th-sort:hover[b-tbv8dya5kb] {
    color: #ffffff;
    opacity: .85;
}

.ac-sort-icon[b-tbv8dya5kb] {
    font-size: .7rem;
    opacity: .6;
    margin-left: .25rem;
}

/* ── Toolbar ──────────────────────────────────────────────────────────────── */
.ac-toolbar[b-tbv8dya5kb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.ac-toolbar__hint[b-tbv8dya5kb] {
    font-size: .88rem;
    color: var(--color-warning-text);
    background: var(--color-warning-bg);
    border: 1px solid var(--color-warning-border);
    border-radius: 8px;
    padding: .4rem .85rem;
    font-weight: 600;
}

/* ── Form Grid ────────────────────────────────────────────────────────────── */
.ac-form-grid[b-tbv8dya5kb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

/* ── Checkbox Row ─────────────────────────────────────────────────────────── */
.ac-checkbox-row[b-tbv8dya5kb] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-top: 1rem;
    font-size: .95rem;
    font-weight: 600;
    color: var(--color-text-medium);
}

.ac-checkbox[b-tbv8dya5kb] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-primary);
    cursor: pointer;
}

/* ── Form Actions ─────────────────────────────────────────────────────────── */
.ac-form-actions[b-tbv8dya5kb] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

/* ── Action Buttons (table row) ───────────────────────────────────────────── */
.ac-actions[b-tbv8dya5kb] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.ac-btn[b-tbv8dya5kb] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .4rem .85rem;
    border: none;
    border-radius: 8px;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s ease, filter .15s ease;
    white-space: nowrap;
}

.ac-btn:hover[b-tbv8dya5kb] {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.ac-btn:active[b-tbv8dya5kb] {
    transform: translateY(0);
}

.ac-btn--edit[b-tbv8dya5kb] {
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
    border: 1px solid var(--color-warning-border);
}

.ac-btn--delete[b-tbv8dya5kb] {
    background: var(--color-error-bg);
    color: var(--color-error-text);
    border: 1px solid var(--color-error-border);
}

.ac-btn--activate[b-tbv8dya5kb] {
    background: var(--color-success-bg);
    color: var(--color-success-text);
    border: 1px solid var(--color-success-border);
}

.ac-btn--deactivate[b-tbv8dya5kb] {
    background: var(--color-surface-muted);
    color: var(--color-text-medium);
    border: 1px solid var(--color-border-input);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .ac-form-grid[b-tbv8dya5kb] {
        grid-template-columns: 1fr;
    }

    .ac-form-actions[b-tbv8dya5kb] {
        flex-direction: column;
    }

    .ac-submit-btn[b-tbv8dya5kb],
    .ac-cancel-btn[b-tbv8dya5kb] {
        width: 100%;
        text-align: center;
    }

    .ac-table[b-tbv8dya5kb] {
        display: block;
        overflow-x: auto;
    }

    .ac-actions[b-tbv8dya5kb] {
        flex-direction: column;
    }

    .ac-btn[b-tbv8dya5kb] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Admin/AdminDashboard.razor.rz.scp.css */
/* ── KPI Grid ─────────────────────────────────────────────────────────────── */
.adm-kpi-grid[b-j3cy33xzst] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

@media (max-width: 1100px) {
    .adm-sections[b-j3cy33xzst] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .adm-kpi-grid[b-j3cy33xzst] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 640px) {
    .adm-sections[b-j3cy33xzst] { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .adm-kpi-grid[b-j3cy33xzst] { grid-template-columns: repeat(2, 1fr); }
}

.adm-kpi[b-j3cy33xzst] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 1rem;
    border-radius: 18px;
    border: 1px solid var(--color-border-soft);
    box-shadow: var(--shadow-card-sm);
    text-decoration: none;
    transition: transform .15s, box-shadow .15s;
    cursor: pointer;
}

.adm-kpi:hover[b-j3cy33xzst] { transform: translateY(-2px); box-shadow: var(--shadow-card); }

.adm-kpi--blue[b-j3cy33xzst]   { background: var(--color-info-bg);    border-color: var(--color-info-border); }
.adm-kpi--orange[b-j3cy33xzst] { background: var(--color-warning-bg); border-color: var(--color-warning-border); }
.adm-kpi--yellow[b-j3cy33xzst] { background: #fef9c3;                 border-color: #fde047; }
.adm-kpi--green[b-j3cy33xzst]  { background: var(--color-success-bg); border-color: var(--color-success-border); }
.adm-kpi--purple[b-j3cy33xzst] { background: #f5f3ff;                 border-color: #c4b5fd; }
.adm-kpi--red[b-j3cy33xzst]    { background: var(--color-error-bg);   border-color: var(--color-error-border); }

.adm-kpi__num[b-j3cy33xzst] {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
    color: var(--color-text-strong);
}

.adm-kpi--blue   .adm-kpi__num[b-j3cy33xzst] { color: var(--color-info-text); }
.adm-kpi--orange .adm-kpi__num[b-j3cy33xzst] { color: var(--color-warning-text); }
.adm-kpi--yellow .adm-kpi__num[b-j3cy33xzst] { color: #854d0e; }
.adm-kpi--green  .adm-kpi__num[b-j3cy33xzst] { color: var(--color-success-text); }
.adm-kpi--purple .adm-kpi__num[b-j3cy33xzst] { color: #6d28d9; }
.adm-kpi--red    .adm-kpi__num[b-j3cy33xzst] { color: var(--color-error-text); }

.adm-kpi__label[b-j3cy33xzst] {
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--color-text-medium);
    margin-top: .4rem;
}

.adm-kpi__sub[b-j3cy33xzst] {
    font-size: .72rem;
    color: var(--color-text-placeholder);
    margin-top: .15rem;
    text-align: center;
}

/* ── Sections ─────────────────────────────────────────────────────────────── */
.adm-sections[b-j3cy33xzst] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.adm-section[b-j3cy33xzst] {
    background: var(--color-surface-card);
    border: 1px solid var(--color-border-soft);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow-card-sm);
    max-height: calc(100vh - 380px);
    overflow-y: auto;
}

.adm-section__title[b-j3cy33xzst] {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 800;
    color: var(--color-text-strong);
    padding-bottom: .75rem;
    border-bottom: 2px solid var(--color-border-soft);
}

/* ── Area Rows ────────────────────────────────────────────────────────────── */
.adm-area-row[b-j3cy33xzst] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .5rem 0;
    border-bottom: 1px solid var(--color-border-soft);
}

.adm-area-row:last-child[b-j3cy33xzst] { border-bottom: none; }

.adm-area-row__info[b-j3cy33xzst] {
    display: flex;
    flex-direction: column;
    min-width: 140px;
}

.adm-area-row__name[b-j3cy33xzst]  { font-weight: 700; font-size: .88rem; color: var(--color-text-strong); }
.adm-area-row__date[b-j3cy33xzst]  { font-size: .75rem; color: var(--color-text-light); }
.adm-area-row__event[b-j3cy33xzst] { font-size: .75rem; color: var(--color-primary); font-weight: 600; }

.adm-area-row__bar-wrap[b-j3cy33xzst] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: .6rem;
}

.adm-area-row__bar[b-j3cy33xzst] {
    flex: 1;
    height: 8px;
    border-radius: 999px;
    background: var(--color-border-soft);
    overflow: hidden;
}

.adm-area-row__fill[b-j3cy33xzst] {
    height: 100%;
    border-radius: 999px;
    background: var(--color-primary);
    transition: width .3s;
}

.adm-area-row__fill.warn[b-j3cy33xzst] { background: var(--color-warning-text); }
.adm-area-row__fill.full[b-j3cy33xzst] { background: var(--color-success-text); }

.adm-area-row__count[b-j3cy33xzst] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--color-text-medium);
    white-space: nowrap;
    min-width: 40px;
    text-align: right;
}

/* ── Stats Tab ────────────────────────────────────────────────────────────── */
.stats-filter[b-j3cy33xzst] { display: flex; gap: 1rem; }
.stats-filter__group[b-j3cy33xzst] { display: flex; flex-direction: column; gap: .35rem; min-width: 260px; }
.stats-filter__group label[b-j3cy33xzst] { font-size: .82rem; font-weight: 700; color: var(--color-text-medium); }
.stats-select[b-j3cy33xzst] {
    height: 2.75rem; padding: 0 .9rem; border: 1px solid var(--color-border-form);
    border-radius: 10px; background: var(--color-surface-input); color: var(--color-text-deep);
    font-size: .92rem; font-weight: 600; appearance: none; cursor: pointer;
    background-image: linear-gradient(45deg,transparent 50%,#64748b 50%), linear-gradient(135deg,#64748b 50%,transparent 50%);
    background-position: calc(100% - 14px) calc(50% - 3px), calc(100% - 8px) calc(50% - 3px);
    background-size: 5px 5px; background-repeat: no-repeat;
}
.stats-select:focus[b-j3cy33xzst] { outline: none; border-color: var(--color-primary); }

.stats-kpi-row[b-j3cy33xzst] { display: flex; gap: 1rem; margin: 1.25rem 0; flex-wrap: wrap; }
.stats-kpi[b-j3cy33xzst] { flex: 1 1 120px; display: flex; flex-direction: column; align-items: center; padding: 1rem 1.25rem; border-radius: 16px; border: 1px solid var(--color-border-soft); background: var(--color-surface-card); box-shadow: var(--shadow-card-sm); }
.stats-kpi__num[b-j3cy33xzst]   { font-size: 2rem; font-weight: 900; color: var(--color-primary); line-height: 1; }
.stats-kpi__label[b-j3cy33xzst] { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--color-text-light); margin-top: .3rem; }

.stats-grid[b-j3cy33xzst] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
.stats-card[b-j3cy33xzst] { background: var(--color-surface-card); border: 1px solid var(--color-border-soft); border-radius: 18px; padding: 1.25rem 1.5rem 1.5rem; box-shadow: var(--shadow-card-sm); }
.stats-card--wide[b-j3cy33xzst] { grid-column: 1 / -1; }
.stats-card__title[b-j3cy33xzst] { margin: 0 0 1rem; font-size: .95rem; font-weight: 800; color: var(--color-text-strong); padding-bottom: .75rem; border-bottom: 2px solid var(--color-border-soft); }
.stats-chart-wrap[b-j3cy33xzst] { position: relative; width: 100%; }

@media (max-width: 768px) {
    .stats-grid[b-j3cy33xzst] { grid-template-columns: 1fr; }
    .stats-card--wide[b-j3cy33xzst] { grid-column: 1; }
}

/* ── Activity Feed ────────────────────────────────────────────────────────── */

.adm-section__link[b-j3cy33xzst] {
    float: right;
    font-size: .8rem;
    font-weight: 700;
    color: var(--color-primary);
    text-decoration: none;
}
.adm-section__link:hover[b-j3cy33xzst] { text-decoration: underline; }

.adm-feed-day[b-j3cy33xzst] {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--color-text-light);
    padding: .65rem 0 .4rem;
    border-bottom: 1px solid var(--color-border-soft);
    margin-bottom: .35rem;
}

.adm-feed-item[b-j3cy33xzst] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .55rem 0;
    border-bottom: 1px solid var(--color-border-soft);
}
.adm-feed-item:last-child[b-j3cy33xzst] { border-bottom: none; }

.adm-feed-item__dot[b-j3cy33xzst] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: .35rem;
}
.adm-feed-item__dot--register[b-j3cy33xzst] { background: var(--color-success-text); }
.adm-feed-item__dot--cancel[b-j3cy33xzst]   { background: var(--color-error-text); }
.adm-feed-item__dot--pickup[b-j3cy33xzst]   { background: var(--color-warning-text); }
.adm-feed-item__dot--checkin[b-j3cy33xzst]  { background: var(--color-primary); }
.adm-feed-item__dot--checkout[b-j3cy33xzst] { background: #7c3aed; }

.adm-feed-item__body[b-j3cy33xzst] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    flex-wrap: wrap;
    flex: 1;
}

.adm-feed-item__time[b-j3cy33xzst] {
    font-size: .75rem;
    color: var(--color-text-placeholder);
    font-weight: 600;
    white-space: nowrap;
    min-width: 38px;
}

.adm-feed-item__icon[b-j3cy33xzst] { font-size: .9rem; flex-shrink: 0; }

.adm-feed-item__text[b-j3cy33xzst] { flex: 1; font-size: .85rem; line-height: 1.5; min-width: 0; }
.adm-feed-item__action[b-j3cy33xzst] { color: var(--color-text-light); margin: 0 .2rem; }
.adm-feed-item__detail[b-j3cy33xzst] { font-weight: 700; color: var(--color-text-strong); }
.adm-feed-item__sub[b-j3cy33xzst]    { color: var(--color-primary); font-size: .78rem; }

/* ── Mini Table ───────────────────────────────────────────────────────────── */
.adm-mini-table[b-j3cy33xzst] {
    width: 100%;
    border-collapse: collapse;
    font-size: .85rem;
}

.adm-mini-table thead th[b-j3cy33xzst] {
    padding: .4rem .6rem;
    text-align: left;
    font-size: .75rem;
    font-weight: 800;
    color: var(--color-text-light);
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 2px solid var(--color-border-soft);
}

.adm-mini-table tbody td[b-j3cy33xzst] {
    padding: .55rem .6rem;
    border-bottom: 1px solid var(--color-border-soft);
    color: var(--color-text);
}

.adm-mini-table tbody tr:last-child td[b-j3cy33xzst] { border-bottom: none; }

.adm-status-badge[b-j3cy33xzst] {
    display: inline-flex;
    padding: .15rem .5rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
}

.adm-status-badge--pending[b-j3cy33xzst]  { background: var(--color-warning-bg); color: var(--color-warning-text); border: 1px solid var(--color-warning-border); }
.adm-status-badge--accepted[b-j3cy33xzst] { background: var(--color-success-bg); color: var(--color-success-text); border: 1px solid var(--color-success-border); }
.adm-status-badge--rejected[b-j3cy33xzst] { background: var(--color-error-bg);   color: var(--color-error-text);   border: 1px solid var(--color-error-border); }

.adm-link[b-j3cy33xzst]  { display: inline-block; margin-top: .75rem; font-size: .82rem; font-weight: 700; color: var(--color-primary); text-decoration: none; }
.adm-link:hover[b-j3cy33xzst] { text-decoration: underline; }
.adm-empty[b-j3cy33xzst] { font-size: .88rem; color: var(--color-text-placeholder); font-style: italic; }

/* ── Pickup Calendar Strip ──────────────────────────────────────────────── */
.adm-section--full[b-j3cy33xzst] {
    grid-column: 1 / -1;
    max-height: none;
    overflow: visible;
}

.adm-pickup-strip[b-j3cy33xzst] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-border-soft);
}
.adm-pickup-strip:last-child[b-j3cy33xzst] { border-bottom: none; }

.adm-pickup-strip__event[b-j3cy33xzst] {
    font-size: .95rem;
    font-weight: 800;
    color: var(--color-primary);
    min-width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}

.adm-pickup-strip__cells[b-j3cy33xzst] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.adm-day-cell[b-j3cy33xzst] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 64px;
    border-radius: 14px;
    text-decoration: none;
    transition: transform .12s, box-shadow .12s;
    border: 2px solid transparent;
}
.adm-day-cell:hover[b-j3cy33xzst] { transform: translateY(-3px); box-shadow: 0 4px 14px rgba(0,0,0,.18); }

.adm-day-cell__date[b-j3cy33xzst]  { font-size: .72rem; font-weight: 700; opacity: .8; }
.adm-day-cell__count[b-j3cy33xzst] { font-size: 1.05rem; font-weight: 900; margin-top: .1rem; }

.adm-day-cell--empty[b-j3cy33xzst]     { background: var(--color-border-soft); color: var(--color-text-placeholder); border-color: var(--color-border-soft); }
.adm-day-cell--free[b-j3cy33xzst]      { background: var(--brand-100); color: var(--brand-800); border-color: var(--brand-300); }
.adm-day-cell--ok[b-j3cy33xzst]        { background: #dcfce7; color: #166534; border-color: #86efac; }
.adm-day-cell--warn[b-j3cy33xzst]      { background: #fef9c3; color: #854d0e; border-color: #fde047; }
.adm-day-cell--warn-high[b-j3cy33xzst] { background: #ffedd5; color: #9a3412; border-color: #fdba74; }
.adm-day-cell--full[b-j3cy33xzst]      { background: #fee2e2; color: #991b1b; border-color: #fca5a5; }

/* ── Fahrzeug-Lücken ──────────────────────────────────────────────────────── */
.adm-gaps[b-j3cy33xzst] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .5rem;
}

.adm-gap[b-j3cy33xzst] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem .75rem;
    padding: .55rem .85rem;
    border-radius: 10px;
    border-left: 4px solid;
    font-size: .9rem;
}

.adm-gap strong[b-j3cy33xzst] { min-width: 5.5rem; }
.adm-gap small[b-j3cy33xzst]  { opacity: .75; }

.adm-gap--alert[b-j3cy33xzst] { background: var(--color-error-bg);   color: var(--color-error-text);   border-color: var(--color-error-border); }
.adm-gap--warn[b-j3cy33xzst]  { background: var(--color-warning-bg); color: var(--color-warning-text); border-color: var(--color-warning-border); }
/* /Pages/Admin/Appointments.razor.rz.scp.css */
/* ── Filter Bar ───────────────────────────────────────────────────────────── */
.appt-filter-bar[b-jpykscsv1f] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: .75rem 1.25rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    background: var(--color-surface-card);
    border: 1px solid var(--color-border-soft);
    border-radius: 16px;
    box-shadow: var(--shadow-card-sm);
}

.appt-filter-group[b-jpykscsv1f] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 190px;
}

.appt-filter-group label[b-jpykscsv1f] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--color-text-medium);
}

.appt-select[b-jpykscsv1f] {
    height: 2.75rem;
    padding: 0 .9rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: .92rem;
    font-weight: 600;
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 14px) calc(50% - 3px),
        calc(100% - 8px)  calc(50% - 3px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s;
}

.appt-select:focus[b-jpykscsv1f] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(var(--brand-500-rgb), .12);
}

/* ── KPI Bar ──────────────────────────────────────────────────────────────── */
.appt-kpi-bar[b-jpykscsv1f] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.appt-kpi[b-jpykscsv1f] {
    flex: 1 1 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 1.25rem;
    border-radius: 16px;
    border: 1px solid var(--color-border-soft);
    box-shadow: var(--shadow-card-sm);
}

.appt-kpi--total[b-jpykscsv1f]     { background: var(--color-info-bg);    border-color: var(--color-info-border); }
.appt-kpi--open[b-jpykscsv1f]      { background: var(--color-warning-bg); border-color: var(--color-warning-border); }
.appt-kpi--areas[b-jpykscsv1f]     { background: var(--color-success-bg); border-color: var(--color-success-border); }
.appt-kpi--cancelled[b-jpykscsv1f] { background: var(--color-error-bg);   border-color: var(--color-error-border); }

.appt-kpi__num[b-jpykscsv1f] {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    color: var(--color-text-strong);
}

.appt-kpi--total     .appt-kpi__num[b-jpykscsv1f] { color: var(--color-info-text); }
.appt-kpi--open      .appt-kpi__num[b-jpykscsv1f] { color: var(--color-warning-text); }
.appt-kpi--areas     .appt-kpi__num[b-jpykscsv1f] { color: var(--color-success-text); }
.appt-kpi--cancelled .appt-kpi__num[b-jpykscsv1f] { color: var(--color-error-text); }

.appt-kpi__label[b-jpykscsv1f] {
    font-size: .78rem;
    font-weight: 700;
    color: var(--color-text-light);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: .25rem;
}

/* ── Accordion ────────────────────────────────────────────────────────────── */
.appt-accordion[b-jpykscsv1f] {
    margin-bottom: .6rem;
    border-radius: 16px;
    overflow: hidden;
    border: 1.5px solid var(--color-border-soft);
    background: var(--color-surface-card);
    box-shadow: var(--shadow-card-sm);
    transition: border-color .2s;
}

.appt-accordion--open-slots[b-jpykscsv1f] { border-color: var(--color-warning-border); }
.appt-accordion--full[b-jpykscsv1f]       { border-color: var(--color-success-border); }

.appt-accordion__header[b-jpykscsv1f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1.25rem;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: background .15s;
}

.appt-accordion__header:hover[b-jpykscsv1f] {
    background: var(--color-surface-card-soft);
}

.appt-accordion__title[b-jpykscsv1f] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 0;
}

.appt-accordion__chevron[b-jpykscsv1f] {
    font-size: 1rem;
    color: var(--color-text-light);
    transition: transform .2s;
    flex-shrink: 0;
}

.appt-accordion__chevron--open[b-jpykscsv1f] { transform: rotate(180deg); }

.appt-accordion__name[b-jpykscsv1f] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--color-text-strong);
    white-space: nowrap;
}

.appt-accordion__date[b-jpykscsv1f] {
    font-size: .85rem;
    font-weight: 600;
    color: var(--color-text-medium);
    white-space: nowrap;
}

.appt-accordion__time[b-jpykscsv1f] {
    margin-left: .4rem;
    padding: .1rem .45rem;
    border-radius: 6px;
    background: var(--color-surface-input-alt);
    font-size: .78rem;
    color: var(--color-text-light);
}

.appt-accordion__right[b-jpykscsv1f] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-shrink: 0;
}

/* ── Badges ───────────────────────────────────────────────────────────────── */
.appt-cat-badge[b-jpykscsv1f] {
    padding: .2rem .65rem;
    border-radius: 999px;
    background: var(--color-info-bg);
    color: var(--color-info-text);
    border: 1px solid var(--color-info-border);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.appt-open-badge[b-jpykscsv1f] {
    padding: .2rem .65rem;
    border-radius: 999px;
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
    border: 1px solid var(--color-warning-border);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.appt-unlimited-badge[b-jpykscsv1f] {
    padding: .2rem .65rem;
    border-radius: 999px;
    background: var(--color-surface-input-alt);
    color: var(--color-text-medium);
    border: 1px solid var(--color-border-input);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.appt-accordion--unlimited[b-jpykscsv1f] { border-color: var(--color-border-soft); }

.appt-full-badge[b-jpykscsv1f] {
    padding: .2rem .65rem;
    border-radius: 999px;
    background: var(--color-success-bg);
    color: var(--color-success-text);
    border: 1px solid var(--color-success-border);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Capacity Bar ─────────────────────────────────────────────────────────── */
.appt-capacity[b-jpykscsv1f] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 120px;
}

.appt-capacity__bar[b-jpykscsv1f] {
    flex: 1;
    height: 8px;
    border-radius: 999px;
    background: var(--color-border-soft);
    overflow: hidden;
}

.appt-capacity__fill[b-jpykscsv1f] {
    height: 100%;
    border-radius: 999px;
    background: var(--color-primary);
    transition: width .3s ease;
}

.appt-capacity__fill--warn[b-jpykscsv1f] { background: var(--color-warning-text); }
.appt-capacity__fill--full[b-jpykscsv1f] { background: var(--color-success-text); }

.appt-capacity__label[b-jpykscsv1f] {
    font-size: .8rem;
    font-weight: 700;
    color: var(--color-text-medium);
    white-space: nowrap;
}

/* ── Accordion Body ───────────────────────────────────────────────────────── */
.appt-accordion__body[b-jpykscsv1f] {
    padding: 0 1.25rem 1.25rem;
    border-top: 1px solid var(--color-border-soft);
}

/* ── Toggle All Button ────────────────────────────────────────────────────── */
.appt-toggle-all-btn[b-jpykscsv1f] {
    height: 2.75rem;
    padding: 0 1.1rem;
    border: 1.5px solid var(--color-border-input);
    border-radius: 10px;
    background: var(--color-surface-card);
    color: var(--color-text-medium);
    font-size: .85rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s, border-color .15s, color .15s;
}

.appt-toggle-all-btn:hover[b-jpykscsv1f] {
    background: var(--color-primary-tint);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

/* ── Table ────────────────────────────────────────────────────────────────── */
.appt-table[b-jpykscsv1f] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
    margin-top: .75rem;
}

.appt-table thead th[b-jpykscsv1f] {
    padding: .5rem .75rem;
    text-align: left;
    font-size: .78rem;
    font-weight: 800;
    color: var(--color-text-medium);
    text-transform: uppercase;
    letter-spacing: .05em;
    border-bottom: 2px solid var(--color-border-soft);
}

.appt-table tbody td[b-jpykscsv1f] {
    padding: .6rem .75rem;
    border-bottom: 1px solid var(--color-border-soft);
    color: var(--color-text);
    vertical-align: middle;
}

.appt-table tbody tr:last-child td[b-jpykscsv1f] { border-bottom: none; }
.appt-table tbody tr:hover[b-jpykscsv1f] { background: var(--color-surface-card-soft); }

.appt-table--cancelled[b-jpykscsv1f] { margin-top: .5rem; opacity: .7; }

.appt-comment[b-jpykscsv1f]    { font-style: italic; color: var(--color-text-medium); }
.appt-no-comment[b-jpykscsv1f] { color: var(--color-text-placeholder); }

/* ── Open Slots ───────────────────────────────────────────────────────────── */
.appt-open-slots[b-jpykscsv1f] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px dashed var(--color-border-soft);
}

.appt-open-slot[b-jpykscsv1f] {
    padding: .25rem .7rem;
    border-radius: 999px;
    border: 1.5px dashed var(--color-warning-border);
    color: var(--color-warning-text);
    background: var(--color-warning-bg);
    font-size: .78rem;
    font-weight: 700;
}

/* ── Cancelled Details ────────────────────────────────────────────────────── */
.appt-cancelled-details[b-jpykscsv1f] {
    margin-top: .75rem;
}

.appt-cancelled-details summary[b-jpykscsv1f] {
    font-size: .82rem;
    color: var(--color-text-light);
    cursor: pointer;
    padding: .35rem 0;
}

.appt-empty-msg[b-jpykscsv1f] {
    margin: .75rem 0 0;
    font-size: .88rem;
    color: var(--color-text-placeholder);
    font-style: italic;
}

/* ── Admin Cancel Button ──────────────────────────────────────────────────── */
.appt-cancel-btn[b-jpykscsv1f] {
    padding: .2rem .45rem;
    border: 1px solid var(--color-error-border);
    border-radius: 6px;
    background: var(--color-error-bg);
    color: var(--color-error-text);
    cursor: pointer;
    font-size: .85rem;
    transition: filter .15s;
}
.appt-cancel-btn:hover[b-jpykscsv1f] { filter: brightness(1.1); }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .appt-filter-bar[b-jpykscsv1f]   { flex-direction: column; }
    .appt-filter-group[b-jpykscsv1f] { min-width: 100%; }
    .appt-accordion__right[b-jpykscsv1f] { flex-wrap: wrap; }
    .appt-capacity[b-jpykscsv1f]     { min-width: 90px; }
}
/* /Pages/Admin/AuditLog.razor.rz.scp.css */
/* ── Filter Bar ───────────────────────────────────────────────────────────── */
.aud-filter-bar[b-e2rz10eyam] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.aud-search[b-e2rz10eyam] {
    flex: 1 1 220px;
    height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: .92rem;
    transition: border-color .2s, box-shadow .2s;
}

.aud-search:focus[b-e2rz10eyam] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(var(--brand-500-rgb), .12);
}

.aud-filter-select[b-e2rz10eyam] {
    height: 2.75rem;
    padding: 0 .9rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: .88rem;
    cursor: pointer;
    min-width: 140px;
    transition: border-color .2s;
}

.aud-filter-select:focus[b-e2rz10eyam] { outline: none; border-color: var(--color-primary); }

.aud-reload-btn[b-e2rz10eyam] {
    height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-primary-tint);
    color: var(--color-primary);
    font-weight: 700;
    font-size: .88rem;
    cursor: pointer;
    white-space: nowrap;
    transition: filter .15s;
}

.aud-reload-btn:hover[b-e2rz10eyam] { filter: brightness(1.05); }

.aud-count[b-e2rz10eyam] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--color-text-light);
    margin-left: auto;
    white-space: nowrap;
}

/* ── Table ────────────────────────────────────────────────────────────────── */
.aud-table-wrap[b-e2rz10eyam] { overflow-x: auto; }

.aud-table[b-e2rz10eyam] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
    background: var(--color-surface-card);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-card);
}

.aud-table thead tr[b-e2rz10eyam] {
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
}

.aud-table thead th[b-e2rz10eyam] {
    padding: .85rem 1rem;
    text-align: left;
    font-size: .78rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.aud-table tbody tr[b-e2rz10eyam] {
    border-bottom: 1px solid var(--color-border-soft);
    transition: background .12s;
}

.aud-table tbody tr:last-child[b-e2rz10eyam] { border-bottom: none; }
.aud-table tbody tr:hover[b-e2rz10eyam]      { background: var(--color-surface-card-soft); }

.aud-table tbody td[b-e2rz10eyam] {
    padding: .7rem 1rem;
    vertical-align: middle;
    color: var(--color-text);
}

.aud-time[b-e2rz10eyam]    { font-family: "Courier New", monospace; font-size: .82rem; color: var(--color-text-light); white-space: nowrap; }
.aud-details[b-e2rz10eyam] { color: var(--color-text-light); font-size: .85rem; }

.aud-badge[b-e2rz10eyam] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .6rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
    background: var(--color-info-bg);
    color: var(--color-info-text);
    border: 1px solid var(--color-info-border);
}

@media (max-width: 720px) {
    .aud-table[b-e2rz10eyam] { display: block; overflow-x: auto; }
}
/* /Pages/Admin/CheckIn.razor.rz.scp.css */
.ci-toolbar[b-gweir95wft] {
    display: flex;
    align-items: flex-end;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.ci-field[b-gweir95wft] { display: flex; flex-direction: column; gap: .35rem; min-width: 300px; }
.ci-field label[b-gweir95wft] { font-size: .82rem; font-weight: 700; color: var(--color-text-medium); }

.ci-select[b-gweir95wft] {
    height: 2.75rem; padding: 0 .9rem; border: 1px solid var(--color-border-form);
    border-radius: 10px; background: var(--color-surface-input); color: var(--color-text-deep);
    font-size: .92rem; font-weight: 600; cursor: pointer;
}

.ci-toggle-wrap[b-gweir95wft] {
    display: flex; align-items: center; gap: .75rem;
    padding: .65rem 1.1rem; border-radius: 12px;
    background: var(--color-surface-card); border: 1px solid var(--color-border-soft);
}

.ci-toggle-label[b-gweir95wft] { font-size: .88rem; font-weight: 700; color: var(--color-text-medium); }
.ci-status--on[b-gweir95wft]  { font-size: .85rem; font-weight: 800; color: var(--color-success-text); }
.ci-status--off[b-gweir95wft] { font-size: .85rem; font-weight: 700; color: var(--color-text-placeholder); }

.ci-layout[b-gweir95wft] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.ci-card[b-gweir95wft] {
    background: var(--color-surface-card);
    border: 1px solid var(--color-border-soft);
    border-radius: 18px;
    padding: 1.25rem 1.5rem 1.5rem;
    box-shadow: var(--shadow-card-sm);
}

.ci-card__title[b-gweir95wft] {
    margin: 0 0 1rem;
    font-size: .95rem;
    font-weight: 800;
    color: var(--color-text-strong);
    padding-bottom: .75rem;
    border-bottom: 2px solid var(--color-border-soft);
}

/* Scan */
.ci-scan-btn[b-gweir95wft] {
    display: flex; align-items: center; justify-content: center; gap: .5rem;
    width: 100%; padding: 1.1rem; border: none; border-radius: 14px;
    background: linear-gradient(135deg,var(--brand-700),var(--brand-600)); color: #fff;
    font-size: 1rem; font-weight: 800; cursor: pointer;
    box-shadow: 0 4px 14px rgba(var(--brand-600-rgb), .25); transition: filter .15s;
}
.ci-scan-btn:hover[b-gweir95wft] { filter: brightness(1.07); }

.ci-stop-btn[b-gweir95wft] {
    display: flex; align-items: center; justify-content: center; gap: .5rem;
    width: 100%; padding: .85rem; margin-top: .75rem; border: none; border-radius: 12px;
    background: var(--color-error-bg); color: var(--color-error-text);
    border: 1px solid var(--color-error-border); font-size: .92rem; font-weight: 700; cursor: pointer;
}

.ci-video-wrap[b-gweir95wft] { position: relative; width: 100%; border-radius: 12px; overflow: hidden; background: #000; }
.ci-video[b-gweir95wft]       { width: 100%; display: block; max-height: 280px; object-fit: cover; }
.ci-canvas-hidden[b-gweir95wft] { display: none; }

/* Result */
.ci-result[b-gweir95wft] {
    display: flex; align-items: center; gap: .75rem;
    margin-top: 1rem; padding: .85rem 1rem; border-radius: 12px;
}
.ci-result--ok[b-gweir95wft]  { background: var(--color-success-bg); border: 1px solid var(--color-success-border); }
.ci-result--err[b-gweir95wft] { background: var(--color-error-bg);   border: 1px solid var(--color-error-border); }
.ci-result__icon[b-gweir95wft] { font-size: 1.5rem; flex-shrink: 0; }
.ci-result__text[b-gweir95wft] { font-size: .88rem; line-height: 1.5; }
.ci-result--ok .ci-result__text[b-gweir95wft]  { color: var(--color-success-text); }
.ci-result--err .ci-result__text[b-gweir95wft] { color: var(--color-error-text); }

/* Stats */
/* Mode Toggle */
.ci-mode-toggle[b-gweir95wft] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
}

.ci-mode-btn[b-gweir95wft] {
    flex: 1; padding: .65rem; border: 2px solid var(--color-border-soft);
    border-radius: 10px; background: var(--color-surface-card-soft);
    color: var(--color-text-medium); font-size: .88rem; font-weight: 700; cursor: pointer;
    transition: all .15s;
}

.ci-mode-btn--active[b-gweir95wft] {
    border-color: var(--color-primary); background: var(--color-info-bg); color: var(--color-primary);
}

.ci-mode-btn--out.ci-mode-btn--active[b-gweir95wft] {
    border-color: #7c3aed; background: #f5f3ff; color: #7c3aed;
}

.ci-scan-btn--out[b-gweir95wft] {
    background: linear-gradient(135deg, #5b21b6, #7c3aed) !important;
}

.ci-stats[b-gweir95wft] { display: flex; gap: .75rem; margin-bottom: 1rem; flex-wrap: wrap; }
.ci-stat[b-gweir95wft]  { flex: 1; display: flex; flex-direction: column; align-items: center; padding: .85rem; border-radius: 12px; border: 1px solid var(--color-border-soft); }
.ci-stat--ok[b-gweir95wft]      { background: var(--color-success-bg); }
.ci-stat--out[b-gweir95wft]     { background: #f5f3ff; border-color: #c4b5fd; }
.ci-stat--pending[b-gweir95wft] { background: var(--color-warning-bg); }
.ci-stat--total[b-gweir95wft]   { background: var(--color-info-bg); }
.ci-stat__num[b-gweir95wft]   { font-size: 1.75rem; font-weight: 900; }
.ci-stat--ok .ci-stat__num[b-gweir95wft]      { color: var(--color-success-text); }
.ci-stat--out .ci-stat__num[b-gweir95wft]     { color: #7c3aed; }
.ci-stat--pending .ci-stat__num[b-gweir95wft] { color: var(--color-warning-text); }
.ci-stat--total .ci-stat__num[b-gweir95wft]   { color: var(--color-info-text); }
.ci-stat__label[b-gweir95wft] { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--color-text-light); margin-top: .2rem; }

.ci-progress-bar[b-gweir95wft] { height: 8px; border-radius: 999px; background: var(--color-border-soft); overflow: hidden; margin-bottom: 1rem; }
.ci-progress-fill[b-gweir95wft] { height: 100%; border-radius: 999px; background: var(--color-success-text); transition: width .4s; }

.ci-recent__title[b-gweir95wft] { font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--color-text-light); margin-bottom: .5rem; }
.ci-recent__item[b-gweir95wft]  { display: flex; align-items: center; gap: .5rem; padding: .4rem 0; border-bottom: 1px solid var(--color-border-soft); font-size: .82rem; }
.ci-recent__item:last-child[b-gweir95wft] { border-bottom: none; }
.ci-recent__time[b-gweir95wft]   { color: var(--color-text-placeholder); min-width: 38px; }
.ci-recent__person[b-gweir95wft] { font-weight: 700; color: var(--color-text-strong); flex: 1; }
.ci-recent__area[b-gweir95wft]   { color: var(--color-text-light); font-size: .75rem; }

/* ── Tabs ─────────────────────────────────────────────────── */
.ci-tabs[b-gweir95wft] {
    display: flex;
    gap: .5rem;
    margin-bottom: 1.25rem;
}

.ci-tab[b-gweir95wft] {
    padding: .6rem 1.25rem;
    border: 2px solid var(--color-border-soft);
    border-radius: 12px;
    background: var(--color-surface-card);
    color: var(--color-text-medium);
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
}

.ci-tab:hover[b-gweir95wft] { border-color: var(--color-primary); color: var(--color-primary); }

.ci-tab--active[b-gweir95wft] {
    border-color: var(--color-primary);
    background: var(--color-info-bg);
    color: var(--color-primary);
}

/* ── Manual / Person list ─────────────────────────────────── */
.ci-search[b-gweir95wft] {
    width: 100%;
    box-sizing: border-box;
    padding: .65rem .9rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: .92rem;
}

.ci-search:focus[b-gweir95wft] { outline: none; border-color: var(--color-primary); }

.ci-person-list[b-gweir95wft] { margin-top: .75rem; }

.ci-person-row[b-gweir95wft] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .55rem 0;
    border-bottom: 1px solid var(--color-border-soft);
}

.ci-person-row:last-child[b-gweir95wft] { border-bottom: none; }

.ci-person-row__info[b-gweir95wft] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    flex: 1;
    min-width: 0;
    font-size: .88rem;
}

.ci-person-row__status[b-gweir95wft] { font-size: 1rem; flex-shrink: 0; margin-top: .1rem; }
.ci-person-row__actions[b-gweir95wft] { display: flex; gap: .5rem; flex-shrink: 0; }

.ci-action-btn[b-gweir95wft] {
    padding: .35rem .75rem;
    border: none;
    border-radius: 8px;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: filter .15s;
}

.ci-action-btn--in[b-gweir95wft]  { background: var(--color-success-bg); color: var(--color-success-text); border: 1px solid var(--color-success-border); }
.ci-action-btn--out[b-gweir95wft] { background: #f5f3ff; color: #7c3aed; border: 1px solid #c4b5fd; }
.ci-action-btn:hover[b-gweir95wft] { filter: brightness(.93); }

/* ── Übersicht Tab ────────────────────────────────────────── */
.ci-card--full[b-gweir95wft] { grid-column: 1 / -1; }

.ci-ov-header[b-gweir95wft] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding-bottom: .75rem;
    border-bottom: 2px solid var(--color-border-soft);
}

.ci-ov-filters[b-gweir95wft] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.ci-ov-filter[b-gweir95wft] {
    padding: .3rem .85rem;
    border: 1px solid var(--color-border-soft);
    border-radius: 999px;
    background: var(--color-surface-card-soft);
    color: var(--color-text-medium);
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
}

.ci-ov-filter:hover[b-gweir95wft] { border-color: var(--color-primary); color: var(--color-primary); }
.ci-ov-filter--active[b-gweir95wft] { background: var(--color-info-bg); border-color: var(--color-primary); color: var(--color-primary); }

.ci-ov-table-wrap[b-gweir95wft] { overflow-x: auto; }

.ci-ov-table[b-gweir95wft] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

.ci-ov-table thead th[b-gweir95wft] {
    padding: .5rem .75rem;
    text-align: left;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--color-text-light);
    border-bottom: 2px solid var(--color-border-soft);
    white-space: nowrap;
}

.ci-ov-table tbody td[b-gweir95wft] {
    padding: .55rem .75rem;
    border-bottom: 1px solid var(--color-border-soft);
    color: var(--color-text);
    vertical-align: middle;
}

.ci-ov-table tbody tr:last-child td[b-gweir95wft] { border-bottom: none; }

.ci-ov-row--open[b-gweir95wft]  { background: transparent; }
.ci-ov-row--in[b-gweir95wft]    { background: color-mix(in srgb, var(--color-success-bg) 40%, transparent); }
.ci-ov-row--out[b-gweir95wft]   { background: color-mix(in srgb, #f5f3ff 40%, transparent); }

.ci-ov-badge[b-gweir95wft] {
    display: inline-flex;
    padding: .2rem .6rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.ci-ov-badge--in[b-gweir95wft]   { background: var(--color-success-bg); color: var(--color-success-text); border: 1px solid var(--color-success-border); }
.ci-ov-badge--out[b-gweir95wft]  { background: #f5f3ff; color: #7c3aed; border: 1px solid #c4b5fd; }
.ci-ov-badge--open[b-gweir95wft] { background: var(--color-surface-card-soft); color: var(--color-text-medium); border: 1px solid var(--color-border-soft); }

.ci-ov-name[b-gweir95wft] { font-weight: 700; color: var(--color-text-strong); }
.ci-ov-type[b-gweir95wft] { font-weight: 600; color: var(--color-primary); font-size: .75rem; margin-left: .35rem; }

@media (max-width: 768px) { .ci-layout[b-gweir95wft] { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .ci-tabs[b-gweir95wft] { flex-wrap: wrap; } }
/* /Pages/Admin/Export.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   EXPORT PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Filter Bar ─────────────────────────────────────────────────────────── */
.export-filter-bar[b-slln3eqsag] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 2rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--color-border-card);
    border-radius: 18px;
    background: var(--color-surface-card);
    box-shadow: var(--shadow-card-sm);
    flex-wrap: wrap;
}

.export-filter-bar__group[b-slln3eqsag] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 260px;
}

.export-filter-bar__group label[b-slln3eqsag] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--color-text-medium);
}

.export-select[b-slln3eqsag] {
    height: 3rem;
    padding: 0 1rem;
    border: 1px solid var(--color-border-form);
    border-radius: 12px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 4px),
        calc(100% - 12px) calc(50% - 4px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.export-select:focus[b-slln3eqsag] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 4px rgba(var(--brand-500-rgb), 0.12);
}

/* ─── Export Grid ────────────────────────────────────────────────────────── */
.export-grid[b-slln3eqsag] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

/* ─── Export Card ────────────────────────────────────────────────────────── */
.export-card[b-slln3eqsag] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    border: 1px solid var(--color-border-card);
    border-radius: 22px;
    background: linear-gradient(180deg, var(--color-surface-card) 0%, var(--color-surface-card-soft) 100%);
    box-shadow: var(--shadow-card);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.export-card:hover[b-slln3eqsag] {
    box-shadow:
        0 16px 32px rgba(15,23,42,0.09),
        0 1px 0 rgba(255,255,255,0.9) inset;
    transform: translateY(-2px);
}

.export-card__icon[b-slln3eqsag] {
    font-size: 2.2rem;
    line-height: 1;
}

.export-card__content[b-slln3eqsag] {
    flex: 1;
}

.export-card__content h3[b-slln3eqsag] {
    margin: 0 0 0.4rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--color-text-strong);
}

.export-card__content p[b-slln3eqsag] {
    margin: 0 0 0.85rem;
    font-size: 0.88rem;
    color: var(--color-text-lighter);
    line-height: 1.55;
}

.export-card__meta[b-slln3eqsag] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.export-tag[b-slln3eqsag] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--color-info-bg);
    color: var(--color-primary);
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid var(--color-info-border);
}

.export-card__action[b-slln3eqsag] {
    margin-top: auto;
}

/* ─── Export Button ──────────────────────────────────────────────────────── */
.export-btn[b-slln3eqsag] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    justify-content: center;
    padding: 0.85rem 1.25rem;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: var(--shadow-btn);
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.export-btn:hover[b-slln3eqsag] {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow: 0 12px 28px rgba(var(--brand-600-rgb), 0.28);
}

.export-btn:disabled[b-slln3eqsag] {
    background: var(--color-border-medium);
    color: var(--color-text-lighter);
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
    filter: none;
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
    .export-grid[b-slln3eqsag] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .export-page[b-slln3eqsag] {
        padding: 1rem 0.8rem 2rem;
    }

    .export-hero__content[b-slln3eqsag] {
        padding: 1.35rem;
    }

    .export-hero h1[b-slln3eqsag] {
        font-size: 1.8rem;
    }

    .export-filter-bar[b-slln3eqsag] {
        padding: 1rem;
    }

    .export-filter-bar__group[b-slln3eqsag] {
        min-width: 100%;
    }
}
/* /Pages/Admin/FurniturePickupAdmin.razor.rz.scp.css */
/* ── Tabs ─────────────────────────────────────────────────────────────────── */
.afp-tabs[b-wsbybuihbg] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--color-border-soft);
    padding-bottom: 0;
}

.afp-tab[b-wsbybuihbg] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .6rem 1.1rem;
    border: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--color-text-medium);
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    transition: color .15s, border-color .15s, background .15s;
    margin-bottom: -2px;
}

.afp-tab:hover[b-wsbybuihbg] {
    color: var(--color-primary);
    background: var(--color-primary-tint);
}

.afp-tab--active[b-wsbybuihbg] {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
    background: var(--color-primary-tint);
}

.afp-tab__badge[b-wsbybuihbg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--color-primary);
    color: #ffffff;
    font-size: .72rem;
    font-weight: 800;
}

/* ── Table ────────────────────────────────────────────────────────────────── */
.afp-table[b-wsbybuihbg] {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
    background: var(--color-surface-card);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-card);
}

.afp-table thead tr[b-wsbybuihbg] {
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
}

.afp-table thead th[b-wsbybuihbg] {
    padding: .85rem 1rem;
    text-align: left;
    font-size: .82rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.afp-table tbody tr[b-wsbybuihbg] {
    border-bottom: 1px solid var(--color-border-soft);
    transition: background .12s;
}

.afp-table tbody tr:last-child[b-wsbybuihbg] { border-bottom: none; }

.afp-table tbody tr:hover[b-wsbybuihbg] { background: var(--color-surface-card-soft); }

.afp-table tbody td[b-wsbybuihbg] {
    padding: .85rem 1rem;
    color: var(--color-text);
    vertical-align: middle;
}

/* ── Sortierbare Header ───────────────────────────────────────────────────── */
.afp-th-sort[b-wsbybuihbg] {
    cursor: pointer;
    user-select: none;
}

.afp-th-sort:hover[b-wsbybuihbg] { opacity: .8; }

.afp-sort-icon[b-wsbybuihbg] {
    font-size: .7rem;
    opacity: .65;
    margin-left: .25rem;
}

/* ── Table Buttons ────────────────────────────────────────────────────────── */
.afp-btn[b-wsbybuihbg] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .4rem .85rem;
    border: none;
    border-radius: 8px;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s, filter .15s;
    white-space: nowrap;
}

.afp-btn:hover[b-wsbybuihbg] { transform: translateY(-1px); filter: brightness(1.08); }

.afp-btn--detail[b-wsbybuihbg] {
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
    border: 1px solid var(--color-warning-border);
}

/* ── Filter Row ───────────────────────────────────────────────────────────── */
.afp-filter-row[b-wsbybuihbg] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.25rem;
}

/* ── Settings Block list ──────────────────────────────────────────────────── */
.afp-settings-list[b-wsbybuihbg] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

/* Override shared margin so gap handles spacing instead */
.afp-block[b-wsbybuihbg] {
    margin-bottom: 0;
}

/* Date in block header ───────────────────────────────────────────────────── */
.afp-block__header-date[b-wsbybuihbg] {
    font-size: .85rem;
    font-weight: 500;
    opacity: .85;
}

/* ── Toggle Switch ────────────────────────────────────────────────────────── */
.afp-toggle-row[b-wsbybuihbg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

.afp-toggle-info[b-wsbybuihbg] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.afp-toggle-label[b-wsbybuihbg] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text-strong);
}

.afp-toggle-desc[b-wsbybuihbg] {
    font-size: .88rem;
    color: var(--color-text-light);
    line-height: 1.5;
}

.afp-toggle[b-wsbybuihbg] {
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
}

.afp-toggle input[type="checkbox"][b-wsbybuihbg] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.afp-toggle__track[b-wsbybuihbg] {
    display: block;
    width: 56px;
    height: 30px;
    border-radius: 999px;
    background: var(--color-border-input);
    transition: background .25s ease;
    position: relative;
}

.afp-toggle input:checked + .afp-toggle__track[b-wsbybuihbg] {
    background: var(--color-primary);
}

.afp-toggle__thumb[b-wsbybuihbg] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-white);
    box-shadow: 0 2px 6px rgba(0,0,0,.18);
    transition: transform .25s ease;
}

.afp-toggle input:checked + .afp-toggle__track .afp-toggle__thumb[b-wsbybuihbg] {
    transform: translateX(26px);
}

/* ── Status Badge ─────────────────────────────────────────────────────────── */
.afp-status-badge[b-wsbybuihbg] {
    padding: .75rem 1rem;
    border-radius: 12px;
    font-size: .92rem;
    font-weight: 600;
}

.afp-status-badge--on[b-wsbybuihbg] {
    background: var(--color-success-bg);
    border: 1px solid var(--color-success-border);
    color: var(--color-success-text);
}

.afp-status-badge--off[b-wsbybuihbg] {
    background: var(--color-error-bg);
    border: 1px solid var(--color-error-border);
    color: var(--color-error-text);
}

/* ── Hint ─────────────────────────────────────────────────────────────────── */
.afp-hint[b-wsbybuihbg] {
    margin: 0 0 1.25rem;
    color: var(--color-text-light);
    font-size: .92rem;
    line-height: 1.6;
}

/* ── Date Grid ────────────────────────────────────────────────────────────── */
.afp-date-grid[b-wsbybuihbg] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: end;
    gap: 1rem;
}

.afp-date-arrow[b-wsbybuihbg] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: .75rem;
    font-size: 1.4rem;
    color: var(--color-text-placeholder);
    font-weight: 700;
}

.afp-date-preview[b-wsbybuihbg] {
    margin-top: 1rem;
    padding: .85rem 1rem;
    border-radius: 12px;
    background: var(--color-info-bg);
    border: 1px solid var(--color-info-border);
    color: var(--color-info-text);
    font-size: .92rem;
    line-height: 1.6;
}

/* ── Settings Actions ─────────────────────────────────────────────────────── */
.afp-settings-actions[b-wsbybuihbg] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

/* ── Add Button ───────────────────────────────────────────────────────────── */
.afp-add-btn[b-wsbybuihbg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;
    padding: 1rem 1.5rem;
    border: 2px dashed var(--color-info-border);
    border-radius: 16px;
    background: var(--color-info-bg);
    color: var(--color-info-text);
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .18s ease;
    margin-bottom: 1.5rem;
}

.afp-add-btn:hover[b-wsbybuihbg] {
    background: var(--color-primary-tint);
    border-color: var(--color-primary);
    transform: translateY(-1px);
}

.afp-add-btn:active[b-wsbybuihbg] {
    transform: translateY(0);
}

/* ── Detail Modal ─────────────────────────────────────────────────────────── */
.afp-modal[b-wsbybuihbg] {
    background: var(--color-surface-card);
    border-radius: 20px;
    max-width: 640px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 25px 60px rgba(0,0,0,.2);
    display: flex;
    flex-direction: column;
}

.afp-modal__header[b-wsbybuihbg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--color-border-light);
}

.afp-modal__header h3[b-wsbybuihbg] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--color-text-strong);
}

.afp-modal__close[b-wsbybuihbg] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: var(--color-surface-muted);
    color: var(--color-text-medium);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease;
}

.afp-modal__close:hover[b-wsbybuihbg] {
    background: var(--color-border-light);
}

.afp-modal__body[b-wsbybuihbg] {
    padding: 1.5rem;
    flex: 1;
}

.afp-modal__images[b-wsbybuihbg] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.afp-modal__images img[b-wsbybuihbg] {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
    border: 2px solid var(--color-border-light);
    transition: border-color .2s ease, transform .2s ease;
}

.afp-modal__images img:hover[b-wsbybuihbg] {
    border-color: var(--color-primary);
    transform: scale(1.04);
}

.afp-modal__footer[b-wsbybuihbg] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--color-border-light);
    background: var(--color-surface-muted);
    border-radius: 0 0 20px 20px;
}

/* ── Bild Vollansicht ─────────────────────────────────────────────────────── */
.afp-image-backdrop[b-wsbybuihbg] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.88);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    cursor: pointer;
    backdrop-filter: blur(4px);
}

.afp-image-backdrop img[b-wsbybuihbg] {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 12px;
    object-fit: contain;
    box-shadow: 0 30px 80px rgba(0,0,0,.4);
}

/* ── Media Queries ────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .afp-block__body[b-wsbybuihbg] {
        padding: 1rem;
    }

    .afp-date-grid[b-wsbybuihbg] {
        grid-template-columns: 1fr;
    }

    .afp-date-arrow[b-wsbybuihbg] {
        display: none;
    }

    .afp-toggle-row[b-wsbybuihbg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .afp-settings-actions[b-wsbybuihbg] {
        flex-direction: column;
    }

    .afp-submit-btn[b-wsbybuihbg],
    .afp-delete-btn[b-wsbybuihbg],
    .afp-add-btn[b-wsbybuihbg] {
        width: 100%;
        max-width: 100%;
    }

    .afp-modal__footer[b-wsbybuihbg] {
        flex-direction: column;
    }

    .afp-modal__footer .btn[b-wsbybuihbg] {
        width: 100%;
        text-align: center;
    }
}
/* /Pages/Admin/Users.razor.rz.scp.css */
/* ── Tabs ─────────────────────────────────────────────────────────────────── */
.usr-tabs[b-5cnwv86e5a] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--color-border-soft);
    padding-bottom: 0;
}

.usr-tab[b-5cnwv86e5a] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .6rem 1.1rem;
    border: none;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: var(--color-text-medium);
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    transition: color .15s, border-color .15s, background .15s;
    margin-bottom: -2px;
}

.usr-tab:hover[b-5cnwv86e5a] { color: var(--color-primary); background: var(--color-primary-tint); }

.usr-tab--active[b-5cnwv86e5a] {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
    background: var(--color-primary-tint);
}

.usr-tab__badge[b-5cnwv86e5a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--color-primary);
    color: #ffffff;
    font-size: .72rem;
    font-weight: 800;
}

/* ── Filter Bar ───────────────────────────────────────────────────────────── */
.usr-filter-bar[b-5cnwv86e5a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.usr-search[b-5cnwv86e5a] {
    flex: 1 1 260px;
    height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: .92rem;
    transition: border-color .2s, box-shadow .2s;
}

.usr-search:focus[b-5cnwv86e5a] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(var(--brand-500-rgb), .12);
}

.usr-filter-select[b-5cnwv86e5a] {
    height: 2.75rem;
    padding: 0 2.5rem 0 .9rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: .92rem;
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 14px) calc(50% - 3px),
        calc(100% - 8px)  calc(50% - 3px);
    background-size: 5px 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    min-width: 150px;
    transition: border-color .2s;
}

.usr-filter-select:focus[b-5cnwv86e5a] {
    outline: none;
    border-color: var(--color-primary);
}

.usr-count[b-5cnwv86e5a] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--color-text-light);
    margin-left: auto;
    white-space: nowrap;
}

/* ── Table ────────────────────────────────────────────────────────────────── */
.usr-table[b-5cnwv86e5a] {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
    background: var(--color-surface-card);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--shadow-card);
}

.usr-table thead tr[b-5cnwv86e5a] {
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
}

.usr-table thead th[b-5cnwv86e5a] {
    padding: .85rem 1rem;
    text-align: left;
    font-size: .8rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.usr-table tbody tr[b-5cnwv86e5a] {
    border-bottom: 1px solid var(--color-border-soft);
    transition: background .12s;
}

.usr-table tbody tr:last-child[b-5cnwv86e5a] { border-bottom: none; }
.usr-table tbody tr:hover[b-5cnwv86e5a]      { background: var(--color-surface-card-soft); }
.usr-row--locked[b-5cnwv86e5a]               { opacity: .65; }

.usr-table tbody td[b-5cnwv86e5a] {
    padding: .8rem 1rem;
    vertical-align: middle;
    color: var(--color-text);
}

.usr-email[b-5cnwv86e5a] { font-size: .85rem; color: var(--color-text-light); }

/* ── Sort ─────────────────────────────────────────────────────────────────── */
.usr-th-sort[b-5cnwv86e5a]    { cursor: pointer; user-select: none; }
.usr-th-sort:hover[b-5cnwv86e5a] { opacity: .8; }
.usr-sort-icon[b-5cnwv86e5a]  { font-size: .7rem; opacity: .65; margin-left: .25rem; }

/* ── Badges ───────────────────────────────────────────────────────────────── */
.usr-badge[b-5cnwv86e5a] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .6rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.usr-badge--admin[b-5cnwv86e5a]  { background: var(--color-error-bg);   color: var(--color-error-text);   border: 1px solid var(--color-error-border); }
.usr-badge--user[b-5cnwv86e5a]   { background: var(--color-info-bg);    color: var(--color-info-text);    border: 1px solid var(--color-info-border); }
.usr-badge--active[b-5cnwv86e5a] { background: var(--color-success-bg); color: var(--color-success-text); border: 1px solid var(--color-success-border); }
.usr-badge--locked[b-5cnwv86e5a] { background: var(--color-error-bg);   color: var(--color-error-text);   border: 1px solid var(--color-error-border); }

/* ── Anmeldungs-Tooltip ───────────────────────────────────────────────────── */
.usr-tooltip-wrap[b-5cnwv86e5a] {
    position: relative;
    display: inline-block;
    cursor: default;
}

.usr-tooltip[b-5cnwv86e5a] {
    display: none;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: #1e293b;
    color: #f8fafc;
    border-radius: 10px;
    padding: .5rem .8rem;
    font-size: .78rem;
    font-weight: 400;
    z-index: 200;
    flex-direction: column;
    gap: .22rem;
    min-width: 200px;
    box-shadow: 0 6px 20px rgba(0,0,0,.3);
    pointer-events: none;
    white-space: nowrap;
}

.usr-tooltip[b-5cnwv86e5a]::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #1e293b;
}

.usr-tooltip-wrap:hover .usr-tooltip[b-5cnwv86e5a] {
    display: flex;
}

.usr-tooltip__row[b-5cnwv86e5a] {
    display: block;
    line-height: 1.5;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: .2rem;
}

.usr-tooltip__row:last-child[b-5cnwv86e5a] {
    border-bottom: none;
    padding-bottom: 0;
}

/* ── Action Buttons ───────────────────────────────────────────────────────── */
.usr-actions[b-5cnwv86e5a] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
}

.usr-btn[b-5cnwv86e5a] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .35rem .75rem;
    border: none;
    border-radius: 8px;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .15s, filter .15s;
}

.usr-btn:hover[b-5cnwv86e5a] { transform: translateY(-1px); filter: brightness(1.08); }

.usr-btn--edit[b-5cnwv86e5a]   { background: var(--color-warning-bg); color: var(--color-warning-text); border: 1px solid var(--color-warning-border); }
.usr-btn--pw[b-5cnwv86e5a]     { background: var(--color-info-bg);    color: var(--color-info-text);    border: 1px solid var(--color-info-border); }
.usr-btn--lock[b-5cnwv86e5a]   { background: var(--color-error-bg);   color: var(--color-error-text);   border: 1px solid var(--color-error-border); }
.usr-btn--unlock[b-5cnwv86e5a] { background: var(--color-success-bg); color: var(--color-success-text); border: 1px solid var(--color-success-border); }
.usr-btn--mail[b-5cnwv86e5a]   { background: var(--color-info-bg);    color: var(--color-info-text);    border: 1px solid var(--color-info-border); }
.usr-btn--delete[b-5cnwv86e5a] { background: var(--color-error-bg);   color: var(--color-error-text);   border: 1px solid var(--color-error-border); padding: .35rem .6rem; }

/* ── Modal ────────────────────────────────────────────────────────────────── */
.usr-modal-backdrop[b-5cnwv86e5a] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    backdrop-filter: blur(3px);
}

.usr-modal[b-5cnwv86e5a] {
    background: var(--color-surface-card);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(15,23,42,.22);
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.usr-modal__header[b-5cnwv86e5a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
    border-radius: 20px 20px 0 0;
}

.usr-modal__header h3[b-5cnwv86e5a] { margin: 0; font-size: 1.05rem; font-weight: 800; color: #ffffff; }

.usr-modal__close[b-5cnwv86e5a] {
    background: rgba(255,255,255,.2);
    border: none;
    color: #ffffff;
    font-size: 1rem;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}

.usr-modal__close:hover[b-5cnwv86e5a] { background: rgba(255,255,255,.35); }

.usr-modal__body[b-5cnwv86e5a]   { padding: 1.5rem; }
.usr-modal__footer[b-5cnwv86e5a] {
    display: flex;
    gap: .75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--color-border-soft);
}

/* ── Form Grid ────────────────────────────────────────────────────────────── */
.usr-form-grid[b-5cnwv86e5a] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.usr-field[b-5cnwv86e5a] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.usr-field label[b-5cnwv86e5a] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--color-text-medium);
}

.usr-input[b-5cnwv86e5a] {
    height: 2.75rem;
    padding: 0 .9rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: .92rem;
    transition: border-color .2s, box-shadow .2s;
}

.usr-input:focus[b-5cnwv86e5a] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(var(--brand-500-rgb), .12);
}

/* ── Role Toggle ──────────────────────────────────────────────────────────── */
.usr-role-toggle[b-5cnwv86e5a] {
    margin-top: 1.25rem;
    padding: 1rem;
    border-radius: 12px;
    background: var(--color-error-bg);
    border: 1px solid var(--color-error-border);
}

.usr-role-label[b-5cnwv86e5a] {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-weight: 700;
    color: var(--color-error-text);
    cursor: pointer;
    font-size: .95rem;
}

.usr-role-toggle small[b-5cnwv86e5a] {
    display: block;
    margin-top: .35rem;
    font-size: .82rem;
    color: var(--color-text-light);
}

/* ── PW Reset ─────────────────────────────────────────────────────────────── */
.usr-pw-hint[b-5cnwv86e5a] { font-size: .92rem; color: var(--color-text-medium); margin: 0; }

.usr-pw-row[b-5cnwv86e5a] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.usr-pw-row .usr-input[b-5cnwv86e5a] { flex: 1; }

.usr-pw-toggle[b-5cnwv86e5a],
.usr-pw-generate[b-5cnwv86e5a] {
    height: 2.75rem;
    width: 2.75rem;
    border: 1px solid var(--color-border-form);
    border-radius: 10px;
    background: var(--color-surface-input);
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .15s;
}

.usr-pw-toggle:hover[b-5cnwv86e5a], .usr-pw-generate:hover[b-5cnwv86e5a] { background: var(--color-primary-tint); }

.usr-pw-weak[b-5cnwv86e5a]   { color: var(--color-error-text); font-size: .82rem; font-weight: 600; margin-top: .3rem; display: block; }
.usr-pw-medium[b-5cnwv86e5a] { color: var(--color-warning-text); font-size: .82rem; font-weight: 600; margin-top: .3rem; display: block; }
.usr-pw-strong[b-5cnwv86e5a] { color: var(--color-success-text); font-size: .82rem; font-weight: 600; margin-top: .3rem; display: block; }

/* ── Submit / Cancel ──────────────────────────────────────────────────────── */
.usr-submit-btn[b-5cnwv86e5a] {
    flex: 1;
    height: 2.75rem;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--color-primary-deeper), var(--color-primary));
    color: #ffffff;
    font-size: .95rem;
    font-weight: 800;
    cursor: pointer;
    transition: filter .15s, transform .15s;
}

.usr-submit-btn:hover:not(:disabled)[b-5cnwv86e5a] { filter: brightness(1.08); transform: translateY(-1px); }
.usr-submit-btn:disabled[b-5cnwv86e5a] { opacity: .6; cursor: not-allowed; }

.usr-cancel-btn[b-5cnwv86e5a] {
    height: 2.75rem;
    padding: 0 1.25rem;
    border: 1.5px solid var(--color-border-input);
    border-radius: 12px;
    background: transparent;
    color: var(--color-text-medium);
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s;
}

.usr-cancel-btn:hover[b-5cnwv86e5a] { background: var(--color-surface-card-soft); }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .usr-form-grid[b-5cnwv86e5a] { grid-template-columns: 1fr; }
    .usr-actions[b-5cnwv86e5a]   { flex-direction: column; }
    .usr-table[b-5cnwv86e5a] { display: block; overflow-x: auto; }
}
/* /Pages/Admin/Vehicles.razor.rz.scp.css */
/* ── Sortierbare Spalten-Header ───────────────────────────────────────────── */
.av-th-sort[b-3dtgqz9nj3] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.av-th-sort:hover[b-3dtgqz9nj3] {
    opacity: .85;
}

.av-sort-icon[b-3dtgqz9nj3] {
    font-size: .7rem;
    opacity: .6;
    margin-left: .25rem;
}

/* ── Toolbar ──────────────────────────────────────────────────────────────── */
.av-toolbar[b-3dtgqz9nj3] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

/* ── Day Filter (Toolbar) ─────────────────────────────────────────────────── */
.av-day-filter[b-3dtgqz9nj3] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.av-day-filter-btn[b-3dtgqz9nj3] {
    padding: .4rem .85rem;
    border: 1.5px solid var(--color-border-input);
    border-radius: 999px;
    background: var(--color-surface-input-alt);
    color: var(--color-text-medium);
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .2s, background .2s, color .2s, transform .15s;
    white-space: nowrap;
}

.av-day-filter-btn:hover[b-3dtgqz9nj3] {
    border-color: var(--color-info-border);
    background: var(--color-info-bg);
    color: var(--color-info-text);
    transform: translateY(-1px);
}

.av-day-filter-btn--active[b-3dtgqz9nj3] {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: #ffffff;
}

/* ── Section Title ────────────────────────────────────────────────────────── */
.av-section-title[b-3dtgqz9nj3] {
    font-size: .88rem;
    font-weight: 800;
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin: 1.5rem 0 .75rem;
    padding-bottom: .4rem;
    border-bottom: 2px solid var(--color-primary-subtle);
}

/* ── Form Grid ────────────────────────────────────────────────────────────── */
.av-form-grid[b-3dtgqz9nj3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

/* ── Day Grid (Checkboxen) ────────────────────────────────────────────────── */
.av-day-grid[b-3dtgqz9nj3] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-bottom: .5rem;
}

.av-day-chip[b-3dtgqz9nj3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2rem;
    padding: .6rem .9rem;
    border: 2px solid var(--color-border-light);
    border-radius: 12px;
    background: var(--color-surface-input-alt);
    cursor: pointer;
    transition: border-color .2s, background .2s, transform .15s;
    user-select: none;
    min-width: 64px;
}

.av-day-chip input[type="checkbox"][b-3dtgqz9nj3] {
    display: none;
}

.av-day-chip:hover[b-3dtgqz9nj3] {
    border-color: var(--color-info-border);
    background: var(--color-info-bg);
    transform: translateY(-1px);
}

.av-day-chip--active[b-3dtgqz9nj3] {
    border-color: var(--color-primary);
    background: var(--color-info-bg);
    box-shadow: 0 0 0 3px rgba(var(--brand-600-rgb), .12);
}

.av-day-chip--taken[b-3dtgqz9nj3] {
    border-color: var(--color-success-border);
    background: var(--color-success-bg);
    cursor: not-allowed;
    pointer-events: none;
    opacity: .75;
}

.av-day-chip--taken .av-day-chip__name[b-3dtgqz9nj3] { color: var(--color-success-text); }
.av-day-chip--taken .av-day-chip__date[b-3dtgqz9nj3] { color: var(--color-success-text); }

.av-day-chip__name[b-3dtgqz9nj3] {
    font-size: .75rem;
    font-weight: 800;
    color: var(--color-text-light);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.av-day-chip--active .av-day-chip__name[b-3dtgqz9nj3] {
    color: var(--color-info-text);
}

.av-day-chip__date[b-3dtgqz9nj3] {
    font-size: .92rem;
    font-weight: 700;
    color: var(--color-text-strong);
}

.av-day-chip--active .av-day-chip__date[b-3dtgqz9nj3] {
    color: var(--color-info-text);
}

/* ── Day Pills (Tabelle) ──────────────────────────────────────────────────── */
.av-day-pills[b-3dtgqz9nj3] {
    display: grid;
    grid-template-columns: 90px 130px 130px;
    gap: .3rem .5rem;
    align-items: center;
}

.av-day-pill[b-3dtgqz9nj3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    padding: .2rem .6rem;
    border-radius: 999px;
    background: var(--color-info-bg);
    color: var(--color-info-text);
    font-size: .75rem;
    font-weight: 700;
    border: 1px solid var(--color-info-border);
    white-space: nowrap;
    box-sizing: border-box;
}

/* ── Form Actions ─────────────────────────────────────────────────────────── */
.av-form-actions[b-3dtgqz9nj3] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

/* ── Action Buttons (table row) ───────────────────────────────────────────── */
.av-actions-stack[b-3dtgqz9nj3] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.av-actions[b-3dtgqz9nj3] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.av-btn[b-3dtgqz9nj3] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .4rem .85rem;
    border: none;
    border-radius: 8px;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform .15s, filter .15s;
    white-space: nowrap;
}

.av-btn:hover[b-3dtgqz9nj3] {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.av-btn--edit[b-3dtgqz9nj3] {
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
    border: 1px solid var(--color-warning-border);
}

.av-btn--delete[b-3dtgqz9nj3] {
    background: var(--color-error-bg);
    color: var(--color-error-text);
    border: 1px solid var(--color-error-border);
}

/* ── Modal ────────────────────────────────────────────────────────────────── */
.av-modal[b-3dtgqz9nj3] {
    background: var(--color-surface-card);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(15,23,42,.18);
    width: 100%;
    max-width: 720px;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.av-modal__header[b-3dtgqz9nj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
    border-radius: 20px 20px 0 0;
}

.av-modal__header h3[b-3dtgqz9nj3] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: #ffffff;
}

.av-modal__close[b-3dtgqz9nj3] {
    background: rgba(255,255,255,.2);
    border: none;
    color: #ffffff;
    font-size: 1.1rem;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}

.av-modal__close:hover[b-3dtgqz9nj3] {
    background: rgba(255,255,255,.35);
}

.av-modal__body[b-3dtgqz9nj3] {
    padding: 1.5rem;
    overflow-y: auto;
}

.av-modal__footer[b-3dtgqz9nj3] {
    display: flex;
    gap: .75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--color-border-soft);
    flex-wrap: wrap;
}

/* ── Day Detail Card ─────────────────────────────────────────────────────── */
.av-day-detail-card[b-3dtgqz9nj3] {
    border: 1px solid var(--color-border-light);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 1rem;
}

.av-day-detail-card__header[b-3dtgqz9nj3] {
    padding: .65rem 1.25rem;
    background: var(--color-info-bg);
    border-bottom: 1px solid var(--color-info-border);
    font-size: .92rem;
    font-weight: 700;
    color: var(--color-info-text);
}

.av-day-detail-card__body[b-3dtgqz9nj3] {
    padding: 1.25rem;
}

/* ── Day Pill Entry (table) ───────────────────────────────────────────────── */
.av-day-pill-entry[b-3dtgqz9nj3] {
    display: contents;
}

.av-badge-slot[b-3dtgqz9nj3] {
    display: flex;
    align-items: center;
}

.av-badge--sm[b-3dtgqz9nj3] {
    font-size: .72rem;
    padding: .15rem .5rem;
}

/* ── Route Planning ──────────────────────────────────────────────────────── */
.av-maps-btn[b-3dtgqz9nj3] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem 1.4rem;
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #ffffff;
    border-radius: 12px;
    font-size: .92rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(22,163,74,.3);
    transition: filter .2s, transform .15s, box-shadow .2s;
    margin-left: auto;
}

.av-maps-btn:hover[b-3dtgqz9nj3] {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(22,163,74,.4);
}

.av-route-summary[b-3dtgqz9nj3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .65rem 1.1rem;
    background: var(--color-info-bg);
    border: 1px solid var(--color-info-border);
    border-radius: 12px;
    color: var(--color-info-text);
    font-size: .88rem;
    margin-bottom: 1rem;
}

.av-route-summary__hint[b-3dtgqz9nj3] {
    color: var(--color-text-medium);
    font-size: .82rem;
}

.av-route-index[b-3dtgqz9nj3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: var(--color-primary);
    color: #ffffff;
    font-size: .75rem;
    font-weight: 800;
}

.av-addr-link[b-3dtgqz9nj3] {
    color: var(--color-primary);
    text-decoration: none;
    font-size: .88rem;
    line-height: 1.4;
}

.av-addr-link:hover[b-3dtgqz9nj3] {
    text-decoration: underline;
}

.av-admin-note[b-3dtgqz9nj3] {
    color: var(--color-text-medium);
    font-size: .82rem;
    display: block;
    max-width: 200px;
    white-space: normal;
    line-height: 1.4;
}

.av-badge--pending[b-3dtgqz9nj3] {
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
    border: 1px solid var(--color-warning-border);
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
    display: inline-block;
}

/* ── Route Controls Bar ──────────────────────────────────────────────────── */
.av-route-controls[b-3dtgqz9nj3] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    padding: .85rem 1.1rem;
    background: var(--color-surface-card);
    border: 1px solid var(--color-border-soft);
    border-radius: 14px;
    margin-bottom: 1.25rem;
    box-shadow: var(--shadow-card);
}

.av-auto-btn[b-3dtgqz9nj3] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem 1.4rem;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    font-size: .92rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(124,58,237,.3);
    transition: filter .2s, transform .15s;
    align-self: flex-end;
}

.av-auto-btn:hover:not(:disabled)[b-3dtgqz9nj3] {
    filter: brightness(1.1);
    transform: translateY(-2px);
}

.av-auto-btn:disabled[b-3dtgqz9nj3] { opacity: .65; cursor: not-allowed; }

/* ── Vehicle Groups ───────────────────────────────────────────────────────── */
.av-vehicle-group[b-3dtgqz9nj3] {
    border: 1.5px solid var(--color-border-soft);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 1.25rem;
    background: var(--color-surface-card);
    box-shadow: var(--shadow-card);
}

.av-vehicle-group--unassigned[b-3dtgqz9nj3] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-bg);
}

.av-vehicle-group__header[b-3dtgqz9nj3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem 1.25rem;
    background: linear-gradient(135deg, var(--color-primary-deeper), var(--color-primary));
    gap: 1rem;
    flex-wrap: wrap;
}

.av-vehicle-group--unassigned .av-vehicle-group__header[b-3dtgqz9nj3] {
    background: linear-gradient(135deg, #d97706, #f59e0b);
}

.av-vehicle-group__info[b-3dtgqz9nj3] {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: #ffffff;
    flex-wrap: wrap;
    font-size: .92rem;
}

.av-vehicle-group__info strong[b-3dtgqz9nj3] { color: #ffffff; font-size: 1rem; }
.av-vehicle-group__info small[b-3dtgqz9nj3]  { color: rgba(255,255,255,.8); }
.av-vehicle-group__info span[class*="av-badge"][b-3dtgqz9nj3] {
    background: rgba(255,255,255,.2);
    color: #ffffff;
    border-color: rgba(255,255,255,.3);
}

.av-maps-btn--sm[b-3dtgqz9nj3] {
    padding: .45rem 1rem;
    font-size: .82rem;
    box-shadow: none;
}

/* ── Small Input ──────────────────────────────────────────────────────────── */
.av-input--sm[b-3dtgqz9nj3] {
    height: 2.1rem;
    font-size: .82rem;
    padding: 0 .6rem;
    min-width: 130px;
}

.av-badge--accepted[b-3dtgqz9nj3] {
    background: var(--color-success-bg);
    color: var(--color-success-text);
    border: 1px solid var(--color-success-border);
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
    display: inline-block;
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .av-form-card__body[b-3dtgqz9nj3],
    .av-modal__body[b-3dtgqz9nj3] { padding: 1rem; }

    .av-form-grid[b-3dtgqz9nj3] { grid-template-columns: 1fr; }

    .av-form-actions[b-3dtgqz9nj3],
    .av-modal__footer[b-3dtgqz9nj3] { flex-direction: column; }

    .av-submit-btn[b-3dtgqz9nj3],
    .av-cancel-btn[b-3dtgqz9nj3] {
        width: 100%;
        text-align: center;
    }

    .av-table[b-3dtgqz9nj3] {
        display: block;
        overflow-x: auto;
    }

    .av-actions[b-3dtgqz9nj3] { flex-direction: column; }

    .av-btn[b-3dtgqz9nj3] {
        width: 100%;
        justify-content: center;
    }

    .av-day-filter[b-3dtgqz9nj3] { gap: .3rem; }
}

/* ── Routenplanung: Optimierung & Beispieldaten ───────────────────────────── */
.av-auto-btn--secondary[b-3dtgqz9nj3] {
    background: var(--color-surface-card);
    color: #7c3aed;
    border: 2px solid #a855f7;
    box-shadow: none;
}

.av-plan-result[b-3dtgqz9nj3] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .8rem 1.1rem;
    margin: -.5rem 0 1.25rem;
    border: 1px solid var(--color-success-border, #86efac);
    border-radius: 12px;
    background: var(--color-success-bg, #f0fdf4);
    color: var(--color-success-text, #166534);
    font-size: .9rem;
}

.av-plan-result small[b-3dtgqz9nj3] {
    color: var(--color-text-medium);
    font-size: .8rem;
}

.av-plan-result--error[b-3dtgqz9nj3] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
}

.av-plan-result__warn[b-3dtgqz9nj3] {
    color: var(--color-warning-text);
    font-size: .85rem;
    font-weight: 600;
}

.av-route-stats[b-3dtgqz9nj3] {
    font-size: .85rem;
    font-weight: 700;
    color: var(--color-text-medium);
    white-space: nowrap;
}

.av-sample-actions[b-3dtgqz9nj3] {
    display: flex;
    gap: .5rem;
    margin-left: auto;
    align-self: flex-end;
    flex-wrap: wrap;
}

.av-sample-btn[b-3dtgqz9nj3] {
    padding: .5rem .9rem;
    border: 1px dashed var(--color-border-soft);
    border-radius: 10px;
    background: transparent;
    color: var(--color-text-medium);
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.av-sample-btn:hover:not(:disabled)[b-3dtgqz9nj3] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.av-sample-btn--remove:hover:not(:disabled)[b-3dtgqz9nj3] {
    border-color: #dc2626;
    color: #dc2626;
}

.av-sample-btn:disabled[b-3dtgqz9nj3] { opacity: .6; cursor: not-allowed; }

/* ── Einsatzplan: Fahrzeuge × Tage ────────────────────────────────────────── */
.av-plan-wrap[b-3dtgqz9nj3] {
    overflow-x: auto;
    border: 1px solid var(--color-border-light);
    border-radius: 16px;
    background: var(--color-surface-card);
}

.av-plan[b-3dtgqz9nj3] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .85rem;
}

.av-plan th[b-3dtgqz9nj3],
.av-plan td[b-3dtgqz9nj3] {
    border-bottom: 1px solid var(--color-border-soft);
    border-right: 1px solid var(--color-border-soft);
    padding: .4rem;
    vertical-align: top;
}

.av-plan tr > :last-child[b-3dtgqz9nj3] { border-right: none; }
.av-plan tfoot th[b-3dtgqz9nj3],
.av-plan tfoot td[b-3dtgqz9nj3] { border-bottom: none; }

/* Erste Spalte bleibt beim seitlichen Scrollen stehen */
.av-plan__corner[b-3dtgqz9nj3],
.av-plan__vehicle[b-3dtgqz9nj3] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--color-surface-card);
    text-align: left;
    min-width: 150px;
    max-width: 200px;
}

.av-plan__corner[b-3dtgqz9nj3] {
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--color-text-medium);
    vertical-align: bottom;
}

.av-plan__vehicle strong[b-3dtgqz9nj3] { display: block; color: var(--color-text-strong); }
.av-plan__vehicle small[b-3dtgqz9nj3]  { display: block; color: var(--color-text-light); font-weight: 400; }

.av-plan__day[b-3dtgqz9nj3] {
    min-width: 118px;
    text-align: center;
    border-top: 4px solid transparent;
    background: var(--color-surface-input-alt);
}

.av-plan__day--ok[b-3dtgqz9nj3]    { border-top-color: var(--color-success-border); }
.av-plan__day--warn[b-3dtgqz9nj3]  { border-top-color: var(--color-warning-border); background: var(--color-warning-bg); }
.av-plan__day--alert[b-3dtgqz9nj3] { border-top-color: var(--color-error-border);   background: var(--color-error-bg); }

.av-plan__dow[b-3dtgqz9nj3]  { display: block; font-weight: 800; color: var(--color-text-strong); }
.av-plan__date[b-3dtgqz9nj3] { display: block; font-size: .75rem; color: var(--color-text-medium); }

.av-plan__flag[b-3dtgqz9nj3],
.av-plan__pickups[b-3dtgqz9nj3] {
    display: inline-block;
    margin-top: .2rem;
    padding: .05rem .45rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.av-plan__flag[b-3dtgqz9nj3]    { background: var(--color-primary-subtle); color: var(--color-primary); }
.av-plan__pickups[b-3dtgqz9nj3] { background: var(--color-info-bg); color: var(--color-info-text); border: 1px solid var(--color-info-border); }

.av-plan__cell[b-3dtgqz9nj3] { min-width: 118px; }

.av-plan__add[b-3dtgqz9nj3],
.av-plan__slot[b-3dtgqz9nj3],
.av-plan__auto[b-3dtgqz9nj3] {
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    font: inherit;
    transition: border-color .15s, background .15s;
}

.av-plan__add[b-3dtgqz9nj3] {
    min-height: 3.2rem;
    border: 1.5px dashed var(--color-border-light);
    background: transparent;
    color: var(--color-text-light);
    font-size: 1.1rem;
}

.av-plan__add:hover[b-3dtgqz9nj3],
.av-plan__add:focus-visible[b-3dtgqz9nj3] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: var(--color-primary-subtle);
}

.av-plan__slot[b-3dtgqz9nj3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .15rem;
    padding: .4rem .5rem;
    border: 1.5px solid var(--color-success-border);
    background: var(--color-success-bg);
    color: var(--color-success-text);
    text-align: left;
}

.av-plan__slot--warn[b-3dtgqz9nj3] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
}

.av-plan__slot:hover[b-3dtgqz9nj3],
.av-plan__slot:focus-visible[b-3dtgqz9nj3] { border-color: var(--color-primary); }

.av-plan__crew[b-3dtgqz9nj3] {
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.av-plan__crew--helper[b-3dtgqz9nj3] { font-weight: 500; }
.av-plan__meta[b-3dtgqz9nj3] { font-size: .72rem; opacity: .8; }

.av-plan__auto[b-3dtgqz9nj3] {
    padding: .3rem .4rem;
    border: 1px solid var(--color-info-border);
    background: var(--color-info-bg);
    color: var(--color-info-text);
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.av-plan__auto:disabled[b-3dtgqz9nj3] { opacity: .6; cursor: not-allowed; }

.av-plan-legend[b-3dtgqz9nj3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem .8rem;
    margin: .6rem 0 1.25rem;
    font-size: .78rem;
    color: var(--color-text-light);
}

.av-plan-legend__item[b-3dtgqz9nj3]::before {
    content: "";
    display: inline-block;
    width: .7rem;
    height: .7rem;
    margin-right: .3rem;
    border-radius: 3px;
    vertical-align: -1px;
}

.av-plan-legend__item--alert[b-3dtgqz9nj3]::before { background: var(--color-error-border); }
.av-plan-legend__item--warn[b-3dtgqz9nj3]::before  { background: var(--color-warning-border); }
.av-plan-legend__item--ok[b-3dtgqz9nj3]::before    { background: var(--color-success-border); }

.av-plan-open[b-3dtgqz9nj3] {
    padding: 1rem 1.25rem;
    border: 1px solid var(--color-info-border);
    border-radius: 14px;
    background: var(--color-info-bg);
    color: var(--color-info-text);
}

.av-plan-open h3[b-3dtgqz9nj3] { margin: 0 0 .5rem; font-size: .95rem; }
.av-plan-open ul[b-3dtgqz9nj3] { margin: 0; padding-left: 1.1rem; display: grid; gap: .25rem; font-size: .88rem; }
.av-plan-open__hint[b-3dtgqz9nj3] { opacity: .8; font-style: italic; }

/* Vorjahr übernehmen */
.av-copy-card[b-3dtgqz9nj3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem 1rem;
    margin-bottom: 1rem;
    padding: .9rem 1.1rem;
    border: 1px solid var(--color-warning-border);
    border-radius: 14px;
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
}

.av-copy-card__text[b-3dtgqz9nj3] { display: grid; gap: .15rem; font-size: .88rem; min-width: 0; }
.av-copy-card__actions[b-3dtgqz9nj3] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }

/* Modal für einen Einsatztag */
.av-modal--narrow[b-3dtgqz9nj3] { max-width: 560px; }

.av-hint[b-3dtgqz9nj3] { display: block; margin-top: .3rem; font-size: .78rem; font-weight: 600; }
.av-hint--ok[b-3dtgqz9nj3]    { color: var(--color-success-text); }
.av-hint--info[b-3dtgqz9nj3]  { color: var(--color-text-medium); }
.av-hint--error[b-3dtgqz9nj3] { color: var(--color-error-text); }

.av-more[b-3dtgqz9nj3] {
    margin-top: 1.25rem;
    border-top: 1px solid var(--color-border-soft);
    padding-top: .9rem;
}

.av-more summary[b-3dtgqz9nj3] {
    cursor: pointer;
    font-size: .85rem;
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: .75rem;
}

@media (max-width: 768px) {
    .av-plan__corner[b-3dtgqz9nj3],
    .av-plan__vehicle[b-3dtgqz9nj3] { min-width: 110px; max-width: 130px; }

    .av-plan__day[b-3dtgqz9nj3],
    .av-plan__cell[b-3dtgqz9nj3] { min-width: 100px; }

    .av-copy-card__actions[b-3dtgqz9nj3] { width: 100%; }
    .av-copy-card__actions > *[b-3dtgqz9nj3] { flex: 1 1 auto; }
}
/* /Pages/Datenschutz.razor.rz.scp.css */
.legal-page[b-5hk133xwi1] {
    max-width: 680px;
    margin: 0 auto;
    padding: 1rem 0 3rem;
    color: var(--color-text);
    line-height: 1.65;
}

.legal-page h1[b-5hk133xwi1] {
    font-size: 1.8rem;
    font-weight: 800;
    margin: 0 0 .5rem;
    color: var(--color-text);
}

.legal-page h2[b-5hk133xwi1] {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 2rem 0 .6rem;
    color: var(--color-text);
}

.legal-page p[b-5hk133xwi1] {
    margin: 0 0 1rem;
    color: var(--color-text);
}

.legal-page ul[b-5hk133xwi1] {
    margin: 0 0 1rem;
    padding-left: 1.3rem;
}

.legal-page li[b-5hk133xwi1] {
    margin-bottom: .5rem;
    color: var(--color-text);
}

.legal-page a[b-5hk133xwi1] {
    color: var(--color-primary);
}

.legal-lead[b-5hk133xwi1] {
    color: var(--color-text-light);
    font-size: 1.02rem;
}

.legal-note[b-5hk133xwi1] {
    font-size: .85rem;
    color: var(--color-text-light);
    font-style: italic;
}

.legal-date[b-5hk133xwi1] {
    margin-top: 2.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border-soft);
    font-size: .82rem;
    color: var(--color-text-light);
}
/* /Pages/Impressum.razor.rz.scp.css */
.legal-page[b-nv40i0jwjk] {
    max-width: 680px;
    margin: 0 auto;
    padding: 1rem 0 3rem;
    color: var(--color-text);
    line-height: 1.65;
}

.legal-page h1[b-nv40i0jwjk] {
    font-size: 1.8rem;
    font-weight: 800;
    margin: 0 0 .5rem;
    color: var(--color-text);
}

.legal-page h2[b-nv40i0jwjk] {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 2rem 0 .6rem;
    color: var(--color-text);
}

.legal-page p[b-nv40i0jwjk] {
    margin: 0 0 1rem;
    color: var(--color-text);
}

.legal-page ul[b-nv40i0jwjk] {
    margin: 0 0 1rem;
    padding-left: 1.3rem;
}

.legal-page li[b-nv40i0jwjk] {
    margin-bottom: .5rem;
    color: var(--color-text);
}

.legal-page a[b-nv40i0jwjk] {
    color: var(--color-primary);
}

.legal-lead[b-nv40i0jwjk] {
    color: var(--color-text-light);
    font-size: 1.02rem;
}

.legal-note[b-nv40i0jwjk] {
    font-size: .85rem;
    color: var(--color-text-light);
    font-style: italic;
}

.legal-date[b-nv40i0jwjk] {
    margin-top: 2.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border-soft);
    font-size: .82rem;
    color: var(--color-text-light);
}
/* /Pages/index.razor.rz.scp.css */
.home-page[b-ryvmfhaatp] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    display: grid;
    gap: 1.75rem;
    color: var(--color-text);
}

.home-hero[b-ryvmfhaatp] {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--brand-bright) 0%, var(--brand-hero-mid) 45%, var(--brand-hero-end) 100%);
    box-shadow: var(--shadow-hero);
    isolation: isolate;
}

.home-hero[b-ryvmfhaatp]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(var(--brand-bright-rgb), 0.80) 0%, rgba(var(--brand-hero-mid-rgb), 0.82) 45%, rgba(var(--brand-hero-end-rgb), 0.86) 100%),
        url('/img/home-hero-bg.jpg') center center / cover no-repeat;
    pointer-events: none;
    z-index: 0;
}

.home-hero[b-ryvmfhaatp]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.10), transparent 25%);
    pointer-events: none;
    z-index: 1;
}

.home-hero__content[b-ryvmfhaatp] {
    position: relative;
    z-index: 2;
    padding: 2rem;
    color: #ffffff;
}

.home-hero__badge[b-ryvmfhaatp] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.85rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.home-hero h1[b-ryvmfhaatp] {
    margin: 0 0 0.75rem;
    font-size: 2.15rem;
    line-height: 1.15;
    font-weight: 800;
}

.home-hero__lead[b-ryvmfhaatp] {
    max-width: 760px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.94);
}

.home-hero__actions[b-ryvmfhaatp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-top: 1.4rem;
}

.home-primary-btn[b-ryvmfhaatp],
.home-secondary-btn[b-ryvmfhaatp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.85rem 1.15rem;
    border-radius: 14px;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 800;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease;
}

.home-primary-btn[b-ryvmfhaatp] {
    color: #ffffff;
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.22);
}

.home-primary-btn:hover[b-ryvmfhaatp] {
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.28);
}

.home-secondary-btn[b-ryvmfhaatp] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.home-secondary-btn:hover[b-ryvmfhaatp] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.home-secondary-btn--primary[b-ryvmfhaatp] {
    background: #ffffff;
    color: var(--brand-700);
    border-color: #ffffff;
    font-weight: 800;
}

.home-secondary-btn--primary:hover[b-ryvmfhaatp] {
    background: #f0f6ff;
    color: var(--brand-700);
}

.home-card[b-ryvmfhaatp] {
    border: 1px solid var(--color-border-card);
    border-radius: 22px;
    background: linear-gradient(180deg, var(--color-surface-card) 0%, var(--color-surface-card-soft) 100%);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.home-card__header[b-ryvmfhaatp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.5rem 1.5rem 0.5rem;
}

.home-card__link[b-ryvmfhaatp] {
    font-size: .85rem;
    font-weight: 700;
    color: var(--color-primary);
    text-decoration: none;
    padding-top: .2rem;
    white-space: nowrap;
}

.home-card__link:hover[b-ryvmfhaatp] { text-decoration: underline; }

.home-card__topline[b-ryvmfhaatp] {
    margin-bottom: 0.35rem;
    color: var(--color-primary);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.home-card__header h2[b-ryvmfhaatp] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--color-text-strong);
}

.home-card__body[b-ryvmfhaatp] {
    padding: 0 1.5rem 1.6rem;
}

.home-card__body p[b-ryvmfhaatp] {
    margin: 0 0 1rem;
    color: var(--color-text-muted);
    line-height: 1.7;
}

.info-grid[b-ryvmfhaatp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.info-box[b-ryvmfhaatp] {
    padding: 1.1rem 1.1rem 1rem;
    border: 1px solid var(--color-border-light);
    border-radius: 18px;
    background: var(--color-surface-input);
}

.info-box__icon[b-ryvmfhaatp] {
    margin-bottom: 0.7rem;
    font-size: 1.4rem;
    line-height: 1;
}

.info-box h3[b-ryvmfhaatp] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    font-weight: 800;
    color: var(--color-text-strong);
}

.info-box p[b-ryvmfhaatp] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--color-text-muted);
}

.notice-box[b-ryvmfhaatp] {
    padding: 1rem 1.1rem;
    border-radius: 18px;
    border: 1px solid var(--color-info-border);
    background: var(--color-info-bg);
    color: var(--color-info-text);
    margin-bottom: 1rem;
}

.notice-box p[b-ryvmfhaatp] { margin: 0; color: inherit; }

.notice-box__date[b-ryvmfhaatp] {
    font-size: .78rem;
    font-weight: 700;
    opacity: .75;
    margin-bottom: .35rem;
}

.notice-box__title[b-ryvmfhaatp] {
    display: block;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: .5rem;
}

.notice-box__content[b-ryvmfhaatp] {
    margin: 0;
    font-size: .92rem;
    line-height: 1.65;
    white-space: pre-wrap;
}

.home-closing[b-ryvmfhaatp] {
    font-weight: 600;
    color: var(--color-text-medium);
}

.home-bottom-action[b-ryvmfhaatp] {
    margin-top: 1.2rem;
}

@media (max-width: 768px) {
    .home-page[b-ryvmfhaatp] {
        padding: 1rem 0.8rem 2rem;
    }

    .home-hero__content[b-ryvmfhaatp] {
        padding: 1.4rem;
    }

    .home-hero h1[b-ryvmfhaatp] {
        font-size: 1.8rem;
    }

    .home-card__header[b-ryvmfhaatp] {
        padding: 1.25rem 1.1rem 0.45rem;
    }

    .home-card__body[b-ryvmfhaatp] {
        padding: 0 1.1rem 1.25rem;
    }

    .info-grid[b-ryvmfhaatp] {
        grid-template-columns: 1fr;
    }

    .home-hero__actions[b-ryvmfhaatp],
    .home-bottom-action[b-ryvmfhaatp] {
        display: grid;
    }

    .home-primary-btn[b-ryvmfhaatp],
    .home-secondary-btn[b-ryvmfhaatp] {
        width: 100%;
    }
}
/* /Pages/User/Dashboard.razor.rz.scp.css */
.dashboard-page[b-25kecury1q] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    color: var(--color-text);
}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.dashboard-hero[b-25kecury1q] {
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--brand-bright) 0%, var(--brand-hero-mid) 45%, var(--brand-hero-end) 100%);
    box-shadow: var(--shadow-hero);
    isolation: isolate;
}

.dashboard-hero[b-25kecury1q]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(var(--brand-bright-rgb), 0.80) 0%, rgba(var(--brand-hero-mid-rgb), 0.82) 45%, rgba(var(--brand-hero-end-rgb), 0.86) 100%),
        url('/img/home-hero-bg.jpg') center center / cover no-repeat;
    pointer-events: none;
    z-index: 0;
}

.dashboard-hero[b-25kecury1q]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.10), transparent 25%);
    pointer-events: none;
    z-index: 1;
}

.dashboard-hero__content[b-25kecury1q] {
    position: relative;
    padding: 2rem;
    color: #ffffff;
    z-index: 2;
}

.dashboard-hero__badge[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.8rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.dashboard-hero h1[b-25kecury1q] {
    margin: 0 0 0.6rem;
    font-size: 2.2rem;
    line-height: 1.15;
    font-weight: 800;
}

.dashboard-hero p[b-25kecury1q] {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 1rem;
    line-height: 1.6;
}

/* ── Section Header ───────────────────────────────────────────────────────── */
.appointments-section__header[b-25kecury1q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-left: 0.85rem;
    border-left: 5px solid var(--color-primary);
}

.appointments-section__controls[b-25kecury1q] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.appointments-section__header h2[b-25kecury1q] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--color-text-deep);
}

.appointments-section__count[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: var(--color-info-bg);
    color: var(--color-info-text);
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Event-Gruppe ─────────────────────────────────────────────────────────── */
.group-event[b-25kecury1q] {
    margin-bottom: 1rem;
    border: 1px solid var(--color-border-light);
    border-radius: 20px;
    background: var(--color-surface-card);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.group-event__toggle[b-25kecury1q] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border: none;
    background: linear-gradient(135deg, var(--brand-800) 0%, var(--brand-600) 100%);
    color: #ffffff;
    cursor: pointer;
    text-align: left;
    transition: filter 0.18s ease;
}

.group-event__toggle:hover[b-25kecury1q] {
    filter: brightness(1.08);
}

.group-event__icon[b-25kecury1q] {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.group-event__name[b-25kecury1q] {
    flex: 1;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.group-event__count[b-25kecury1q] {
    font-size: 0.8rem;
    font-weight: 600;
    opacity: 0.85;
    background: rgba(255, 255, 255, 0.18);
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    white-space: nowrap;
}

.group-event__body[b-25kecury1q] {
    padding: 1rem 1rem 0.5rem;
}

/* ── Datum-Gruppe ─────────────────────────────────────────────────────────── */
.group-date[b-25kecury1q] {
    margin-bottom: 1rem;
    border: 1px solid var(--color-primary-tint);
    border-radius: 14px;
    background: var(--color-surface);
    overflow: hidden;
}

.group-date__toggle[b-25kecury1q] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 1rem;
    border: none;
    background: var(--color-primary-subtle);
    color: var(--color-primary-deeper);
    cursor: pointer;
    text-align: left;
    transition: background 0.18s ease;
}

.group-date__toggle:hover[b-25kecury1q] {
    background: var(--color-primary-tint);
}

/* ── Pickup-Gruppe ────────────────────────────────────────────────────────── */
.group-date--pickup[b-25kecury1q] {
    border-color: #fde68a;
    background: #fffbeb;
}

.group-date__toggle--pickup[b-25kecury1q] {
    background: #fef3c7;
    color: #92400e;
}

.group-date__toggle--pickup:hover[b-25kecury1q] {
    background: #fde68a;
}

.group-date__icon[b-25kecury1q] {
    font-size: 1rem;
    flex-shrink: 0;
}

.group-date__name[b-25kecury1q] {
    flex: 1;
    font-size: 0.95rem;
    font-weight: 700;
}

.group-date__count[b-25kecury1q] {
    font-size: 0.78rem;
    font-weight: 600;
    opacity: 0.75;
    background: rgba(99, 102, 241, 0.12);
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    white-space: nowrap;
}

.group-date--pickup .group-date__count[b-25kecury1q] {
    background: rgba(146, 64, 14, 0.12);
}

/* ── Chevron ──────────────────────────────────────────────────────────────── */
.group-chevron[b-25kecury1q] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    transition: transform 0.25s ease;
    transform: rotate(-90deg);
}

.group-chevron--open[b-25kecury1q] {
    transform: rotate(0deg);
}

.group-chevron--dark[b-25kecury1q] {
    background: rgba(146, 64, 14, 0.15);
    color: #92400e;
}

/* ── Pickup Collapse Button ───────────────────────────────────────────────── */
.pickup-collapse-btn[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.pickup-collapse-btn .group-chevron[b-25kecury1q] {
    background: var(--color-info-bg);
    color: var(--color-primary);
    border: 1px solid var(--color-info-border);
}

.pickup-collapse-btn:hover .group-chevron[b-25kecury1q] {
    background: var(--color-primary-tint);
}

/* ── Appointments Grid ────────────────────────────────────────────────────── */
.appointments-grid[b-25kecury1q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    padding: 1rem;
}

/* ── Appointment Card ─────────────────────────────────────────────────────── */
.appointment-card[b-25kecury1q] {
    height: 100%;
    border: 1px solid var(--color-border-light);
    border-radius: 18px;
    background: var(--color-surface-card);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.appointment-card:hover[b-25kecury1q] {
    transform: translateY(-4px);
    border-color: var(--color-info-border);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
}

.appointment-card--pickup[b-25kecury1q] {
    border-color: #fde68a;
}

.appointment-card--pickup:hover[b-25kecury1q] {
    border-color: #f59e0b;
    box-shadow: 0 14px 28px rgba(245, 158, 11, 0.12);
}

.appointment-card__body[b-25kecury1q] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.1rem;
}

.appointment-card__header[b-25kecury1q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.appointment-card__topline[b-25kecury1q] {
    margin-bottom: 0.35rem;
    color: var(--color-primary);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.appointment-card__topline--pickup[b-25kecury1q] {
    color: #d97706;
}

.appointment-card__header h3[b-25kecury1q] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--color-text-strong);
    line-height: 1.35;
}

.appointment-card__header-right[b-25kecury1q] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45rem;
    flex-shrink: 0;
}

.status-badge[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-badge--pickup[b-25kecury1q] {
    background: #fef3c7;
    color: #92400e;
}

/* ── Info Liste ───────────────────────────────────────────────────────────── */
.appointment-info-list[b-25kecury1q] {
    display: grid;
    gap: 0.7rem;
    margin-bottom: 1.1rem;
}

.appointment-info-item[b-25kecury1q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px dashed var(--color-border-light);
}

.appointment-info-item .label[b-25kecury1q] {
    color: var(--color-text-light);
    font-size: 0.9rem;
    font-weight: 600;
}

.appointment-info-item .value[b-25kecury1q] {
    color: var(--color-text-strong);
    font-size: 0.92rem;
    font-weight: 700;
    text-align: right;
}

.status-pill[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #0369a1;
    font-weight: 800;
    font-size: 0.82rem;
}

/* ── Actions ──────────────────────────────────────────────────────────────── */
.appointment-actions[b-25kecury1q] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: auto;
}

.cancel-btn[b-25kecury1q] {
    flex: 1;
    padding: 0.85rem 1rem;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    color: #ffffff;
    font-size: 0.94rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(220, 38, 38, 0.18);
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.cancel-btn:hover[b-25kecury1q] {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 12px 24px rgba(220, 38, 38, 0.24);
}

.cancel-btn:active[b-25kecury1q] {
    transform: translateY(0);
}

.ics-icon-btn[b-25kecury1q] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 2px solid var(--color-primary);
    border-radius: 12px;
    background: var(--color-info-bg);
    color: var(--color-primary);
    font-size: 1.3rem;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
    line-height: 1;
}

.ics-icon-btn:hover[b-25kecury1q] {
    background: var(--color-primary);
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(var(--brand-600-rgb), 0.28);
}

.ics-icon-btn:active[b-25kecury1q] {
    transform: translateY(0);
}

.ics-icon-btn:disabled[b-25kecury1q] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.dash-mail-btn[b-25kecury1q] {
    border: none;
    background: transparent;
}

/* ── Toggle Switch ────────────────────────────────────────────────────────── */
.toggle-switch[b-25kecury1q] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.toggle-switch input[b-25kecury1q] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-25kecury1q] {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: var(--color-border-medium);
    transition: .4s;
}

.slider[b-25kecury1q]:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
}

input:checked + .slider[b-25kecury1q] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
}

input:focus + .slider[b-25kecury1q] {
    box-shadow: 0 0 0 3px var(--color-primary-subtle);
}

input:checked + .slider[b-25kecury1q]:before {
    transform: translateX(26px);
}

.slider.round[b-25kecury1q] {
    border-radius: 34px;
}

.slider.round[b-25kecury1q]:before {
    border-radius: 50%;
}

/* ── Appointment QR Code ──────────────────────────────────────────────────── */
.appointment-qr[b-25kecury1q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4rem;
    margin-top: .75rem;
    padding: .85rem;
    border-radius: 14px;
    background: var(--color-info-bg);
    border: 1px solid var(--color-info-border);
    text-align: center;
}

.appointment-qr__label[b-25kecury1q] {
    font-size: .82rem;
    font-weight: 800;
    color: var(--color-info-text);
    letter-spacing: .03em;
}

.appointment-qr__img[b-25kecury1q] {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    border: 3px solid var(--color-info-border);
}

.appointment-qr small[b-25kecury1q] {
    font-size: .75rem;
    color: var(--color-text-light);
}

/* ── View-Toggle Switch ───────────────────────────────────────────────────── */
.cal-view-toggle[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.cal-view-toggle__icon[b-25kecury1q] {
    font-size: 1rem;
    line-height: 1;
}

/* ── Calendar Nav ─────────────────────────────────────────────────────────── */
.cal-nav[b-25kecury1q] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.cal-nav-title[b-25kecury1q] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-text-deep);
    min-width: 180px;
    text-align: center;
    text-transform: capitalize;
}

.cal-nav-btn[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1.5px solid var(--color-border-input);
    border-radius: 8px;
    background: var(--color-surface-card);
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    color: var(--color-primary);
    transition: background .15s, border-color .15s;
}

.cal-nav-btn:hover[b-25kecury1q] {
    background: var(--color-primary-tint);
    border-color: var(--color-primary);
}

/* ── Calendar Grid ────────────────────────────────────────────────────────── */
.cal-grid[b-25kecury1q] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    background: var(--color-border-soft);
    border: 1px solid var(--color-border-soft);
    border-radius: 16px;
    overflow: hidden;
}

.cal-dow[b-25kecury1q] {
    padding: .5rem 0;
    text-align: center;
    font-size: .75rem;
    font-weight: 800;
    color: var(--color-text-medium);
    text-transform: uppercase;
    letter-spacing: .06em;
    background: var(--color-surface-card);
}

/* ── Calendar Cell ────────────────────────────────────────────────────────── */
.cal-cell[b-25kecury1q] {
    min-height: 80px;
    padding: .4rem .5rem;
    background: var(--color-surface-card);
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.cal-cell--other[b-25kecury1q] {
    background: var(--color-surface-card-soft);
    opacity: .55;
}

.cal-cell--today .cal-cell__day[b-25kecury1q] {
    background: var(--color-primary);
    color: #ffffff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}

.cal-cell__day[b-25kecury1q] {
    font-size: .8rem;
    font-weight: 700;
    color: var(--color-text-medium);
    margin-bottom: .15rem;
    line-height: 1;
}

/* ── Calendar Chips ───────────────────────────────────────────────────────── */
.cal-chip[b-25kecury1q] {
    font-size: .7rem;
    font-weight: 700;
    padding: .15rem .4rem;
    border-radius: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

.cal-chip--apt[b-25kecury1q] {
    background: var(--color-info-bg);
    color: var(--color-info-text);
    border: 1px solid var(--color-info-border);
}

.cal-chip--pickup[b-25kecury1q] {
    background: var(--color-warning-bg);
    color: var(--color-warning-text);
    border: 1px solid var(--color-warning-border);
}

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .cal-cell[b-25kecury1q] { min-height: 60px; padding: .3rem .25rem; }
    .cal-chip[b-25kecury1q]  { font-size: .65rem; }
    .cal-nav-title[b-25kecury1q] { min-width: 140px; font-size: .92rem; }
}

.toggle-label[b-25kecury1q] {
    margin-left: 10px;
    font-size: 0.9rem;
    color: var(--color-text-muted);
    font-weight: 600;
    white-space: nowrap;
}

/* ── Button Loading State ────────────────────────────────────────────────── */
.btn-loading[b-25kecury1q] {
    min-width: 140px;
}

/* ── Media Queries ────────────────────────────────────────────────────────── */
@media (max-width: 992px) {
    .appointments-grid[b-25kecury1q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .dashboard-page[b-25kecury1q] {
        padding: 1rem 0.8rem 2rem;
    }

    .dashboard-hero__content[b-25kecury1q] {
        padding: 1.35rem;
    }

    .dashboard-hero h1[b-25kecury1q] {
        font-size: 1.8rem;
    }

    .appointments-section__header[b-25kecury1q] {
        align-items: flex-start;
        flex-direction: column;
    }

    .appointments-section__controls[b-25kecury1q] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        margin-top: 0.5rem;
    }

    .appointments-section__count[b-25kecury1q] {
        order: 0;
        margin-right: auto;
    }

    .toggle-switch[b-25kecury1q] { margin-left: 0; order: 1; }
    .toggle-label[b-25kecury1q]  { margin-left: 0.5rem; order: 2; }

    .appointments-grid[b-25kecury1q] {
        grid-template-columns: 1fr;
        padding: 0.75rem;
    }

    .group-event__toggle[b-25kecury1q] {
        padding: 0.85rem 1rem;
    }

    .group-date--pickup .group-date__toggle--pickup[b-25kecury1q] {
        flex-wrap: wrap;
        gap: 0.4rem;
    }
}

/* ── Event-Header mit Ansicht-Umschalter ──────────────────────────────────── */
.group-event__toggle[b-25kecury1q] {
    user-select: none;
}

.group-event__toggle:focus-visible[b-25kecury1q] {
    outline: 3px solid #ffffff;
    outline-offset: -4px;
}

.group-event__name[b-25kecury1q] {
    min-width: 0;
}

.view-switch[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    cursor: default;
    flex-shrink: 0;
}

.view-switch__btn[b-25kecury1q] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    opacity: 0.85;
    transition: background 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}

.view-switch__btn:hover[b-25kecury1q] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.14);
}

.view-switch__btn.is-active[b-25kecury1q] {
    background: #ffffff;
    color: var(--color-primary-deeper);
    opacity: 1;
}

.view-switch__btn:focus-visible[b-25kecury1q] {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.view-switch__btn svg[b-25kecury1q] {
    width: 14px;
    height: 14px;
    fill: currentColor;
    flex-shrink: 0;
}

/* Variante auf hellem Grund («Weitere Abholungen») */
.view-switch--light[b-25kecury1q] {
    background: var(--color-info-bg);
    border: 1px solid var(--color-info-border);
}

.view-switch--light .view-switch__btn[b-25kecury1q] {
    color: var(--color-primary);
}

.view-switch--light .view-switch__btn:hover[b-25kecury1q] {
    background: var(--color-primary-tint);
}

.view-switch--light .view-switch__btn.is-active[b-25kecury1q] {
    background: var(--color-primary);
    color: #ffffff;
}

.view-switch--light .view-switch__btn:focus-visible[b-25kecury1q] {
    outline-color: var(--color-primary);
}

/* ── Listenansicht ────────────────────────────────────────────────────────── */
.dash-list[b-25kecury1q] {
    padding: 0.25rem 1rem 1rem;
}

.dash-list__head[b-25kecury1q],
.dash-row[b-25kecury1q] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) 130px minmax(0, 1fr) 140px 170px;
    gap: 1rem;
    align-items: center;
}

.dash-list__head[b-25kecury1q] {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid var(--color-border-light);
    color: var(--color-text-light);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.dash-row[b-25kecury1q] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px dashed var(--color-border-light);
    transition: background 0.15s ease;
}

.dash-row:last-child[b-25kecury1q] {
    border-bottom: none;
}

.dash-row:hover[b-25kecury1q] {
    background: var(--color-info-bg);
}

.group-date--pickup .dash-row:hover[b-25kecury1q] {
    background: rgba(253, 230, 138, 0.35);
}

.dash-row__name[b-25kecury1q] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.dash-row__title[b-25kecury1q] {
    color: var(--color-text-strong);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.dash-row__note[b-25kecury1q] {
    color: var(--color-text-light);
    font-size: 0.8rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.dash-row__cell[b-25kecury1q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    color: var(--color-text-strong);
    font-size: 0.9rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.dash-row__cell .status-pill[b-25kecury1q] {
    min-width: 0;
}

.dash-row__tag[b-25kecury1q] {
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: var(--color-info-bg);
    color: var(--color-info-text);
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.dash-row__action[b-25kecury1q] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.dash-row__qr[b-25kecury1q] {
    grid-column: 1 / -1;
}

.dash-row__qr .appointment-qr[b-25kecury1q] {
    flex-direction: row;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 0;
    padding: 0.6rem 0.85rem;
}

.dash-row__qr .appointment-qr__img[b-25kecury1q] {
    width: 96px;
    height: 96px;
}

.cancel-btn--compact[b-25kecury1q] {
    flex: 0 1 auto;
    padding: 0.5rem 0.9rem;
    border-radius: 10px;
    font-size: 0.85rem;
}

.ics-icon-btn--compact[b-25kecury1q] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
}

/* Schmale Bildschirme: Zeilen werden zu kompakten Blöcken mit Feldnamen */
@media (max-width: 900px) {
    .dash-list[b-25kecury1q] {
        padding: 0.25rem 0.75rem 0.75rem;
    }

    .dash-list__head[b-25kecury1q] {
        display: none;
    }

    .dash-row[b-25kecury1q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 0.65rem 1rem;
        padding: 0.85rem 0.5rem;
    }

    .dash-row__name[b-25kecury1q],
    .dash-row__action[b-25kecury1q] {
        grid-column: 1 / -1;
    }

    .dash-row__action[b-25kecury1q] {
        justify-content: flex-start;
    }

    .dash-row__cell[b-25kecury1q]::before {
        content: attr(data-label);
        display: block;
        width: 100%;
        color: var(--color-text-light);
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }
}

@media (max-width: 560px) {
    .view-switch__text[b-25kecury1q] {
        display: none;
    }

    .view-switch__btn[b-25kecury1q] {
        padding: 0.35rem 0.5rem;
    }

    .group-event__toggle[b-25kecury1q] {
        gap: 0.5rem;
    }

    .dash-row__qr .appointment-qr[b-25kecury1q] {
        flex-direction: column;
        align-items: center;
    }

    .group-event__count[b-25kecury1q] {
        display: none;
    }
}
/* /Pages/User/FurniturePickup.razor.rz.scp.css */
/* ── Address Autocomplete ────────────────────────────────────────────────── */
.addr-wrap[b-mijwoqnfl8] {
    position: relative;
}

.addr-spinner[b-mijwoqnfl8] {
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .9rem;
    pointer-events: none;
    animation: addr-spin-b-mijwoqnfl8 1s linear infinite;
}

@keyframes addr-spin-b-mijwoqnfl8 {
    to { transform: translateY(-50%) rotate(360deg); }
}

.addr-suggestions[b-mijwoqnfl8] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 999;
    margin: 0;
    padding: .3rem 0;
    list-style: none;
    background: var(--color-surface-card, #fff);
    border: 1.5px solid var(--color-border-soft, #e2e8f0);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(15,23,42,.12);
    max-height: 260px;
    overflow-y: auto;
}

.addr-suggestion[b-mijwoqnfl8] {
    padding: .6rem 1rem;
    font-size: .9rem;
    color: var(--color-text, #1e293b);
    cursor: pointer;
    transition: background .12s;
    border-bottom: 1px solid var(--color-border-light, #f1f5f9);
}

.addr-suggestion:last-child[b-mijwoqnfl8] {
    border-bottom: none;
}

.addr-suggestion:hover[b-mijwoqnfl8] {
    background: var(--color-info-bg, var(--brand-50));
    color: var(--color-primary, var(--brand-600));
}

/* ── Page ─────────────────────────────────────────────────────────────────── */
.pickup-page[b-mijwoqnfl8] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    color: var(--color-text);
}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.pickup-hero[b-mijwoqnfl8] {
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--brand-bright) 0%, var(--brand-hero-mid) 45%, var(--brand-hero-end) 100%);
    box-shadow: var(--shadow-hero);
    isolation: isolate;
}

.pickup-hero[b-mijwoqnfl8]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(var(--brand-bright-rgb), .80) 0%, rgba(var(--brand-hero-mid-rgb), .82) 45%, rgba(var(--brand-hero-end-rgb), .86) 100%),
        url('/img/home-hero-bg.jpg') center center / cover no-repeat;
    pointer-events: none;
    z-index: 0;
}

.pickup-hero[b-mijwoqnfl8]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255,255,255,.10), transparent 25%);
    pointer-events: none;
    z-index: 1;
}

.pickup-hero__content[b-mijwoqnfl8] {
    position: relative;
    padding: 2rem;
    color: #ffffff;
    z-index: 2;
}

.pickup-hero__badge[b-mijwoqnfl8] {
    display: inline-flex;
    align-items: center;
    margin-bottom: .8rem;
    padding: .35rem .8rem;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.18);
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.pickup-hero h1[b-mijwoqnfl8] {
    margin: 0 0 .6rem;
    font-size: 2.2rem;
    line-height: 1.15;
    font-weight: 800;
}

.pickup-hero p[b-mijwoqnfl8] {
    max-width: 720px;
    margin: 0;
    color: rgba(255,255,255,.92);
    font-size: 1rem;
    line-height: 1.6;
}

/* ── Formular-Block ───────────────────────────────────────────────────────── */
.pickup-block[b-mijwoqnfl8] {
    margin-bottom: 1.25rem;
    border: 1px solid var(--color-border-card);
    border-radius: 22px;
    background: linear-gradient(180deg, var(--color-surface-card) 0%, var(--color-surface-card-soft) 100%);
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.pickup-block__header[b-mijwoqnfl8] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
    color: #ffffff;
}

.pickup-block__header h3[b-mijwoqnfl8] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: .01em;
}

.pickup-block__body[b-mijwoqnfl8] {
    padding: 1.5rem 1.5rem 1.75rem;
    background: var(--color-surface-card);
}

/* ── Consent Block ────────────────────────────────────────────────────────── */
.pickup-block--consent[b-mijwoqnfl8] {
    border-left: 4px solid var(--color-warning-border);
    background: var(--color-warning-bg);
}

.pickup-block--consent .pickup-block__body[b-mijwoqnfl8] {
    background: var(--color-warning-bg);
}

.pickup-consent[b-mijwoqnfl8] {
    display: flex;
    align-items: flex-start;
    gap: .85rem;
    cursor: pointer;
}

.pickup-consent__checkbox[b-mijwoqnfl8] {
    width: 1.25rem;
    height: 1.25rem;
    min-width: 1.25rem;
    margin-top: .2rem;
    accent-color: var(--color-primary);
    cursor: pointer;
}

.pickup-consent__text[b-mijwoqnfl8] {
    font-size: .95rem;
    color: var(--color-text-medium);
    line-height: 1.65;
}

.pickup-consent__text strong[b-mijwoqnfl8] {
    color: var(--color-warning-text);
}

.pickup-consent__error[b-mijwoqnfl8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .85rem;
    padding: .65rem 1rem;
    border-radius: 10px;
    background: var(--color-error-bg);
    border: 1px solid var(--color-error-border);
    color: var(--color-error-text);
    font-size: .9rem;
    font-weight: 600;
}

/* ── Date capacity hint ───────────────────────────────────────────────────── */
.pickup-date-full[b-mijwoqnfl8] {
    display: block;
    margin-top: .4rem;
    font-size: .85rem;
    font-weight: 600;
    color: var(--color-error-text);
}

.pickup-date-available[b-mijwoqnfl8] {
    display: block;
    margin-top: .4rem;
    font-size: .85rem;
    font-weight: 600;
    color: var(--color-success-text);
}

/* ── Grid-Layouts ─────────────────────────────────────────────────────────── */
.pickup-grid[b-mijwoqnfl8] {
    display: grid;
    gap: 1.25rem 1.1rem;
}

.pickup-grid--2[b-mijwoqnfl8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pickup-grid--plz-ort[b-mijwoqnfl8] {
    grid-template-columns: 1fr 2fr;
}

.pickup-field--full[b-mijwoqnfl8] {
    grid-column: 1 / -1;
}

/* ── Einzelnes Feld ───────────────────────────────────────────────────────── */
.pickup-field[b-mijwoqnfl8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.pickup-field label[b-mijwoqnfl8] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.2rem 0.4rem;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--color-text-medium);
    letter-spacing: .01em;
    line-height: 1.4;
}

/* ── Label Hint ───────────────────────────────────────────────────────────── */
.pickup-label-hint[b-mijwoqnfl8] {
    font-size: .8rem;
    font-weight: 500;
    color: var(--color-text-placeholder);
    white-space: nowrap;
}

.pickup-label-hint--block[b-mijwoqnfl8] {
    display: inline;
}

/* ─── Form Controls ──────────────────────────────────────────────────────── */
.form-control-modern[b-mijwoqnfl8],
[b-mijwoqnfl8] .form-control-modern,
[b-mijwoqnfl8] input.form-control-modern,
[b-mijwoqnfl8] select.form-control-modern,
[b-mijwoqnfl8] textarea.form-control-modern {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    height: 3.35rem;
    min-height: 3.35rem;
    margin: 0;
    padding: 0.95rem 1rem;
    border: 1px solid var(--color-border-form);
    border-radius: 14px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: 0.97rem;
    line-height: 1.2;
    box-sizing: border-box;
    box-shadow:
        inset 0 1px 2px rgba(15, 23, 42, 0.03),
        0 1px 0 rgba(255, 255, 255, 0.6);
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.form-control-modern:hover[b-mijwoqnfl8],
[b-mijwoqnfl8] .form-control-modern:hover,
[b-mijwoqnfl8] input.form-control-modern:hover,
[b-mijwoqnfl8] select.form-control-modern:hover,
[b-mijwoqnfl8] textarea.form-control-modern:hover {
    border-color: var(--color-border-medium);
    background: var(--color-surface-card);
}

.form-control-modern:focus[b-mijwoqnfl8],
[b-mijwoqnfl8] .form-control-modern:focus,
[b-mijwoqnfl8] input.form-control-modern:focus,
[b-mijwoqnfl8] select.form-control-modern:focus,
[b-mijwoqnfl8] textarea.form-control-modern:focus {
    outline: none;
    border-color: var(--color-primary);
    background: var(--color-surface-card);
    box-shadow:
        0 0 0 4px rgba(var(--brand-500-rgb), 0.12),
        0 8px 20px rgba(var(--brand-600-rgb), 0.08);
}

[b-mijwoqnfl8] input.form-control-modern,
[b-mijwoqnfl8] select.form-control-modern,
[b-mijwoqnfl8] .form-group input,
[b-mijwoqnfl8] .form-group select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

[b-mijwoqnfl8] select.form-control-modern {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 3rem;
    background-color: var(--color-surface-input);
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 4px),
        calc(100% - 12px) calc(50% - 4px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

[b-mijwoqnfl8] input.form-control-modern[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 0.75rem;
    background: var(--color-surface-input);
}

[b-mijwoqnfl8] input.form-control-modern[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.72;
    filter: contrast(0.9);
}

[b-mijwoqnfl8] input.form-control-modern[readonly] {
    background: var(--color-surface-soft);
    color: var(--color-text-lighter);
    border-color: var(--color-border-soft);
    cursor: default;
    box-shadow: none;
}

[b-mijwoqnfl8] textarea.form-control-modern {
    height: auto;
    min-height: 110px;
    resize: vertical;
}

[b-mijwoqnfl8] input.form-control-modern::placeholder,
[b-mijwoqnfl8] textarea.form-control-modern::placeholder {
    color: var(--color-text-placeholder);
}

/* ── File Upload ─────────────────────────────────────────────────────────── */
.pickup-file-label[b-mijwoqnfl8] {
    display: inline-flex;
    justify-content: flex-start;
    gap: .75rem;
    padding: 1rem 1.5rem;
    border: 2px dashed var(--color-info-border);
    border-radius: 14px;
    background: linear-gradient(135deg, var(--color-info-bg) 0%, var(--color-primary-tint) 100%);
    color: var(--color-info-text);
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(var(--brand-600-rgb), 0.08);
}

.pickup-file-label:hover[b-mijwoqnfl8] {
    background: linear-gradient(135deg, var(--color-primary-tint) 0%, var(--color-info-border) 100%);
    border-color: var(--color-primary);
    box-shadow: 0 4px 14px rgba(var(--brand-600-rgb), 0.15);
}

.pickup-file-label:active[b-mijwoqnfl8] {
    transform: scale(0.99);
}

.pickup-file-input[b-mijwoqnfl8] {
    display: none !important;
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

/* ── Bild-Vorschau ────────────────────────────────────────────────────────── */
.pickup-image-preview[b-mijwoqnfl8] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .9rem;
}

.pickup-image-thumb[b-mijwoqnfl8] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem;
    width: 110px;
}

.pickup-image-thumb img[b-mijwoqnfl8] {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 12px;
    border: 2px solid var(--color-info-border);
    box-shadow: 0 4px 10px rgba(15,23,42,.08);
}

.pickup-image-remove[b-mijwoqnfl8] {
    position: absolute;
    top: -7px;
    right: -7px;
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: var(--color-error-text);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(239,68,68,.35);
    transition: filter .15s ease, transform .15s ease;
}

.pickup-image-remove:hover[b-mijwoqnfl8] {
    filter: brightness(1.15);
    transform: scale(1.12);
}

.pickup-image-name[b-mijwoqnfl8] {
    font-size: .72rem;
    color: var(--color-text-light);
    text-align: center;
    word-break: break-all;
    max-width: 110px;
    line-height: 1.3;
}

/* ── Submit Button ────────────────────────────────────────────────────────── */
.pickup-submit-btn[b-mijwoqnfl8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;
    max-width: 360px;
    padding: 1rem 1.5rem;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: var(--shadow-btn);
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
    margin-top: .5rem;
}

.pickup-submit-btn:hover:not(:disabled)[b-mijwoqnfl8] {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow: 0 12px 24px rgba(var(--brand-600-rgb), .30);
}

.pickup-submit-btn:active:not(:disabled)[b-mijwoqnfl8] {
    transform: translateY(0);
}

.pickup-submit-btn:disabled[b-mijwoqnfl8] {
    background: var(--color-border-medium);
    color: var(--color-text-lighter);
    box-shadow: none;
    cursor: not-allowed;
}

/* ── Event Auswahl Liste ──────────────────────────────────────────────────── */
.pickup-event-list[b-mijwoqnfl8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pickup-event-card[b-mijwoqnfl8] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1rem 1.25rem;
    border: 2px solid var(--color-primary-tint);
    border-radius: 16px;
    background: var(--color-primary-subtle);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.pickup-event-card:hover[b-mijwoqnfl8] {
    border-color: var(--color-primary);
    background: var(--color-info-bg);
    transform: translateY(-2px);
}

.pickup-event-card__icon[b-mijwoqnfl8] {
    font-size: 1.4rem;
    flex-shrink: 0;
}

.pickup-event-card__name[b-mijwoqnfl8] {
    flex: 1;
    font-size: 1rem;
    font-weight: 800;
    color: var(--color-text-strong);
}

.pickup-event-card__date[b-mijwoqnfl8] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--color-text-light);
    white-space: nowrap;
}

.pickup-event-card__arrow[b-mijwoqnfl8] {
    font-size: 1.1rem;
    color: var(--color-primary);
    flex-shrink: 0;
}

/* ── Gewählter Event Banner ───────────────────────────────────────────────── */
.pickup-selected-event[b-mijwoqnfl8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1.1rem;
    border-radius: 14px;
    background: var(--color-info-bg);
    border: 1px solid var(--color-info-border);
}

.pickup-selected-event__label[b-mijwoqnfl8] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--color-text-light);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.pickup-selected-event__name[b-mijwoqnfl8] {
    flex: 1;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--color-info-text);
}

.pickup-selected-event__change[b-mijwoqnfl8] {
    border: none;
    background: transparent;
    color: var(--color-primary);
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    transition: background 0.15s ease;
}

.pickup-selected-event__change:hover[b-mijwoqnfl8] {
    background: var(--color-primary-tint);
}

/* ── Media Queries ────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .pickup-page[b-mijwoqnfl8] {
        padding: 1rem .8rem 2rem;
    }

    .pickup-hero__content[b-mijwoqnfl8] {
        padding: 1.35rem;
    }

    .pickup-hero h1[b-mijwoqnfl8] {
        font-size: 1.8rem;
    }

    .pickup-grid--2[b-mijwoqnfl8],
    .pickup-grid--plz-ort[b-mijwoqnfl8] {
        grid-template-columns: 1fr;
    }

    .pickup-block__body[b-mijwoqnfl8] {
        padding: 1.25rem 1.1rem 1.4rem;
    }

    .pickup-submit-btn[b-mijwoqnfl8] {
        max-width: 100%;
    }

    .pickup-label-hint--block[b-mijwoqnfl8] {
        display: block;
        margin-left: 0;
        margin-top: 0.1rem;
        white-space: normal;
    }

    .pickup-event-card[b-mijwoqnfl8] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .pickup-event-card__date[b-mijwoqnfl8] {
        width: 100%;
        padding-left: 2.4rem;
    }

    .pickup-selected-event[b-mijwoqnfl8] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .pickup-selected-event__change[b-mijwoqnfl8] {
        width: 100%;
        text-align: left;
    }
}
/* /Pages/User/News.razor.rz.scp.css */
/* ── News Archive ─────────────────────────────────────────────────────────── */
.news-archive[b-f0jexfi99z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── News Card ────────────────────────────────────────────────────────────── */
.news-card[b-f0jexfi99z] {
    border: 1px solid var(--color-border-light);
    border-radius: 18px;
    background: var(--color-surface-card);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
    overflow: hidden;
    transition: box-shadow .2s;
}

.news-card:hover[b-f0jexfi99z] {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.09);
}

/* ── Date Header (blue bar like group-date) ───────────────────────────────── */
.news-card__header[b-f0jexfi99z] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .65rem 1.25rem;
    background: var(--color-info-bg);
    border-bottom: 1px solid var(--color-info-border);
}

.news-card__header-icon[b-f0jexfi99z] {
    font-size: 1rem;
    flex-shrink: 0;
}

.news-card__date[b-f0jexfi99z] {
    font-size: .82rem;
    font-weight: 800;
    color: var(--color-info-text);
    text-transform: capitalize;
    letter-spacing: .01em;
}

/* ── Card Body ────────────────────────────────────────────────────────────── */
.news-card__body[b-f0jexfi99z] {
    padding: 1.25rem 1.5rem 1.5rem;
}

.news-card__title[b-f0jexfi99z] {
    margin: 0 0 .6rem;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--color-text-strong);
    line-height: 1.3;
}

.news-card__content[b-f0jexfi99z] {
    font-size: .95rem;
    color: var(--color-text-medium);
    line-height: 1.7;
    white-space: pre-wrap;
    margin: 0;
}

/* ── Neueste Badge ────────────────────────────────────────────────────────── */
.news-card--latest .news-card__header[b-f0jexfi99z] {
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
    border-bottom-color: transparent;
}

.news-card--latest .news-card__date[b-f0jexfi99z] {
    color: #ffffff;
}

.news-card--latest .news-card__header-icon[b-f0jexfi99z] {
    filter: brightness(10);
}

.news-card--latest .news-card__title[b-f0jexfi99z]::before {
    content: "📌 ";
}
/* /Pages/User/Register.razor.rz.scp.css */
.register-page[b-3phwbcvo9z] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    color: var(--color-text);
}

/* ── Onboarding-Panel ─────────────────────────────────────────────────────── */
.onboarding-panel[b-3phwbcvo9z] {
    position: relative;
    margin-bottom: 2rem;
    padding: 1.5rem 1.75rem;
    border-radius: 20px;
    background: var(--color-surface-card);
    border: 1px solid var(--color-border-soft);
    box-shadow: var(--shadow-card);
}

.onboarding-panel h2[b-3phwbcvo9z] {
    margin: 0 0 1.1rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--color-text);
}

.onboarding-panel__close[b-3phwbcvo9z] {
    position: absolute;
    top: 1rem;
    right: 1.1rem;
    border: none;
    background: transparent;
    color: var(--color-text-light);
    font-size: 1rem;
    cursor: pointer;
    line-height: 1;
    padding: .25rem;
}

.onboarding-panel__close:hover[b-3phwbcvo9z] { color: var(--color-text); }

.onboarding-panel__grid[b-3phwbcvo9z] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.onboarding-panel__item[b-3phwbcvo9z] {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
}

.onboarding-panel__icon[b-3phwbcvo9z] {
    font-size: 1.4rem;
    flex-shrink: 0;
    line-height: 1.3;
}

.onboarding-panel__item strong[b-3phwbcvo9z] {
    display: block;
    font-size: .95rem;
    color: var(--color-text);
    margin-bottom: .25rem;
}

.onboarding-panel__item p[b-3phwbcvo9z] {
    margin: 0;
    font-size: .86rem;
    color: var(--color-text-light);
    line-height: 1.5;
}

.onboarding-panel__dismiss[b-3phwbcvo9z] {
    border: none;
    border-radius: 12px;
    padding: .7rem 1.4rem;
    background: var(--color-primary);
    color: #ffffff;
    font-weight: 700;
    font-size: .9rem;
    cursor: pointer;
    transition: filter .15s, transform .15s;
}

.onboarding-panel__dismiss:hover[b-3phwbcvo9z] { filter: brightness(1.08); transform: translateY(-1px); }

@media (max-width: 760px) {
    .onboarding-panel__grid[b-3phwbcvo9z] { grid-template-columns: 1fr; }
}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.register-hero[b-3phwbcvo9z] {
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--brand-bright) 0%, var(--brand-hero-mid) 45%, var(--brand-hero-end) 100%);
    box-shadow: var(--shadow-hero);
    isolation: isolate;
}

.register-hero[b-3phwbcvo9z]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(var(--brand-bright-rgb), 0.80) 0%, rgba(var(--brand-hero-mid-rgb), 0.82) 45%, rgba(var(--brand-hero-end-rgb), 0.86) 100%),
        url('/img/home-hero-bg.jpg') center center / cover no-repeat;
    pointer-events: none;
    z-index: 0;
}

.register-hero[b-3phwbcvo9z]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.10), transparent 25%);
    pointer-events: none;
    z-index: 1;
}

.register-hero__content[b-3phwbcvo9z] {
    position: relative;
    padding: 2rem;
    color: #ffffff;
    z-index: 2;
}

.register-hero__badge[b-3phwbcvo9z] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.8rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.register-hero h1[b-3phwbcvo9z] {
    margin: 0 0 0.6rem;
    font-size: 2.2rem;
    line-height: 1.15;
    font-weight: 800;
}

.register-hero p[b-3phwbcvo9z] {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 1rem;
    line-height: 1.6;
}

/* ── Selection Panel ──────────────────────────────────────────────────────── */
.selection-panel[b-3phwbcvo9z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.selection-card[b-3phwbcvo9z] {
    padding: 1.1rem;
    border: 1px solid var(--color-border-light);
    border-radius: 18px;
    background: var(--color-surface-card);
    box-shadow: var(--shadow-card-sm);
}

.selection-card label[b-3phwbcvo9z] {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-text-medium);
}

.custom-select[b-3phwbcvo9z] {
    width: 100%;
    appearance: none;
    padding: 0.9rem 1rem;
    border: 1px solid var(--color-border-medium);
    border-radius: 12px;
    background: var(--color-surface-input);
    color: var(--color-text-strong);
    font-size: 0.98rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.custom-select:focus[b-3phwbcvo9z] {
    outline: none;
    border-color: var(--color-primary);
    background: var(--color-surface-card);
    box-shadow: 0 0 0 4px rgba(var(--brand-600-rgb), 0.12);
}

/* ── Event Summary ────────────────────────────────────────────────────────── */
.event-summary[b-3phwbcvo9z] {
    padding: 1.4rem 1.5rem;
    border-radius: 20px;
    background: linear-gradient(180deg, var(--color-surface-card) 0%, var(--color-surface-card-soft) 100%);
    border: 1px solid var(--color-info-border);
    box-shadow: 0 8px 24px rgba(var(--brand-600-rgb), 0.08);
}

.event-summary__topline[b-3phwbcvo9z] {
    margin-bottom: 0.35rem;
    color: var(--color-primary);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.event-summary h2[b-3phwbcvo9z] {
    margin: 0 0 0.7rem;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--color-text-deep);
}

.event-summary__meta[b-3phwbcvo9z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.event-pill[b-3phwbcvo9z] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.8rem;
    border-radius: 999px;
    background: var(--color-primary-tint);
    color: var(--color-info-text);
    font-size: 0.88rem;
    font-weight: 700;
}

.event-summary p[b-3phwbcvo9z] {
    margin: 0;
    color: var(--color-text-muted);
    line-height: 1.65;
}

/* ── Category Block ───────────────────────────────────────────────────────── */
.category-block[b-3phwbcvo9z] {
    border: 1px solid var(--color-border-light);
    border-radius: 20px;
    background: var(--color-surface-card);
    box-shadow: var(--shadow-card-sm);
    overflow: hidden;
}

.category-block__header[b-3phwbcvo9z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
    color: #ffffff;
    cursor: pointer;
    user-select: none;
    border-bottom: none;
    transition: filter 0.18s ease;
}

.category-block__header:hover[b-3phwbcvo9z] {
    filter: brightness(1.08);
}

.category-block__header h3[b-3phwbcvo9z] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0.01em;
}

.category-block__header-right[b-3phwbcvo9z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.category-block__count[b-3phwbcvo9z] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0.85;
}

/* ── Toggle-Pfeil ─────────────────────────────────────────────────────────── */
.category-block__toggle-icon[b-3phwbcvo9z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    transition: transform 0.25s ease;
    flex-shrink: 0;
}

.category-block.is-collapsed .category-block__toggle-icon[b-3phwbcvo9z] {
    transform: rotate(-90deg);
}

/* ── Body smooth ein-/ausklappen ──────────────────────────────────────────── */
.category-block__body[b-3phwbcvo9z] {
    overflow: hidden;
    max-height: 5000px;
    opacity: 1;
    padding: 1rem 1rem 0.5rem;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}

.category-block.is-collapsed .category-block__body[b-3phwbcvo9z] {
    max-height: 0;
    opacity: 0;
    padding: 0 1rem;
}

/* ── Date Subgroup ────────────────────────────────────────────────────────── */
.date-subgroup[b-3phwbcvo9z] {
    margin-bottom: 1rem;
    border: 1px solid var(--color-primary-tint);
    border-radius: 14px;
    overflow: hidden;
}

.date-subgroup:not(:last-child)[b-3phwbcvo9z] {
    margin-bottom: 1rem;
}

.date-subgroup h4[b-3phwbcvo9z] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-primary-deeper);
    background: var(--color-surface-card);
    border: none;
    width: 100%;
    cursor: default;
}

/* ── Area Grid ────────────────────────────────────────────────────────────── */
.area-grid[b-3phwbcvo9z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    padding: 1rem;
}

/* ── Area Card ────────────────────────────────────────────────────────────── */
.area-card[b-3phwbcvo9z] {
    height: 100%;
    border: 1px solid var(--color-border-light);
    border-radius: 18px;
    background: var(--color-surface-card);
    box-shadow: var(--shadow-card-sm);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.area-card:hover[b-3phwbcvo9z] {
    transform: translateY(-4px);
    border-color: var(--color-info-border);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
}

.area-card__body[b-3phwbcvo9z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.1rem;
}

.area-card__header[b-3phwbcvo9z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.area-card__header h4[b-3phwbcvo9z] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--color-text-strong);
    line-height: 1.35;
}

.area-category[b-3phwbcvo9z] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    color: var(--color-primary-deeper);
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

/* ── Area Info Liste ──────────────────────────────────────────────────────── */
.area-info-list[b-3phwbcvo9z] {
    display: grid;
    gap: 0.7rem;
    margin-bottom: 1.1rem;
}

.area-info-item[b-3phwbcvo9z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px dashed var(--color-border-light);
}

.area-info-item .label[b-3phwbcvo9z] {
    color: var(--color-text-light);
    font-size: 0.9rem;
    font-weight: 600;
}

.area-info-item .value[b-3phwbcvo9z] {
    color: var(--color-text-strong);
    font-size: 0.92rem;
    font-weight: 700;
    text-align: right;
}

.capacity-chip[b-3phwbcvo9z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: var(--color-info-bg);
    color: var(--color-info-text);
    font-weight: 800;
    font-size: 0.82rem;
}

.capacity-chip--unlimited[b-3phwbcvo9z] {
    background: var(--color-success-bg);
    color: var(--color-success-text);
    border: 1px solid var(--color-success-border);
}

/* ── Register Button ──────────────────────────────────────────────────────── */
.register-btn[b-3phwbcvo9z] {
    width: 100%;
    margin-top: auto;
    padding: 0.85rem 1rem;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    color: #ffffff;
    font-size: 0.94rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: var(--shadow-btn);
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.register-btn:hover:not(:disabled)[b-3phwbcvo9z] {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 12px 24px rgba(var(--brand-600-rgb), 0.28);
}

.register-btn:active:not(:disabled)[b-3phwbcvo9z] {
    transform: translateY(0);
}

.register-btn:disabled[b-3phwbcvo9z] {
    background: var(--color-border-medium);
    color: var(--color-text-lighter);
    box-shadow: none;
    cursor: not-allowed;
}

.registration-note[b-3phwbcvo9z] {
    margin: 0.85rem 0 0;
    color: var(--color-text-light);
    font-size: 0.88rem;
    line-height: 1.5;
}

/* ── Wahl ganzer/halber Tag (zwei Felder) ─────────────────────────────────── */
.slot-choice[b-3phwbcvo9z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-bottom: .9rem;
    padding: 4px;
    border-radius: 14px;
    background: var(--color-info-bg);
    border: 1px solid var(--color-info-border);
}

.slot-choice__btn[b-3phwbcvo9z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    min-width: 0;
    padding: .5rem .6rem;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--color-info-text);
    font: inherit;
    line-height: 1.2;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.slot-choice__btn:hover:not(.is-active)[b-3phwbcvo9z] {
    background: var(--color-primary-tint);
}

.slot-choice__btn.is-active[b-3phwbcvo9z] {
    background: linear-gradient(135deg, var(--color-primary-deeper, var(--brand-700)), var(--color-primary, var(--brand-600)));
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(var(--brand-700-rgb), .25);
}

.slot-choice__btn:focus-visible[b-3phwbcvo9z] {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.slot-choice__label[b-3phwbcvo9z] {
    font-size: .85rem;
    font-weight: 800;
    white-space: nowrap;
}

.slot-choice__time[b-3phwbcvo9z] {
    font-size: .78rem;
    font-weight: 600;
    opacity: .85;
    white-space: nowrap;
}

/* ── Ansicht-Umschalter im Kategorie-Header ───────────────────────────────── */
.view-switch[b-3phwbcvo9z] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    cursor: default;
}

.view-switch__btn[b-3phwbcvo9z] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    opacity: 0.85;
    transition: background 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}

.view-switch__btn:hover[b-3phwbcvo9z] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.14);
}

.view-switch__btn.is-active[b-3phwbcvo9z] {
    background: #ffffff;
    color: var(--color-primary-deeper);
    opacity: 1;
}

.view-switch__btn:focus-visible[b-3phwbcvo9z] {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.view-switch__btn svg[b-3phwbcvo9z] {
    width: 14px;
    height: 14px;
    fill: currentColor;
    flex-shrink: 0;
}

/* ── Listenansicht ────────────────────────────────────────────────────────── */
.area-list[b-3phwbcvo9z] {
    padding: 0.25rem 1rem 1rem;
}

.area-list__head[b-3phwbcvo9z],
.area-row[b-3phwbcvo9z] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 2.1fr) 136px 108px minmax(0, 1.1fr) 140px;
    gap: 1rem;
    align-items: center;
}

.area-list__head[b-3phwbcvo9z] {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid var(--color-border-light);
    color: var(--color-text-light);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.area-row[b-3phwbcvo9z] {
    padding: 0.7rem 0.75rem;
    border-bottom: 1px dashed var(--color-border-light);
    transition: background 0.15s ease;
}

.area-row:last-child[b-3phwbcvo9z] {
    border-bottom: none;
}

.area-row:hover[b-3phwbcvo9z] {
    background: var(--color-info-bg);
}

.area-row__name[b-3phwbcvo9z] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.area-row__title[b-3phwbcvo9z] {
    color: var(--color-text-strong);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.area-row__note[b-3phwbcvo9z] {
    color: var(--color-text-light);
    font-size: 0.8rem;
    line-height: 1.4;
}

.area-row__cell[b-3phwbcvo9z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    color: var(--color-text-strong);
    font-size: 0.9rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.area-row__cell .capacity-chip[b-3phwbcvo9z] {
    min-width: 0;
    white-space: nowrap;
}

.area-row__action .register-btn[b-3phwbcvo9z] {
    margin-top: 0;
    padding: 0.55rem 0.9rem;
    font-size: 0.85rem;
}

/* Kompakte Wahl ganzer/halber Tag in der Listenzeile */
.slot-choice--compact[b-3phwbcvo9z] {
    width: 100%;
    max-width: 280px;
    margin: 0;
    padding: 3px;
    border-radius: 12px;
}

.slot-choice--compact .slot-choice__btn[b-3phwbcvo9z] {
    padding: .3rem .4rem;
    border-radius: 9px;
}

.slot-choice--compact .slot-choice__label[b-3phwbcvo9z] {
    font-size: .74rem;
}

.slot-choice--compact .slot-choice__time[b-3phwbcvo9z] {
    font-size: .7rem;
}

/* Schmale Bildschirme: Zeilen werden zu kompakten Blöcken mit Feldnamen */
@media (max-width: 900px) {
    .area-list[b-3phwbcvo9z] {
        padding: 0.25rem 0.75rem 0.75rem;
    }

    .area-list__head[b-3phwbcvo9z] {
        display: none;
    }

    .area-row[b-3phwbcvo9z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
        gap: 0.65rem 1rem;
        padding: 0.85rem 0.5rem;
    }

    .area-row__name[b-3phwbcvo9z],
    .area-row__action[b-3phwbcvo9z],
    .area-row__cell--choice[b-3phwbcvo9z] {
        grid-column: 1 / -1;
    }

    /* Wahl ganzer/halber Tag über die ganze Zeile, damit nichts umbricht */
    .slot-choice--compact[b-3phwbcvo9z] {
        max-width: none;
    }

    .area-row__cell[b-3phwbcvo9z]::before {
        content: attr(data-label);
        display: block;
        width: 100%;
        color: var(--color-text-light);
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }
}

@media (max-width: 560px) {
    .view-switch__text[b-3phwbcvo9z] {
        display: none;
    }

    .view-switch__btn[b-3phwbcvo9z] {
        padding: 0.35rem 0.5rem;
    }
}

/* ── Bestätigungs-Modal ───────────────────────────────────────────────────── */
.reg-modal-backdrop[b-3phwbcvo9z] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    backdrop-filter: blur(3px);
}

.reg-modal[b-3phwbcvo9z] {
    background: var(--color-surface-card);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.reg-modal__header[b-3phwbcvo9z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--color-primary-deeper) 0%, var(--color-primary) 100%);
}

.reg-modal__header h3[b-3phwbcvo9z] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #ffffff;
}

.reg-modal__close[b-3phwbcvo9z] {
    background: rgba(255,255,255,.2);
    border: none;
    color: #ffffff;
    font-size: 1rem;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}

.reg-modal__close:hover[b-3phwbcvo9z] { background: rgba(255,255,255,.35); }

.reg-modal__body[b-3phwbcvo9z] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.reg-modal__info[b-3phwbcvo9z] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem;
    border-radius: 12px;
    background: var(--color-surface-card-soft);
    border: 1px solid var(--color-border-soft);
}

.reg-modal__info-row[b-3phwbcvo9z] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
}

.reg-modal__label[b-3phwbcvo9z] {
    font-size: .85rem;
    color: var(--color-text-light);
    font-weight: 600;
    white-space: nowrap;
}

.reg-modal__value[b-3phwbcvo9z] {
    font-size: .9rem;
    color: var(--color-text-strong);
    text-align: right;
}

.reg-modal__comment label[b-3phwbcvo9z] {
    display: block;
    font-size: .88rem;
    font-weight: 700;
    color: var(--color-text-medium);
    margin-bottom: .5rem;
}

.reg-modal__optional[b-3phwbcvo9z] {
    font-weight: 400;
    color: var(--color-text-placeholder);
    font-size: .82rem;
}

.reg-modal__textarea[b-3phwbcvo9z] {
    width: 100%;
    padding: .75rem 1rem;
    border: 1px solid var(--color-border-form);
    border-radius: 12px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: .92rem;
    line-height: 1.5;
    resize: vertical;
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}

.reg-modal__textarea:focus[b-3phwbcvo9z] {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(var(--brand-500-rgb), .12);
}

.reg-modal__footer[b-3phwbcvo9z] {
    display: flex;
    gap: .75rem;
    padding: 1.25rem 1.5rem;
    border-top: 1px solid var(--color-border-soft);
}

.reg-modal__footer .register-btn[b-3phwbcvo9z] {
    flex: 1;
}

.reg-modal__cancel-btn[b-3phwbcvo9z] {
    padding: .75rem 1.25rem;
    border: 1.5px solid var(--color-border-input);
    border-radius: 14px;
    background: transparent;
    color: var(--color-text-medium);
    font-size: .92rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.reg-modal__cancel-btn:hover[b-3phwbcvo9z] {
    background: var(--color-surface-card-soft);
    border-color: var(--color-border-medium);
}

/* ── Media Queries ────────────────────────────────────────────────────────── */
@media (max-width: 992px) {
    .area-grid[b-3phwbcvo9z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .register-page[b-3phwbcvo9z] {
        padding: 1rem 0.8rem 2rem;
    }

    .register-hero__content[b-3phwbcvo9z] {
        padding: 1.35rem;
    }

    .register-hero h1[b-3phwbcvo9z] {
        font-size: 1.8rem;
    }

    .selection-panel[b-3phwbcvo9z] {
        grid-template-columns: 1fr;
    }

    .category-block__header[b-3phwbcvo9z] {
        align-items: center;
        flex-direction: row;
        padding: 0.85rem 1rem;
    }

    .area-grid[b-3phwbcvo9z] {
        grid-template-columns: 1fr;
        padding: 0.75rem;
    }

    .event-summary[b-3phwbcvo9z] {
        padding: 1.15rem;
    }

    .date-subgroup h4[b-3phwbcvo9z] {
        font-size: 0.9rem;
        padding: 0.65rem 0.85rem;
    }
}
/* /Pages/User/Settings.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   SETTINGS PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

.settings-page[b-cv0b7lu0wg] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    color: var(--color-text);
}

/* ─── Hero ───────────────────────────────────────────────────────────────── */
.settings-hero[b-cv0b7lu0wg] {
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, var(--brand-bright) 0%, var(--brand-hero-mid) 45%, var(--brand-hero-end) 100%);
    box-shadow: var(--shadow-hero);
    isolation: isolate;
}

.settings-hero[b-cv0b7lu0wg]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(var(--brand-bright-rgb), 0.80) 0%, rgba(var(--brand-hero-mid-rgb), 0.82) 45%, rgba(var(--brand-hero-end-rgb), 0.86) 100%),
        url('/img/home-hero-bg.jpg') center center / cover no-repeat;
    pointer-events: none;
    z-index: 0;
}

.settings-hero[b-cv0b7lu0wg]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.10), transparent 25%);
    pointer-events: none;
    z-index: 1;
}

.settings-hero__content[b-cv0b7lu0wg] {
    position: relative;
    z-index: 2;
    padding: 2rem;
    color: #ffffff;
}

.settings-hero__badge[b-cv0b7lu0wg] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.8rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.settings-hero h1[b-cv0b7lu0wg] {
    margin: 0 0 0.6rem;
    font-size: 2.2rem;
    line-height: 1.15;
    font-weight: 800;
}

.settings-hero p[b-cv0b7lu0wg] {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 1rem;
    line-height: 1.6;
}

/* ─── Tabs ───────────────────────────────────────────────────────────────── */
.settings-tabs[b-cv0b7lu0wg] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.75rem;
    padding: 0.4rem;
    background: var(--color-surface-soft);
    border-radius: 18px;
    width: fit-content;
}

.settings-tab[b-cv0b7lu0wg] {
    padding: 0.65rem 1.4rem;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: var(--color-text-lighter);
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
}

.settings-tab:hover[b-cv0b7lu0wg] {
    background: var(--color-border-soft);
    color: var(--color-text-strong);
}

.settings-tab--active[b-cv0b7lu0wg] {
    background: var(--color-surface-card);
    color: var(--color-primary);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
}

/* ─── Tab Content ────────────────────────────────────────────────────────── */
.settings-tab-content[b-cv0b7lu0wg] {
    animation: fadeIn-b-cv0b7lu0wg 0.2s ease;
}

.settings-tab-content .settings-column[b-cv0b7lu0wg] {
    max-width: 100%;
}

@keyframes fadeIn-b-cv0b7lu0wg {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0);   }
}

/* ─── Layout ─────────────────────────────────────────────────────────────── */
.settings-layout[b-cv0b7lu0wg] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 1.75rem;
    align-items: start;
    min-width: 0;
}

.settings-column[b-cv0b7lu0wg] {
    display: grid;
    gap: 1.5rem;
    min-width: 0;
    width: 100%;
}

/* ─── Card ───────────────────────────────────────────────────────────────── */
.settings-card[b-cv0b7lu0wg] {
    width: 100%;
    border: 1px solid var(--color-border-card);
    border-radius: 22px;
    background: linear-gradient(180deg, var(--color-surface-card) 0%, var(--color-surface-card-soft) 100%);
    box-shadow: var(--shadow-card);
    overflow: visible;
    min-width: 0;
    box-sizing: border-box;
}

/* ─── Danger Card ────────────────────────────────────────────────────────── */
.settings-card--danger[b-cv0b7lu0wg] {
    border-color: var(--color-error-border);
    background: linear-gradient(180deg, var(--color-surface-card) 0%, var(--color-error-bg) 100%);
    box-shadow:
        0 10px 24px rgba(220, 38, 38, 0.06),
        0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

/* ─── Card Header ────────────────────────────────────────────────────────── */
.settings-card__header[b-cv0b7lu0wg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    min-width: 0;
    flex-wrap: wrap;
}

.settings-card__header-left[b-cv0b7lu0wg] {
    min-width: 0;
    flex: 1;
}

.settings-card__topline[b-cv0b7lu0wg] {
    margin-bottom: 0.35rem;
    color: var(--color-primary);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.settings-card__topline--danger[b-cv0b7lu0wg] {
    color: var(--color-error-text);
}

.settings-card__header h2[b-cv0b7lu0wg] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--color-text-strong);
    white-space: nowrap;
}

.settings-card__header .primary-btn[b-cv0b7lu0wg] {
    flex-shrink: 0;
    white-space: nowrap;
    padding: 0.65rem 1.1rem;
    font-size: 0.88rem;
}

.settings-card__body[b-cv0b7lu0wg] {
    padding: 0 1.5rem 1.6rem;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.settings-card__body form[b-cv0b7lu0wg] {
    margin: 0;
    min-width: 0;
    width: 100%;
}

/* ─── Form Grid ──────────────────────────────────────────────────────────── */
.form-grid[b-cv0b7lu0wg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem 1.1rem;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.form-grid--single[b-cv0b7lu0wg] {
    grid-template-columns: 1fr;
}

.form-grid > *[b-cv0b7lu0wg] {
    min-width: 0;
}

.form-group[b-cv0b7lu0wg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.form-group > *[b-cv0b7lu0wg] {
    min-width: 0;
}

.form-group--full[b-cv0b7lu0wg] {
    grid-column: 1 / -1;
}

.form-group label[b-cv0b7lu0wg] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--color-text-medium);
}

/* ─── Form Controls ──────────────────────────────────────────────────────── */
.form-control-modern[b-cv0b7lu0wg],
[b-cv0b7lu0wg] .form-control-modern,
[b-cv0b7lu0wg] input.form-control-modern,
[b-cv0b7lu0wg] select.form-control-modern,
[b-cv0b7lu0wg] textarea.form-control-modern {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    height: 3.35rem;
    min-height: 3.35rem;
    margin: 0;
    padding: 0.95rem 1rem;
    border: 1px solid var(--color-border-form);
    border-radius: 14px;
    background: var(--color-surface-input);
    color: var(--color-text-deep);
    font-size: 0.97rem;
    line-height: 1.2;
    box-sizing: border-box;
    box-shadow:
        inset 0 1px 2px rgba(15, 23, 42, 0.03),
        0 1px 0 rgba(255, 255, 255, 0.6);
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

.form-control-modern:hover[b-cv0b7lu0wg],
[b-cv0b7lu0wg] .form-control-modern:hover,
[b-cv0b7lu0wg] input.form-control-modern:hover,
[b-cv0b7lu0wg] select.form-control-modern:hover,
[b-cv0b7lu0wg] textarea.form-control-modern:hover {
    border-color: var(--color-border-medium);
    background: var(--color-surface-card);
}

.form-control-modern:focus[b-cv0b7lu0wg],
[b-cv0b7lu0wg] .form-control-modern:focus,
[b-cv0b7lu0wg] input.form-control-modern:focus,
[b-cv0b7lu0wg] select.form-control-modern:focus,
[b-cv0b7lu0wg] textarea.form-control-modern:focus {
    outline: none;
    border-color: var(--color-primary);
    background: var(--color-surface-card);
    box-shadow:
        0 0 0 4px rgba(var(--brand-500-rgb), 0.12),
        0 8px 20px rgba(var(--brand-600-rgb), 0.08);
}

[b-cv0b7lu0wg] input.form-control-modern,
[b-cv0b7lu0wg] select.form-control-modern,
[b-cv0b7lu0wg] .form-group input,
[b-cv0b7lu0wg] .form-group select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

[b-cv0b7lu0wg] select.form-control-modern {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 3rem;
    background-color: var(--color-surface-input);
    background-image:
        linear-gradient(45deg, transparent 50%, #64748b 50%),
        linear-gradient(135deg, #64748b 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 4px),
        calc(100% - 12px) calc(50% - 4px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

[b-cv0b7lu0wg] input.form-control-modern[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 0.75rem;
    background: var(--color-surface-input);
}

[b-cv0b7lu0wg] input.form-control-modern[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.72;
    filter: contrast(0.9);
}

[b-cv0b7lu0wg] input.form-control-modern::placeholder,
[b-cv0b7lu0wg] textarea.form-control-modern::placeholder {
    color: var(--color-text-placeholder);
}

/* ─── Validation ─────────────────────────────────────────────────────────── */
.validation-summary[b-cv0b7lu0wg] {
    margin-bottom: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 14px;
    background: var(--color-warning-bg);
    border: 1px solid var(--color-warning-border);
    color: var(--color-warning-text);
}

/* ─── Form Actions ───────────────────────────────────────────────────────── */
.form-actions[b-cv0b7lu0wg] {
    margin-top: 1.35rem;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

/* ─── Buttons ────────────────────────────────────────────────────────────── */
.primary-btn[b-cv0b7lu0wg],
.secondary-btn[b-cv0b7lu0wg],
.danger-btn[b-cv0b7lu0wg] {
    border: none;
    border-radius: 14px;
    padding: 0.9rem 1.1rem;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

.primary-btn[b-cv0b7lu0wg] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    box-shadow: var(--shadow-btn);
}

.primary-btn:hover[b-cv0b7lu0wg] {
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow: 0 14px 28px rgba(var(--brand-600-rgb), 0.28);
}

.secondary-btn[b-cv0b7lu0wg] {
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
    box-shadow: 0 10px 20px rgba(51, 65, 85, 0.18);
}

.secondary-btn:hover[b-cv0b7lu0wg] {
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow: 0 14px 28px rgba(51, 65, 85, 0.24);
}

.danger-btn[b-cv0b7lu0wg] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    box-shadow: 0 10px 20px rgba(220, 38, 38, 0.18);
}

.danger-btn:hover[b-cv0b7lu0wg] {
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow: 0 14px 28px rgba(220, 38, 38, 0.24);
}

.danger-btn:disabled[b-cv0b7lu0wg],
.secondary-btn:disabled[b-cv0b7lu0wg],
.primary-btn:disabled[b-cv0b7lu0wg] {
    background: var(--color-border-medium);
    color: var(--color-text-lighter);
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
    filter: none;
}

/* ─── Button Loading State — Settings overrides global min-width ─────────── */
.btn-loading[b-cv0b7lu0wg] {
    min-width: 160px;
}

/* ─── Member Card — Deleting State ──────────────────────────────────────── */
.member-card--deleting[b-cv0b7lu0wg] {
    opacity: 0.6;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

/* ─── Member List ────────────────────────────────────────────────────────── */
.member-list[b-cv0b7lu0wg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

/* ─── Member Card ────────────────────────────────────────────────────────── */
.member-card[b-cv0b7lu0wg] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid var(--color-border-light);
    border-radius: 18px;
    background: var(--color-surface-input);
    min-width: 0;
    box-sizing: border-box;
    transition: opacity 0.2s ease;
}

.member-card__content[b-cv0b7lu0wg] {
    flex: 1;
    min-width: 0;
}

.member-card__header[b-cv0b7lu0wg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.member-card__header h3[b-cv0b7lu0wg] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 800;
    color: var(--color-text-strong);
    min-width: 0;
    word-break: break-word;
}

.member-stage[b-cv0b7lu0wg] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    background: var(--color-primary-subtle);
    color: var(--color-primary-deeper);
    font-size: 0.74rem;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ─── Member Info ────────────────────────────────────────────────────────── */
.member-info-list[b-cv0b7lu0wg] {
    display: grid;
    gap: 0;
}

.member-info-item[b-cv0b7lu0wg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.4rem 0;
    border-bottom: 1px dashed var(--color-border-light);
}

.member-info-item:last-child[b-cv0b7lu0wg] {
    border-bottom: none;
}

.member-info-item .label[b-cv0b7lu0wg] {
    color: var(--color-text-light);
    font-size: 0.82rem;
    font-weight: 600;
    flex-shrink: 0;
}

.member-info-item .value[b-cv0b7lu0wg] {
    color: var(--color-text-strong);
    font-size: 0.85rem;
    font-weight: 700;
    text-align: right;
    word-break: break-word;
    min-width: 0;
}

/* ─── Member Card Actions ────────────────────────────────────────────────── */
.member-card__actions[b-cv0b7lu0wg] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-top: auto;
    align-items: center;
}

.member-card__actions .secondary-btn[b-cv0b7lu0wg],
.member-card__actions .danger-btn[b-cv0b7lu0wg] {
    flex: 1;
    text-align: center;
    padding: 0.6rem 0.4rem;
    font-size: 0.82rem;
    border-radius: 12px;
    box-shadow: none;
}

.member-card__actions .secondary-btn:hover[b-cv0b7lu0wg],
.member-card__actions .danger-btn:hover[b-cv0b7lu0wg] {
    transform: translateY(-1px);
}

.member-card__actions .btn-loading[b-cv0b7lu0wg] {
    flex: 1;
    justify-content: center;
    min-width: 0;
    padding: 0.6rem 0.4rem;
    font-size: 0.82rem;
    border-radius: 12px;
}

/* ─── Empty State ────────────────────────────────────────────────────────── */
.inline-empty-state[b-cv0b7lu0wg] {
    margin-top: 1.25rem;
    padding: 1rem 1.1rem;
    border: 1px dashed var(--color-border-medium);
    border-radius: 16px;
    background: var(--color-surface-input);
    color: var(--color-text-lighter);
}

/* ─── Notification Toggle ────────────────────────────────────────────────── */
.notification-toggle[b-cv0b7lu0wg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--color-border-card);
    margin-bottom: 1rem;
}

.notification-toggle__info[b-cv0b7lu0wg] {
    flex: 1;
    min-width: 0;
}

.notification-toggle__title[b-cv0b7lu0wg] {
    margin: 0 0 0.25rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--color-text-strong);
}

.notification-toggle__desc[b-cv0b7lu0wg] {
    margin: 0;
    font-size: 0.83rem;
    color: var(--color-text-lighter);
    line-height: 1.5;
}

/* ─── Toggle Switch ──────────────────────────────────────────────────────── */
.toggle-switch[b-cv0b7lu0wg] {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
    flex-shrink: 0;
}

.toggle-switch input[b-cv0b7lu0wg] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.toggle-slider[b-cv0b7lu0wg] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: var(--color-border-medium);
    border-radius: 999px;
    transition: background-color 0.25s ease;
    box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.12);
}

.toggle-slider[b-cv0b7lu0wg]::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background: var(--color-white);
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
    transition: transform 0.25s ease;
}

.toggle-switch input:checked + .toggle-slider[b-cv0b7lu0wg] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
    box-shadow: 0 4px 12px rgba(var(--brand-600-rgb), 0.30);
}

.toggle-switch input:checked + .toggle-slider[b-cv0b7lu0wg]::before {
    transform: translateX(24px);
}

.toggle-switch input:focus-visible + .toggle-slider[b-cv0b7lu0wg] {
    outline: 3px solid rgba(var(--brand-500-rgb), 0.45);
    outline-offset: 2px;
}

/* ─── Toggle Status ──────────────────────────────────────────────────────── */
.toggle-status[b-cv0b7lu0wg] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.toggle-status--on[b-cv0b7lu0wg]  { color: var(--color-success-text); }
.toggle-status--off[b-cv0b7lu0wg] { color: var(--color-text-placeholder); }

/* ─── Family Form Panel ──────────────────────────────────────────────────── */
.family-form-panel[b-cv0b7lu0wg] {
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    border: 1px solid var(--color-info-border);
    border-radius: 18px;
    background: var(--color-info-bg);
    animation: fadeIn-b-cv0b7lu0wg 0.2s ease;
}

.family-form-panel__header[b-cv0b7lu0wg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.1rem;
}

.family-form-panel__header h3[b-cv0b7lu0wg] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-primary-deeper);
}

.icon-close-btn[b-cv0b7lu0wg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: var(--color-primary-tint);
    color: var(--color-primary);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
    flex-shrink: 0;
}

.icon-close-btn:hover[b-cv0b7lu0wg] {
    background: var(--color-info-border);
    color: var(--color-primary-dark);
}

.icon-close-btn:disabled[b-cv0b7lu0wg] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ─── Delete Account Warning ─────────────────────────────────────────────── */
.delete-account-warning[b-cv0b7lu0wg] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1.1rem 1.25rem;
    border-radius: 16px;
    background: var(--color-warning-bg);
    border: 1px solid var(--color-warning-border);
}

.delete-account-warning__icon[b-cv0b7lu0wg] {
    font-size: 1.5rem;
    flex-shrink: 0;
    line-height: 1;
}

.delete-account-warning__text[b-cv0b7lu0wg] {
    font-size: 0.92rem;
    color: var(--color-text-medium);
    line-height: 1.6;
}

.delete-account-warning__text strong[b-cv0b7lu0wg] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--color-warning-text);
    font-size: 0.95rem;
}

.delete-account-warning__text p[b-cv0b7lu0wg] {
    margin: 0;
    color: var(--color-text-light);
}

/* ─── Delete Confirm Panel ───────────────────────────────────────────────── */
.delete-confirm-panel[b-cv0b7lu0wg] {
    padding: 1.25rem;
    border: 1.5px solid var(--color-error-border);
    border-radius: 18px;
    background: var(--color-error-bg);
    animation: fadeIn-b-cv0b7lu0wg 0.2s ease;
}

.delete-confirm-panel__header[b-cv0b7lu0wg] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-bottom: 1.25rem;
}

.delete-confirm-panel__icon[b-cv0b7lu0wg] {
    font-size: 1.75rem;
    flex-shrink: 0;
    line-height: 1;
}

.delete-confirm-panel__title[b-cv0b7lu0wg] {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--color-error-text);
    margin-bottom: 0.3rem;
}

.delete-confirm-panel__subtitle[b-cv0b7lu0wg] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--color-text-light);
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
    .member-list[b-cv0b7lu0wg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .settings-layout[b-cv0b7lu0wg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .settings-page[b-cv0b7lu0wg] {
        padding: 1rem 0.8rem 2rem;
    }

    .settings-hero__content[b-cv0b7lu0wg] {
        padding: 1.35rem;
    }

    .settings-hero h1[b-cv0b7lu0wg] {
        font-size: 1.8rem;
    }

    .settings-tabs[b-cv0b7lu0wg] {
        width: 100%;
    }

    .settings-tab[b-cv0b7lu0wg] {
        flex: 1;
        text-align: center;
        padding: 0.6rem 0.5rem;
        font-size: 0.82rem;
    }

    .settings-tab-content .settings-column[b-cv0b7lu0wg] {
        max-width: 100%;
    }

    .settings-card__header[b-cv0b7lu0wg] {
        padding: 1.1rem 1.1rem 0.75rem;
        gap: 0.75rem;
    }

    .settings-card__header h2[b-cv0b7lu0wg] {
        font-size: 1.15rem;
        white-space: normal;
    }

    .settings-card__header .primary-btn[b-cv0b7lu0wg] {
        width: 100%;
        text-align: center;
    }

    .settings-card__body[b-cv0b7lu0wg] {
        padding: 0 1.1rem 1.25rem;
    }

    .form-grid[b-cv0b7lu0wg] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .member-list[b-cv0b7lu0wg] {
        grid-template-columns: 1fr;
    }

    .member-card__actions .secondary-btn[b-cv0b7lu0wg],
    .member-card__actions .danger-btn[b-cv0b7lu0wg],
    .member-card__actions .btn-loading[b-cv0b7lu0wg],
    .form-actions .primary-btn[b-cv0b7lu0wg],
    .form-actions .secondary-btn[b-cv0b7lu0wg],
    .form-actions .danger-btn[b-cv0b7lu0wg],
    .form-actions .btn-loading[b-cv0b7lu0wg] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .delete-account-warning[b-cv0b7lu0wg] {
        flex-direction: column;
        gap: 0.6rem;
    }

    .delete-confirm-panel__header[b-cv0b7lu0wg] {
        flex-direction: column;
        gap: 0.6rem;
    }
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
.login-panel[b-dzlqkolyhm] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 0.2rem 0;
    color: #ffffff;
}

.login-panel__user[b-dzlqkolyhm] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.login-panel__avatar[b-dzlqkolyhm] {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.login-panel__meta[b-dzlqkolyhm] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.login-panel__meta--guest[b-dzlqkolyhm] {
    gap: 0.2rem;
}

.login-panel__label[b-dzlqkolyhm] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.6);
}

.login-panel__name[b-dzlqkolyhm] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    word-break: break-word;
}

.login-panel__actions[b-dzlqkolyhm] {
    display: flex;
    gap: 0.75rem;
}

.login-panel__actions--stacked[b-dzlqkolyhm] {
    flex-direction: column;
}

.login-panel__button[b-dzlqkolyhm] {
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 800;
    cursor: pointer;
    transition:
        transform 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease;
}

.login-panel__button--primary[b-dzlqkolyhm] {
    background: #ffffff;
    color: var(--brand-700);
    border-color: #ffffff;
}

.login-panel__button--primary:hover[b-dzlqkolyhm] {
    transform: translateY(-1px);
    background: #f8fafc;
    color: var(--brand-800);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.18);
}

.login-panel__button--secondary[b-dzlqkolyhm] {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}

.login-panel__button--secondary:hover[b-dzlqkolyhm] {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.26);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.18);
}

.login-panel__user[b-dzlqkolyhm] {
    justify-content: space-between;
}

.login-panel__identity[b-dzlqkolyhm] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    flex: 1;
}

.login-panel__logout-inline[b-dzlqkolyhm] {
    margin: 0;
    flex-shrink: 0;
}

.login-panel__logout-link[b-dzlqkolyhm] {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0.4rem 0.55rem;
    border-radius: 10px;
    cursor: pointer;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease;
}

.login-panel__logout-link:hover[b-dzlqkolyhm],
.login-panel__logout-link:focus-visible[b-dzlqkolyhm] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-1px);
    outline: none;
}
@media (max-width: 768px) {
    .login-panel[b-dzlqkolyhm] {
        gap: 0.65rem;
    }

    .login-panel__label[b-dzlqkolyhm] {
        font-size: 0.68rem;
        letter-spacing: 0.06em;
    }

    .login-panel__name[b-dzlqkolyhm] {
        font-size: 0.9rem;
    }

    .login-panel__button[b-dzlqkolyhm] {
        min-height: 36px;
        padding: 0.6rem 0.85rem;
        font-size: 0.86rem;
        border-radius: 10px;
    }

    .login-panel__button--secondary[b-dzlqkolyhm] {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.1);
        color: rgba(255, 255, 255, 0.92);
        box-shadow: none;
    }

    .login-panel__button--secondary:hover[b-dzlqkolyhm] {
        transform: none;
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.14);
        box-shadow: none;
    }

    .login-panel__actions[b-dzlqkolyhm] {
        gap: 0.5rem;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* Variablen sind in wwwroot/css/site.css definiert */
.app-shell[b-tqoke2uw5q] {
    min-height: 100vh;
    display: flex;
    background:
        radial-gradient(circle at top left, rgba(var(--brand-600-rgb), 0.05), transparent 22%),
        linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-soft) 58%, var(--color-surface-soft-2) 100%);
    color: var(--color-text);
}

/* ── Sidebar ──────────────────────────────────────────────────────────────── */
.sidebar[b-tqoke2uw5q] {
    width: 280px;
    flex-shrink: 0;
    background: linear-gradient(
        180deg,
        var(--color-sidebar-bg-start) 0%,
        var(--color-sidebar-bg-mid) 42%,
        var(--color-sidebar-bg-end) 100%
    );
    box-shadow: var(--shadow-sidebar);
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 20;
}

.sidebar__inner[b-tqoke2uw5q] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1rem 1rem;
    min-height: 0;
}

/* ── Topbar ───────────────────────────────────────────────────────────────── */
.sidebar__topbar[b-tqoke2uw5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.75rem 1.25rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-sidebar-border);
}

/* ── Brand ────────────────────────────────────────────────────────────────── */
.sidebar__brand[b-tqoke2uw5q] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.sidebar__logo[b-tqoke2uw5q] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.16);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        var(--shadow-soft);
    overflow: hidden;
    flex-shrink: 0;
}

.sidebar__logo-image[b-tqoke2uw5q] {
    max-width: 28px;
    max-height: 28px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.sidebar__brand-text[b-tqoke2uw5q] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--color-sidebar-text);
}

.sidebar__eyebrow[b-tqoke2uw5q] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.72;
    min-height: 0.72rem;
}

.sidebar__brand-text strong[b-tqoke2uw5q] {
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.2;
}

/* ── Hamburger ────────────────────────────────────────────────────────────── */
.sidebar__hamburger[b-tqoke2uw5q] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 12px;
    background: var(--color-button-soft);
    color: var(--color-sidebar-text);
    font-size: 1.3rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.18s ease;
}

.sidebar__hamburger:hover[b-tqoke2uw5q] {
    background: var(--color-button-soft-hover);
}

/* ── Nav ──────────────────────────────────────────────────────────────────── */
.sidebar__nav[b-tqoke2uw5q] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding-right: 0.15rem;
}

/* ── Theme Toggle ─────────────────────────────────────────────────────────── */
.sidebar__theme-toggle[b-tqoke2uw5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    margin-top: 1rem;
    padding: 0.85rem 0.25rem 0;
}

.sidebar__theme-toggle--desktop[b-tqoke2uw5q] {
    display: flex;
}

.theme-switch[b-tqoke2uw5q] {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
}

.theme-switch__track[b-tqoke2uw5q] {
    position: relative;
    width: 74px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--color-switch-track);
    border: 1px solid var(--color-button-soft-border);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        var(--shadow-switch);
    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.18s ease;
}

.theme-switch:hover .theme-switch__track[b-tqoke2uw5q] {
    transform: translateY(-1px);
    background: var(--color-button-soft-hover);
}

.theme-switch:focus-visible .theme-switch__track[b-tqoke2uw5q] {
    outline: 2px solid rgba(255, 255, 255, 0.55);
    outline-offset: 3px;
}

.theme-switch__icon[b-tqoke2uw5q] {
    position: relative;
    z-index: 1;
    font-size: 0.95rem;
    line-height: 1;
    color: var(--color-sidebar-text);
    opacity: 0.72;
    transition: opacity 0.2s ease, transform 0.2s ease, color 0.2s ease;
}

.theme-switch__icon--sun[b-tqoke2uw5q]  { color: #fde68a; }
.theme-switch__icon--moon[b-tqoke2uw5q] { color: var(--brand-100); }

.theme-switch__thumb[b-tqoke2uw5q] {
    position: absolute;
    top: 3px;
    left: 4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--color-switch-thumb);
    box-shadow:
        0 6px 14px rgba(15, 23, 42, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: transform 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease;
}

.theme-switch.is-light .theme-switch__icon--sun[b-tqoke2uw5q]  { opacity: 1; transform: scale(1.08); }
.theme-switch.is-dark  .theme-switch__icon--moon[b-tqoke2uw5q] { opacity: 1; transform: scale(1.08); }

.theme-switch.is-dark .theme-switch__thumb[b-tqoke2uw5q] {
    transform: translateX(34px);
    background: var(--color-switch-thumb-dark);
}

.theme-switch__label[b-tqoke2uw5q] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-sidebar-text);
    white-space: nowrap;
}

/* ── Login / Footer ───────────────────────────────────────────────────────── */
.sidebar-login-desktop[b-tqoke2uw5q] {
    margin-top: 0.85rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--color-sidebar-border);
}

.sidebar__footer[b-tqoke2uw5q] {
    margin-top: 1rem;
    padding: 0.9rem 0.75rem 0;
    border-top: 1px solid var(--color-sidebar-border);
}

/* ── Main Area ────────────────────────────────────────────────────────────── */
.main-area[b-tqoke2uw5q] {
    flex: 1;
    min-width: 0;
    padding: 1.5rem;
    background: transparent;
}

.content-container[b-tqoke2uw5q] {
    min-width: 0;
}

.app-footer[b-tqoke2uw5q] {
    display: flex;
    justify-content: center;
    gap: .5rem;
    padding: 2rem 1rem 1rem;
    font-size: .82rem;
    color: var(--color-text-light);
}

.app-footer a[b-tqoke2uw5q] {
    color: var(--color-text-light);
    text-decoration: none;
}

.app-footer a:hover[b-tqoke2uw5q] { color: var(--color-primary); text-decoration: underline; }

.app-footer__sep[b-tqoke2uw5q] { opacity: .6; }

/* ── Media Query 960px ────────────────────────────────────────────────────── */
@media (max-width: 960px) {
    .app-shell[b-tqoke2uw5q] {
        flex-direction: column;
    }

    .sidebar[b-tqoke2uw5q] {
        position: relative;
        width: 100%;
        height: auto;
    }

    .sidebar__inner[b-tqoke2uw5q] {
        padding-bottom: 0;
    }

    .sidebar__hamburger[b-tqoke2uw5q] {
        display: inline-flex;
    }

    .sidebar__nav[b-tqoke2uw5q] {
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        padding-right: 0;
        transition: max-height 0.35s ease, opacity 0.25s ease;
    }

    .sidebar.mobile-nav--open .sidebar__nav[b-tqoke2uw5q] {
        max-height: 800px;
        opacity: 1;
        overflow: visible;
        padding-bottom: 0.75rem;
    }

    .sidebar__theme-toggle--desktop[b-tqoke2uw5q] {
        display: none;
    }

    .sidebar-login-desktop[b-tqoke2uw5q] {
        display: none;
    }

    .main-area[b-tqoke2uw5q] {
        padding: 1rem;
    }
}

/* ── Media Query 640px ────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .sidebar__topbar[b-tqoke2uw5q] {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .theme-switch__label[b-tqoke2uw5q] {
        font-size: 0.85rem;
    }

    .main-area[b-tqoke2uw5q] {
        padding: 0.85rem;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navmenu-shell[b-up10kfvv28] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    color: #ffffff;
}

.navmenu-mobile-header[b-up10kfvv28] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.25rem 0 0.75rem;
}

.navmenu-mobile-title[b-up10kfvv28] {
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.86);
}

.navmenu-toggler[b-up10kfvv28] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    cursor: pointer;
    transition:
        transform 0.18s ease,
        background-color 0.18s ease,
        border-color 0.18s ease;
}

.navmenu-toggler:hover[b-up10kfvv28] {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.26);
}

.navmenu-toggler__icon[b-up10kfvv28] {
    position: relative;
    width: 18px;
    height: 2px;
    background: #ffffff;
    border-radius: 999px;
}

.navmenu-toggler__icon[b-up10kfvv28]::before,
.navmenu-toggler__icon[b-up10kfvv28]::after {
    content: "";
    position: absolute;
    left: 0;
    width: 18px;
    height: 2px;
    background: #ffffff;
    border-radius: 999px;
}

.navmenu-toggler__icon[b-up10kfvv28]::before {
    top: -6px;
}

.navmenu-toggler__icon[b-up10kfvv28]::after {
    top: 6px;
}

.navmenu-links[b-up10kfvv28] {
    min-height: 0;
}

.navmenu-list[b-up10kfvv28] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 0.5rem 0 0.25rem;
}

.navmenu-section[b-up10kfvv28] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.navmenu-section__label[b-up10kfvv28] {
    padding: 0 0.75rem;
    margin-bottom: 0.25rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.58);
}

.navmenu-item[b-up10kfvv28] {
    min-width: 0;
}

.navmenu-item[b-up10kfvv28]  .navmenu-link {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 48px;
    padding: 0.8rem 0.9rem;
    border-radius: 14px;
    color: rgba(255, 255, 255, 0.88);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.navmenu-item[b-up10kfvv28]  .navmenu-link:hover {
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    transform: translateX(2px);
}

.navmenu-item[b-up10kfvv28]  .navmenu-link.active {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.10));
    color: #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 10px 18px rgba(0, 0, 0, 0.10);
}

.navmenu-icon[b-up10kfvv28] {
    width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
    opacity: 0.95;
}

.navmenu-mobile-theme[b-up10kfvv28] {
    display: none;
}

.navmenu-mobile-theme__label[b-up10kfvv28] {
    padding: 0 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.58);
}

.navmenu-mobile-theme__switch-row[b-up10kfvv28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0 0.75rem 0.9rem;
    margin-top: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.theme-switch[b-up10kfvv28] {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
}

.theme-switch[b-up10kfvv28],
.theme-switch:hover[b-up10kfvv28],
.theme-switch:focus[b-up10kfvv28],
.theme-switch:active[b-up10kfvv28] {
    border: none;
    background: transparent;
    box-shadow: none;
    outline: none;
}

.theme-switch__track[b-up10kfvv28] {
    position: relative;
    width: 74px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 8px 18px rgba(0, 0, 0, 0.14);
    transition:
        background-color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.18s ease;
}

.theme-switch:hover .theme-switch__track[b-up10kfvv28] {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.18);
}

.theme-switch:focus-visible .theme-switch__track[b-up10kfvv28] {
    outline: 2px solid rgba(255, 255, 255, 0.55);
    outline-offset: 3px;
}

.theme-switch__icon[b-up10kfvv28] {
    position: relative;
    z-index: 1;
    font-size: 0.95rem;
    line-height: 1;
    opacity: 0.72;
    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        color 0.2s ease;
}

.theme-switch__icon--sun[b-up10kfvv28] {
    color: #fde68a;
}

.theme-switch__icon--moon[b-up10kfvv28] {
    color: var(--brand-100);
}

.theme-switch__thumb[b-up10kfvv28] {
    position: absolute;
    top: 3px;
    left: 4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow:
        0 6px 14px rgba(15, 23, 42, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition:
        transform 0.24s ease,
        background-color 0.24s ease,
        box-shadow 0.24s ease;
}

.theme-switch.is-light .theme-switch__icon--sun[b-up10kfvv28] {
    opacity: 1;
    transform: scale(1.08);
}

.theme-switch.is-dark .theme-switch__icon--moon[b-up10kfvv28] {
    opacity: 1;
    transform: scale(1.08);
}

.theme-switch.is-dark .theme-switch__thumb[b-up10kfvv28] {
    transform: translateX(34px);
    background: #e2e8f0;
}

.theme-switch__label[b-up10kfvv28] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
}

.navmenu-mobile-user[b-up10kfvv28] {
    display: none;
}

.navmenu-mobile-user__label[b-up10kfvv28] {
    padding: 0 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.58);
}

.navmenu-mobile-user__card[b-up10kfvv28] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem 0.9rem 0 0.9rem;
    margin-top: 0.1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.navmenu-mobile-user__identity[b-up10kfvv28] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.navmenu-mobile-user__avatar[b-up10kfvv28] {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.navmenu-mobile-user__meta[b-up10kfvv28] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.navmenu-mobile-user__status[b-up10kfvv28] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.6);
}

.navmenu-mobile-user__name[b-up10kfvv28] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    word-break: break-word;
}

.navmenu-mobile-user__logout[b-up10kfvv28] {
    margin: 0;
}

.navmenu-mobile-user__logout-button[b-up10kfvv28] {
    width: 100%;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 800;
    cursor: pointer;
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.navmenu-mobile-user__logout-button:hover[b-up10kfvv28] {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.2);
}

/* ── Unread Badge ─────────────────────────────────────────────────────────── */
.navmenu-unread[b-up10kfvv28] {
    margin-left: auto;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ef4444;
    color: #ffffff;
    font-size: .68rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── Admin Group Headers ──────────────────────────────────────────────────── */
.navmenu-group-header[b-up10kfvv28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .42rem .75rem;
    margin-top: .15rem;
    border: none;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.72);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .15s, color .15s;
    text-align: left;
}

.navmenu-group-header:hover[b-up10kfvv28] {
    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
}

.navmenu-group-chevron[b-up10kfvv28] {
    font-size: .7rem;
    opacity: .65;
    transition: transform .2s;
    flex-shrink: 0;
}

.navmenu-group-chevron--open[b-up10kfvv28] {
    transform: rotate(0deg);
}

.navmenu-group-chevron:not(.navmenu-group-chevron--open)[b-up10kfvv28] {
    transform: rotate(-90deg);
}

.navmenu-group-body[b-up10kfvv28] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding-left: .5rem;
    border-left: 2px solid rgba(255, 255, 255, 0.12);
    margin-left: .75rem;
    margin-bottom: .2rem;
}

@media (max-width: 960px) {
    .navmenu-mobile-header[b-up10kfvv28] {
        display: flex;
    }

    .navmenu-links[b-up10kfvv28] {
        overflow: hidden;
        transition: max-height 0.25s ease, opacity 0.2s ease;
    }

    .navmenu-collapsed[b-up10kfvv28] {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
    }

    .navmenu-expanded[b-up10kfvv28] {
        max-height: 1000px;
        opacity: 1;
        pointer-events: auto;
    }

    .navmenu-list[b-up10kfvv28] {
        padding-top: 0.5rem;
    }

    .navmenu-mobile-theme[b-up10kfvv28] {
        display: block;
    }

    .navmenu-mobile-user[b-up10kfvv28] {
        display: block;
    }
}

@media (min-width: 961px) {
    .navmenu-mobile-header[b-up10kfvv28] {
        display: none;
    }

    .navmenu-links[b-up10kfvv28],
    .navmenu-collapsed[b-up10kfvv28],
    .navmenu-expanded[b-up10kfvv28] {
        display: block;
        max-height: none;
        opacity: 1;
        pointer-events: auto;
    }

    .navmenu-mobile-theme[b-up10kfvv28] {
        display: none;
    }

    .navmenu-mobile-user[b-up10kfvv28] {
        display: none;
    }
}