@import '_content/TreckerTreckWebsite.Shared/TreckerTreckWebsite.Shared.bundle.scp.css';

/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminChampionshipEdit.razor.rz.scp.css */
/* ============================================================================
   AdminChampionshipEdit.razor — Scoped Styles
   ============================================================================
   Layout for championship editing: general settings, events, classes, links,
   and points distribution. Uses design tokens from trecker-variables.css.
   All interactive elements meet 44px touch target.
   ============================================================================ */

/* --- Page wrapper --- */
.ce-page[b-ff5txsht8d] {
    padding: var(--trecker-space-xl);
}

/* --- Access denied / not-found cards --- */
.ce-access-card[b-ff5txsht8d] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

/* --- Header row --- */
.ce-header[b-ff5txsht8d] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ce-header-title[b-ff5txsht8d] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

/* --- Header icon --- */
.ce-header-icon[b-ff5txsht8d] {
    width: 28px;
    height: 28px;
    color: var(--trecker-primary);
}

/* --- Tab navigation --- */
.ce-tabs[b-ff5txsht8d] {
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* --- Card with standard padding --- */
.ce-card-body[b-ff5txsht8d] {
    padding: var(--trecker-space-lg);
}

/* --- Form rows (flex layout) --- */
.ce-form-row[b-ff5txsht8d] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ce-form-row-end[b-ff5txsht8d] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: flex-end;
    flex-wrap: wrap;
}

/* --- Field sizes --- */
.ce-field-wide[b-ff5txsht8d] {
    flex: 1 1 250px;
    min-width: 250px;
}

.ce-field-slug[b-ff5txsht8d] {
    flex: 1 1 180px;
    min-width: 180px;
}

.ce-field-season[b-ff5txsht8d] {
    flex: 1 1 100px;
    min-width: 100px;
}

.ce-field-drop[b-ff5txsht8d] {
    flex: 1 1 160px;
    min-width: 160px;
}

.ce-field-medium[b-ff5txsht8d] {
    flex: 1 1 200px;
    min-width: 200px;
}

.ce-field-category[b-ff5txsht8d] {
    flex: 1 1 150px;
    min-width: 150px;
}

.ce-field-sort[b-ff5txsht8d] {
    flex: 0 0 120px;
    min-width: 120px;
}

.ce-field-weight[b-ff5txsht8d] {
    flex: 0 0 120px;
    min-width: 120px;
}

.ce-field-sort-narrow[b-ff5txsht8d] {
    flex: 0 0 80px;
    min-width: 80px;
}

.ce-field-points[b-ff5txsht8d] {
    flex: 0 0 100px;
    min-width: 100px;
}

.ce-field-rank[b-ff5txsht8d] {
    flex: 0 0 50px;
    text-align: center;
}

.ce-field-standings-select[b-ff5txsht8d] {
    max-width: 300px;
}

.ce-field-no-mb[b-ff5txsht8d] {
    margin-bottom: 0;
}

/* --- Vertical list layout --- */
.ce-list[b-ff5txsht8d] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ce-list-md[b-ff5txsht8d] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.ce-list-xs[b-ff5txsht8d] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

/* --- Event / class card row --- */
.ce-item-card[b-ff5txsht8d] {
    padding: var(--trecker-space-md);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ce-item-info[b-ff5txsht8d] {
    flex: 1 1 200px;
    min-width: 200px;
}

.ce-item-info-wide[b-ff5txsht8d] {
    flex: 1 1 250px;
    min-width: 250px;
}

/* --- Class card (no flex on outer) --- */
.ce-class-card[b-ff5txsht8d] {
    padding: var(--trecker-space-md);
}

.ce-class-header[b-ff5txsht8d] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ce-class-info[b-ff5txsht8d] {
    flex: 1 1 200px;
    min-width: 200px;
}

/* --- Mapping section indent --- */
.ce-mapping-section[b-ff5txsht8d] {
    padding-left: var(--trecker-space-md);
}

/* --- Badge row --- */
.ce-badge-row[b-ff5txsht8d] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-sm);
}

.ce-badge-row-compact[b-ff5txsht8d] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

/* --- Mapping add row --- */
.ce-mapping-add-row[b-ff5txsht8d] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: flex-end;
}

/* --- Touch target for buttons --- */
.ce-btn-touch[b-ff5txsht8d] {
    min-height: 44px;
}

/* --- Link card layout --- */
.ce-link-card[b-ff5txsht8d] {
    padding: var(--trecker-space-md);
}

.ce-link-row[b-ff5txsht8d] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ce-link-actions[b-ff5txsht8d] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: center;
    flex-wrap: wrap;
}

/* --- Link class mapping row --- */
.ce-link-mapping-row[b-ff5txsht8d] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: center;
    flex-wrap: wrap;
    padding: var(--trecker-space-sm);
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius);
}

/* --- Points tab --- */
.ce-points-row[b-ff5txsht8d] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ce-points-actions[b-ff5txsht8d] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Section divider --- */
.ce-section-divider[b-ff5txsht8d] {
    border-top: 1px solid var(--trecker-bg-secondary);
    padding-top: var(--trecker-space-lg);
}

/* --- Standings card --- */
.ce-standings-stats[b-ff5txsht8d] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    align-items: center;
}

.ce-standings-stat[b-ff5txsht8d] {
    text-align: center;
}

/* --- Modal overlay --- */
.ce-modal-overlay[b-ff5txsht8d] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--trecker-z-modal);
    padding: var(--trecker-space-md);
}

.ce-modal[b-ff5txsht8d] {
    padding: var(--trecker-space-xl);
    max-width: 450px;
    width: 100%;
    border-left: 4px solid var(--trecker-primary);
}

.ce-modal-header[b-ff5txsht8d] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.ce-modal-icon[b-ff5txsht8d] {
    width: 24px;
    height: 24px;
    color: var(--trecker-primary);
    flex-shrink: 0;
}

.ce-modal-actions[b-ff5txsht8d] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .ce-page[b-ff5txsht8d] {
        padding: var(--trecker-space-md);
    }

    /* Stack tab navigation on mobile */
    .ce-tabs[b-ff5txsht8d]  .TreckerTab {
        flex: 1;
        text-align: center;
        min-height: 44px;
    }

    /* Ensure form groups stack properly */
    .ce-page[b-ff5txsht8d]  .TreckerFormGroup {
        min-width: 0 !important;
        flex: 1 1 100% !important;
    }

    /* Ensure buttons are touch-friendly */
    .ce-page[b-ff5txsht8d]  .TreckerButton {
        min-height: 44px;
        min-width: 44px;
    }

    .ce-field-sort[b-ff5txsht8d],
    .ce-field-weight[b-ff5txsht8d],
    .ce-field-sort-narrow[b-ff5txsht8d],
    .ce-field-points[b-ff5txsht8d] {
        flex: 1 1 calc(50% - var(--trecker-space-md));
    }

    .ce-standings-stats[b-ff5txsht8d] {
        gap: var(--trecker-space-md);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .ce-page[b-ff5txsht8d] {
        padding: var(--trecker-space-sm);
    }

    .ce-form-row[b-ff5txsht8d],
    .ce-form-row-end[b-ff5txsht8d] {
        flex-direction: column;
    }

    .ce-field-wide[b-ff5txsht8d],
    .ce-field-slug[b-ff5txsht8d],
    .ce-field-season[b-ff5txsht8d],
    .ce-field-drop[b-ff5txsht8d],
    .ce-field-medium[b-ff5txsht8d],
    .ce-field-category[b-ff5txsht8d],
    .ce-field-sort[b-ff5txsht8d],
    .ce-field-weight[b-ff5txsht8d],
    .ce-field-sort-narrow[b-ff5txsht8d],
    .ce-field-points[b-ff5txsht8d] {
        flex: 1 1 100%;
        min-width: 0;
    }

    .ce-item-card[b-ff5txsht8d] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ce-class-header[b-ff5txsht8d] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ce-link-row[b-ff5txsht8d] {
        flex-direction: column;
    }

    .ce-link-actions[b-ff5txsht8d] {
        width: 100%;
        justify-content: flex-end;
    }

    .ce-link-mapping-row[b-ff5txsht8d] {
        flex-direction: column;
        align-items: stretch;
    }

    .ce-standings-stats[b-ff5txsht8d] {
        flex-direction: column;
        align-items: stretch;
    }

    .ce-modal-actions[b-ff5txsht8d] {
        flex-direction: column;
    }

    .ce-modal-actions[b-ff5txsht8d]  .TreckerButton {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminClasses.razor.rz.scp.css */
/* ============================================================================
   AdminClasses.razor — Scoped Styles
   ============================================================================
   Layout for signup and weight class management. Uses design tokens from
   trecker-variables.css. All interactive elements meet 44px touch target.
   ============================================================================ */

/* --- Page header --- */
.ac-page-header[b-d1aapsu6um] {
    padding: var(--trecker-space-lg) var(--trecker-space-xl);
    border-bottom: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
}

.ac-page-header h1[b-d1aapsu6um] {
    margin: 0;
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ac-page-header p[b-d1aapsu6um] {
    margin: var(--trecker-space-xs) 0 0 0;
}

/* --- Content area --- */
.ac-content[b-d1aapsu6um] {
    padding: var(--trecker-space-xl);
}

/* --- Signup card --- */
.ac-signup-card[b-d1aapsu6um] {
    padding: var(--trecker-space-lg);
}

.ac-signup-card-header[b-d1aapsu6um] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.ac-signup-card-actions[b-d1aapsu6um] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ac-signup-select[b-d1aapsu6um] {
    max-width: 300px;
}

/* --- Settings accordion --- */
.ac-settings-card[b-d1aapsu6um] {
    padding: var(--trecker-space-lg);
}

.ac-settings-toggle[b-d1aapsu6um] {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ac-settings-chevron[b-d1aapsu6um] {
    width: 16px;
    height: 16px;
    transition: transform var(--trecker-transition-fast);
    flex-shrink: 0;
}

.ac-settings-chevron--open[b-d1aapsu6um] {
    transform: rotate(180deg);
}

/* --- Settings form layout --- */
.ac-settings-body[b-d1aapsu6um] {
    margin-top: var(--trecker-space-md);
}

.ac-form-row[b-d1aapsu6um] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.ac-field-wide[b-d1aapsu6um] {
    flex: 1 1 250px;
    min-width: 200px;
}

.ac-field-medium[b-d1aapsu6um] {
    flex: 1 1 200px;
    min-width: 150px;
}

.ac-field-narrow[b-d1aapsu6um] {
    flex: 1 1 150px;
    min-width: 120px;
}

.ac-field-sort[b-d1aapsu6um] {
    flex: 0 1 120px;
    min-width: 100px;
}

.ac-field-check[b-d1aapsu6um] {
    flex: 0 1 auto;
    display: flex;
    align-items: flex-end;
}

.ac-hint[b-d1aapsu6um] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

/* --- Checkbox label --- */
.ac-checkbox-label[b-d1aapsu6um] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    padding: 10px 4px;
    min-height: 44px;
}

.ac-checkbox[b-d1aapsu6um] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    flex-shrink: 0;
    accent-color: var(--trecker-accent, #34C759);
}

/* --- Form field override rows --- */
.ac-field-overrides[b-d1aapsu6um] {
    border-top: 1px solid var(--trecker-border);
    padding-top: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
}

.ac-field-override-list[b-d1aapsu6um] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.ac-field-override-row[b-d1aapsu6um] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    border-radius: var(--trecker-border-radius-sm);
    background: var(--trecker-bg-secondary);
}

.ac-field-override-name[b-d1aapsu6um] {
    flex: 1;
    min-width: 120px;
}

.ac-field-override-check[b-d1aapsu6um] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.ac-field-override-check input[b-d1aapsu6um] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--trecker-accent, #34C759);
}

/* --- Signup actions row --- */
.ac-signup-actions[b-d1aapsu6um] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* --- Championship alert --- */
.ac-champ-alert[b-d1aapsu6um] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    justify-content: space-between;
}

/* --- Classes header row --- */
.ac-classes-header[b-d1aapsu6um] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.ac-classes-header-actions[b-d1aapsu6um] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Class list --- */
.ac-class-list[b-d1aapsu6um] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

/* --- Class card (compact view) --- */
.ac-class-card[b-d1aapsu6um] {
    padding: var(--trecker-space-md);
}

.ac-class-summary[b-d1aapsu6um] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ac-class-name[b-d1aapsu6um] {
    flex: 1 1 200px;
    min-width: 150px;
}

.ac-class-name span:first-child[b-d1aapsu6um] {
    margin-right: var(--trecker-space-sm);
}

.ac-class-meta[b-d1aapsu6um] {
    display: flex;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
    align-items: center;
}

.ac-class-actions[b-d1aapsu6um] {
    display: flex;
    gap: var(--trecker-space-xs);
}

/* --- Class edit form --- */
.ac-class-edit-row[b-d1aapsu6um] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.ac-class-edit-row .TreckerFormGroup[b-d1aapsu6um] {
    margin-bottom: 0;
}

.ac-class-field-name[b-d1aapsu6um] {
    flex: 1 1 180px;
    min-width: 150px;
}

.ac-class-field-weight[b-d1aapsu6um] {
    flex: 0 1 120px;
    min-width: 100px;
}

.ac-class-field-category[b-d1aapsu6um] {
    flex: 0 1 140px;
    min-width: 120px;
}

.ac-class-field-sm[b-d1aapsu6um] {
    flex: 0 1 100px;
    min-width: 80px;
}

.ac-class-field-xs[b-d1aapsu6um] {
    flex: 0 1 80px;
    min-width: 60px;
}

.ac-class-edit-actions[b-d1aapsu6um] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    margin-top: var(--trecker-space-sm);
}

/* --- Modal overlay --- */
.ac-modal-overlay[b-d1aapsu6um] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--trecker-z-modal);
    padding: var(--trecker-space-md);
}

.ac-modal[b-d1aapsu6um] {
    padding: var(--trecker-space-xl);
    max-width: 450px;
    width: 100%;
}

.ac-modal--narrow[b-d1aapsu6um] {
    max-width: 400px;
}

.ac-modal-actions[b-d1aapsu6um] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .ac-content[b-d1aapsu6um] {
        padding: var(--trecker-space-md);
    }

    .ac-field-narrow[b-d1aapsu6um] {
        flex: 1 1 calc(50% - var(--trecker-space-md));
    }

    .ac-field-sort[b-d1aapsu6um] {
        flex: 1 1 calc(50% - var(--trecker-space-md));
    }

    .ac-class-meta[b-d1aapsu6um] {
        gap: var(--trecker-space-md);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .ac-page-header[b-d1aapsu6um] {
        padding: var(--trecker-space-md);
    }

    .ac-content[b-d1aapsu6um] {
        padding: var(--trecker-space-sm);
    }

    .ac-form-row[b-d1aapsu6um] {
        flex-direction: column;
    }

    .ac-field-wide[b-d1aapsu6um],
    .ac-field-medium[b-d1aapsu6um],
    .ac-field-narrow[b-d1aapsu6um],
    .ac-field-sort[b-d1aapsu6um] {
        flex: 1 1 100%;
        min-width: 0;
    }

    .ac-class-summary[b-d1aapsu6um] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ac-class-actions[b-d1aapsu6um] {
        width: 100%;
        justify-content: flex-end;
    }

    .ac-class-edit-row[b-d1aapsu6um] {
        flex-direction: column;
    }

    .ac-class-field-name[b-d1aapsu6um],
    .ac-class-field-weight[b-d1aapsu6um],
    .ac-class-field-category[b-d1aapsu6um],
    .ac-class-field-sm[b-d1aapsu6um],
    .ac-class-field-xs[b-d1aapsu6um] {
        flex: 1 1 100%;
        min-width: 0;
    }

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

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

    .ac-signup-actions .TreckerButton[b-d1aapsu6um],
    .ac-modal-actions .TreckerButton[b-d1aapsu6um] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminDataQuality.razor.rz.scp.css */
/* ============================================================================
   AdminDataQuality.razor — Scoped Styles
   ============================================================================
   Layout for data quality dashboard. Uses design tokens from
   trecker-variables.css. Prefix: dq-
   ============================================================================ */

/* --- Page wrapper --- */
.dq-page[b-eu66ysysvt] {
    padding: var(--trecker-space-lg);
}

/* --- Page header --- */
.dq-page-header[b-eu66ysysvt] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.dq-header-icon[b-eu66ysysvt] {
    width: 28px;
    height: 28px;
    color: var(--trecker-info);
    flex-shrink: 0;
}

.dq-page-title[b-eu66ysysvt] {
    margin: 0;
}

/* --- Alert spacing --- */
.dq-alert-mb[b-eu66ysysvt] {
    margin-bottom: var(--trecker-space-md);
}

/* --- Quality score card --- */
.dq-score-card[b-eu66ysysvt] {
    padding: var(--trecker-space-md);
}

.dq-score-content[b-eu66ysysvt] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-lg);
    margin-top: var(--trecker-space-md);
}

/* --- Donut chart --- */
.dq-donut-outer[b-eu66ysysvt] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.dq-donut-inner[b-eu66ysysvt] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--trecker-bg-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* --- Progress bar --- */
.dq-progress-track[b-eu66ysysvt] {
    width: 100%;
    height: 8px;
    background-color: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius-full);
    overflow: hidden;
    margin-top: var(--trecker-space-md);
}

.dq-progress-fill[b-eu66ysysvt] {
    height: 100%;
    transition: width 0.3s ease;
}

/* --- Problem cards grid --- */
.dq-problem-grid[b-eu66ysysvt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

/* --- Issue card --- */
.dq-issue-card[b-eu66ysysvt] {
    padding: var(--trecker-space-md);
}

.dq-issue-card--error[b-eu66ysysvt] {
    border: 1px solid var(--trecker-error);
}

.dq-issue-card--warning[b-eu66ysysvt] {
    border: 1px solid var(--trecker-warning);
}

.dq-issue-card-header[b-eu66ysysvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dq-issue-card-actions[b-eu66ysysvt] {
    margin-top: var(--trecker-space-md);
}

/* --- Detail section card --- */
.dq-detail-card[b-eu66ysysvt] {
    padding: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.dq-detail-card--error[b-eu66ysysvt] {
    border: 1px solid var(--trecker-error);
}

.dq-detail-header[b-eu66ysysvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-md);
}

.dq-detail-title--error[b-eu66ysysvt] {
    color: var(--trecker-error);
}

/* --- Table wrapper --- */
.dq-table-wrap[b-eu66ysysvt] {
    overflow-x: auto;
}

/* --- Table action buttons --- */
.dq-table-actions[b-eu66ysysvt] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* --- Subsection header --- */
.dq-subsection[b-eu66ysysvt] {
    margin-bottom: var(--trecker-space-lg);
}

.dq-subsection-header[b-eu66ysysvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-sm);
}

/* --- Badge with inline spacing --- */
.dq-badge-ml[b-eu66ysysvt] {
    margin-left: var(--trecker-space-xs);
}

/* --- Header actions row (flex with gap) --- */
.dq-header-actions[b-eu66ysysvt] {
    display: flex;
    gap: var(--trecker-space-sm);
}

/* --- Action message alert --- */
.dq-action-alert[b-eu66ysysvt] {
    margin-top: var(--trecker-space-md);
}

/* --- Modal overlay --- */
.dq-modal-overlay[b-eu66ysysvt] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: var(--trecker-z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-md);
}

.dq-modal[b-eu66ysysvt] {
    max-width: 420px;
    width: 100%;
    padding: var(--trecker-space-lg);
}

.dq-modal--wide[b-eu66ysysvt] {
    max-width: 480px;
}

.dq-modal-title[b-eu66ysysvt] {
    color: var(--trecker-error);
    margin-bottom: var(--trecker-space-md);
}

.dq-modal-body[b-eu66ysysvt] {
    margin-bottom: var(--trecker-space-lg);
}

.dq-modal-body--sm[b-eu66ysysvt] {
    margin-bottom: var(--trecker-space-md);
}

.dq-modal-body--short[b-eu66ysysvt] {
    margin-bottom: var(--trecker-space-sm);
}

.dq-modal-actions[b-eu66ysysvt] {
    display: flex;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
}

/* --- Account modal breakdown list --- */
.dq-breakdown-list[b-eu66ysysvt] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    margin-bottom: var(--trecker-space-md);
}

.dq-breakdown-item[b-eu66ysysvt] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

/* --- Footnote text --- */
.dq-footnote[b-eu66ysysvt] {
    margin-bottom: var(--trecker-space-lg);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .dq-page[b-eu66ysysvt] {
        padding: var(--trecker-space-md);
    }

    .dq-score-content[b-eu66ysysvt] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dq-problem-grid[b-eu66ysysvt] {
        grid-template-columns: 1fr;
    }

    .dq-modal-actions[b-eu66ysysvt] {
        gap: var(--trecker-space-sm);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .dq-page[b-eu66ysysvt] {
        padding: var(--trecker-space-sm);
    }

    .dq-page-header[b-eu66ysysvt] {
        flex-wrap: wrap;
    }

    .dq-detail-header[b-eu66ysysvt] {
        flex-wrap: wrap;
        gap: var(--trecker-space-sm);
    }

    .dq-subsection-header[b-eu66ysysvt] {
        flex-wrap: wrap;
        gap: var(--trecker-space-sm);
    }

    .dq-modal-actions[b-eu66ysysvt] {
        flex-direction: column;
    }

    .dq-modal-actions .TreckerButton[b-eu66ysysvt] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .dq-header-actions[b-eu66ysysvt] {
        flex-wrap: wrap;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminDemoGenerator.razor.rz.scp.css */
/* ==========================================================================
   AdminDemoGenerator – Scoped CSS
   Prefix: dg- (DemoGenerator)
   ========================================================================== */

/* ── Page layout ── */
.dg-page[b-c014ly6i1t] {
    padding: var(--trecker-space-xl);
    overflow-y: auto;
    height: 100%;
}

/* ── Header ── */
.dg-header[b-c014ly6i1t] {
    margin-bottom: var(--trecker-space-6);
}

.dg-header h1[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-sm);
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-3);
}

.dg-header p[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-secondary);
    margin: 0;
    line-height: 1.6;
}

.dg-header-icon[b-c014ly6i1t] {
    color: var(--trecker-primary);
    flex-shrink: 0;
}

/* ── Warning banner ── */
.dg-warning-inner[b-c014ly6i1t] {
    display: flex;
    gap: var(--trecker-space-3);
    align-items: flex-start;
}

.dg-warning-icon[b-c014ly6i1t] {
    flex-shrink: 0;
    margin-top: 2px;
}

.dg-warning-title[b-c014ly6i1t] {
    font-weight: 600;
    margin: 0 0 4px;
    color: var(--trecker-text-primary);
}

.dg-warning-text[b-c014ly6i1t] {
    margin: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.dg-code-inline[b-c014ly6i1t] {
    background: rgba(0, 0, 0, 0.1);
    padding: 1px 5px;
    border-radius: 4px;
}

/* ── Feature overview cards grid ── */
.dg-features-grid[b-c014ly6i1t] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
}

/* Feature card header row (icon + title) */
.dg-feature-card-header[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
    margin-bottom: var(--trecker-space-md);
}

.dg-feature-card-header h3[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-md);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
}

.dg-icon-primary[b-c014ly6i1t] {
    color: var(--trecker-primary);
}

.dg-icon-success[b-c014ly6i1t] {
    color: var(--trecker-success);
}

.dg-icon-secondary[b-c014ly6i1t] {
    color: var(--trecker-text-secondary);
}

.dg-icon-danger[b-c014ly6i1t] {
    color: #ef4444;
    flex-shrink: 0;
}

.dg-icon-pink[b-c014ly6i1t] {
    color: #f472b6;
}

.dg-icon-warning[b-c014ly6i1t] {
    color: var(--trecker-warning);
}

.dg-data-grid[b-c014ly6i1t] {
    display: grid;
    gap: 0;
}

/* Card data rows */
.dg-data-row[b-c014ly6i1t] {
    display: flex;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-xs) 0;
    border-bottom: 1px solid var(--trecker-secondary);
}

.dg-data-row:last-child[b-c014ly6i1t] {
    border-bottom: none;
}

.dg-data-label[b-c014ly6i1t] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

.dg-data-value[b-c014ly6i1t] {
    color: var(--trecker-text-primary);
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
}

.dg-data-divider[b-c014ly6i1t] {
    border-top: 1px solid var(--trecker-secondary);
    padding-top: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
}

.dg-data-sublabel[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--trecker-space-xs);
}

.dg-data-subvalue[b-c014ly6i1t] {
    color: var(--trecker-text-primary);
    font-weight: 500;
    font-size: var(--trecker-font-size-sm);
}

.dg-brand-list[b-c014ly6i1t] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    line-height: 1.7;
}

/* ── Config panel ── */
.dg-config-panel[b-c014ly6i1t] {
    margin-bottom: var(--trecker-space-lg);
}

.dg-config-toggle[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-md);
    user-select: none;
}

.dg-config-toggle:hover[b-c014ly6i1t] {
    background: var(--trecker-secondary);
}

.dg-config-toggle h3[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-md);
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
    color: var(--trecker-text-primary);
}

.dg-config-toggle-right[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.dg-config-toggle-label[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

.dg-config-toggle-chevron[b-c014ly6i1t] {
    transition: transform 0.2s;
}

.dg-config-toggle-chevron.open[b-c014ly6i1t] {
    transform: rotate(90deg);
}

.dg-config-body[b-c014ly6i1t] {
    padding: var(--trecker-space-lg);
    border: 1px solid var(--trecker-secondary);
    border-top: none;
    border-radius: 0 0 var(--trecker-border-radius-md) var(--trecker-border-radius-md);
    background: var(--trecker-bg-primary);
}

.dg-config-section[b-c014ly6i1t] {
    margin-bottom: var(--trecker-space-lg);
}

.dg-config-section:last-child[b-c014ly6i1t] {
    margin-bottom: 0;
}

.dg-config-section-title[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 700;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--trecker-space-md);
    padding-bottom: var(--trecker-space-xs);
    border-bottom: 1px solid var(--trecker-secondary);
}

.dg-config-grid[b-c014ly6i1t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--trecker-space-md);
}

.dg-config-field[b-c014ly6i1t] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.dg-config-field label[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dg-config-field input[type=number][b-c014ly6i1t],
.dg-config-field input[type=text][b-c014ly6i1t],
.dg-config-field input[type=date][b-c014ly6i1t],
.dg-config-field select[b-c014ly6i1t] {
    padding: var(--trecker-space-xs) var(--trecker-space-md);
    background: var(--trecker-secondary);
    border: 1px solid var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-sm);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    min-height: 38px;
}

.dg-config-field input:focus[b-c014ly6i1t],
.dg-config-field select:focus[b-c014ly6i1t] {
    outline: none;
    border-color: var(--trecker-primary);
}

.dg-config-checkbox-row[b-c014ly6i1t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
    margin-top: var(--trecker-space-md);
}

.dg-config-checkbox[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    padding: var(--trecker-space-xs) 0;
}

.dg-config-checkbox input[type=checkbox][b-c014ly6i1t] {
    width: 16px;
    height: 16px;
    accent-color: var(--trecker-primary);
    cursor: pointer;
}

.dg-config-checkbox span[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
}

.dg-config-hint[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin-top: var(--trecker-space-sm);
}

.dg-config-hint-warning[b-c014ly6i1t] {
    color: var(--trecker-warning);
}

/* ── Scenario presets ── */
.dg-presets[b-c014ly6i1t] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.dg-preset-btn[b-c014ly6i1t] {
    padding: var(--trecker-space-xs) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-md);
    border: 1px solid var(--trecker-secondary);
    background: var(--trecker-secondary);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: border-color 0.15s;
}

.dg-preset-btn:hover[b-c014ly6i1t] {
    border-color: var(--trecker-primary);
    color: var(--trecker-primary);
}

.dg-preset-btn.active[b-c014ly6i1t] {
    border-color: var(--trecker-primary);
    background: rgba(58, 132, 255, 0.1);
    color: var(--trecker-primary);
}

/* ── Generate action card ── */
.dg-generate-card[b-c014ly6i1t] {
    margin-bottom: var(--trecker-space-lg);
}

.dg-generate-inner[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-lg);
    border: 2px solid var(--trecker-primary);
    padding: var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-md);
}

.dg-generate-inner h3[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-xs);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
}

.dg-generate-inner p[b-c014ly6i1t] {
    color: var(--trecker-text-secondary);
    margin: 0;
    font-size: var(--trecker-font-size-sm);
}

.dg-generate-content[b-c014ly6i1t] {
    flex: 1;
    min-width: 0;
}

.dg-generate-action[b-c014ly6i1t] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--trecker-space-sm);
    flex-shrink: 0;
}

.dg-generate-hint[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    white-space: nowrap;
}

/* Generation progress bar */
.dg-gen-progress[b-c014ly6i1t] {
    margin-top: var(--trecker-space-md);
}

.dg-gen-progress-bar-wrap[b-c014ly6i1t] {
    height: 8px;
    background: var(--trecker-secondary);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 6px;
}

.dg-gen-progress-bar[b-c014ly6i1t] {
    height: 100%;
    background: var(--trecker-primary);
    border-radius: 4px;
    transition: width 0.3s ease;
}

.dg-gen-progress-label[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    display: flex;
    justify-content: space-between;
}

/* ── User generation section ── */
.dg-user-gen[b-c014ly6i1t] {
    margin-bottom: var(--trecker-space-lg);
}

.dg-user-gen-inner[b-c014ly6i1t] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-lg);
    border: 2px solid var(--trecker-success);
    padding: var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-md);
}

.dg-user-gen-inner h3[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-xs);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
}

.dg-user-gen-inner p[b-c014ly6i1t] {
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
}

.dg-user-gen-content[b-c014ly6i1t] {
    flex: 1;
}

.dg-user-gen-form[b-c014ly6i1t] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.dg-user-gen-row[b-c014ly6i1t] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: flex-end;
    flex-wrap: wrap;
}

.dg-user-gen-field[b-c014ly6i1t] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.dg-user-gen-field label[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

.dg-user-gen-field select[b-c014ly6i1t],
.dg-user-gen-field input[b-c014ly6i1t] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    min-width: 200px;
    min-height: 44px;
}

.dg-user-gen-field select:focus[b-c014ly6i1t],
.dg-user-gen-field input:focus[b-c014ly6i1t] {
    outline: none;
    border-color: var(--trecker-primary);
}

.dg-user-gen-field-event[b-c014ly6i1t] {
    flex: 2;
}

.dg-user-gen-field-count[b-c014ly6i1t] {
    flex: 1;
}

/* ── Detail log section ── */
.dg-log-section[b-c014ly6i1t] {
    margin-bottom: var(--trecker-space-6);
}

.dg-log-toggle-btn[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
    background: none;
    border: none;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
    padding: 0;
    margin-bottom: var(--trecker-space-2);
}

.dg-log-chevron[b-c014ly6i1t] {
    transition: transform 0.15s;
}

.dg-log-chevron-open[b-c014ly6i1t] {
    transform: rotate(90deg);
}

.dg-log-container[b-c014ly6i1t] {
    background: var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-md);
    padding: var(--trecker-space-md);
    font-family: monospace;
    font-size: 12px;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid var(--trecker-secondary);
}

.dg-log-line[b-c014ly6i1t] {
    padding: 1px 0;
}

.dg-log-error[b-c014ly6i1t] {
    color: #ef4444;
}

.dg-log-warn[b-c014ly6i1t] {
    color: #f59e0b;
}

.dg-log-ok[b-c014ly6i1t] {
    color: #34c759;
}

.dg-log-default[b-c014ly6i1t] {
    color: var(--trecker-text-secondary);
}

/* ── Batches section ── */
.dg-batches-header[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-6);
    flex-wrap: wrap;
}

.dg-batches-header h3[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
}

/* Stats strip */
.dg-stats-strip[b-c014ly6i1t] {
    margin-bottom: var(--trecker-space-lg);
    padding: var(--trecker-space-md);
    background: var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-md);
    display: flex;
    gap: var(--trecker-space-xl);
    flex-wrap: wrap;
}

.dg-stat-label[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-xs);
}

.dg-stat-value[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
}

/* Batch cards list */
.dg-batches-list[b-c014ly6i1t] {
    display: grid;
    gap: var(--trecker-space-lg);
}

/* Single batch card internals */
.dg-batch-name[b-c014ly6i1t] {
    display: flex;
    align-items: baseline;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
    flex-wrap: wrap;
}

.dg-batch-name h4[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
}

.dg-batch-name code[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    font-family: monospace;
}

.dg-batch-stats[b-c014ly6i1t] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.dg-batch-stat-label[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: var(--trecker-space-xs);
}

.dg-batch-stat-value[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-md);
    font-weight: 500;
    color: var(--trecker-text-primary);
}

.dg-batch-info[b-c014ly6i1t] {
    padding: var(--trecker-space-md);
    background: rgba(58, 132, 255, 0.1);
    border-radius: var(--trecker-border-radius-md);
    border-left: 3px solid var(--trecker-primary);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    margin-bottom: var(--trecker-space-lg);
}

.dg-batch-actions[b-c014ly6i1t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    background: rgba(58, 132, 255, 0.08);
    border-radius: var(--trecker-border-radius-md);
    border: 1px solid var(--trecker-primary);
}

.dg-batch-actions-3col[b-c014ly6i1t] {
    grid-template-columns: 1fr 1fr 1fr;
}

/* Sim options column layout inside batch actions */
.dg-sim-options-wrap[b-c014ly6i1t] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    width: 100%;
}

/* Delete all button */
.dg-btn-delete-all[b-c014ly6i1t] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-md);
    background-color: #ef4444;
    color: white;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
    transition: background-color 0.15s;
}

.dg-btn-delete-all:hover:not(:disabled)[b-c014ly6i1t] {
    background-color: #dc2626;
}

.dg-btn-delete-all:disabled[b-c014ly6i1t] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ── Empty state ── */
.dg-empty-state[b-c014ly6i1t] {
    text-align: center;
    padding: var(--trecker-space-12) var(--trecker-space-md);
    color: var(--trecker-text-secondary);
}

.dg-empty-state svg[b-c014ly6i1t] {
    opacity: 0.35;
    margin-bottom: var(--trecker-space-md);
}

.dg-empty-state p[b-c014ly6i1t] {
    margin: 0;
}

.dg-empty-title[b-c014ly6i1t] {
    font-weight: 500;
    color: var(--trecker-text-primary);
    margin-bottom: var(--trecker-space-xs) !important;
}

.dg-empty-hint[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-sm);
}

/* ── Simulation panel ── */
.dg-sim-panel[b-c014ly6i1t] {
    margin-top: var(--trecker-space-lg);
    padding: var(--trecker-space-lg);
    background: var(--trecker-bg-primary);
    border: 2px solid var(--trecker-warning);
    border-radius: var(--trecker-border-radius-lg);
}

.dg-sim-panel-header[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
    flex-wrap: wrap;
}

.dg-sim-panel-header h3[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
}

.dg-sim-phase-badge[b-c014ly6i1t] {
    display: inline-flex;
    align-items: center;
    padding: var(--trecker-space-xs) var(--trecker-space-md);
    border-radius: 9999px;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
}

.dg-sim-phase-vorbereitung[b-c014ly6i1t] { background: rgba(58, 132, 255, 0.15); color: #3a84ff; }
.dg-sim-phase-checkin[b-c014ly6i1t] { background: rgba(255, 149, 0, 0.15); color: #FF9500; }
.dg-sim-phase-abnahme[b-c014ly6i1t] { background: rgba(255, 149, 0, 0.15); color: #FF9500; }
.dg-sim-phase-wettbewerb[b-c014ly6i1t] { background: rgba(52, 199, 89, 0.15); color: #34C759; }
.dg-sim-phase-stechen[b-c014ly6i1t] { background: rgba(255, 214, 10, 0.2); color: #D4A800; }
.dg-sim-phase-auswertung[b-c014ly6i1t] { background: rgba(52, 199, 89, 0.15); color: #34C759; }
.dg-sim-phase-abgeschlossen[b-c014ly6i1t] { background: rgba(52, 199, 89, 0.2); color: #34C759; }
.dg-sim-phase-abgebrochen[b-c014ly6i1t] { background: rgba(142, 142, 147, 0.15); color: #8e8e93; }
.dg-sim-phase-fehler[b-c014ly6i1t] { background: rgba(255, 69, 58, 0.15); color: #FF453A; }

.dg-sim-progress-bar[b-c014ly6i1t] {
    width: 100%;
    height: 8px;
    background: var(--trecker-secondary);
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: var(--trecker-space-sm);
}

.dg-sim-progress-fill[b-c014ly6i1t] {
    height: 100%;
    background: linear-gradient(90deg, var(--trecker-primary), var(--trecker-success));
    border-radius: 4px;
    transition: width 0.5s ease;
}

.dg-sim-progress-label[b-c014ly6i1t] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dg-sim-info-grid[b-c014ly6i1t] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.dg-sim-info-label[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: var(--trecker-space-xs);
}

.dg-sim-info-value[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-md);
    font-weight: 500;
    color: var(--trecker-text-primary);
}

.dg-sim-log-toggle[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
    background: none;
    border: none;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
    padding: var(--trecker-space-sm) 0;
    min-height: 44px;
    margin-bottom: var(--trecker-space-sm);
}

.dg-sim-log[b-c014ly6i1t] {
    background: var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-md);
    padding: var(--trecker-space-md);
    font-family: monospace;
    font-size: 12px;
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid var(--trecker-secondary);
}

.dg-sim-log-line[b-c014ly6i1t] {
    padding: 1px 0;
}

.dg-sim-log-ok[b-c014ly6i1t] { color: #34c759; }
.dg-sim-log-warn[b-c014ly6i1t] { color: #f59e0b; }
.dg-sim-log-fail[b-c014ly6i1t] { color: #ef4444; }
.dg-sim-log-pull[b-c014ly6i1t] { color: #3a84ff; }
.dg-sim-log-skip[b-c014ly6i1t] { color: #8e8e93; }
.dg-sim-log-info[b-c014ly6i1t] { color: var(--trecker-text-secondary); }

.dg-sim-speed-select[b-c014ly6i1t] {
    padding: var(--trecker-space-xs) var(--trecker-space-md);
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    min-height: 44px;
}

.dg-sim-actions[b-c014ly6i1t] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
}

@keyframes dg-pulse-b-c014ly6i1t {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.dg-sim-running-indicator[b-c014ly6i1t] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--trecker-success);
    animation: dg-pulse-b-c014ly6i1t 1.5s ease-in-out infinite;
}

/* Sim options row */
.dg-sim-options-row[b-c014ly6i1t] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: center;
    flex-wrap: wrap;
}

.dg-sim-option-field[b-c014ly6i1t] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dg-sim-option-field label[b-c014ly6i1t] {
    font-size: 11px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dg-sim-option-field input[type=number][b-c014ly6i1t],
.dg-sim-option-field select[b-c014ly6i1t] {
    padding: 4px 8px;
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-sm);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    min-height: 36px;
    min-width: 80px;
}

.dg-sim-option-cb[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    margin-top: 18px;
}

.dg-sim-option-cb input[b-c014ly6i1t] {
    width: 15px;
    height: 15px;
    accent-color: var(--trecker-warning);
    cursor: pointer;
}

/* ── Use cases & tips ── */
.dg-section-header[b-c014ly6i1t] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
    margin-bottom: var(--trecker-space-md);
}

.dg-section-header h3[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
}

.dg-usecases-grid[b-c014ly6i1t] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--trecker-space-md);
}

.dg-usecase-item[b-c014ly6i1t] {
    padding: var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-md);
}

.dg-usecase-primary[b-c014ly6i1t] {
    background: linear-gradient(135deg, rgba(58, 132, 255, 0.08), transparent);
    border: 1px solid var(--trecker-primary);
}

.dg-usecase-success[b-c014ly6i1t] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08), transparent);
    border: 1px solid var(--trecker-success);
}

.dg-usecase-pink[b-c014ly6i1t] {
    background: linear-gradient(135deg, rgba(244, 114, 182, 0.08), transparent);
    border: 1px solid #f472b6;
}

.dg-usecase-title[b-c014ly6i1t] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin-bottom: var(--trecker-space-xs);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
}

.dg-usecase-desc[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.dg-tips-list[b-c014ly6i1t] {
    display: grid;
    gap: var(--trecker-space-md);
}

.dg-tip[b-c014ly6i1t] {
    padding: var(--trecker-space-md);
    background: var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-md);
}

.dg-tip-warning[b-c014ly6i1t] {
    border-left: 4px solid var(--trecker-warning);
}

.dg-tip-success[b-c014ly6i1t] {
    border-left: 4px solid var(--trecker-success);
}

.dg-tip-primary[b-c014ly6i1t] {
    border-left: 4px solid var(--trecker-primary);
}

.dg-tip-title[b-c014ly6i1t] {
    font-weight: 500;
    color: var(--trecker-text-primary);
    margin-bottom: var(--trecker-space-xs);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
}

.dg-tip-desc[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dg-tip-desc code[b-c014ly6i1t] {
    background: var(--trecker-bg-primary);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.9em;
}

/* ── Confirm modal ── */
.dg-modal-backdrop[b-c014ly6i1t] {
    position: fixed;
    inset: 0;
    z-index: var(--trecker-z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.55);
    padding: var(--trecker-space-lg);
}

.dg-modal[b-c014ly6i1t] {
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-secondary);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    max-width: 480px;
    width: 100%;
}

.dg-modal h3[b-c014ly6i1t] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-md);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
}

.dg-modal p[b-c014ly6i1t] {
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-6);
    line-height: 1.6;
    font-size: var(--trecker-font-size-sm);
}

.dg-modal-actions[b-c014ly6i1t] {
    display: flex;
    gap: var(--trecker-space-3);
    justify-content: flex-end;
}

.dg-btn-cancel[b-c014ly6i1t] {
    padding: var(--trecker-space-2) var(--trecker-space-5);
    border: 1px solid var(--trecker-secondary);
    background: transparent;
    color: var(--trecker-text-primary);
    border-radius: var(--trecker-border-radius-md);
    cursor: pointer;
    font-weight: 500;
    font-size: var(--trecker-font-size-sm);
    transition: background-color 0.15s;
}

.dg-btn-cancel:hover[b-c014ly6i1t] {
    background: var(--trecker-secondary);
}

.dg-btn-confirm-delete[b-c014ly6i1t] {
    padding: var(--trecker-space-2) var(--trecker-space-5);
    background-color: #ef4444;
    color: white;
    border: none;
    border-radius: var(--trecker-border-radius-md);
    cursor: pointer;
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-2);
    transition: background-color 0.15s;
}

.dg-btn-confirm-delete:hover:not(:disabled)[b-c014ly6i1t] {
    background-color: #dc2626;
}

.dg-btn-confirm-delete:disabled[b-c014ly6i1t] {
    opacity: 0.5;
    cursor: not-allowed;
}

@keyframes dg-spin-b-c014ly6i1t {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.dg-spinner[b-c014ly6i1t] {
    animation: dg-spin-b-c014ly6i1t 1s linear infinite;
}

.dg-icon-shrink-0[b-c014ly6i1t] {
    flex-shrink: 0;
}

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

    .dg-usecases-grid[b-c014ly6i1t] {
        grid-template-columns: 1fr;
    }

    .dg-batch-stats[b-c014ly6i1t] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .dg-page[b-c014ly6i1t] {
        padding: var(--trecker-space-md);
    }

    .dg-generate-inner[b-c014ly6i1t] {
        flex-direction: column;
        align-items: stretch;
    }

    .dg-generate-action[b-c014ly6i1t] {
        align-items: stretch;
    }

    .dg-generate-hint[b-c014ly6i1t] {
        text-align: center;
    }

    .dg-user-gen-inner[b-c014ly6i1t] {
        flex-direction: column;
    }

    .dg-user-gen-row[b-c014ly6i1t] {
        flex-direction: column;
        align-items: stretch;
    }

    .dg-user-gen-field select[b-c014ly6i1t],
    .dg-user-gen-field input[b-c014ly6i1t] {
        min-width: unset;
        width: 100%;
    }

    .dg-batch-stats[b-c014ly6i1t] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dg-batch-actions[b-c014ly6i1t],
    .dg-batch-actions-3col[b-c014ly6i1t] {
        grid-template-columns: 1fr;
    }

    .dg-batches-header[b-c014ly6i1t] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dg-stats-strip[b-c014ly6i1t] {
        gap: var(--trecker-space-lg);
    }

    .dg-batch-name[b-c014ly6i1t] {
        flex-direction: column;
        gap: var(--trecker-space-xs);
    }

    .dg-sim-info-grid[b-c014ly6i1t] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dg-sim-panel-header[b-c014ly6i1t] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminEventOverview.razor.rz.scp.css */
/* ============================================================================
   AdminEventOverview.razor — Scoped Styles
   ============================================================================
   Event dashboard layout: stats grid, action cards, activity feed.
   Uses design tokens from trecker-variables.css.
   ============================================================================ */

.EventOverview[b-m6gqnggskx] {
    max-width: 100%;
    overflow: hidden;
}

.EventOverview__Loading[b-m6gqnggskx],
.EventOverview__Error[b-m6gqnggskx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

/* --- Header --- */
.EventOverview__Header[b-m6gqnggskx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.EventOverview__HeaderActions[b-m6gqnggskx] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.EventOverview__Subtitle[b-m6gqnggskx] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin: 0;
}

.EventOverview__Location[b-m6gqnggskx] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
}

/* --- Stats grid --- */
.EventOverview__Stats[b-m6gqnggskx] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-xl);
}

.EventOverview__StatCard[b-m6gqnggskx] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    box-shadow: var(--trecker-shadow-sm);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    position: relative;
    min-width: 0;
    transition: border-color 0.15s ease, transform 0.05s ease;
}
.EventOverview__StatCard:hover[b-m6gqnggskx] {
    border-color: rgba(255, 122, 61, 0.4);
}

.EventOverview__StatIcon[b-m6gqnggskx] {
    width: 40px;
    height: 40px;
    border-radius: var(--trecker-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.EventOverview__StatIcon svg[b-m6gqnggskx] {
    width: 20px;
    height: 20px;
}

.EventOverview__StatIcon--primary[b-m6gqnggskx] { background: rgba(255, 138, 61, 0.15); color: var(--trecker-accent); }
.EventOverview__StatIcon--success[b-m6gqnggskx] { background: rgba(52, 199, 89, 0.15); color: var(--trecker-success); }
.EventOverview__StatIcon--warning[b-m6gqnggskx] { background: rgba(255, 149, 0, 0.15); color: var(--trecker-warning); }
.EventOverview__StatIcon--info[b-m6gqnggskx] { background: rgba(41, 151, 255, 0.15); color: var(--trecker-info); }
.EventOverview__StatIcon--accent[b-m6gqnggskx] { background: rgba(255, 138, 61, 0.15); color: var(--trecker-accent); }

.EventOverview__StatContent[b-m6gqnggskx] {
    flex: 1;
    min-width: 0;
}

.EventOverview__StatValue[b-m6gqnggskx] {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
}

.EventOverview__StatLabel[b-m6gqnggskx] {
    display: block;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

.EventOverview__StatLink[b-m6gqnggskx] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-accent);
    text-decoration: none;
    white-space: nowrap;
}

.EventOverview__StatLink:hover[b-m6gqnggskx] {
    text-decoration: underline;
}

.EventOverview__StatLink--warning[b-m6gqnggskx] {
    color: var(--trecker-warning);
}

.EventOverview__StatBadge[b-m6gqnggskx] {
    font-size: var(--trecker-font-size-xs);
    padding: 2px 8px;
    border-radius: var(--trecker-radius-full);
    font-weight: var(--trecker-font-weight-medium);
}

.EventOverview__StatBadge--success[b-m6gqnggskx] {
    background: rgba(52, 199, 89, 0.15);
    color: var(--trecker-success);
}

/* --- Alert link --- */
.EventOverview__AlertLink[b-m6gqnggskx] {
    margin-left: var(--trecker-space-sm);
    font-weight: 600;
}

/* --- Event QR Card --- */
.EventOverview__QrSection[b-m6gqnggskx] {
    margin-bottom: var(--trecker-space-xl);
}

.EventOverview__QrCard[b-m6gqnggskx] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    padding: 16px;
    box-shadow: var(--trecker-shadow-sm);
}

.EventOverview__QrImageWrap[b-m6gqnggskx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.EventOverview__QrImage[b-m6gqnggskx] {
    width: 160px;
    height: 160px;
    background: white;
    border-radius: 8px;
    padding: 8px;
    display: block;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.EventOverview__QrBtns[b-m6gqnggskx] {
    display: flex;
    gap: 6px;
    width: 100%;
}

.EventOverview__QrBtn[b-m6gqnggskx] {
    flex: 1;
    padding: 5px 0;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid var(--trecker-border);
    border-radius: 6px;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.EventOverview__QrBtn:hover[b-m6gqnggskx] {
    background: var(--trecker-accent-dark, rgba(255,122,61,0.12));
    color: var(--trecker-accent, #ff7a3d);
    border-color: var(--trecker-accent, #ff7a3d);
}

.EventOverview__QrInfo[b-m6gqnggskx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    min-width: 0;
}

.EventOverview__QrDesc[b-m6gqnggskx] {
    margin: 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
}

.EventOverview__QrUrl[b-m6gqnggskx] {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 13px;
    color: var(--trecker-text-primary);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: 6px;
    padding: 6px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.EventOverview__QrOpen[b-m6gqnggskx] {
    align-self: flex-start;
}

/* --- Sections --- */
.EventOverview__Section[b-m6gqnggskx] {
    margin-bottom: var(--trecker-space-xl);
}

.EventOverview__SectionTitle[b-m6gqnggskx] {
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-md) 0;
}

/* --- Action cards --- */
.EventOverview__Actions[b-m6gqnggskx] {
    margin-bottom: var(--trecker-space-xl);
}

.EventOverview__ActionGrid[b-m6gqnggskx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--trecker-space-md);
}

.EventOverview__ActionCard[b-m6gqnggskx] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
    text-decoration: none;
    color: inherit;
    transition: all var(--trecker-transition-fast);
}

.EventOverview__ActionCard:hover[b-m6gqnggskx] {
    border-color: var(--trecker-accent);
    transform: translateY(-2px);
    box-shadow: var(--trecker-shadow-md);
}

.EventOverview__ActionIcon[b-m6gqnggskx] {
    width: 44px;
    height: 44px;
    border-radius: var(--trecker-radius-md);
    background: var(--trecker-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-secondary);
    flex-shrink: 0;
}

.EventOverview__ActionCard:hover .EventOverview__ActionIcon[b-m6gqnggskx] {
    background: var(--trecker-accent-dark);
    color: var(--trecker-accent);
}

.EventOverview__ActionText[b-m6gqnggskx] {
    min-width: 0;
}

.EventOverview__ActionTitle[b-m6gqnggskx] {
    display: block;
    font-weight: var(--trecker-font-weight-medium);
}

.EventOverview__ActionDesc[b-m6gqnggskx] {
    display: block;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

/* --- Activity feed --- */
.EventOverview__Activity[b-m6gqnggskx] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    padding: var(--trecker-space-lg);
}

.EventOverview__EmptyActivity[b-m6gqnggskx] {
    text-align: center;
    padding: var(--trecker-space-xl);
}

.EventOverview__ActivityList[b-m6gqnggskx] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.EventOverview__ActivityItem[b-m6gqnggskx] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) 0;
    border-bottom: 1px solid var(--trecker-border);
}

.EventOverview__ActivityItem:last-child[b-m6gqnggskx] {
    border-bottom: none;
}

.EventOverview__ActivityDot[b-m6gqnggskx] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 6px;
    flex-shrink: 0;
}

.EventOverview__ActivityDot--registration[b-m6gqnggskx] { background: var(--trecker-info); }
.EventOverview__ActivityDot--approval[b-m6gqnggskx] { background: var(--trecker-success); }
.EventOverview__ActivityDot--checkin[b-m6gqnggskx] { background: var(--trecker-accent); }
.EventOverview__ActivityDot--result[b-m6gqnggskx] { background: var(--trecker-warning); }
.EventOverview__ActivityDot--default[b-m6gqnggskx] { background: var(--trecker-text-tertiary); }

.EventOverview__ActivityContent[b-m6gqnggskx] {
    flex: 1;
    min-width: 0;
}

.EventOverview__ActivityText[b-m6gqnggskx] {
    display: block;
    font-size: var(--trecker-font-size-sm);
}

.EventOverview__ActivityTime[b-m6gqnggskx] {
    display: block;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

/* --- Modals --- */
.FinalizeModal__Header[b-m6gqnggskx] {
    display: flex;
    justify-content: center;
}

.eo-modal-title[b-m6gqnggskx] {
    text-align: center;
}

.eo-modal-body[b-m6gqnggskx] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

.eo-modal-body ul[b-m6gqnggskx] {
    padding-left: var(--trecker-space-lg);
    margin: var(--trecker-space-sm) 0;
}

.eo-modal-actions[b-m6gqnggskx] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: center;
}

/* --- Toast messages --- */
.eo-toast[b-m6gqnggskx] {
    position: fixed;
    top: var(--trecker-space-lg);
    right: var(--trecker-space-lg);
    z-index: var(--trecker-z-toast);
    max-width: 400px;
}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */
@media (max-width: 1200px) {
    .EventOverview__Stats[b-m6gqnggskx] {
        grid-template-columns: repeat(3, 1fr);
    }

    .EventOverview__ActionGrid[b-m6gqnggskx] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .EventOverview__Stats[b-m6gqnggskx] {
        grid-template-columns: repeat(2, 1fr);
    }

    .EventOverview__ActionGrid[b-m6gqnggskx] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .EventOverview__Header[b-m6gqnggskx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .EventOverview__Stats[b-m6gqnggskx] {
        grid-template-columns: repeat(2, 1fr);
    }

    .EventOverview__ActionGrid[b-m6gqnggskx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .EventOverview__Stats[b-m6gqnggskx] {
        grid-template-columns: 1fr;
    }

    .eo-toast[b-m6gqnggskx] {
        left: var(--trecker-space-md);
        right: var(--trecker-space-md);
        max-width: none;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminExports.razor.rz.scp.css */
/* ============================================================================
   AdminExports.razor — Scoped Styles
   ============================================================================
   Layout for export center and API documentation. Uses design tokens from
   trecker-variables.css. All interactive elements meet 44px touch target.
   ============================================================================ */

/* --- Page wrapper --- */
.ae-page[b-gfam67tqez] {
    padding: var(--trecker-space-lg);
}

/* --- Page header --- */
.ae-page-header[b-gfam67tqez] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.ae-page-title[b-gfam67tqez] {
    margin: 0;
}

/* --- Icons --- */
.ae-icon-lg[b-gfam67tqez] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.ae-icon-md[b-gfam67tqez] {
    width: 24px;
    height: 24px;
}

.ae-icon-sm[b-gfam67tqez] {
    width: 20px;
    height: 20px;
}

.ae-icon-xs[b-gfam67tqez] {
    width: 16px;
    height: 16px;
}

.ae-icon-info[b-gfam67tqez] {
    color: var(--trecker-info);
}

.ae-icon-primary[b-gfam67tqez] {
    color: var(--trecker-primary);
}

.ae-icon-secondary[b-gfam67tqez] {
    color: var(--trecker-secondary);
}

.ae-icon-warning[b-gfam67tqez] {
    color: var(--trecker-warning);
}

/* --- Filter card --- */
.ae-filter-card[b-gfam67tqez] {
    padding: var(--trecker-space-lg);
}

.ae-filter-grid[b-gfam67tqez] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--trecker-space-md);
}

.ae-form-group-flush[b-gfam67tqez] {
    margin-bottom: 0;
}

/* --- Export cards grid --- */
.ae-export-grid[b-gfam67tqez] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

/* --- Export card --- */
.ae-export-card[b-gfam67tqez] {
    padding: var(--trecker-space-lg);
}

.ae-card-wide[b-gfam67tqez] {
    grid-column: span 2;
}

.ae-card-body[b-gfam67tqez] {
    padding: var(--trecker-space-md);
}

/* --- Card header (icon + title) --- */
.ae-card-header[b-gfam67tqez] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.ae-card-header-compact[b-gfam67tqez] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
}

.ae-card-title[b-gfam67tqez] {
    margin: 0;
}

/* --- Card actions (button row) --- */
.ae-card-actions[b-gfam67tqez] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
}

.ae-card-actions-mt[b-gfam67tqez] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    margin-top: var(--trecker-space-md);
}

.ae-card-actions-aligned[b-gfam67tqez] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    align-items: center;
}

/* --- Button with inline icon --- */
.ae-btn-icon[b-gfam67tqez] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
}

/* --- Registration card filter grid --- */
.ae-reg-filter-grid[b-gfam67tqez] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

/* --- Category badges --- */
.ae-badge-warning[b-gfam67tqez] {
    background: var(--trecker-warning-bg);
    color: var(--trecker-warning);
    font-size: var(--trecker-font-size-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
}

.ae-badge-error[b-gfam67tqez] {
    background: var(--trecker-error-bg);
    color: var(--trecker-error);
    font-size: var(--trecker-font-size-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
}

.ae-badge-info[b-gfam67tqez] {
    background: var(--trecker-info-bg);
    color: var(--trecker-info);
    font-size: var(--trecker-font-size-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
}

.ae-badge-muted[b-gfam67tqez] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
}

/* --- API section --- */
.ae-api-body[b-gfam67tqez] {
    padding: var(--trecker-space-md);
}

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

.ae-badge-get[b-gfam67tqez] {
    background: var(--trecker-success-bg);
    color: var(--trecker-success);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .ae-page[b-gfam67tqez] {
        padding: var(--trecker-space-md);
    }

    .ae-export-grid[b-gfam67tqez] {
        grid-template-columns: 1fr;
    }

    .ae-card-wide[b-gfam67tqez] {
        grid-column: span 1;
    }

    .ae-filter-grid[b-gfam67tqez],
    .ae-reg-filter-grid[b-gfam67tqez] {
        grid-template-columns: 1fr 1fr;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .ae-page[b-gfam67tqez] {
        padding: var(--trecker-space-sm);
    }

    .ae-page-header[b-gfam67tqez] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--trecker-space-sm);
    }

    .ae-filter-grid[b-gfam67tqez],
    .ae-reg-filter-grid[b-gfam67tqez] {
        grid-template-columns: 1fr;
    }

    .ae-card-actions[b-gfam67tqez],
    .ae-card-actions-mt[b-gfam67tqez],
    .ae-card-actions-aligned[b-gfam67tqez] {
        flex-direction: column;
    }

    .ae-card-actions .TreckerButton[b-gfam67tqez],
    .ae-card-actions-mt .TreckerButton[b-gfam67tqez],
    .ae-card-actions-aligned .TreckerButton[b-gfam67tqez] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminHelperTimetableDashboard.razor.rz.scp.css */
/* TreckerTreck — Helfer-Schichtplaner: Live-Dashboard */

.HelperDashboard[b-o5he4dgkfa] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.HelperDashboard__Header[b-o5he4dgkfa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.HelperDashboard__HeaderLeft[b-o5he4dgkfa] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    min-width: 0;
}

.HelperDashboard__Icon[b-o5he4dgkfa] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.HelperDashboard__Title[b-o5he4dgkfa] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.HelperDashboard__Subtitle[b-o5he4dgkfa] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
}

.HelperDashboard__HeaderActions[b-o5he4dgkfa] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.HelperDashboard__Alert[b-o5he4dgkfa] {
    margin: 0;
}

/* ─── Stats ─── */
.HelperDashboard__Stats[b-o5he4dgkfa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.HelperStat[b-o5he4dgkfa] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 16px;
}

.HelperStat--brand[b-o5he4dgkfa] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.1), transparent 70%);
    border-color: rgba(255, 122, 61, 0.3);
}

.HelperStat--filled[b-o5he4dgkfa] {
    border-left: 3px solid #ff7a3d;
}

.HelperStat--open[b-o5he4dgkfa] {
    border-left: 3px solid #2ea043;
}

.HelperStat__Label[b-o5he4dgkfa] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}

.HelperStat__Value[b-o5he4dgkfa] {
    font-size: 28px;
    font-weight: 700;
    margin-top: 4px;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

.HelperStat__Sub[b-o5he4dgkfa] {
    font-size: 14px;
    color: var(--trecker-text-secondary);
    font-weight: 500;
}

/* ─── Settings ─── */
.HelperDashboard__Settings[b-o5he4dgkfa] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
}
.HelperDashboard__Settings--open[b-o5he4dgkfa] {
    border-color: rgba(255, 122, 61, 0.4);
}

.HelperDashboard__SettingsToggle[b-o5he4dgkfa] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: none;
    border: none;
    color: var(--trecker-text-primary);
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    text-align: left;
}
.HelperDashboard__SettingsChevron[b-o5he4dgkfa] {
    color: #ff7a3d;
    width: 14px;
    display: inline-block;
}
.HelperDashboard__SettingsHint[b-o5he4dgkfa] {
    margin-left: auto;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 4px;
    background: rgba(255, 122, 61, 0.12);
    color: #ff7a3d;
}
.HelperDashboard__SettingsHint--danger[b-o5he4dgkfa] {
    background: rgba(229, 72, 77, 0.18);
    color: #e5484d;
}

.HelperDashboard__SettingsBody[b-o5he4dgkfa] {
    padding: 18px;
    border-top: 1px solid var(--trecker-border);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.HelperDashboard__SettingsGrid[b-o5he4dgkfa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 8px 16px;
}

.HelperDashboard__SettingsCheck[b-o5he4dgkfa] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    font-size: 13px;
    cursor: pointer;
}
.HelperDashboard__SettingsCheck input[type="checkbox"][b-o5he4dgkfa] {
    width: 16px;
    height: 16px;
    accent-color: #ff7a3d;
}

.HelperDashboard__SettingsRow[b-o5he4dgkfa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.HelperDashboard__SettingsField[b-o5he4dgkfa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.HelperDashboard__SettingsField label[b-o5he4dgkfa] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.HelperDashboard__SettingsTextarea[b-o5he4dgkfa] {
    resize: vertical;
    min-height: 60px;
}

.HelperDashboard__SettingsActions[b-o5he4dgkfa] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

/* ─── Empty ─── */
.HelperDashboard__Empty[b-o5he4dgkfa] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}

/* ─── Day tabs ─── */
.HelperDashboard__Tabs[b-o5he4dgkfa] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    border-bottom: 1px solid var(--trecker-border);
    padding-bottom: 4px;
}

.HelperDashboard__Tab[b-o5he4dgkfa] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 16px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 8px 8px 0 0;
    color: var(--trecker-text-primary);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    transition: background 0.12s ease, border-color 0.12s ease;
    min-width: 110px;
}
.HelperDashboard__Tab:hover[b-o5he4dgkfa] {
    background: var(--trecker-bg-tertiary);
}
.HelperDashboard__Tab--active[b-o5he4dgkfa] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.12), transparent 80%);
    border-bottom-color: #ff7a3d;
    color: #ff7a3d;
    font-weight: 700;
}

.HelperDashboard__TabLabel[b-o5he4dgkfa] {
    font-size: 14px;
    font-weight: 700;
}
.HelperDashboard__TabDate[b-o5he4dgkfa] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    font-variant-numeric: tabular-nums;
}
.HelperDashboard__TabCount[b-o5he4dgkfa] {
    font-size: 11px;
    margin-top: 2px;
    font-variant-numeric: tabular-nums;
    color: var(--trecker-text-secondary);
}
.HelperDashboard__Tab--active .HelperDashboard__TabCount[b-o5he4dgkfa] {
    color: #ff7a3d;
}

.HelperDashboard__DayContent[b-o5he4dgkfa] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.HelperDashboard__JobEmpty[b-o5he4dgkfa] {
    padding: 28px 24px;
    text-align: center;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}

/* ─── Per-job ─── */
.DashJob[b-o5he4dgkfa] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
}

.DashJob__Header[b-o5he4dgkfa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--trecker-bg-tertiary);
    border-bottom: 1px solid var(--trecker-border);
    flex-wrap: wrap;
}

.DashJob__Title[b-o5he4dgkfa] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.DashJob__Name[b-o5he4dgkfa] {
    font-weight: 700;
    font-size: 15px;
}

.DashJob__Category[b-o5he4dgkfa] {
    padding: 2px 8px;
    background: rgba(255, 122, 61, 0.12);
    color: #ff7a3d;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.DashJob__Stat[b-o5he4dgkfa] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    font-variant-numeric: tabular-nums;
}
.DashJob__StatValue[b-o5he4dgkfa] {
    font-weight: 700;
    color: var(--trecker-text-primary);
}

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

/* ─── Slot card ─── */
.DashSlot[b-o5he4dgkfa] {
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 10px 12px;
    background: var(--trecker-bg-primary);
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: border-color 0.15s ease;
}

.DashSlot--frei[b-o5he4dgkfa] {
    border-left: 3px solid #2ea043;
}
.DashSlot--fast-voll[b-o5he4dgkfa] {
    border-left: 3px solid #e0a000;
    background: rgba(224, 160, 0, 0.04);
}
.DashSlot--voll[b-o5he4dgkfa] {
    border-left: 3px solid #e5484d;
    background: rgba(229, 72, 77, 0.04);
}
.DashSlot--break[b-o5he4dgkfa] {
    border-left: 3px solid #7a7168;
    background: rgba(122, 113, 104, 0.06);
    opacity: 0.78;
}

.DashSlot__Header[b-o5he4dgkfa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.DashSlot__Time[b-o5he4dgkfa] {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-weight: 700;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.DashSlot__Fill[b-o5he4dgkfa] {
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--trecker-bg-tertiary);
    font-variant-numeric: tabular-nums;
}
.DashSlot--frei .DashSlot__Fill[b-o5he4dgkfa] {
    background: rgba(46, 160, 67, 0.16);
    color: #2ea043;
}
.DashSlot--fast-voll .DashSlot__Fill[b-o5he4dgkfa] {
    background: rgba(224, 160, 0, 0.20);
    color: #b07e00;
}
.DashSlot--voll .DashSlot__Fill[b-o5he4dgkfa] {
    background: rgba(229, 72, 77, 0.20);
    color: #e5484d;
}

.DashSlot__Note[b-o5he4dgkfa] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    padding: 4px 8px;
    background: var(--trecker-bg-tertiary);
    border-radius: 4px;
}

.DashSlot__Entries[b-o5he4dgkfa] {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.DashSlot__Entry[b-o5he4dgkfa] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 6px;
    background: var(--trecker-bg-secondary);
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid var(--trecker-border);
    width: 100%;
    text-align: left;
    color: inherit;
    cursor: default;
    font-family: inherit;
}
.DashSlot__Entry--clickable[b-o5he4dgkfa] {
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}
.DashSlot__Entry--clickable:hover[b-o5he4dgkfa] {
    background: rgba(255, 122, 61, 0.10);
    border-color: rgba(255, 122, 61, 0.6);
}
.DashSlot__Entry--clickable:focus-visible[b-o5he4dgkfa] {
    outline: none;
    border-color: #ff7a3d;
    box-shadow: 0 0 0 2px rgba(255, 122, 61, 0.25);
}
.DashSlot__EntryEditIcon[b-o5he4dgkfa] {
    margin-left: auto;
    font-size: 11px;
    opacity: 0;
    color: #ff7a3d;
    transition: opacity 0.12s ease;
    flex-shrink: 0;
}
.DashSlot__Entry--clickable:hover .DashSlot__EntryEditIcon[b-o5he4dgkfa],
.DashSlot__Entry--clickable:focus-visible .DashSlot__EntryEditIcon[b-o5he4dgkfa] {
    opacity: 1;
}

.DashSlot__EntryName[b-o5he4dgkfa] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    flex-shrink: 0;
}

.DashSlot__EntryContact[b-o5he4dgkfa] {
    color: var(--trecker-text-secondary);
    font-size: 11px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.DashSlot__EntryDelete[b-o5he4dgkfa] {
    width: 22px;
    height: 22px;
    padding: 0;
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: 4px;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    flex-shrink: 0;
}
.DashSlot__EntryDelete:hover[b-o5he4dgkfa] {
    background: rgba(229, 72, 77, 0.16);
    border-color: #e5484d;
    color: #e5484d;
}

.DashSlot__EntryEmpty[b-o5he4dgkfa] {
    width: 100%;
    padding: 6px 8px;
    color: var(--trecker-text-subtle, var(--trecker-text-secondary));
    font-size: 11px;
    font-style: italic;
    border: 1px dashed var(--trecker-border);
    border-radius: 4px;
    text-align: center;
    background: transparent;
    font-family: inherit;
    cursor: default;
}
.DashSlot__EntryEmpty--clickable[b-o5he4dgkfa] {
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.DashSlot__EntryEmpty--clickable:hover[b-o5he4dgkfa] {
    background: rgba(255, 122, 61, 0.08);
    border-style: solid;
    border-color: #ff7a3d;
    color: #ff7a3d;
    font-style: normal;
}
.DashSlot__EntryEmpty--clickable:focus-visible[b-o5he4dgkfa] {
    outline: none;
    border-color: #ff7a3d;
    box-shadow: 0 0 0 2px rgba(255, 122, 61, 0.25);
}
.DashSlot__EntryEmpty--locked[b-o5he4dgkfa] {
    cursor: not-allowed;
    opacity: 0.55;
}

/* ─── Modal ─── */
.DashModal[b-o5he4dgkfa] {
    max-width: 480px;
    width: 100%;
}
.DashModal__Title[b-o5he4dgkfa] {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: #e5484d;
}
.DashModal__Body[b-o5he4dgkfa] {
    margin: 0 0 8px;
    color: var(--trecker-text-primary);
    line-height: 1.5;
}
.DashModal__Hint[b-o5he4dgkfa] {
    color: var(--trecker-text-secondary);
    font-size: 12px;
    margin: 0 0 18px;
}
.DashModal__Actions[b-o5he4dgkfa] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.DashModal__Slot[b-o5he4dgkfa] {
    margin: 0 0 12px;
    padding: 8px 12px;
    background: rgba(255, 122, 61, 0.08);
    border-left: 3px solid #ff7a3d;
    border-radius: 4px;
    color: var(--trecker-text-primary);
    font-size: 13px;
    line-height: 1.5;
}
.DashModal__Field[b-o5he4dgkfa] {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.DashModal__Field label[b-o5he4dgkfa] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}
.DashModal__Required[b-o5he4dgkfa] {
    color: #e5484d;
    margin-left: 2px;
}
.DashModal__Error[b-o5he4dgkfa] {
    margin: 0 0 12px;
    padding: 10px 12px;
    background: rgba(229, 72, 77, 0.14);
    color: #e5484d;
    border: 1px solid rgba(229, 72, 77, 0.36);
    border-radius: 6px;
    font-size: 13px;
}

/* ─── Mobile ─── */
@media (max-width: 768px) {
    .HelperDashboard__Header[b-o5he4dgkfa] {
        flex-direction: column;
        align-items: stretch;
    }
    .HelperDashboard__HeaderActions .TreckerButton[b-o5he4dgkfa] {
        flex: 1;
        min-height: 44px;
    }
    .HelperDashboard__Stats[b-o5he4dgkfa] {
        grid-template-columns: repeat(2, 1fr);
    }
    .HelperStat__Value[b-o5he4dgkfa] {
        font-size: 22px;
    }
    .HelperDashboard__Tabs[b-o5he4dgkfa] {
        gap: 4px;
    }
    .HelperDashboard__Tab[b-o5he4dgkfa] {
        min-width: 0;
        flex: 1;
        padding: 8px 10px;
    }
    .DashJob__Slots[b-o5he4dgkfa] {
        grid-template-columns: 1fr;
        padding: 10px;
        gap: 8px;
    }
    .HelperDashboard__SettingsRow[b-o5he4dgkfa],
    .HelperDashboard__SettingsGrid[b-o5he4dgkfa] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .HelperDashboard__Stats[b-o5he4dgkfa] {
        grid-template-columns: 1fr 1fr;
    }
    .HelperDashboard__Title[b-o5he4dgkfa] {
        font-size: 18px;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminHelperTimetableLinks.razor.rz.scp.css */
/* TreckerTreck — Helfer-Schichtplaner: öffentliche Links */

.HelperLinks[b-t4cpgvw7p0] {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.HelperLinks__Header[b-t4cpgvw7p0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.HelperLinks__HeaderLeft[b-t4cpgvw7p0] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.HelperLinks__Icon[b-t4cpgvw7p0] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.HelperLinks__Title[b-t4cpgvw7p0] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.HelperLinks__Subtitle[b-t4cpgvw7p0] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 640px;
    line-height: 1.5;
}

.HelperLinks__HeaderActions[b-t4cpgvw7p0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.HelperLinks__Alert[b-t4cpgvw7p0] {
    margin: 0;
}

/* ─── Empty ─── */
.HelperLinks__Empty[b-t4cpgvw7p0] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}

.HelperLinks__EmptyIcon[b-t4cpgvw7p0] {
    font-size: 56px;
}

.HelperLinks__EmptyTitle[b-t4cpgvw7p0] {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0;
}

.HelperLinks__EmptyText[b-t4cpgvw7p0] {
    color: var(--trecker-text-secondary);
    margin: 0 0 18px;
}

/* ─── Card list ─── */
.HelperLinks__List[b-t4cpgvw7p0] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.HelperLink[b-t4cpgvw7p0] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    padding: 16px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    transition: border-color 0.15s ease;
}
.HelperLink:hover[b-t4cpgvw7p0] {
    border-color: rgba(255, 122, 61, 0.5);
}
.HelperLink--active[b-t4cpgvw7p0] {
    border-left: 4px solid #2ea043;
}
.HelperLink--inactive[b-t4cpgvw7p0] {
    border-left: 4px solid #7a7168;
    opacity: 0.7;
}
.HelperLink--expired[b-t4cpgvw7p0] {
    border-left: 4px solid #e5484d;
    opacity: 0.85;
}

/* ─── QR ─── */
.HelperLink__QrSection[b-t4cpgvw7p0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    width: 144px;
}

.HelperLink__Qr[b-t4cpgvw7p0] {
    width: 144px;
    height: 144px;
    background: white;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.HelperLink__QrImg[b-t4cpgvw7p0] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.HelperLink__QrPlaceholder[b-t4cpgvw7p0] {
    color: #999;
    font-size: 14px;
}

.HelperLink__QrDownload[b-t4cpgvw7p0] {
    display: flex;
    gap: 4px;
    width: 100%;
}

.HelperLink__QrBtn[b-t4cpgvw7p0] {
    flex: 1;
    padding: 4px 0;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--trecker-border);
    border-radius: 5px;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.HelperLink__QrBtn:hover[b-t4cpgvw7p0] {
    background: var(--trecker-accent-dark, rgba(255,122,61,0.12));
    color: var(--trecker-accent, #ff7a3d);
    border-color: var(--trecker-accent, #ff7a3d);
}

/* ─── Body ─── */
.HelperLink__Body[b-t4cpgvw7p0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.HelperLink__BodyHeader[b-t4cpgvw7p0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.HelperLink__Labels[b-t4cpgvw7p0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.HelperLink__Label[b-t4cpgvw7p0] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.HelperLink__Badge[b-t4cpgvw7p0] {
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.HelperLink__Badge--active[b-t4cpgvw7p0] {
    background: rgba(46, 160, 67, 0.16);
    color: #2ea043;
}
.HelperLink__Badge--inactive[b-t4cpgvw7p0] {
    background: rgba(122, 113, 104, 0.18);
    color: var(--trecker-text-secondary);
}
.HelperLink__Badge--expired[b-t4cpgvw7p0] {
    background: rgba(229, 72, 77, 0.18);
    color: #e5484d;
}

.HelperLink__Stats[b-t4cpgvw7p0] {
    display: flex;
    gap: 12px;
    font-size: 11px;
    color: var(--trecker-text-secondary);
    flex-wrap: wrap;
}

/* ─── URL row ─── */
.HelperLink__UrlBox[b-t4cpgvw7p0] {
    display: flex;
    align-items: stretch;
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    overflow: hidden;
    min-width: 0;
}

.HelperLink__Url[b-t4cpgvw7p0] {
    flex: 1;
    padding: 8px 12px;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
    color: var(--trecker-text-primary);
    background: transparent;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: center;
    min-width: 0;
}

.HelperLink__CopyBtn[b-t4cpgvw7p0] {
    border-radius: 0;
    border: none;
    border-left: 1px solid var(--trecker-border);
    min-width: 110px;
    flex-shrink: 0;
}

.HelperLink__Expiry[b-t4cpgvw7p0] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
}

.HelperLink__Actions[b-t4cpgvw7p0] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* ─── Modal ─── */
.HelperLinkModal[b-t4cpgvw7p0] {
    max-width: 460px;
    width: 100%;
}
.HelperLinkModal__Title[b-t4cpgvw7p0] {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 700;
}
.HelperLinkModal__Body[b-t4cpgvw7p0] {
    color: var(--trecker-text-secondary);
    margin: 0 0 16px;
    line-height: 1.5;
}
.HelperLinkModal__Field[b-t4cpgvw7p0] {
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.HelperLinkModal__Field label[b-t4cpgvw7p0] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}
.HelperLinkModal__Hint[b-t4cpgvw7p0] {
    margin: 4px 0 0;
    font-size: 11px;
    color: var(--trecker-text-secondary);
}
.HelperLinkModal__Check[b-t4cpgvw7p0] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
    color: var(--trecker-text-primary);
    font-weight: 500;
}
.HelperLinkModal__Check input[type="checkbox"][b-t4cpgvw7p0] {
    width: 16px;
    height: 16px;
    accent-color: #ff7a3d;
}
.HelperLinkModal__Actions[b-t4cpgvw7p0] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}
.HelperLinkModal--danger .HelperLinkModal__Title[b-t4cpgvw7p0] {
    color: #e5484d;
}

/* ─── Mobile ─── */
@media (max-width: 768px) {
    .HelperLinks__Header[b-t4cpgvw7p0] {
        flex-direction: column;
        align-items: stretch;
    }
    .HelperLinks__HeaderActions .TreckerButton[b-t4cpgvw7p0] {
        flex: 1;
        min-height: 44px;
    }
    .HelperLink[b-t4cpgvw7p0] {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .HelperLink__QrSection[b-t4cpgvw7p0] {
        width: 100%;
        max-width: 220px;
        margin: 0 auto;
    }

    .HelperLink__Qr[b-t4cpgvw7p0] {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .HelperLink__UrlBox[b-t4cpgvw7p0] {
        flex-direction: column;
    }
    .HelperLink__Url[b-t4cpgvw7p0] {
        font-size: 11px;
        padding: 10px 12px;
    }
    .HelperLink__CopyBtn[b-t4cpgvw7p0] {
        border-left: none;
        border-top: 1px solid var(--trecker-border);
        min-height: 44px;
        width: 100%;
    }
    .HelperLink__Actions .TreckerButton[b-t4cpgvw7p0] {
        flex: 1 1 calc(50% - 6px);
        min-height: 40px;
    }
}

@media (max-width: 480px) {
    .HelperLinks__Title[b-t4cpgvw7p0] {
        font-size: 18px;
    }
    .HelperLink__Label[b-t4cpgvw7p0] {
        font-size: 14px;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminHelperTimetables.razor.rz.scp.css */
/* TreckerTreck — Admin Helfer-Schichtplaner (manage)
   Scoped CSS — kein <style>, keine inline styles. */

.HelperTimetables[b-lf4v0ams9l] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ─── Header ─── */
.HelperTimetables__Header[b-lf4v0ams9l] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.HelperTimetables__HeaderLeft[b-lf4v0ams9l] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.HelperTimetables__Icon[b-lf4v0ams9l] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.HelperTimetables__Title[b-lf4v0ams9l] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.HelperTimetables__Subtitle[b-lf4v0ams9l] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 640px;
    line-height: 1.5;
}

.HelperTimetables__HeaderActions[b-lf4v0ams9l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.HelperTimetables__Alert[b-lf4v0ams9l] {
    margin: 0;
}

/* ─── Empty state ─── */
.HelperTimetables__Empty[b-lf4v0ams9l] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}

.HelperTimetables__EmptyIcon[b-lf4v0ams9l] {
    font-size: 56px;
    margin-bottom: 8px;
}

.HelperTimetables__EmptyTitle[b-lf4v0ams9l] {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0;
}

.HelperTimetables__EmptyText[b-lf4v0ams9l] {
    color: var(--trecker-text-secondary);
    margin: 0 0 18px;
}

/* ─── Days ─── */
.HelperTimetables__Days[b-lf4v0ams9l] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.HelperDay[b-lf4v0ams9l] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.HelperDay:hover[b-lf4v0ams9l] {
    border-color: rgba(255, 122, 61, 0.4);
}

.HelperDay__Header[b-lf4v0ams9l] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 70%);
    border-bottom: 1px solid var(--trecker-border);
}

.HelperDay__Toggle[b-lf4v0ams9l] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: none;
    border: none;
    padding: 4px 0;
    cursor: pointer;
    color: inherit;
    text-align: left;
    min-width: 0;
}

.HelperDay__Chevron[b-lf4v0ams9l] {
    font-size: 14px;
    color: var(--trecker-text-secondary);
    transition: transform 0.15s ease;
    display: inline-block;
    width: 14px;
}
.HelperDay__Chevron--open[b-lf4v0ams9l] {
    transform: rotate(90deg);
    color: #ff7a3d;
}

.HelperDay__Title[b-lf4v0ams9l] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.HelperDay__Label[b-lf4v0ams9l] {
    font-size: 16px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.HelperDay__Date[b-lf4v0ams9l] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    font-variant-numeric: tabular-nums;
}

.HelperDay__Stats[b-lf4v0ams9l] {
    display: flex;
    gap: 14px;
    font-size: 12px;
    color: var(--trecker-text-secondary);
    flex-wrap: wrap;
}
.HelperDay__Stat[b-lf4v0ams9l] {
    white-space: nowrap;
}
.HelperDay__Stat--filled[b-lf4v0ams9l] {
    color: #ff7a3d;
    font-weight: 600;
}

.HelperDay__Actions[b-lf4v0ams9l] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.HelperDay__ActionBtn[b-lf4v0ams9l] {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1;
    min-height: 30px;
}

/* Empty jobs */
.HelperDay__EmptyJobs[b-lf4v0ams9l] {
    padding: 28px 24px;
    text-align: center;
    color: var(--trecker-text-secondary);
}
.HelperDay__EmptyJobs p[b-lf4v0ams9l] {
    margin: 0 0 10px;
}

/* ─── Jobs ─── */
.HelperDay__Jobs[b-lf4v0ams9l] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    gap: 10px;
}

.HelperJob[b-lf4v0ams9l] {
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    overflow: hidden;
}

.HelperJob__Header[b-lf4v0ams9l] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--trecker-border);
    flex-wrap: wrap;
}

.HelperJob__Title[b-lf4v0ams9l] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1;
}

.HelperJob__Name[b-lf4v0ams9l] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    font-size: 14px;
}

.HelperJob__Category[b-lf4v0ams9l] {
    font-size: 11px;
    text-transform: none;
}

.HelperJob__Slots[b-lf4v0ams9l] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
}

.HelperJob__Actions[b-lf4v0ams9l] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.HelperJob__ActionBtn[b-lf4v0ams9l] {
    padding: 3px 9px;
    font-size: 11px;
    line-height: 1;
    min-height: 28px;
}

.HelperJob__EmptySlots[b-lf4v0ams9l] {
    padding: 14px 16px;
    color: var(--trecker-text-secondary);
    font-size: 13px;
    margin: 0;
    font-style: italic;
}

.HelperJob__SlotsTable[b-lf4v0ams9l] {
    overflow-x: auto;
}

/* ─── Slot table (kompakt) ─── */
.HelperSlot__Table[b-lf4v0ams9l] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}
.HelperSlot__Table thead th[b-lf4v0ams9l] {
    text-align: left;
    font-weight: 500;
    font-size: 11px;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 8px 12px;
    background: var(--trecker-bg-tertiary);
    border-bottom: 1px solid var(--trecker-border);
}
.HelperSlot__Table tbody td[b-lf4v0ams9l] {
    padding: 6px 12px;
    border-bottom: 1px solid var(--trecker-border);
    height: 36px;
    vertical-align: middle;
}
.HelperSlot__Row:hover td[b-lf4v0ams9l] {
    background: rgba(255, 122, 61, 0.04);
}
.HelperSlot__Row--voll td[b-lf4v0ams9l] {
    background: rgba(229, 72, 77, 0.06);
}
.HelperSlot__Row--fast-voll td[b-lf4v0ams9l] {
    background: rgba(224, 160, 0, 0.06);
}

.HelperSlot__SortCol[b-lf4v0ams9l] {
    width: 72px;
    white-space: nowrap;
}
.HelperSlot__SortBtn[b-lf4v0ams9l] {
    width: 24px;
    height: 24px;
    padding: 0;
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border-strong, var(--trecker-border));
    border-radius: 4px;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    font-size: 10px;
    line-height: 1;
}
.HelperSlot__SortBtn:hover:not(:disabled)[b-lf4v0ams9l] {
    background: rgba(255, 122, 61, 0.12);
    color: #ff7a3d;
    border-color: #ff7a3d;
}
.HelperSlot__SortBtn:disabled[b-lf4v0ams9l] {
    opacity: 0.35;
    cursor: not-allowed;
}

.HelperSlot__TimeCol[b-lf4v0ams9l] {
    font-variant-numeric: tabular-nums;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-weight: 600;
    white-space: nowrap;
}
.HelperSlot__Time[b-lf4v0ams9l] {
    color: var(--trecker-text-primary);
}
.HelperSlot__TimeDash[b-lf4v0ams9l] {
    color: var(--trecker-text-secondary);
    margin: 0 4px;
}

.HelperSlot__FillCol[b-lf4v0ams9l] {
    white-space: nowrap;
}

.HelperSlot__Fill[b-lf4v0ams9l] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}
.HelperSlot__Fill--frei[b-lf4v0ams9l] {
    background: rgba(46, 160, 67, 0.14);
    color: #2ea043;
}
.HelperSlot__Fill--fast-voll[b-lf4v0ams9l] {
    background: rgba(224, 160, 0, 0.18);
    color: #b07e00;
}
.HelperSlot__Fill--voll[b-lf4v0ams9l] {
    background: rgba(229, 72, 77, 0.18);
    color: #e5484d;
}

.HelperSlot__StatusCol[b-lf4v0ams9l] {
    white-space: nowrap;
}
.HelperSlot__Badge[b-lf4v0ams9l] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 4px;
}
.HelperSlot__Badge--break[b-lf4v0ams9l] {
    background: rgba(122, 113, 104, 0.18);
    color: var(--trecker-text-secondary);
}
.HelperSlot__Badge--openend[b-lf4v0ams9l] {
    background: rgba(59, 130, 246, 0.16);
    color: #3b82f6;
}
.HelperSlot__Badge--locked[b-lf4v0ams9l] {
    background: rgba(122, 113, 104, 0.18);
    color: var(--trecker-text-secondary);
}

.HelperSlot__NoteCol[b-lf4v0ams9l] {
    color: var(--trecker-text-secondary);
    font-size: 12px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HelperSlot__ActionsCol[b-lf4v0ams9l] {
    width: 90px;
    white-space: nowrap;
    text-align: right;
}
.HelperSlot__ActionBtn[b-lf4v0ams9l] {
    padding: 3px 8px;
    font-size: 11px;
    min-height: 26px;
    margin-left: 4px;
}

/* ─── Modals ─── */
.HelperModal[b-lf4v0ams9l] {
    max-width: 540px;
    width: 100%;
}
.HelperModal__Title[b-lf4v0ams9l] {
    margin: 0 0 14px;
    font-size: 18px;
    font-weight: 700;
}
.HelperModal__Hint[b-lf4v0ams9l] {
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
    padding: 10px 12px;
    background: rgba(255, 122, 61, 0.06);
    border-left: 3px solid #ff7a3d;
    border-radius: 4px;
}
.HelperModal__Field[b-lf4v0ams9l] {
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.HelperModal__Field label[b-lf4v0ams9l] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}
.HelperModal__FieldRow[b-lf4v0ams9l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}
.HelperModal__FieldRow .HelperModal__Field[b-lf4v0ams9l] {
    margin-bottom: 0;
}
.HelperModal__Textarea[b-lf4v0ams9l] {
    resize: vertical;
    min-height: 60px;
}
.HelperModal__Checks[b-lf4v0ams9l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
    padding: 10px 12px;
    background: var(--trecker-bg-tertiary);
    border-radius: 6px;
}
.HelperModal__Check[b-lf4v0ams9l] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    cursor: pointer;
}
.HelperModal__Check input[type="checkbox"][b-lf4v0ams9l] {
    width: 16px;
    height: 16px;
    accent-color: #ff7a3d;
}
.HelperModal__Actions[b-lf4v0ams9l] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
    flex-wrap: wrap;
}
.HelperModal--danger .HelperModal__Title[b-lf4v0ams9l] {
    color: #e5484d;
}

.HelperModal__Warning[b-lf4v0ams9l] {
    margin: 4px 0 14px;
    padding: 12px 14px;
    background: rgba(224, 160, 0, 0.10);
    border: 1px solid rgba(224, 160, 0, 0.45);
    border-left: 4px solid #e0a000;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.55;
    color: var(--trecker-text-primary);
}

.HelperModal__Check--inline[b-lf4v0ams9l] {
    margin-top: 8px;
    background: rgba(0, 0, 0, 0.05);
    padding: 8px 10px;
    border-radius: 4px;
}

.HelperModal__Preview[b-lf4v0ams9l] {
    margin: 10px 0 14px;
    padding: 12px;
    background: var(--trecker-bg-tertiary);
    border-radius: 6px;
}
.HelperModal__PreviewLabel[b-lf4v0ams9l] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
    margin-bottom: 6px;
}
.HelperModal__PreviewItems[b-lf4v0ams9l] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.HelperModal__PreviewChip[b-lf4v0ams9l] {
    padding: 4px 10px;
    background: rgba(255, 122, 61, 0.14);
    color: #ff7a3d;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

/* ─── Mobile ─── */
@media (max-width: 768px) {
    .HelperTimetables__Header[b-lf4v0ams9l] {
        flex-direction: column;
        align-items: stretch;
    }
    .HelperTimetables__HeaderActions[b-lf4v0ams9l] {
        width: 100%;
    }
    .HelperTimetables__HeaderActions .TreckerButton[b-lf4v0ams9l] {
        flex: 1;
        min-height: 44px;
    }
    .HelperDay__Header[b-lf4v0ams9l] {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .HelperDay__Stats[b-lf4v0ams9l] {
        gap: 10px;
        font-size: 11px;
    }
    .HelperDay__Actions[b-lf4v0ams9l] {
        justify-content: flex-start;
    }
    .HelperDay__ActionBtn[b-lf4v0ams9l] {
        flex: 1;
        min-height: 40px;
        font-size: 13px;
    }
    .HelperJob__Header[b-lf4v0ams9l] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .HelperJob__Actions[b-lf4v0ams9l] {
        width: 100%;
    }
    .HelperJob__ActionBtn[b-lf4v0ams9l] {
        flex: 1;
        min-height: 38px;
        font-size: 12px;
    }
    .HelperSlot__Table thead[b-lf4v0ams9l] {
        display: none;
    }
    .HelperSlot__Table tbody td[b-lf4v0ams9l] {
        height: auto;
        padding: 4px 12px;
        border: none;
    }
    .HelperSlot__Row[b-lf4v0ams9l] {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
            "sort time actions"
            "sort fill actions"
            "sort status actions"
            "note note note";
        gap: 4px;
        padding: 10px 12px;
        border-bottom: 1px solid var(--trecker-border);
    }
    .HelperSlot__Row td[b-lf4v0ams9l] { display: block; }
    .HelperSlot__SortCol[b-lf4v0ams9l] { grid-area: sort; }
    .HelperSlot__TimeCol[b-lf4v0ams9l] { grid-area: time; }
    .HelperSlot__FillCol[b-lf4v0ams9l] { grid-area: fill; }
    .HelperSlot__StatusCol[b-lf4v0ams9l] { grid-area: status; }
    .HelperSlot__NoteCol[b-lf4v0ams9l] { grid-area: note; max-width: none; white-space: normal; }
    .HelperSlot__ActionsCol[b-lf4v0ams9l] { grid-area: actions; width: auto; }
    .HelperModal__FieldRow[b-lf4v0ams9l] {
        grid-template-columns: 1fr;
    }
}

/* ─── Job-Sortier-Popup ─── */
.HelperModal--sort[b-lf4v0ams9l] {
    max-width: 460px;
}

.JobSortList[b-lf4v0ams9l] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 4px;
    max-height: 60vh;
    overflow-y: auto;
    padding: 2px 2px 4px;
}

.JobSortItem[b-lf4v0ams9l] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    user-select: none;
    transition: box-shadow 0.1s ease, border-color 0.1s ease;
}

.JobSortItem:hover[b-lf4v0ams9l] {
    border-color: rgba(255, 122, 61, 0.4);
}

.JobSortItem__Handle[b-lf4v0ams9l] {
    font-size: 20px;
    color: var(--trecker-text-secondary);
    cursor: grab;
    touch-action: none;
    padding: 2px 4px;
    line-height: 1;
    flex-shrink: 0;
    border-radius: 4px;
}

.JobSortItem__Handle:hover[b-lf4v0ams9l] {
    color: #ff7a3d;
    background: rgba(255, 122, 61, 0.10);
}

.JobSortItem__Handle:active[b-lf4v0ams9l] {
    cursor: grabbing;
}

.JobSortItem__Name[b-lf4v0ams9l] {
    font-weight: 600;
    font-size: 14px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.JobSortItem__Cat[b-lf4v0ams9l] {
    font-size: 11px;
    flex-shrink: 0;
}

.JobSortItem--dragging[b-lf4v0ams9l] {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
    border-color: #ff7a3d;
    opacity: 0.95;
    background: var(--trecker-bg-primary);
}

.JobSortItem--placeholder[b-lf4v0ams9l] {
    background: rgba(255, 122, 61, 0.08);
    border: 2px dashed rgba(255, 122, 61, 0.5) !important;
    border-radius: 8px;
    pointer-events: none;
}

@media (max-width: 480px) {
    .HelperTimetables__Title[b-lf4v0ams9l] {
        font-size: 18px;
    }
    .HelperTimetables__Subtitle[b-lf4v0ams9l] {
        font-size: 12px;
    }
    .HelperDay__Label[b-lf4v0ams9l] {
        font-size: 14px;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminMerge.razor.rz.scp.css */
/* ============================================================================
   AdminMerge.razor — Scoped Styles
   ============================================================================
   Layout for data merge page. Uses design tokens from trecker-variables.css.
   Class prefix: am-
   ============================================================================ */

/* --- Page wrapper --- */
.am-page[b-87n4zjjlnc] {
    padding: var(--trecker-space-lg);
}

/* --- Page header --- */
.am-page-header[b-87n4zjjlnc] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-3);
    margin-bottom: var(--trecker-space-6);
}

.am-header-icon[b-87n4zjjlnc] {
    width: 32px;
    height: 32px;
    color: var(--trecker-secondary);
    flex-shrink: 0;
}

.am-page-title[b-87n4zjjlnc] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.am-page-subtitle[b-87n4zjjlnc] {
    color: var(--trecker-text-secondary);
    margin-top: var(--trecker-space-1);
    font-size: var(--trecker-font-size-sm);
}

/* --- Tab navigation --- */
.am-tab-bar[b-87n4zjjlnc] {
    display: flex;
    gap: var(--trecker-space-2);
    margin-bottom: var(--trecker-space-6);
    border-bottom: 1px solid var(--trecker-border);
}

.am-tab[b-87n4zjjlnc] {
    padding: var(--trecker-space-3) var(--trecker-space-4);
    font-weight: 600;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--trecker-text-secondary);
    background: none;
    cursor: pointer;
    font-size: var(--trecker-font-size-base);
    transition: color var(--trecker-transition-fast), border-color var(--trecker-transition-fast);
}

.am-tab:hover[b-87n4zjjlnc] {
    color: var(--trecker-primary);
}

.am-tab--active[b-87n4zjjlnc] {
    border-bottom-color: var(--trecker-primary);
    color: var(--trecker-primary);
}

/* --- Cards grid --- */
.am-cards-grid[b-87n4zjjlnc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
    gap: var(--trecker-space-6);
    margin-bottom: var(--trecker-space-6);
}

/* --- Card description text --- */
.am-card-desc[b-87n4zjjlnc] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-4);
}

/* --- Search results dropdown --- */
.am-search-results[b-87n4zjjlnc] {
    background-color: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius-md);
    max-height: 192px;
    overflow-y: auto;
    margin-top: var(--trecker-space-3);
}

.am-search-item[b-87n4zjjlnc] {
    width: 100%;
    padding: var(--trecker-space-3);
    text-align: left;
    border: none;
    background: none;
    cursor: pointer;
    border-bottom: 1px solid var(--trecker-border);
    color: var(--trecker-text-primary);
    transition: background-color var(--trecker-transition-fast);
}

.am-search-item:hover[b-87n4zjjlnc] {
    background-color: var(--trecker-bg-tertiary);
}

.am-search-item-name[b-87n4zjjlnc] {
    font-weight: 600;
}

.am-search-item-detail[b-87n4zjjlnc] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

/* --- Selected record card --- */
.am-selected-card[b-87n4zjjlnc] {
    background-color: var(--trecker-bg-tertiary);
}

.am-selected-header[b-87n4zjjlnc] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-3);
}

.am-selected-name[b-87n4zjjlnc] {
    font-weight: 600;
    margin: 0;
}

.am-selected-detail[b-87n4zjjlnc] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Close button icon --- */
.am-close-icon[b-87n4zjjlnc] {
    width: 16px;
    height: 16px;
}

/* --- Fields list --- */
.am-fields-section[b-87n4zjjlnc] {
    border-top: 1px solid var(--trecker-border);
    padding-top: var(--trecker-space-3);
}

.am-field-row[b-87n4zjjlnc] {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-2);
}

.am-field-key[b-87n4zjjlnc] {
    color: var(--trecker-text-secondary);
}

.am-field-value[b-87n4zjjlnc] {
    font-weight: 600;
}

/* --- Preview table --- */
.am-table-wrap[b-87n4zjjlnc] {
    overflow-x: auto;
}

.am-row-highlight[b-87n4zjjlnc] {
    background-color: rgba(var(--trecker-warning-rgb), 0.1);
}

.am-cell-bold[b-87n4zjjlnc] {
    font-weight: 600;
}

/* --- Merge info section --- */
.am-merge-info[b-87n4zjjlnc] {
    margin-top: var(--trecker-space-4);
}

.am-merge-info-text[b-87n4zjjlnc] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-2);
}

.am-merge-info-list[b-87n4zjjlnc] {
    list-style-type: disc;
    list-style-position: inside;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

/* --- Warning alert content --- */
.am-warning-title[b-87n4zjjlnc] {
    font-weight: 600;
    margin-bottom: var(--trecker-space-1);
}

.am-warning-text[b-87n4zjjlnc] {
    font-size: var(--trecker-font-size-sm);
}

/* --- Action buttons row --- */
.am-actions[b-87n4zjjlnc] {
    display: flex;
    gap: var(--trecker-space-3);
}

/* --- Modal overlay --- */
.am-modal-overlay[b-87n4zjjlnc] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--trecker-z-modal);
}

/* --- Modal card --- */
.am-modal[b-87n4zjjlnc] {
    max-width: 500px;
    position: relative;
}

.am-modal-body[b-87n4zjjlnc] {
    margin-bottom: var(--trecker-space-4);
}

.am-modal-hint[b-87n4zjjlnc] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-6);
}

.am-modal-actions[b-87n4zjjlnc] {
    display: flex;
    gap: var(--trecker-space-3);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .am-page[b-87n4zjjlnc] {
        padding: var(--trecker-space-md);
    }

    .am-cards-grid[b-87n4zjjlnc] {
        grid-template-columns: 1fr;
    }

    .am-tab-bar[b-87n4zjjlnc] {
        overflow-x: auto;
    }

    .am-modal-actions[b-87n4zjjlnc] {
        flex-direction: column;
    }

    .am-actions[b-87n4zjjlnc] {
        flex-direction: column;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .am-page[b-87n4zjjlnc] {
        padding: var(--trecker-space-sm);
    }

    .am-page-header[b-87n4zjjlnc] {
        flex-wrap: wrap;
    }

    .am-tab[b-87n4zjjlnc] {
        padding: var(--trecker-space-2) var(--trecker-space-3);
        font-size: var(--trecker-font-size-sm);
    }

    .am-selected-header[b-87n4zjjlnc] {
        flex-wrap: wrap;
        gap: var(--trecker-space-2);
    }

    .am-field-row[b-87n4zjjlnc] {
        flex-direction: column;
        gap: var(--trecker-space-1);
    }

    .am-modal-actions[b-87n4zjjlnc] {
        flex-direction: column;
    }

    .am-modal-actions .TreckerButton[b-87n4zjjlnc] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminRegistrations.razor.rz.scp.css */
/* ============================================================================
   AdminRegistrations.razor — Scoped Styles
   ============================================================================
   Layout for registration management. Uses design tokens from
   trecker-variables.css. All interactive elements meet 44px touch target.
   Prefix: ar- (AdminRegistrations)
   ============================================================================ */

/* --- Page wrapper --- */
.ar-page[b-0icp0hapoc] {
    padding: var(--trecker-space-xl);
}

/* --- Loading center --- */
.ar-loading-center[b-0icp0hapoc] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

/* --- Icon sizes --- */
.ar-icon-sm[b-0icp0hapoc] {
    width: 20px;
    height: 20px;
}

.ar-icon-xs[b-0icp0hapoc] {
    width: 16px;
    height: 16px;
}

/* --- Stat card values --- */
.ar-stat-value[b-0icp0hapoc] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: 700;
}

.ar-stat-waitlist[b-0icp0hapoc] {
    color: #2997FF;
}

.ar-stat-cancelled[b-0icp0hapoc] {
    color: #8e8e93;
}

/* --- Waitlist/Cancelled stat card icons --- */
.ar-stat-icon-waitlist[b-0icp0hapoc] {
    background: rgba(41, 151, 255, 0.15);
}

.ar-stat-icon-waitlist svg[b-0icp0hapoc] {
    color: #2997FF;
}

.ar-stat-icon-cancelled[b-0icp0hapoc] {
    background: rgba(142, 142, 147, 0.15);
}

.ar-stat-icon-cancelled svg[b-0icp0hapoc] {
    color: #8e8e93;
}

/* --- Flex with gap patterns --- */
.ar-actions-row[b-0icp0hapoc] {
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ar-btn-icon[b-0icp0hapoc] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
}

/* --- Signup filter card --- */
.ar-signup-filter[b-0icp0hapoc] {
    padding: var(--trecker-space-md);
}

.ar-signup-select-wrap[b-0icp0hapoc] {
    max-width: 300px;
}

/* --- Status filter tabs --- */
.ar-tab-row[b-0icp0hapoc] {
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* --- Search input --- */
.ar-search-wrap[b-0icp0hapoc] {
    max-width: 360px;
}

/* --- Select all row --- */
.ar-select-all-row[b-0icp0hapoc] {
    align-items: center;
    gap: var(--trecker-space-sm);
}

.ar-checkbox[b-0icp0hapoc] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--trecker-accent);
}

.ar-badge-selected[b-0icp0hapoc] {
    background: var(--trecker-accent);
    color: white;
}

/* --- Walk-in badge offset --- */
.ar-badge-walkin[b-0icp0hapoc] {
    margin-left: 6px;
    vertical-align: middle;
}

/* --- Driver status badge row --- */
.ar-status-row[b-0icp0hapoc] {
    margin-top: 4px;
}

/* --- Document links row --- */
.ar-doc-row[b-0icp0hapoc] {
    margin-top: 4px;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.ar-doc-link[b-0icp0hapoc] {
    font-size: 11px;
    color: var(--trecker-text-link);
    text-decoration: underline;
}

.ar-doc-missing[b-0icp0hapoc] {
    font-size: 11px;
    color: var(--trecker-error);
}

/* --- Pagination row --- */
.ar-pagination[b-0icp0hapoc] {
    justify-content: center;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Sticky batch action bar --- */
.ar-batch-bar[b-0icp0hapoc] {
    position: sticky;
    bottom: 0;
    z-index: 100;
    background: var(--trecker-bg-primary);
    border-top: 2px solid var(--trecker-accent);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    margin: var(--trecker-space-md) calc(var(--trecker-space-xl) * -1) 0;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.2);
}

.ar-batch-label[b-0icp0hapoc] {
    flex-shrink: 0;
}

.ar-batch-actions[b-0icp0hapoc] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    flex: 1;
}

.ar-batch-clear[b-0icp0hapoc] {
    flex-shrink: 0;
}

/* --- Modal action rows --- */
.ar-modal-actions[b-0icp0hapoc] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* --- Edit dialog header --- */
.ar-edit-header[b-0icp0hapoc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

/* --- Section headers with bottom border --- */
.ar-section-heading[b-0icp0hapoc] {
    border-bottom: 1px solid var(--trecker-border);
    padding-bottom: var(--trecker-space-xs);
}

/* --- Form grid (repeated pattern) --- */
.ar-form-grid[b-0icp0hapoc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-sm);
}

.ar-form-grid-continued[b-0icp0hapoc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: var(--trecker-space-sm);
}

.ar-form-grid-narrow[b-0icp0hapoc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
    gap: var(--trecker-space-sm);
}

/* --- Tractor section header --- */
.ar-tractor-header[b-0icp0hapoc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border);
    padding-bottom: var(--trecker-space-xs);
}

.ar-tractor-actions[b-0icp0hapoc] {
    gap: var(--trecker-space-xs);
    align-items: center;
}

/* --- Custom fields section --- */
.ar-custom-fields[b-0icp0hapoc] {
    margin-top: var(--trecker-space-sm);
}

/* --- Checkbox label in form --- */
.ar-checkbox-label[b-0icp0hapoc] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
}

.ar-checkbox-field[b-0icp0hapoc] {
    width: 18px;
    height: 18px;
}

/* --- Static text value in form --- */
.ar-static-value[b-0icp0hapoc] {
    padding: var(--trecker-space-xs) 0;
}

/* --- Payment status colors --- */
.ar-text-success[b-0icp0hapoc] {
    color: var(--trecker-success);
}

.ar-text-danger[b-0icp0hapoc] {
    color: var(--trecker-danger);
}

/* --- Driver comment box --- */
.ar-comment-box[b-0icp0hapoc] {
    padding: var(--trecker-space-sm);
    background: var(--trecker-bg-secondary);
    border-radius: 6px;
}

/* --- Edit dialog footer --- */
.ar-edit-footer[b-0icp0hapoc] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
    border-top: 1px solid var(--trecker-border);
    padding-top: var(--trecker-space-md);
}

/* --- Overdue badge spacing --- */
.ar-badge-overdue[b-0icp0hapoc] {
    margin-left: var(--trecker-space-xs);
}

/* --- Accent checkbox (table header) --- */
.ar-accent-checkbox[b-0icp0hapoc] {
    accent-color: var(--trecker-accent);
}

/* ============================================================================
   RegistrationTable — moved from <style> block
   ============================================================================ */
.RegistrationTable[b-0icp0hapoc] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    overflow: hidden;
    background: var(--trecker-bg-card);
}

.RegistrationTable__Header[b-0icp0hapoc] {
    display: grid;
    grid-template-columns: var(--reg-table-cols, 40px 1fr 120px 100px 140px 60px 44px);
    gap: var(--trecker-space-xs);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-bottom: 1px solid var(--trecker-border);
    position: sticky;
    top: 0;
    z-index: 10;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-secondary);
}

.RegistrationTable__HeaderCell[b-0icp0hapoc] {
    padding: var(--trecker-space-xs);
    display: flex;
    align-items: center;
}

.RegistrationTable__Row[b-0icp0hapoc] {
    display: grid;
    grid-template-columns: var(--reg-table-cols, 40px 1fr 120px 100px 140px 60px 44px);
    gap: var(--trecker-space-xs);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    align-items: center;
    border-bottom: 1px solid var(--trecker-border);
    min-height: 44px;
    transition: background-color var(--trecker-transition-fast);
}

.RegistrationTable__Row:hover[b-0icp0hapoc] {
    background: var(--trecker-bg-hover-subtle);
}

.RegistrationTable__Row--selected[b-0icp0hapoc] {
    background: rgba(255, 138, 61, 0.08);
    border-left: 3px solid var(--trecker-accent);
    padding-left: calc(var(--trecker-space-md) - 3px);
}

.RegistrationTable__Cell[b-0icp0hapoc] {
    padding: var(--trecker-space-xs);
    display: flex;
    align-items: center;
    overflow: hidden;
    font-size: var(--trecker-font-size-sm);
}

.RegistrationTable__Cell--primary[b-0icp0hapoc] {
    overflow: visible;
    align-items: stretch;
}

.RegistrationTable__Cell--actions[b-0icp0hapoc] {
    justify-content: flex-end;
}

.RegistrationTable__DriverInfo[b-0icp0hapoc] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.RegistrationTable__DriverName[b-0icp0hapoc] {
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RegistrationTable__DriverMeta[b-0icp0hapoc] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.RegistrationTable__Dropdown[b-0icp0hapoc] {
    position: relative;
}

.RegistrationTable__DotsBtn[b-0icp0hapoc] {
    background: transparent;
    border: none;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    padding: 4px 8px;
    border-radius: var(--trecker-radius-sm);
    font-size: var(--trecker-font-size-lg);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    transition: all var(--trecker-transition-fast);
}

.RegistrationTable__DotsBtn:hover[b-0icp0hapoc] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-primary);
}

.RegistrationTable__DropdownMenu[b-0icp0hapoc] {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md);
    box-shadow: var(--trecker-shadow-lg);
    z-index: var(--trecker-z-modal);
    min-width: 200px;
    margin-top: var(--trecker-space-xs);
    overflow: hidden;
}

.RegistrationTable__DropdownItem[b-0icp0hapoc] {
    display: block;
    width: 100%;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border: none;
    background: transparent;
    color: var(--trecker-text-primary);
    text-align: left;
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    transition: background-color var(--trecker-transition-fast);
}

.RegistrationTable__DropdownItem:hover[b-0icp0hapoc] {
    background: var(--trecker-bg-secondary);
}

.RegistrationTable__DropdownItem--danger[b-0icp0hapoc] {
    color: var(--trecker-error);
}

.RegistrationTable__DropdownItem--danger:hover[b-0icp0hapoc] {
    background: rgba(255, 69, 58, 0.1);
}

.RegistrationTable__DropdownDivider[b-0icp0hapoc] {
    height: 1px;
    background: var(--trecker-border);
    margin: var(--trecker-space-xs) 0;
}

/* --- Column width hints (within grid cells) --- */
.ar-col-checkbox[b-0icp0hapoc] {
    width: 40px;
}

.ar-col-class[b-0icp0hapoc] {
    width: 120px;
}

.ar-col-code[b-0icp0hapoc] {
    width: 100px;
}

.ar-col-signup[b-0icp0hapoc] {
    width: 140px;
}

.ar-col-fee[b-0icp0hapoc] {
    width: 60px;
}

.ar-col-actions[b-0icp0hapoc] {
    width: 44px;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .ar-page[b-0icp0hapoc] {
        padding: var(--trecker-space-md);
    }

    .ar-batch-bar[b-0icp0hapoc] {
        margin-left: calc(var(--trecker-space-md) * -1);
        margin-right: calc(var(--trecker-space-md) * -1);
        padding: var(--trecker-space-sm) var(--trecker-space-md);
    }

    .ar-form-grid[b-0icp0hapoc],
    .ar-form-grid-continued[b-0icp0hapoc],
    .ar-form-grid-narrow[b-0icp0hapoc] {
        grid-template-columns: 1fr 1fr;
    }

    .RegistrationTable[b-0icp0hapoc] {
        border: none;
        border-radius: 0;
    }

    .RegistrationTable__Header[b-0icp0hapoc] {
        display: none;
    }

    .RegistrationTable__Row[b-0icp0hapoc] {
        grid-template-columns: 40px 1fr 44px;
        gap: var(--trecker-space-sm);
        padding: var(--trecker-space-md);
        border-radius: var(--trecker-radius-lg);
        margin-bottom: var(--trecker-space-sm);
        border: 1px solid var(--trecker-border);
        min-height: auto;
    }

    .RegistrationTable__Row--selected[b-0icp0hapoc] {
        border-left: 3px solid var(--trecker-accent);
        background: rgba(255, 138, 61, 0.08);
    }

    .RegistrationTable__Cell[b-0icp0hapoc] {
        font-size: var(--trecker-font-size-sm);
    }

    .RegistrationTable__Cell:not(:first-child):not(:last-child)[b-0icp0hapoc] {
        grid-column: 2;
    }

    .RegistrationTable__Cell:first-child[b-0icp0hapoc] {
        grid-row: 1 / 3;
    }

    .RegistrationTable__Cell:last-child[b-0icp0hapoc] {
        grid-row: 1 / 3;
        grid-column: 3;
    }

    .RegistrationTable__DriverInfo[b-0icp0hapoc] {
        gap: 4px;
    }

    .RegistrationTable__DriverName[b-0icp0hapoc] {
        font-size: var(--trecker-font-size-sm);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .ar-page[b-0icp0hapoc] {
        padding: var(--trecker-space-sm);
    }

    .ar-batch-bar[b-0icp0hapoc] {
        margin-left: calc(var(--trecker-space-sm) * -1);
        margin-right: calc(var(--trecker-space-sm) * -1);
        flex-direction: column;
        align-items: stretch;
        gap: var(--trecker-space-sm);
    }

    .ar-batch-actions[b-0icp0hapoc] {
        flex-direction: column;
    }

    .ar-batch-actions .TreckerButton[b-0icp0hapoc],
    .ar-batch-clear[b-0icp0hapoc] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .ar-form-grid[b-0icp0hapoc],
    .ar-form-grid-continued[b-0icp0hapoc],
    .ar-form-grid-narrow[b-0icp0hapoc] {
        grid-template-columns: 1fr;
    }

    .ar-modal-actions[b-0icp0hapoc],
    .ar-edit-footer[b-0icp0hapoc] {
        flex-direction: column;
    }

    .ar-modal-actions .TreckerButton[b-0icp0hapoc],
    .ar-edit-footer .TreckerButton[b-0icp0hapoc] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .ar-search-wrap[b-0icp0hapoc] {
        max-width: none;
    }

    .ar-signup-select-wrap[b-0icp0hapoc] {
        max-width: none;
    }

    .ar-edit-header[b-0icp0hapoc] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ar-tractor-header[b-0icp0hapoc] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminResultEntry.razor.rz.scp.css */
/* ============================================================================
   AdminResultEntry.razor — Scoped Styles
   ============================================================================
   Layout for result entry management. Uses design tokens from
   trecker-variables.css. All interactive elements meet 44px touch target.
   Prefix: "re-" (ResultEntry)
   ============================================================================ */

/* --- Page layout --- */
.re-page[b-wns96nfdut] {
    padding: var(--trecker-space-xl);
}

/* --- Page header --- */
.re-page-header[b-wns96nfdut] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.re-page-header-icon[b-wns96nfdut] {
    width: 28px;
    height: 28px;
    color: var(--trecker-primary);
}

.re-page-header h1[b-wns96nfdut] {
    margin: 0;
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.re-page-header p[b-wns96nfdut] {
    margin: 0;
}

/* --- Selection card --- */
.re-selection-card[b-wns96nfdut] {
    padding: var(--trecker-space-lg);
}

.re-selection-row[b-wns96nfdut] {
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    align-items: flex-end;
}

.re-field-wide[b-wns96nfdut] {
    flex: 1 1 250px;
    min-width: 0;
    margin-bottom: 0;
}

.re-field-run[b-wns96nfdut] {
    flex: 0 0 140px;
    margin-bottom: 0;
}

.re-field-maxruns[b-wns96nfdut] {
    flex: 0 0 120px;
    margin-bottom: 0;
}

.re-input-full[b-wns96nfdut] {
    width: 100%;
}

/* --- Summary bar --- */
.re-summary-card[b-wns96nfdut] {
    padding: var(--trecker-space-md);
}

.re-summary-row[b-wns96nfdut] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
    align-items: center;
    justify-content: space-between;
}

.re-summary-stats[b-wns96nfdut] {
    display: flex;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.re-summary-stat[b-wns96nfdut] {
    text-align: center;
}

.re-summary-stat-value--accent[b-wns96nfdut] {
    color: var(--trecker-accent);
}

.re-summary-stat-value--success[b-wns96nfdut] {
    color: var(--trecker-success);
}

.re-summary-stat-value--tertiary[b-wns96nfdut] {
    color: var(--trecker-text-tertiary);
}

/* --- Badge variants --- */
.re-badge-warning[b-wns96nfdut] {
    background: var(--trecker-warning-bg);
    color: var(--trecker-warning);
    margin-left: var(--trecker-space-sm);
}

.re-badge-warning-compact[b-wns96nfdut] {
    background: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

.re-badge-fullpull[b-wns96nfdut] {
    background: var(--trecker-fullpull);
    color: #111;
}

.re-badge-dnf-mobile[b-wns96nfdut] {
    background: var(--trecker-warning);
    color: #111;
}

.re-badge-dnf-result[b-wns96nfdut] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.re-badge-fullpull-result[b-wns96nfdut] {
    background: var(--trecker-fullpull-bg);
    color: var(--trecker-fullpull);
    border: 1px solid var(--trecker-fullpull);
}

.re-badge-record[b-wns96nfdut] {
    background: var(--trecker-accent);
    color: white;
}

/* --- Mobile distance display --- */
.re-mobile-distance[b-wns96nfdut] {
    font-family: var(--trecker-font-mono);
    font-size: var(--trecker-font-size-sm);
}

/* --- Mobile saved check --- */
.re-mobile-saved-check[b-wns96nfdut] {
    color: var(--trecker-success);
    font-size: 1.1rem;
}

/* --- Result distance (mono font) --- */
.re-distance-mono[b-wns96nfdut] {
    font-family: var(--trecker-font-mono);
}

/* --- Result status flex row --- */
.re-status-flex[b-wns96nfdut] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* --- Mobile modal absent alert --- */
.re-modal-absent-alert[b-wns96nfdut] {
    margin-top: var(--trecker-space-2xl);
    font-size: 1.1rem;
    padding: var(--trecker-space-lg);
}

/* --- Mobile modal DQ input --- */
.re-modal-dq-input[b-wns96nfdut] {
    padding: 16px;
    font-size: 1.1rem;
}

/* --- Mobile modal save navigation row --- */
.re-modal-nav-row[b-wns96nfdut] {
    display: flex;
    gap: var(--trecker-space-sm);
    width: 100%;
}

.re-modal-nav-btn[b-wns96nfdut] {
    flex: 0 0 auto;
    min-height: 48px;
    min-width: 48px;
}

.re-modal-save-btn[b-wns96nfdut] {
    flex: 1;
}

/* --- Calculate results card --- */
.re-calc-card[b-wns96nfdut] {
    padding: var(--trecker-space-lg);
}

.re-calc-row[b-wns96nfdut] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-md);
}

/* --- Pull-off / Stechen banner --- */
.re-pulloff-banner[b-wns96nfdut] {
    border: 2px solid var(--trecker-warning);
    border-radius: var(--trecker-border-radius-md);
    padding: var(--trecker-space-md);
    background: rgba(255, 149, 0, 0.07);
}

.re-pulloff-row[b-wns96nfdut] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    justify-content: space-between;
}

.re-pulloff-info[b-wns96nfdut] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.re-pulloff-icon[b-wns96nfdut] {
    width: 22px;
    height: 22px;
    color: var(--trecker-warning);
    flex-shrink: 0;
}

.re-pulloff-title[b-wns96nfdut] {
    color: var(--trecker-warning);
}

.re-pulloff-link[b-wns96nfdut] {
    white-space: nowrap;
}

/* --- DQ modal --- */
.re-dq-modal[b-wns96nfdut] {
    max-width: 500px;
}

.re-dq-error[b-wns96nfdut] {
    color: var(--trecker-danger);
    margin-top: 0.5rem;
}

.re-dq-footer[b-wns96nfdut] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .re-page[b-wns96nfdut] {
        padding: var(--trecker-space-md);
    }

    .re-page-header[b-wns96nfdut] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    /* Stack class/run selectors */
    .re-selection-row[b-wns96nfdut] {
        flex-direction: column;
    }

    .re-field-wide[b-wns96nfdut],
    .re-field-run[b-wns96nfdut],
    .re-field-maxruns[b-wns96nfdut] {
        flex: 1 1 100%;
        min-width: 0;
    }

    /* Hide desktop table, show mobile cards */
    .TreckerResultEntryDesktop[b-wns96nfdut] {
        display: none;
    }

    .TreckerResultEntryMobile[b-wns96nfdut] {
        display: block;
    }

    /* Summary bar stacks */
    .re-summary-row[b-wns96nfdut] {
        flex-direction: column;
        gap: var(--trecker-space-md);
    }

    .re-calc-row[b-wns96nfdut] {
        flex-direction: column;
        align-items: flex-start;
    }

    .re-pulloff-row[b-wns96nfdut] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ============================================================================
   RESPONSIVE: Desktop (min-width: 769px)
   ============================================================================ */
@media (min-width: 769px) {
    .TreckerResultEntryMobile[b-wns96nfdut] {
        display: none;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .re-page[b-wns96nfdut] {
        padding: var(--trecker-space-sm);
    }

    .re-summary-stats[b-wns96nfdut] {
        gap: var(--trecker-space-md);
    }

    .re-dq-footer[b-wns96nfdut] {
        flex-direction: column;
    }

    .re-dq-footer .TreckerButton[b-wns96nfdut] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminShifts.razor.rz.scp.css */
/* ============================================================================
   AdminShifts.razor — Scoped Styles
   ============================================================================
   Layout for shift management. Uses design tokens from
   trecker-variables.css. All interactive elements meet 44px touch target.
   Prefix: as- (AdminShifts)
   ============================================================================ */

/* --- Page wrapper (Helfer-Schichtplan-Stil) --- */
.AdminShifts[b-hzqybkqcep] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.AdminShifts__Header[b-hzqybkqcep] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}
.AdminShifts__HeaderLeft[b-hzqybkqcep] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}
.AdminShifts__Icon[b-hzqybkqcep] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}
.AdminShifts__Title[b-hzqybkqcep] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.AdminShifts__Subtitle[b-hzqybkqcep] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 640px;
    line-height: 1.5;
}
.AdminShifts__HeaderActions[b-hzqybkqcep] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

/* --- Header add-button icon layout --- */
.as-btn-icon[b-hzqybkqcep] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.as-icon-xs[b-hzqybkqcep] {
    width: 16px;
    height: 16px;
}

/* --- Empty state (Helfer-Stil) --- */
.as-empty-state[b-hzqybkqcep] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}
.as-empty-icon[b-hzqybkqcep] {
    font-size: 56px;
    margin-bottom: 8px;
}
.as-empty-title[b-hzqybkqcep] {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0;
}
.as-empty-text[b-hzqybkqcep] {
    color: var(--trecker-text-secondary);
    margin: 0 0 18px;
}
.as-empty-btn[b-hzqybkqcep] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 768px) {
    .AdminShifts__Header[b-hzqybkqcep] {
        flex-direction: column;
        align-items: stretch;
    }
    .AdminShifts__HeaderActions .TreckerButton[b-hzqybkqcep] {
        flex: 1;
        min-height: 44px;
    }
    .AdminShifts__Title[b-hzqybkqcep] {
        font-size: 18px;
    }
}

/* --- Time group card --- */
.as-time-group-card[b-hzqybkqcep] {
    padding: var(--trecker-space-lg);
}

/* --- Table scroll wrapper --- */
.as-table-scroll[b-hzqybkqcep] {
    overflow-x: auto;
}

/* --- Table font sizing --- */
.as-table-compact[b-hzqybkqcep] {
    font-size: 0.9rem;
}

/* --- Clickable row --- */
.as-row-clickable[b-hzqybkqcep] {
    cursor: pointer;
}

/* --- Monospace time cells --- */
.as-time-mono[b-hzqybkqcep] {
    font-family: var(--trecker-font-mono);
}

/* --- Notes cell truncation --- */
.as-notes-cell[b-hzqybkqcep] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Action button group --- */
.as-action-group[b-hzqybkqcep] {
    gap: var(--trecker-space-xs);
}

/* --- Summary stats grid --- */
.as-stats-grid[b-hzqybkqcep] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
}

/* --- Stat card --- */
.as-stat-card[b-hzqybkqcep] {
    padding: var(--trecker-space-md);
}

/* --- Stat label --- */
.as-stat-label[b-hzqybkqcep] {
    margin: 0 0 var(--trecker-space-xs) 0;
}

/* --- Stat value --- */
.as-stat-value[b-hzqybkqcep] {
    margin: 0;
}

.as-stat-value--primary[b-hzqybkqcep] {
    color: var(--trecker-primary);
}

.as-stat-value--secondary[b-hzqybkqcep] {
    color: var(--trecker-secondary);
}

.as-stat-value--accent[b-hzqybkqcep] {
    color: var(--trecker-accent);
}

/* --- Modal form label --- */
.as-form-label[b-hzqybkqcep] {
    display: flex;
    align-items: center;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    margin-bottom: var(--trecker-space-xs);
}

/* --- Modal form select / input (full-width styled inputs) --- */
.as-form-select[b-hzqybkqcep],
.as-form-input[b-hzqybkqcep] {
    width: 100%;
    padding: var(--trecker-space-sm);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-sm);
    background-color: var(--trecker-bg-secondary);
    color: var(--trecker-text-primary);
}

/* --- Time input row (two columns) --- */
.as-time-row[b-hzqybkqcep] {
    display: flex;
    flex-direction: column;
}

/* --- Textarea styling --- */
.as-textarea[b-hzqybkqcep] {
    font-family: inherit;
    resize: vertical;
}

/* --- Modal footer actions --- */
.as-modal-actions[b-hzqybkqcep] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
}

/* --- Delete confirmation text --- */
.as-delete-text[b-hzqybkqcep] {
    padding-top: var(--trecker-space-md);
    padding-bottom: var(--trecker-space-md);
}

/* --- Form group no-margin override --- */
.as-form-group-compact[b-hzqybkqcep] {
    margin-bottom: 0;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .as-stats-grid[b-hzqybkqcep] {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-notes-cell[b-hzqybkqcep] {
        max-width: 120px;
    }

    .as-modal-actions[b-hzqybkqcep] {
        flex-direction: column;
    }

    .as-modal-actions .TreckerButton[b-hzqybkqcep] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .as-stats-grid[b-hzqybkqcep] {
        grid-template-columns: 1fr;
    }

    .as-time-group-card[b-hzqybkqcep] {
        padding: var(--trecker-space-md);
    }

    .as-stat-card[b-hzqybkqcep] {
        padding: var(--trecker-space-sm);
    }

    .as-notes-cell[b-hzqybkqcep] {
        max-width: 80px;
    }

    .as-empty-state[b-hzqybkqcep] {
        padding: var(--trecker-space-md);
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminSurveyDashboard.razor.rz.scp.css */
/* TreckerTreck — Umfrage-Dashboard */

.SurveyDashboard[b-di58yw4qjj] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.SurveyDashboard__NotFound[b-di58yw4qjj] {
    text-align: center;
    padding: 80px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.SurveyDashboard__Header[b-di58yw4qjj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.SurveyDashboard__HeaderLeft[b-di58yw4qjj] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.SurveyDashboard__Back[b-di58yw4qjj] {
    color: var(--trecker-text-secondary);
    text-decoration: none;
    font-size: 13px;
}

.SurveyDashboard__Back:hover[b-di58yw4qjj] {
    color: var(--trecker-accent, #ff7a3d);
}

.SurveyDashboard__Title[b-di58yw4qjj] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.SurveyDashboard__Subtitle[b-di58yw4qjj] {
    color: var(--trecker-text-tertiary);
    font-size: 13px;
}

.SurveyDashboard__HeaderActions[b-di58yw4qjj] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.SurveyDashboard__Stats[b-di58yw4qjj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: 10px;
}

.SurveyDashboard__Stat[b-di58yw4qjj] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.SurveyDashboard__StatLabel[b-di58yw4qjj] {
    color: var(--trecker-text-tertiary);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.SurveyDashboard__StatValue[b-di58yw4qjj] {
    font-size: 24px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.SurveyDashboard__Empty[b-di58yw4qjj] {
    text-align: center;
    padding: 40px 20px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 10px;
}

.SurveyDashboard__Items[b-di58yw4qjj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.DashItem[b-di58yw4qjj] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.DashItem__Header[b-di58yw4qjj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.DashItem__Title[b-di58yw4qjj] {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
}

.DashItem__Desc[b-di58yw4qjj] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 13px;
}

.DashItem__Cap[b-di58yw4qjj] {
    color: var(--trecker-text-secondary);
    font-size: 13px;
    background: var(--trecker-bg-tertiary);
    padding: 2px 8px;
    border-radius: 4px;
}

.DashItem__Empty[b-di58yw4qjj] {
    margin: 0;
    color: var(--trecker-text-tertiary);
    font-size: 12px;
    font-style: italic;
}

.DashItem__Empty--small[b-di58yw4qjj] {
    margin: 0;
    padding: 4px 0;
}

.DashItem__Options[b-di58yw4qjj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 10px;
}

.DashOption[b-di58yw4qjj] {
    background: var(--trecker-bg-tertiary);
    border-radius: 6px;
    padding: 8px 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.DashOption__Header[b-di58yw4qjj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.DashOption__Label[b-di58yw4qjj] {
    font-weight: 600;
    font-size: 14px;
}

.DashOption__Cap[b-di58yw4qjj] {
    color: var(--trecker-text-tertiary);
    font-size: 12px;
}

/* Entries */
.DashEntry__List[b-di58yw4qjj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.DashEntry__List--compact[b-di58yw4qjj] {
    gap: 2px;
}

.DashEntry[b-di58yw4qjj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    background: var(--trecker-bg-tertiary);
    border-radius: 4px;
    font-size: 13px;
}

.DashEntry--compact[b-di58yw4qjj] {
    background: transparent;
    padding: 2px 0;
    font-size: 12px;
}

.DashEntry__Info[b-di58yw4qjj] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1;
}

.DashEntry__Name[b-di58yw4qjj] {
    font-weight: 500;
    color: var(--trecker-text-primary);
}

.DashEntry__Qty[b-di58yw4qjj] {
    color: var(--trecker-accent, #ff7a3d);
    font-weight: 600;
}

.DashEntry__FreeText[b-di58yw4qjj] {
    font-style: italic;
    color: var(--trecker-text-secondary);
}

.DashEntry__Contact[b-di58yw4qjj] {
    font-family: var(--trecker-font-mono, monospace);
    font-size: 12px;
    color: var(--trecker-text-tertiary);
}

.DashEntry__Time[b-di58yw4qjj] {
    color: var(--trecker-text-tertiary);
    font-size: 11px;
    margin-left: auto;
}

.DashEntry__Delete[b-di58yw4qjj] {
    padding: 2px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

/* Modal */
.SurveyDashboardModal[b-di58yw4qjj] {
    width: min(420px, 96vw);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.SurveyDashboardModal h3[b-di58yw4qjj] {
    margin: 0 0 8px;
}

.SurveyDashboardModal--danger h3[b-di58yw4qjj] {
    color: var(--trecker-danger, #ff3b30);
}

.SurveyDashboardModal__Actions[b-di58yw4qjj] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminSurveyEditor.razor.rz.scp.css */
/* TreckerTreck — Admin Umfrage-Editor */

.SurveyEditor[b-qum35343f9] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.SurveyEditor__NotFound[b-qum35343f9] {
    text-align: center;
    padding: 80px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

/* ─── Header ─── */
.SurveyEditor__Header[b-qum35343f9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.SurveyEditor__HeaderLeft[b-qum35343f9] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.SurveyEditor__Icon[b-qum35343f9] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
    margin-top: 4px;
}

.SurveyEditor__TitleGroup[b-qum35343f9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.SurveyEditor__Back[b-qum35343f9] {
    color: var(--trecker-text-secondary);
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
}

.SurveyEditor__Back:hover[b-qum35343f9] {
    color: #ff7a3d;
}

.SurveyEditor__GradientTitle[b-qum35343f9] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.2;
}

.SurveyEditor__Meta[b-qum35343f9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.SurveyEditor__PublishedPill[b-qum35343f9] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: opacity 0.12s ease, transform 0.1s ease;
    line-height: 1.4;
}

.SurveyEditor__PublishedPill:hover[b-qum35343f9] {
    opacity: 0.82;
    transform: scale(0.97);
}

.SurveyEditor__PublishedPill.SurveyEditor__PublishedPill--published[b-qum35343f9] {
    background: rgba(46, 160, 67, 0.15);
    color: #2ea043;
    border-color: rgba(46, 160, 67, 0.35);
}

.SurveyEditor__PublishedPill.SurveyEditor__PublishedPill--draft[b-qum35343f9] {
    background: rgba(122, 113, 104, 0.12);
    color: var(--trecker-text-secondary);
    border-color: var(--trecker-border);
}

.SurveyEditor__HeaderActions[b-qum35343f9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.SurveyEditor__Alert[b-qum35343f9] {
    margin: 0;
}

/* ─── Tabs ─── */
.SurveyEditor__Tabs[b-qum35343f9] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--trecker-border);
    flex-wrap: wrap;
}

.SurveyEditor__Tab[b-qum35343f9] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--trecker-text-secondary);
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: color 120ms ease, border-color 120ms ease;
}

.SurveyEditor__Tab:hover[b-qum35343f9] {
    color: var(--trecker-text-primary);
}

.SurveyEditor__Tab--active[b-qum35343f9] {
    color: #ff7a3d;
    border-bottom-color: #ff7a3d;
}

/* ─── Section ─── */
.SurveyEditor__Section[b-qum35343f9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 8px 0;
}

.SurveyEditor__SectionHeader[b-qum35343f9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.SurveyEditor__SectionTitle[b-qum35343f9] {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
}

.SurveyEditor__SectionActions[b-qum35343f9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* ─── Empty state ─── */
.SurveyEditor__Empty[b-qum35343f9] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.SurveyEditor__EmptyIcon[b-qum35343f9] {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 4px;
}

.SurveyEditor__EmptyTitle[b-qum35343f9] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.SurveyEditor__EmptyText[b-qum35343f9] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 13px;
    max-width: 480px;
    line-height: 1.55;
}

.SurveyEditor__EmptyActions[b-qum35343f9] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 6px;
}

/* ─── Form Fields ─── */
.SurveyEditor__Field[b-qum35343f9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.SurveyEditor__Field label[b-qum35343f9] {
    font-size: 13px;
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

.SurveyEditor__FieldRow[b-qum35343f9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: 12px;
}

.SurveyEditor__Textarea[b-qum35343f9] {
    resize: vertical;
    min-height: 70px;
    font-family: inherit;
}

.SurveyEditor__Hint[b-qum35343f9] {
    margin: 0;
    color: var(--trecker-text-tertiary);
    font-size: 12px;
}

.SurveyEditor__Check[b-qum35343f9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
    color: var(--trecker-text-primary);
}

.SurveyEditor__Check input[type="checkbox"][b-qum35343f9] {
    width: 16px;
    height: 16px;
    accent-color: #ff7a3d;
    flex-shrink: 0;
}

.SurveyEditor__Actions[b-qum35343f9] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.SurveyEditor__SettingsInput--narrow[b-qum35343f9] {
    max-width: 160px;
}

/* ─── Settings Groups ─── */
.SurveyEditor__SettingsGroup[b-qum35343f9] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.15s ease;
}

.SurveyEditor__SettingsGroup:hover[b-qum35343f9] {
    border-color: rgba(255, 122, 61, 0.3);
}

.SurveyEditor__SettingsGroupHeader[b-qum35343f9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.07), transparent 70%);
    border-bottom: 1px solid var(--trecker-border);
}

.SurveyEditor__SettingsGroupIcon[b-qum35343f9] {
    font-size: 16px;
    flex-shrink: 0;
}

.SurveyEditor__SettingsGroupTitle[b-qum35343f9] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.SurveyEditor__SettingsGroupBody[b-qum35343f9] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.SurveyEditor__SettingsField[b-qum35343f9] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 6px;
    border-top: 1px solid var(--trecker-border);
}

.SurveyEditor__SettingsField:first-child[b-qum35343f9] {
    border-top: none;
    padding-top: 0;
}

.SurveyEditor__SettingsField label[b-qum35343f9] {
    font-size: 13px;
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

/* ─── Items ─── */
.SurveyEditor__Items[b-qum35343f9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.SurveyItem[b-qum35343f9] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.SurveyItem:hover[b-qum35343f9] {
    border-color: rgba(255, 122, 61, 0.4);
}

.SurveyItem--voll[b-qum35343f9] {
    border-left: 3px solid var(--trecker-danger, #e5484d);
}

.SurveyItem--fast-voll[b-qum35343f9] {
    border-left: 3px solid var(--trecker-warning, #e0a000);
}

.SurveyItem__Header[b-qum35343f9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.07), transparent 70%);
    border-bottom: 1px solid var(--trecker-border);
}

.SurveyItem__TitleRow[b-qum35343f9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1;
}

.SurveyItem__Name[b-qum35343f9] {
    font-size: 15px;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.SurveyItem__Fill[b-qum35343f9] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

.SurveyItem__Fill--frei[b-qum35343f9] {
    background: rgba(46, 160, 67, 0.14);
    color: #2ea043;
}

.SurveyItem__Fill--fast-voll[b-qum35343f9] {
    background: rgba(224, 160, 0, 0.18);
    color: #b07e00;
}

.SurveyItem__Fill--voll[b-qum35343f9] {
    background: rgba(229, 72, 77, 0.18);
    color: #e5484d;
}

.SurveyItem__Fill--offen[b-qum35343f9] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.SurveyItem__Badge[b-qum35343f9] {
    font-size: 11px;
}

.SurveyItem__Actions[b-qum35343f9] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.SurveyItem__SortBtn[b-qum35343f9] {
    width: 26px;
    height: 26px;
    padding: 0;
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: 4px;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    font-size: 10px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.SurveyItem__SortBtn:hover:not(:disabled)[b-qum35343f9] {
    background: rgba(255, 122, 61, 0.12);
    color: #ff7a3d;
    border-color: #ff7a3d;
}

.SurveyItem__SortBtn:disabled[b-qum35343f9] {
    opacity: 0.3;
    cursor: not-allowed;
}

.SurveyItem__ActionBtn[b-qum35343f9] {
    padding: 4px 10px !important;
    font-size: 12px !important;
    min-height: 26px !important;
}

.SurveyItem__Description[b-qum35343f9] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 13px;
    line-height: 1.5;
    padding: 8px 14px;
}

.SurveyItem__EmptyOptions[b-qum35343f9] {
    margin: 0;
    color: var(--trecker-text-tertiary);
    font-size: 12px;
    font-style: italic;
    padding: 8px 14px;
}

/* ─── Options ─── */
.SurveyOption__List[b-qum35343f9] {
    list-style: none;
    margin: 0;
    padding: 8px 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.SurveyOption[b-qum35343f9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 7px;
    background: var(--trecker-bg-tertiary);
    border: 1px solid transparent;
}

.SurveyOption--voll[b-qum35343f9] {
    border-color: rgba(229, 72, 77, 0.25);
    background: rgba(229, 72, 77, 0.06);
}

.SurveyOption--fast-voll[b-qum35343f9] {
    border-color: rgba(224, 160, 0, 0.25);
    background: rgba(224, 160, 0, 0.06);
}

.SurveyOption__Info[b-qum35343f9] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.SurveyOption__Label[b-qum35343f9] {
    font-weight: 500;
    font-size: 13px;
}

.SurveyOption__Cap[b-qum35343f9] {
    color: var(--trecker-text-tertiary);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.SurveyOption__Cap--voll[b-qum35343f9] {
    color: #e5484d;
    font-weight: 600;
}

.SurveyOption__Cap--fast-voll[b-qum35343f9] {
    color: #b07e00;
    font-weight: 600;
}

.SurveyOption__Actions[b-qum35343f9] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

/* ─── Modals ─── */
.SurveyEditorModal[b-qum35343f9] {
    width: min(560px, 96vw);
    max-height: 92vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.SurveyEditorModal__Title[b-qum35343f9] {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 700;
}

.SurveyEditorModal__Hint[b-qum35343f9] {
    margin: 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
    padding: 10px 12px;
    background: rgba(255, 122, 61, 0.06);
    border-left: 3px solid #ff7a3d;
    border-radius: 4px;
}

.SurveyEditorModal--danger .SurveyEditorModal__Title[b-qum35343f9] {
    color: #e5484d;
}

.SurveyEditorModal--danger .SurveyEditorModal__Hint[b-qum35343f9] {
    background: rgba(229, 72, 77, 0.06);
    border-left-color: #e5484d;
    color: var(--trecker-text-primary);
}

.SurveyEditorModal--sort[b-qum35343f9] {
    width: min(480px, 96vw);
}

.SurveyEditor__ModalActions[b-qum35343f9] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px;
    flex-wrap: wrap;
}

/* ─── Item Sort Modal ─── */
.ItemSortList[b-qum35343f9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 60vh;
    overflow-y: auto;
    padding: 2px 2px 4px;
}

.ItemSortItem[b-qum35343f9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    user-select: none;
    transition: box-shadow 0.1s ease, border-color 0.1s ease;
}

.ItemSortItem:hover[b-qum35343f9] {
    border-color: rgba(255, 122, 61, 0.4);
}

.ItemSortItem__Handle[b-qum35343f9] {
    font-size: 20px;
    color: var(--trecker-text-secondary);
    cursor: grab;
    touch-action: none;
    padding: 2px 4px;
    line-height: 1;
    flex-shrink: 0;
    border-radius: 4px;
}

.ItemSortItem__Handle:hover[b-qum35343f9] {
    color: #ff7a3d;
    background: rgba(255, 122, 61, 0.10);
}

.ItemSortItem__Handle:active[b-qum35343f9] {
    cursor: grabbing;
}

.ItemSortItem__Name[b-qum35343f9] {
    font-weight: 600;
    font-size: 14px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ItemSortItem__Badge[b-qum35343f9] {
    font-size: 11px;
    flex-shrink: 0;
}

.ItemSortItem__Count[b-qum35343f9] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    flex-shrink: 0;
}

.ItemSortItem--dragging[b-qum35343f9] {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
    border-color: #ff7a3d;
    opacity: 0.95;
    background: var(--trecker-bg-primary);
}

.ItemSortItem--placeholder[b-qum35343f9] {
    background: rgba(255, 122, 61, 0.08);
    border: 2px dashed rgba(255, 122, 61, 0.5) !important;
    border-radius: 8px;
    pointer-events: none;
}

/* ─── Mobile ─── */
@media (max-width: 768px) {
    .SurveyEditor__Header[b-qum35343f9] {
        flex-direction: column;
        align-items: stretch;
    }

    .SurveyEditor__HeaderActions[b-qum35343f9] {
        width: 100%;
    }

    .SurveyEditor__HeaderActions .TreckerButton[b-qum35343f9] {
        flex: 1;
        min-height: 44px;
    }

    .SurveyEditor__SectionHeader[b-qum35343f9] {
        flex-direction: column;
        align-items: stretch;
    }

    .SurveyEditor__SectionActions[b-qum35343f9] {
        justify-content: flex-start;
    }

    .SurveyItem__Header[b-qum35343f9] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .SurveyItem__Actions[b-qum35343f9] {
        width: 100%;
    }

    .SurveyItem__ActionBtn[b-qum35343f9] {
        flex: 1;
        min-height: 38px !important;
        font-size: 13px !important;
    }

    .SurveyEditor__SettingsInput--narrow[b-qum35343f9] {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .SurveyEditor__GradientTitle[b-qum35343f9] {
        font-size: 18px;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminSurveyLinks.razor.rz.scp.css */
/* TreckerTreck — Umfrage-Links */

.SurveyLinks[b-495uzmc93v] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.SurveyLinks__NotFound[b-495uzmc93v] {
    text-align: center;
    padding: 80px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.SurveyLinks__Header[b-495uzmc93v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.SurveyLinks__HeaderLeft[b-495uzmc93v] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-width: 0;
}

.SurveyLinks__Back[b-495uzmc93v] {
    color: var(--trecker-text-secondary);
    text-decoration: none;
    font-size: 13px;
}

.SurveyLinks__Back:hover[b-495uzmc93v] {
    color: var(--trecker-accent, #ff7a3d);
}

.SurveyLinks__Title[b-495uzmc93v] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.SurveyLinks__Subtitle[b-495uzmc93v] {
    color: var(--trecker-text-tertiary);
    font-size: 13px;
}

.SurveyLinks__HeaderActions[b-495uzmc93v] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.SurveyLinks__Empty[b-495uzmc93v] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}

.SurveyLinks__EmptyIcon[b-495uzmc93v] {
    font-size: 48px;
    margin-bottom: 8px;
}

.SurveyLinks__EmptyTitle[b-495uzmc93v] {
    margin: 0 0 8px;
    font-size: 18px;
}

.SurveyLinks__EmptyText[b-495uzmc93v] {
    margin: 0 0 18px;
    color: var(--trecker-text-secondary);
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

.SurveyLinks__List[b-495uzmc93v] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.SurveyLink[b-495uzmc93v] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 14px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.SurveyLink--inactive[b-495uzmc93v],
.SurveyLink--expired[b-495uzmc93v] {
    opacity: 0.7;
}

.SurveyLink__QrSection[b-495uzmc93v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    width: 110px;
}

.SurveyLink__Qr[b-495uzmc93v] {
    width: 110px;
    height: 110px;
    background: white;
    border-radius: 8px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SurveyLink__QrImg[b-495uzmc93v] {
    width: 100%;
    height: 100%;
    image-rendering: pixelated;
}

.SurveyLink__QrPlaceholder[b-495uzmc93v] {
    color: #666;
    font-size: 12px;
}

.SurveyLink__QrDownload[b-495uzmc93v] {
    display: flex;
    gap: 4px;
    width: 100%;
}

.SurveyLink__QrBtn[b-495uzmc93v] {
    flex: 1;
    padding: 4px 0;
    font-size: 11px;
    font-weight: 600;
    border: 1px solid var(--trecker-border);
    border-radius: 5px;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.SurveyLink__QrBtn:hover[b-495uzmc93v] {
    background: var(--trecker-accent-dark, rgba(255,122,61,0.12));
    color: var(--trecker-accent, #ff7a3d);
    border-color: var(--trecker-accent, #ff7a3d);
}

.SurveyLink__Body[b-495uzmc93v] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.SurveyLink__BodyHeader[b-495uzmc93v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.SurveyLink__Labels[b-495uzmc93v] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.SurveyLink__Label[b-495uzmc93v] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.SurveyLink__Badge[b-495uzmc93v] {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 600;
}

.SurveyLink__Badge--active[b-495uzmc93v] {
    background: rgba(52, 199, 89, 0.15);
    color: var(--trecker-success, #34c759);
}

.SurveyLink__Badge--inactive[b-495uzmc93v] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-tertiary);
}

.SurveyLink__Badge--expired[b-495uzmc93v] {
    background: rgba(255, 59, 48, 0.15);
    color: var(--trecker-danger, #ff3b30);
}

.SurveyLink__Stats[b-495uzmc93v] {
    display: flex;
    gap: 12px;
    color: var(--trecker-text-tertiary);
    font-size: 12px;
    flex-wrap: wrap;
}

.SurveyLink__UrlBox[b-495uzmc93v] {
    display: flex;
    gap: 8px;
    align-items: center;
    background: var(--trecker-bg-tertiary);
    border-radius: 6px;
    padding: 8px;
    flex-wrap: wrap;
}

.SurveyLink__Url[b-495uzmc93v] {
    font-family: var(--trecker-font-mono, monospace);
    font-size: 12px;
    color: var(--trecker-text-primary);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SurveyLink__CopyBtn[b-495uzmc93v] {
    flex-shrink: 0;
    font-size: 12px !important;
    padding: 4px 12px !important;
}

.SurveyLink__Expiry[b-495uzmc93v] {
    font-size: 13px;
    color: var(--trecker-text-secondary);
}

.SurveyLink__Actions[b-495uzmc93v] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: auto;
}

/* Modal */
.SurveyLinkModal[b-495uzmc93v] {
    width: min(480px, 96vw);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.SurveyLinkModal__Title[b-495uzmc93v] {
    margin: 0 0 8px;
    font-size: 18px;
}

.SurveyLinkModal__Field[b-495uzmc93v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.SurveyLinkModal__Field label[b-495uzmc93v] {
    font-size: 13px;
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

.SurveyLinkModal__Hint[b-495uzmc93v] {
    margin: 0;
    color: var(--trecker-text-tertiary);
    font-size: 12px;
}

.SurveyLinkModal__Check[b-495uzmc93v] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.SurveyLinkModal__Actions[b-495uzmc93v] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px;
}

.SurveyLinkModal--danger .SurveyLinkModal__Title[b-495uzmc93v] {
    color: var(--trecker-danger, #ff3b30);
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminSurveys.razor.rz.scp.css */
/* TreckerTreck — Admin Umfragen-Liste
   Scoped CSS — kein <style>, keine inline styles. */

.Surveys[b-heezr3qpfe] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.Surveys__Header[b-heezr3qpfe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.Surveys__HeaderLeft[b-heezr3qpfe] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.Surveys__Icon[b-heezr3qpfe] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.Surveys__Title[b-heezr3qpfe] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.Surveys__Subtitle[b-heezr3qpfe] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 720px;
    line-height: 1.5;
}

.Surveys__HeaderActions[b-heezr3qpfe] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.Surveys__Alert[b-heezr3qpfe] {
    margin: 0;
}

.Surveys__Empty[b-heezr3qpfe] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}

.Surveys__EmptyIcon[b-heezr3qpfe] {
    font-size: 56px;
    margin-bottom: 8px;
}

.Surveys__EmptyTitle[b-heezr3qpfe] {
    margin: 0 0 8px;
    font-size: 18px;
    color: var(--trecker-text-primary);
}

.Surveys__EmptyText[b-heezr3qpfe] {
    margin: 0 0 18px;
    color: var(--trecker-text-secondary);
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

/* Stat strip */
.Surveys__Stats[b-heezr3qpfe] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.SurveyStat[b-heezr3qpfe] {
    flex: 1;
    min-width: 100px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.SurveyStat__Label[b-heezr3qpfe] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--trecker-text-tertiary);
    font-weight: 500;
}

.SurveyStat__Value[b-heezr3qpfe] {
    font-size: 26px;
    font-weight: 700;
    color: var(--trecker-text-primary);
    line-height: 1;
}

.SurveyStat--brand[b-heezr3qpfe] { border-top: 3px solid var(--trecker-accent, #ff7a3d); }
.SurveyStat--active[b-heezr3qpfe] { border-top: 3px solid var(--trecker-success, #34c759); }
.SurveyStat--active .SurveyStat__Value[b-heezr3qpfe] { color: var(--trecker-success, #34c759); }
.SurveyStat--entries[b-heezr3qpfe] { border-top: 3px solid var(--trecker-info, #2997ff); }
.SurveyStat--entries .SurveyStat__Value[b-heezr3qpfe] { color: var(--trecker-info, #2997ff); }

.Surveys__List[b-heezr3qpfe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 480px), 1fr));
    gap: 14px;
}

.Surveys__ArchiveToggle[b-heezr3qpfe] {
    margin-top: 8px;
    padding: 8px 4px;
    color: var(--trecker-text-secondary);
    font-size: 13px;
}

.Surveys__Check[b-heezr3qpfe] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.SurveyCard[b-heezr3qpfe] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 12px;
    transition: border-color 120ms ease, transform 120ms ease;
}

.SurveyCard:hover[b-heezr3qpfe] {
    border-color: var(--trecker-accent, #ff7a3d);
}

.SurveyCard--archived[b-heezr3qpfe] {
    opacity: 0.65;
}

.SurveyCard__Body[b-heezr3qpfe] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.SurveyCard__Header[b-heezr3qpfe] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.SurveyCard__Titles[b-heezr3qpfe] {
    min-width: 0;
}

.SurveyCard__Title[b-heezr3qpfe] {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 600;
    color: var(--trecker-text-primary);
    line-height: 1.3;
}

.SurveyCard__Meta[b-heezr3qpfe] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.SurveyCard__Stats[b-heezr3qpfe] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.SurveyCard__Stat[b-heezr3qpfe] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-tertiary);
    padding: 2px 8px;
    border-radius: 20px;
}

.SurveyCard__Description[b-heezr3qpfe] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 13px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.SurveyCard__Actions[b-heezr3qpfe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    flex-wrap: wrap;
}

.SurveyCard__PrimaryActions[b-heezr3qpfe] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.SurveyCard__SecondaryActions[b-heezr3qpfe] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.SurveyCard__IconBtn[b-heezr3qpfe] {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    flex-shrink: 0;
}

.SurveyCard__Badge--active[b-heezr3qpfe] {
    background: rgba(52, 199, 89, 0.15);
    color: var(--trecker-success, #34c759);
}

.SurveyCard__Badge--draft[b-heezr3qpfe] {
    background: rgba(255, 149, 0, 0.15);
    color: var(--trecker-warning, #ff9500);
}

.SurveyCard__Badge--archived[b-heezr3qpfe] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-tertiary);
}

/* Modals */
.SurveyModal[b-heezr3qpfe] {
    width: min(560px, 96vw);
    max-height: 92vh;
    overflow-y: auto;
}

.SurveyModal__Title[b-heezr3qpfe] {
    margin: 0 0 16px;
    font-size: 19px;
    color: var(--trecker-text-primary);
}

.SurveyModal__Field[b-heezr3qpfe] {
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.SurveyModal__Field label[b-heezr3qpfe] {
    font-size: 13px;
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

.SurveyModal__Textarea[b-heezr3qpfe] {
    resize: vertical;
    min-height: 70px;
    font-family: inherit;
}

.SurveyModal__Body[b-heezr3qpfe] {
    margin: 0 0 16px;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.SurveyModal__Actions[b-heezr3qpfe] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 18px;
    flex-wrap: wrap;
}

.SurveyModal--danger .SurveyModal__Title[b-heezr3qpfe] {
    color: var(--trecker-danger, #ff3b30);
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminTeam.razor.rz.scp.css */
/* TreckerTreck — Team-Verwaltung */

.AdminTeam[b-m6sbsxz14n] {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ─── Header ─── */
.AdminTeam__Header[b-m6sbsxz14n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.AdminTeam__HeaderLeft[b-m6sbsxz14n] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.AdminTeam__Icon[b-m6sbsxz14n] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.AdminTeam__Title[b-m6sbsxz14n] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.AdminTeam__Subtitle[b-m6sbsxz14n] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 640px;
    line-height: 1.5;
}

.AdminTeam__HeaderActions[b-m6sbsxz14n] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.AdminTeam__Alert[b-m6sbsxz14n] {
    margin: 0;
}

/* ─── Card (invite generator) ─── */
.AdminTeam__Card[b-m6sbsxz14n] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 18px 20px;
    transition: border-color 0.15s ease;
}
.AdminTeam__Card:hover[b-m6sbsxz14n] {
    border-color: rgba(255, 122, 61, 0.4);
}
.AdminTeam__Card--invite[b-m6sbsxz14n] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.06), transparent 70%);
}

.AdminTeam__CardHeader[b-m6sbsxz14n] {
    margin-bottom: 14px;
}

.AdminTeam__CardTitle[b-m6sbsxz14n] {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
}

.AdminTeam__CardHint[b-m6sbsxz14n] {
    margin: 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.55;
}

.AdminTeam__Field[b-m6sbsxz14n] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}
.AdminTeam__Field label[b-m6sbsxz14n] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.AdminTeam__CardActions[b-m6sbsxz14n] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

/* ─── Generated link box ─── */
.AdminTeam__LinkBox[b-m6sbsxz14n] {
    background: var(--trecker-bg-primary);
    border: 1px solid #ff7a3d;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.AdminTeam__LinkLabel[b-m6sbsxz14n] {
    font-size: 12px;
    font-weight: 700;
    color: #ff7a3d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.AdminTeam__LinkRow[b-m6sbsxz14n] {
    display: flex;
    align-items: stretch;
    gap: 0;
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    overflow: hidden;
}
.AdminTeam__LinkUrl[b-m6sbsxz14n] {
    flex: 1;
    padding: 10px 12px;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
    color: var(--trecker-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: center;
    min-width: 0;
    background: transparent;
}
.AdminTeam__CopyBtn[b-m6sbsxz14n] {
    border-radius: 0;
    border: none;
    border-left: 1px solid var(--trecker-border);
    min-width: 110px;
    flex-shrink: 0;
}
.AdminTeam__LinkHint[b-m6sbsxz14n] {
    margin: 0;
    font-size: 11px;
    color: var(--trecker-text-secondary);
}

/* ─── Section / counter ─── */
.AdminTeam__SectionHeader[b-m6sbsxz14n] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.AdminTeam__SectionTitle[b-m6sbsxz14n] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
.AdminTeam__Counter[b-m6sbsxz14n] {
    padding: 1px 8px;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

/* ─── Empty state ─── */
.AdminTeam__Empty[b-m6sbsxz14n] {
    text-align: center;
    padding: 40px 20px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}
.AdminTeam__EmptyIcon[b-m6sbsxz14n] {
    font-size: 48px;
    margin-bottom: 4px;
}
.AdminTeam__EmptyTitle[b-m6sbsxz14n] {
    margin: 8px 0 4px;
    font-size: 16px;
    font-weight: 700;
}
.AdminTeam__EmptyText[b-m6sbsxz14n] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 13px;
}

/* ─── Member list ─── */
.AdminTeam__MemberList[b-m6sbsxz14n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.AdminTeam__Member[b-m6sbsxz14n] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    transition: border-color 0.15s ease, background 0.15s ease;
}
.AdminTeam__Member:hover[b-m6sbsxz14n] {
    border-color: rgba(255, 122, 61, 0.4);
    background: var(--trecker-bg-tertiary);
}
.AdminTeam__Member--creator[b-m6sbsxz14n] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 70%);
    border-color: rgba(255, 122, 61, 0.4);
}

.AdminTeam__Avatar[b-m6sbsxz14n] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    flex-shrink: 0;
    border: 1px solid var(--trecker-border);
}
.AdminTeam__Avatar--creator[b-m6sbsxz14n] {
    background: var(--trecker-accent-gradient);
    color: white;
    border-color: transparent;
}

.AdminTeam__MemberInfo[b-m6sbsxz14n] {
    min-width: 0;
}
.AdminTeam__MemberName[b-m6sbsxz14n] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AdminTeam__MemberMeta[b-m6sbsxz14n] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.AdminTeam__MemberSide[b-m6sbsxz14n] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    text-align: right;
}

.AdminTeam__AssignedAt[b-m6sbsxz14n] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    font-variant-numeric: tabular-nums;
}

.AdminTeam__RoleBadge[b-m6sbsxz14n] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    white-space: nowrap;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}
.AdminTeam__RoleBadge--super[b-m6sbsxz14n] {
    background: rgba(229, 72, 77, 0.18);
    color: #e5484d;
}
.AdminTeam__RoleBadge--admin[b-m6sbsxz14n] {
    background: rgba(255, 122, 61, 0.18);
    color: #ff7a3d;
}
.AdminTeam__RoleBadge--manager[b-m6sbsxz14n] {
    background: rgba(59, 130, 246, 0.18);
    color: #3b82f6;
}
.AdminTeam__RoleBadge--helper[b-m6sbsxz14n] {
    background: rgba(224, 160, 0, 0.20);
    color: #b07e00;
}
.AdminTeam__RoleBadge--driver[b-m6sbsxz14n] {
    background: rgba(46, 160, 67, 0.18);
    color: #2ea043;
}

.AdminTeam__RemoveBtn[b-m6sbsxz14n] {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    min-height: 32px;
}

/* ─── Invitations list ─── */
.AdminTeam__InviteList[b-m6sbsxz14n] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.AdminTeam__Invite[b-m6sbsxz14n] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    border-left: 3px solid transparent;
    transition: background 0.15s ease;
}
.AdminTeam__Invite--pending[b-m6sbsxz14n] { border-left-color: #e0a000; }
.AdminTeam__Invite--used[b-m6sbsxz14n]    { border-left-color: #2ea043; opacity: 0.85; }
.AdminTeam__Invite--expired[b-m6sbsxz14n] { border-left-color: #7a7168; opacity: 0.7; }
.AdminTeam__Invite--revoked[b-m6sbsxz14n] { border-left-color: #e5484d; opacity: 0.7; }

.AdminTeam__InviteIcon[b-m6sbsxz14n] {
    font-size: 22px;
    width: 36px;
    text-align: center;
}

.AdminTeam__InviteBody[b-m6sbsxz14n] {
    min-width: 0;
}
.AdminTeam__InviteMeta[b-m6sbsxz14n] {
    font-size: 13px;
    color: var(--trecker-text-primary);
}
.AdminTeam__InviteNote[b-m6sbsxz14n] {
    margin-top: 3px;
    font-size: 12px;
    color: var(--trecker-text-secondary);
    font-style: italic;
}

.AdminTeam__InviteSide[b-m6sbsxz14n] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.AdminTeam__InviteBadge[b-m6sbsxz14n] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.AdminTeam__InviteBadge--pending[b-m6sbsxz14n] { background: rgba(224, 160, 0, 0.20); color: #b07e00; }
.AdminTeam__InviteBadge--used[b-m6sbsxz14n]    { background: rgba(46, 160, 67, 0.18); color: #2ea043; }
.AdminTeam__InviteBadge--expired[b-m6sbsxz14n] { background: rgba(122, 113, 104, 0.20); color: var(--trecker-text-secondary); }
.AdminTeam__InviteBadge--revoked[b-m6sbsxz14n] { background: rgba(229, 72, 77, 0.18); color: #e5484d; }

.AdminTeam__InviteAction[b-m6sbsxz14n] {
    padding: 4px 10px;
    font-size: 11px;
    min-height: 28px;
}

/* ─── Modal ─── */
.AdminTeam__Modal[b-m6sbsxz14n] {
    max-width: 480px;
    width: 100%;
}
.AdminTeam__ModalTitle[b-m6sbsxz14n] {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: #e5484d;
}
.AdminTeam__ModalBody[b-m6sbsxz14n] {
    margin: 0 0 18px;
    color: var(--trecker-text-primary);
    line-height: 1.55;
}
.AdminTeam__ModalActions[b-m6sbsxz14n] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

/* ─── Ownership Transfer ─── */
.AdminTeam__Card--transfer[b-m6sbsxz14n] {
    border-color: rgba(224, 160, 0, 0.45);
    background: linear-gradient(135deg, rgba(224, 160, 0, 0.06), transparent 70%);
}
.AdminTeam__Card--transfer:hover[b-m6sbsxz14n] {
    border-color: rgba(224, 160, 0, 0.65);
}

.AdminTeam__TransferEmpty[b-m6sbsxz14n] {
    margin: 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.55;
}

.AdminTeam__TransferBtn[b-m6sbsxz14n] {
    padding: 6px 14px;
    font-size: 12px;
    line-height: 1;
    min-height: 32px;
    background: rgba(224, 160, 0, 0.15);
    color: #8a6200;
    border: 1px solid rgba(224, 160, 0, 0.4);
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    flex-shrink: 0;
}
.AdminTeam__TransferBtn:hover[b-m6sbsxz14n] {
    background: rgba(224, 160, 0, 0.28);
    border-color: rgba(224, 160, 0, 0.65);
}

.AdminTeam__ModalTitle--transfer[b-m6sbsxz14n] {
    color: #b07e00;
}

.AdminTeam__TransferWarningList[b-m6sbsxz14n] {
    margin: 0 0 18px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--trecker-text-primary);
    font-size: 14px;
    line-height: 1.5;
}
.AdminTeam__TransferWarningList li[b-m6sbsxz14n] {
    color: var(--trecker-text-secondary);
}

/* ─── Mobile ─── */
@media (max-width: 768px) {
    .AdminTeam__Header[b-m6sbsxz14n] {
        flex-direction: column;
        align-items: stretch;
    }
    .AdminTeam__HeaderActions .TreckerButton[b-m6sbsxz14n] {
        flex: 1;
        min-height: 44px;
    }
    .AdminTeam__Member[b-m6sbsxz14n] {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "avatar info"
            "side   side"
            "remove remove";
        gap: 10px;
    }
    .AdminTeam__Avatar[b-m6sbsxz14n] { grid-area: avatar; }
    .AdminTeam__MemberInfo[b-m6sbsxz14n] { grid-area: info; }
    .AdminTeam__MemberSide[b-m6sbsxz14n] {
        grid-area: side;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }
    .AdminTeam__RemoveBtn[b-m6sbsxz14n] {
        grid-area: remove;
        min-height: 40px;
    }
    .AdminTeam__Invite[b-m6sbsxz14n] {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "icon body"
            "side side";
    }
    .AdminTeam__InviteIcon[b-m6sbsxz14n] { grid-area: icon; }
    .AdminTeam__InviteBody[b-m6sbsxz14n] { grid-area: body; }
    .AdminTeam__InviteSide[b-m6sbsxz14n] {
        grid-area: side;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .AdminTeam__LinkRow[b-m6sbsxz14n] {
        flex-direction: column;
    }
    .AdminTeam__CopyBtn[b-m6sbsxz14n] {
        border-left: none;
        border-top: 1px solid var(--trecker-border);
        min-height: 44px;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .AdminTeam__Title[b-m6sbsxz14n] {
        font-size: 18px;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminUserDetail.razor.rz.scp.css */
/* ============================================================================
   AdminUserDetail.razor — Scoped Styles
   ============================================================================
   Layout for user detail / admin page. Uses design tokens from
   trecker-variables.css. Prefix: "ud-" (UserDetail).
   ============================================================================ */

/* --- Page container --- */
.UserDetail[b-rbct0ppg4l] {
    max-width: 1100px;
    margin: 0 auto;
    padding: var(--trecker-space-lg);
}

.UserDetail__Loading[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

/* --- Loading text spacing --- */
.ud-loading-text[b-rbct0ppg4l] {
    margin-top: var(--trecker-space-md);
}

/* --- Not Found card --- */
.ud-not-found-card[b-rbct0ppg4l] {
    max-width: 420px;
    margin: var(--trecker-space-2xl) auto;
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.ud-not-found-icon[b-rbct0ppg4l] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--trecker-warning-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--trecker-space-md);
}

.ud-not-found-back[b-rbct0ppg4l] {
    margin-top: var(--trecker-space-lg);
    display: inline-block;
}

/* --- Breadcrumb --- */
.UserDetail__Breadcrumb[b-rbct0ppg4l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.UserDetail__BreadcrumbLink[b-rbct0ppg4l] {
    color: var(--trecker-text-secondary);
    text-decoration: none;
}

.UserDetail__BreadcrumbLink:hover[b-rbct0ppg4l] {
    color: var(--trecker-text-primary);
}

.UserDetail__BreadcrumbSep[b-rbct0ppg4l] {
    color: var(--trecker-text-secondary);
    opacity: .5;
}

.UserDetail__BreadcrumbCurrent[b-rbct0ppg4l] {
    color: var(--trecker-text-primary);
    font-weight: 600;
}

/* --- Header card --- */
.UserDetail__HeaderCard[b-rbct0ppg4l] {
    margin-bottom: var(--trecker-space-lg);
}

.UserDetail__HeaderMain[b-rbct0ppg4l] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.UserDetail__Avatar[b-rbct0ppg4l] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--trecker-primary-bg, rgba(0,122,255,.15));
    color: var(--trecker-primary, #007AFF);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* --- Avatar profile image --- */
.ud-avatar-img[b-rbct0ppg4l] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.UserDetail__HeaderInfo[b-rbct0ppg4l] {
    flex: 1;
    min-width: 0;
}

.UserDetail__Name[b-rbct0ppg4l] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-xs);
}

.UserDetail__Email[b-rbct0ppg4l] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: 0 0 var(--trecker-space-xs);
}

.UserDetail__HeaderMeta[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
}

.UserDetail__Badges[b-rbct0ppg4l] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.UserDetail__MetaInfo[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.UserDetail__EditBtn[b-rbct0ppg4l] {
    margin-top: var(--trecker-space-xs);
}

/* --- Edit form (checkbox group) --- */
.ud-checkbox-group[b-rbct0ppg4l] {
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-sm);
}

.ud-checkbox-label[b-rbct0ppg4l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    padding-bottom: 2px;
}

.ud-checkbox-input[b-rbct0ppg4l] {
    width: 16px;
    height: 16px;
}

.ud-checkbox-text[b-rbct0ppg4l] {
    margin: 0;
}

/* --- Edit form --- */
.UserDetail__EditForm[b-rbct0ppg4l] {
    padding-top: var(--trecker-space-xs);
}

.UserDetail__EditRow[b-rbct0ppg4l] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-md);
}

.UserDetail__EditRow .TreckerFormGroup[b-rbct0ppg4l] {
    flex: 1;
    min-width: 180px;
}

.UserDetail__EditActions[b-rbct0ppg4l] {
    display: flex;
    gap: var(--trecker-space-sm);
}

/* --- Header action buttons row --- */
.ud-header-actions[b-rbct0ppg4l] {
    display: flex;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-xs);
}

/* --- SVG icon inline in button --- */
.ud-btn-icon[b-rbct0ppg4l] {
    margin-right: 4px;
    vertical-align: middle;
}

/* --- Stats row --- */
.UserDetail__Stats[b-rbct0ppg4l] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.UserDetail__StatCard[b-rbct0ppg4l] {
    flex: 1;
    min-width: 100px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius-md);
    padding: var(--trecker-space-md) var(--trecker-space-sm);
    text-align: center;
}

.UserDetail__StatValue[b-rbct0ppg4l] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: var(--trecker-space-xs);
    color: var(--trecker-text-primary);
}

.UserDetail__StatLabel[b-rbct0ppg4l] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* --- Tabs --- */
.UserDetail__Tabs[b-rbct0ppg4l] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border-color);
    padding-bottom: 0;
}

.UserDetail__Tab[b-rbct0ppg4l] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    transition: color .15s, border-color .15s;
    margin-bottom: -1px;
    min-height: 48px;
}

.UserDetail__Tab:hover[b-rbct0ppg4l] {
    color: var(--trecker-text-primary);
}

.UserDetail__Tab--active[b-rbct0ppg4l] {
    color: var(--trecker-primary, #007AFF);
    border-bottom-color: var(--trecker-primary, #007AFF);
    font-weight: 600;
}

.UserDetail__TabBadge[b-rbct0ppg4l] {
    background: var(--trecker-bg-tertiary, rgba(255,255,255,.1));
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    padding: 1px 7px;
    color: var(--trecker-text-secondary);
}

.UserDetail__Tab--active .UserDetail__TabBadge[b-rbct0ppg4l] {
    background: var(--trecker-primary-bg, rgba(0,122,255,.15));
    color: var(--trecker-primary, #007AFF);
}

/* --- Tab content --- */
.UserDetail__TabContent[b-rbct0ppg4l] {
    min-height: 200px;
}

/* --- Empty state --- */
.UserDetail__EmptyState[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-3xl) var(--trecker-space-lg);
    text-align: center;
    min-height: 200px;
}

/* --- Empty state icon --- */
.ud-empty-icon[b-rbct0ppg4l] {
    opacity: .3;
    margin-bottom: var(--trecker-space-md);
}

/* --- Table wrapper with scroll --- */
.UserDetail__TableWrap[b-rbct0ppg4l] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* --- Awards flex row --- */
.ud-awards-row[b-rbct0ppg4l] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

/* --- Full Pull badge --- */
.ud-badge-fullpull[b-rbct0ppg4l] {
    background: var(--trecker-full-pull-bg, rgba(255,214,10,.15));
    color: var(--trecker-full-pull, #FFD60A);
}

/* --- Tractor grid --- */
.UserDetail__TractorGrid[b-rbct0ppg4l] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
}

.UserDetail__TractorCard[b-rbct0ppg4l] {
    flex: 1;
    min-width: 240px;
    max-width: 320px;
    padding: 0;
    overflow: hidden;
}

.UserDetail__TractorImage[b-rbct0ppg4l] {
    width: 100%;
    height: 140px;
    background: var(--trecker-bg-secondary);
    overflow: hidden;
}

/* --- Tractor image (actual <img>) --- */
.ud-tractor-img[b-rbct0ppg4l] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--trecker-radius-sm) var(--trecker-radius-sm) 0 0;
}

.UserDetail__TractorImagePlaceholder[b-rbct0ppg4l] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--trecker-bg-tertiary, rgba(255,255,255,.05));
}

/* --- Tractor image placeholder icon --- */
.ud-tractor-placeholder-icon[b-rbct0ppg4l] {
    opacity: .3;
}

.UserDetail__TractorInfo[b-rbct0ppg4l] {
    padding: var(--trecker-space-md);
}

/* --- Tractor info header row --- */
.ud-tractor-header[b-rbct0ppg4l] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* --- Tractor brand/model text --- */
.ud-tractor-name[b-rbct0ppg4l] {
    font-size: var(--trecker-font-size-base);
}

.UserDetail__TractorSpecs[b-rbct0ppg4l] {
    display: flex;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.UserDetail__TractorSpec[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* --- Role management --- */
.UserDetail__RoleList[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.UserDetail__RoleRow[b-rbct0ppg4l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) 0;
    border-bottom: 1px solid var(--trecker-border-color);
}

/* --- Role badge minimum width --- */
.ud-role-badge[b-rbct0ppg4l] {
    min-width: 100px;
    text-align: center;
}

/* --- Section divider (border-top separator) --- */
.ud-section-divider[b-rbct0ppg4l] {
    border-top: 1px solid var(--trecker-border-color);
    margin-top: var(--trecker-space-lg);
    padding-top: var(--trecker-space-lg);
}

/* --- Event roles list --- */
.ud-event-roles-list[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

/* --- Event role row --- */
.ud-event-role-row[b-rbct0ppg4l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Event role link --- */
.ud-event-role-link[b-rbct0ppg4l] {
    color: var(--trecker-accent);
    text-decoration: none;
}

.UserDetail__AddRoleRow[b-rbct0ppg4l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

/* --- Role select minimum width --- */
.ud-role-select[b-rbct0ppg4l] {
    min-width: 200px;
}

/* --- Activity --- */
.UserDetail__ActivityGrid[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius-md);
    overflow: hidden;
}

.UserDetail__ActivityRow[b-rbct0ppg4l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border-color);
}

.UserDetail__ActivityRow:last-child[b-rbct0ppg4l] {
    border-bottom: none;
}

/* --- Timeline --- */
.UserDetail__Timeline[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    padding-left: var(--trecker-space-xl);
}

.UserDetail__Timeline[b-rbct0ppg4l]::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: var(--trecker-border-color);
}

.UserDetail__TimelineItem[b-rbct0ppg4l] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) 0;
    position: relative;
}

.UserDetail__TimelineDot[b-rbct0ppg4l] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--trecker-bg-secondary);
    border: 2px solid var(--trecker-border-color);
    flex-shrink: 0;
    position: absolute;
    left: calc(-1 * var(--trecker-space-xl) + 1px);
    top: calc(var(--trecker-space-sm) + 2px);
}

.UserDetail__TimelineDot--success[b-rbct0ppg4l] {
    background: var(--trecker-success, #34C759);
    border-color: var(--trecker-success, #34C759);
}

.UserDetail__TimelineDot--info[b-rbct0ppg4l] {
    background: var(--trecker-primary, #007AFF);
    border-color: var(--trecker-primary, #007AFF);
}

.UserDetail__TimelineContent[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* --- Rank colors --- */
.UserDetail__Gold[b-rbct0ppg4l] {
    color: #FFD60A;
}

.UserDetail__Silver[b-rbct0ppg4l] {
    color: #AEAEB2;
}

.UserDetail__Bronze[b-rbct0ppg4l] {
    color: #C96520;
}

/* --- Modal overlay --- */
.UserDetail__ModalOverlay[b-rbct0ppg4l] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--trecker-z-modal, 1000);
    padding: var(--trecker-space-md);
    backdrop-filter: blur(4px);
}

.UserDetail__Modal[b-rbct0ppg4l] {
    background: var(--trecker-bg-primary, #1c1c1e);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius-lg, 12px);
    padding: var(--trecker-space-xl);
    max-width: 560px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
}

/* --- Delete loading modal centered --- */
.ud-modal-centered[b-rbct0ppg4l] {
    text-align: center;
    padding: var(--trecker-space-3xl);
}

/* --- Delete loading spinner centered --- */
.ud-modal-spinner[b-rbct0ppg4l] {
    margin: 0 auto var(--trecker-space-md);
}

/* --- Modal header row --- */
.ud-modal-header[b-rbct0ppg4l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

/* --- Modal icon circles --- */
.ud-modal-icon-error[b-rbct0ppg4l] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--trecker-error-bg, rgba(255,69,58,.15));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ud-modal-icon-success[b-rbct0ppg4l] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--trecker-success-bg, rgba(52,199,89,.15));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* --- Modal title --- */
.ud-modal-title[b-rbct0ppg4l] {
    margin: 0;
}

/* --- Modal subtitle --- */
.ud-modal-subtitle[b-rbct0ppg4l] {
    margin: 4px 0 0;
}

/* --- Alert small font --- */
.ud-alert-sm[b-rbct0ppg4l] {
    font-size: var(--trecker-font-size-sm);
}

/* --- Delete preview --- */
.UserDetail__DeletePreview[b-rbct0ppg4l] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius-md);
    padding: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
}

/* --- Delete preview headings --- */
.ud-preview-heading[b-rbct0ppg4l] {
    font-size: var(--trecker-font-size-sm);
}

/* --- Delete preview "keep" heading --- */
.ud-preview-heading-keep[b-rbct0ppg4l] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-success, #34C759);
}

.UserDetail__DeleteList[b-rbct0ppg4l] {
    margin: 0 0 0 var(--trecker-space-md);
    padding: 0;
    list-style: disc;
    color: var(--trecker-text-secondary);
}

.UserDetail__DeleteList li[b-rbct0ppg4l] {
    padding: 2px 0;
}

.UserDetail__DeleteList--keep[b-rbct0ppg4l] {
    color: var(--trecker-success, #34C759);
}

/* --- Championship results protected banner --- */
.ud-champ-protected[b-rbct0ppg4l] {
    margin-top: var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: rgba(255,214,10,.1);
    border: 1px solid rgba(255,214,10,.3);
    border-radius: var(--trecker-radius-sm);
}

.ud-champ-protected-title[b-rbct0ppg4l] {
    color: #FFD60A;
    margin: 0;
}

.ud-champ-protected-text[b-rbct0ppg4l] {
    margin: 2px 0 0;
}

/* --- Confirm label --- */
.ud-confirm-label[b-rbct0ppg4l] {
    font-size: var(--trecker-font-size-sm);
}

/* --- Modal footer actions --- */
.ud-modal-footer[b-rbct0ppg4l] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    margin-top: var(--trecker-space-lg);
}

/* --- Delete spinner inline --- */
.ud-delete-spinner[b-rbct0ppg4l] {
    border-color: var(--trecker-border);
    border-top-color: #fff;
}

/* --- Delete log --- */
.UserDetail__DeleteLog[b-rbct0ppg4l] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius-md);
    padding: var(--trecker-space-md);
    max-height: 300px;
    overflow-y: auto;
}

.UserDetail__DeleteLogEntry[b-rbct0ppg4l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-xs) 0;
}

.UserDetail__DeleteLogEntry--error[b-rbct0ppg4l] {
    color: var(--trecker-error, #FF453A);
}

/* --- Log entry SVG icon --- */
.ud-log-icon[b-rbct0ppg4l] {
    flex-shrink: 0;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .UserDetail[b-rbct0ppg4l] {
        padding: var(--trecker-space-md);
    }

    .UserDetail__HeaderMain[b-rbct0ppg4l] {
        flex-direction: column;
        gap: var(--trecker-space-md);
    }

    .UserDetail__HeaderMeta[b-rbct0ppg4l] {
        align-items: flex-start;
    }

    .UserDetail__Badges[b-rbct0ppg4l] {
        justify-content: flex-start;
    }

    .UserDetail__MetaInfo[b-rbct0ppg4l] {
        align-items: flex-start;
    }

    .UserDetail__Stats[b-rbct0ppg4l] {
        gap: var(--trecker-space-sm);
    }

    .UserDetail__StatCard[b-rbct0ppg4l] {
        min-width: calc(50% - var(--trecker-space-sm));
        flex: none;
    }

    .UserDetail__Tabs[b-rbct0ppg4l] {
        gap: 0;
    }

    .UserDetail__Tab[b-rbct0ppg4l] {
        font-size: var(--trecker-font-size-xs);
        padding: var(--trecker-space-sm) var(--trecker-space-sm);
    }

    .UserDetail__TractorCard[b-rbct0ppg4l] {
        min-width: calc(100% - 0px);
        max-width: 100%;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .UserDetail__StatCard[b-rbct0ppg4l] {
        min-width: calc(50% - var(--trecker-space-xs));
    }

    .UserDetail__EditRow[b-rbct0ppg4l] {
        flex-direction: column;
    }

    .ud-modal-footer[b-rbct0ppg4l] {
        flex-direction: column;
    }

    .ud-modal-footer .TreckerButton[b-rbct0ppg4l] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .ud-header-actions[b-rbct0ppg4l] {
        flex-direction: column;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminUsers.razor.rz.scp.css */
/* ============================================================================
   AdminUsers.razor — Scoped Styles
   ============================================================================
   Layout for user management. Uses design tokens from trecker-variables.css.
   All interactive elements meet 44px touch target. Class prefix: au-
   ============================================================================ */

/* --- Page wrapper --- */
.AdminUsers[b-g7uvcf49ks] {
    min-height: 100vh;
    min-height: 100dvh;
    padding: var(--trecker-space-lg);
}

/* --- Loading / Empty --- */
.AdminUsers__Loading[b-g7uvcf49ks] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-4xl) 0;
}

.AdminUsers__Empty[b-g7uvcf49ks] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-4xl) var(--trecker-space-lg);
    text-align: center;
}

/* --- Header --- */
.AdminUsers__Header[b-g7uvcf49ks] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-xl);
}

.AdminUsers__HeaderLeft[b-g7uvcf49ks] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
}

.AdminUsers__HeaderIcon[b-g7uvcf49ks] {
    width: 44px;
    height: 44px;
    border-radius: var(--trecker-border-radius-lg);
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.AdminUsers__Title[b-g7uvcf49ks] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.AdminUsers__Subtitle[b-g7uvcf49ks] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 2px 0 0;
}

.AdminUsers__Actions[b-g7uvcf49ks] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Filters --- */
.AdminUsers__Filters[b-g7uvcf49ks] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    align-items: center;
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius-lg);
    margin-bottom: var(--trecker-space-lg);
}

.AdminUsers__Search[b-g7uvcf49ks] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex: 1;
    min-width: 200px;
}

.AdminUsers__SearchInput[b-g7uvcf49ks] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
}

.AdminUsers__SearchInput[b-g7uvcf49ks]::placeholder {
    color: var(--trecker-text-tertiary);
}

.AdminUsers__FilterGroup[b-g7uvcf49ks] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Card grid --- */
.AdminUsers__Grid[b-g7uvcf49ks] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-lg);
}

/* --- User card --- */
.UserCard[b-g7uvcf49ks] {
    display: block;
    text-decoration: none;
    color: inherit;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.UserCard:hover[b-g7uvcf49ks] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--trecker-accent);
}

.UserCard__Header[b-g7uvcf49ks] {
    position: relative;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.UserCard__Role[b-g7uvcf49ks] {
    position: absolute;
    top: var(--trecker-space-xs);
    right: var(--trecker-space-sm);
    padding: 2px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.UserCard__Avatar[b-g7uvcf49ks] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--trecker-bg-card);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    border: 3px solid var(--trecker-bg-card);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.UserCard__Body[b-g7uvcf49ks] {
    padding: var(--trecker-space-md);
    text-align: center;
}

.UserCard__Name[b-g7uvcf49ks] {
    font-size: var(--trecker-font-size-md);
    font-weight: 600;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.UserCard__Email[b-g7uvcf49ks] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.UserCard__Footer[b-g7uvcf49ks] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--trecker-space-xs) var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-top: 1px solid var(--trecker-border-color);
    font-size: var(--trecker-font-size-xs);
}

.UserCard__Status[b-g7uvcf49ks] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 500;
}

/* Clickable card */
.UserCard--clickable[b-g7uvcf49ks] {
    cursor: pointer;
}

/* Email verification badge — bottom-left of header */
.UserCard__EmailBadge[b-g7uvcf49ks] {
    position: absolute;
    bottom: var(--trecker-space-xs);
    left: var(--trecker-space-sm);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.UserCard__EmailBadge--verified[b-g7uvcf49ks] {
    background: var(--trecker-success-bg, rgba(52,199,89,0.15));
    color: var(--trecker-success);
}

.UserCard__EmailBadge--unverified[b-g7uvcf49ks] {
    background: var(--trecker-error-bg);
    color: var(--trecker-error);
}

/* Additional role badges row */
.UserCard__Roles[b-g7uvcf49ks] {
    display: flex;
    gap: 4px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 6px;
}

/* Last-login label in footer */
.UserCard__Login[b-g7uvcf49ks] {
    font-size: var(--trecker-font-size-xs);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 110px;
    text-align: right;
}

/* --- Role badge colour variants (used on card role pill too) --- */
.TreckerBadge--superadmin[b-g7uvcf49ks]  { background: var(--trecker-error-bg);   color: var(--trecker-error);  }
.TreckerBadge--admin[b-g7uvcf49ks] { background: var(--trecker-accent-light); color: var(--trecker-accent); }
.TreckerBadge--eventmanager[b-g7uvcf49ks] { background: var(--trecker-info-bg);    color: var(--trecker-info);   }
.TreckerBadge--fahrer[b-g7uvcf49ks] { background: var(--trecker-bg-tertiary); color: var(--trecker-text-secondary); }

/* ============================================================================
   au- prefixed classes — replacements for inline styles
   ============================================================================ */

/* --- Spacing utilities --- */
.au-mt-md[b-g7uvcf49ks] {
    margin-top: var(--trecker-space-md);
}

.au-mb-lg[b-g7uvcf49ks] {
    margin-bottom: var(--trecker-space-lg);
}

.au-mb-md[b-g7uvcf49ks] {
    margin-bottom: var(--trecker-space-md);
}

.au-mt-lg[b-g7uvcf49ks] {
    margin-top: var(--trecker-space-lg);
}

.au-mt-xl[b-g7uvcf49ks] {
    margin-top: var(--trecker-space-xl);
}

/* --- No-access card --- */
.au-no-access-card[b-g7uvcf49ks] {
    max-width: 420px;
    margin: var(--trecker-space-2xl) auto;
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.au-login-link[b-g7uvcf49ks] {
    margin-top: var(--trecker-space-lg);
    display: inline-block;
}

/* --- Icon circles (modals, no-access) --- */
.au-icon-circle[b-g7uvcf49ks] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--trecker-space-md);
}

.au-icon-circle--error[b-g7uvcf49ks] {
    background: var(--trecker-error-bg);
}

.au-icon-circle--accent[b-g7uvcf49ks] {
    background: var(--trecker-accent-light);
}

.au-icon-circle--info[b-g7uvcf49ks] {
    background: var(--trecker-info-bg);
}

/* --- Button inline icon --- */
.au-btn-icon[b-g7uvcf49ks] {
    margin-right: 4px;
    vertical-align: middle;
}

/* --- Search icon --- */
.au-search-icon[b-g7uvcf49ks] {
    flex-shrink: 0;
    opacity: 0.5;
}

/* --- Filter tab row --- */
.au-tab-row[b-g7uvcf49ks] {
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* --- Event select dropdown --- */
.au-event-select[b-g7uvcf49ks] {
    min-width: 160px;
}

/* --- Pending invitations card --- */
.au-pending-card[b-g7uvcf49ks] {
    margin-bottom: var(--trecker-space-lg);
    overflow: hidden;
}

.au-pending-toggle[b-g7uvcf49ks] {
    width: 100%;
    padding: var(--trecker-space-md);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
}

.au-pending-toggle-label[b-g7uvcf49ks] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.au-pending-badge[b-g7uvcf49ks] {
    background: var(--trecker-warning-bg);
    color: var(--trecker-warning);
    padding: 2px 8px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
}

.au-pending-chevron[b-g7uvcf49ks] {
    opacity: 0.5;
}

/* --- Invite table --- */
.au-invite-table-wrap[b-g7uvcf49ks] {
    overflow-x: auto;
    border-top: 1px solid var(--trecker-border-color);
}

.au-invite-table[b-g7uvcf49ks] {
    width: 100%;
    font-size: var(--trecker-font-size-sm);
    border-collapse: collapse;
}

.au-invite-table thead tr[b-g7uvcf49ks] {
    background: var(--trecker-bg-secondary);
}

.au-invite-table th[b-g7uvcf49ks] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    text-align: left;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.au-invite-table tbody tr[b-g7uvcf49ks] {
    border-top: 1px solid var(--trecker-border-color);
}

.au-invite-table td[b-g7uvcf49ks] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
}

.au-invite-table-secondary[b-g7uvcf49ks] {
    color: var(--trecker-text-secondary);
}

.au-invite-table-notes[b-g7uvcf49ks] {
    color: var(--trecker-text-secondary);
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.au-invite-actions[b-g7uvcf49ks] {
    display: flex;
    gap: var(--trecker-space-xs);
}

.au-btn-revoke[b-g7uvcf49ks] {
    color: var(--trecker-error);
}

/* --- Role mini badge --- */
.au-role-badge-mini[b-g7uvcf49ks] {
    font-size: 10px;
    padding: 1px 6px;
}

/* --- User card status colors --- */
.au-status-active[b-g7uvcf49ks] {
    color: var(--trecker-success);
}

.au-status-inactive[b-g7uvcf49ks] {
    color: var(--trecker-error);
}

/* --- User card login meta --- */
.au-login-meta[b-g7uvcf49ks] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-xs);
}

.au-login-meta--italic[b-g7uvcf49ks] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-xs);
    font-style: italic;
}

/* --- User card event bar --- */
.au-event-bar[b-g7uvcf49ks] {
    padding: var(--trecker-space-xs) var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-top: 1px solid var(--trecker-border-color);
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* --- Avatar overlay (profile photo) --- */
.au-avatar-photo[b-g7uvcf49ks] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* --- Pagination --- */
.au-pagination[b-g7uvcf49ks] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--trecker-space-xl);
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.au-pagination-info[b-g7uvcf49ks] {
    font-size: var(--trecker-font-size-sm);
}

.au-pagination-buttons[b-g7uvcf49ks] {
    display: flex;
    gap: var(--trecker-space-xs);
}

/* --- Modal header --- */
.au-modal-header[b-g7uvcf49ks] {
    text-align: center;
    margin-bottom: var(--trecker-space-lg);
}

.au-modal-title[b-g7uvcf49ks] {
    margin: 0;
}

.au-modal-subtitle[b-g7uvcf49ks] {
    margin: var(--trecker-space-xs) 0 0;
    font-size: var(--trecker-font-size-sm);
}

/* --- Form: checkbox row --- */
.au-checkbox-row[b-g7uvcf49ks] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.au-checkbox[b-g7uvcf49ks] {
    width: 18px;
    height: 18px;
}

.au-checkbox-label[b-g7uvcf49ks] {
    margin: 0;
    cursor: pointer;
}

/* --- Form: AGB checkbox row --- */
.au-agb-row[b-g7uvcf49ks] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
}

.au-agb-checkbox[b-g7uvcf49ks] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
}

.au-agb-label[b-g7uvcf49ks] {
    margin: 0;
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.au-agb-link[b-g7uvcf49ks] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

/* --- Modal footer actions --- */
.au-modal-actions[b-g7uvcf49ks] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-xl);
}

.au-modal-actions--lg[b-g7uvcf49ks] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}

.au-modal-btn[b-g7uvcf49ks] {
    flex: 1;
}

/* --- Invite link input --- */
.au-invite-link-input[b-g7uvcf49ks] {
    font-size: var(--trecker-font-size-xs);
    cursor: pointer;
}

/* --- Textarea resize --- */
.au-textarea-resize[b-g7uvcf49ks] {
    resize: vertical;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .AdminUsers[b-g7uvcf49ks] {
        padding: var(--trecker-space-md);
    }

    .AdminUsers__Header[b-g7uvcf49ks] {
        flex-direction: column;
        align-items: flex-start;
    }

    .AdminUsers__Actions[b-g7uvcf49ks] {
        width: 100%;
    }

    .AdminUsers__Actions .TreckerButton[b-g7uvcf49ks] {
        flex: 1;
        justify-content: center;
    }

    .AdminUsers__Grid[b-g7uvcf49ks] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
        gap: var(--trecker-space-md);
    }

    .au-modal-actions[b-g7uvcf49ks],
    .au-modal-actions--lg[b-g7uvcf49ks] {
        flex-direction: column;
    }

    .au-modal-btn[b-g7uvcf49ks] {
        flex: none;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .AdminUsers[b-g7uvcf49ks] {
        padding: var(--trecker-space-sm);
    }

    .AdminUsers__Filters[b-g7uvcf49ks] {
        flex-direction: column;
        align-items: stretch;
    }

    .au-event-select[b-g7uvcf49ks] {
        min-width: 0;
        width: 100%;
    }

    .au-pagination[b-g7uvcf49ks] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .au-pagination-buttons[b-g7uvcf49ks] {
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/AdminVolunteers.razor.rz.scp.css */
/* ============================================================================
   AdminVolunteers.razor — Scoped Styles
   ============================================================================
   Layout for volunteer/staff management. Uses design tokens from
   trecker-variables.css. All interactive elements meet 44px touch target.
   Class prefix: av-
   ============================================================================ */

/* --- Page wrapper --- */
.av-page[b-kojq6xag1c] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* --- Page header (Helfer-Schichtplan-Stil) --- */
.av-header[b-kojq6xag1c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--trecker-border);
}

.av-header-left[b-kojq6xag1c] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.av-header-icon[b-kojq6xag1c] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.av-title[b-kojq6xag1c] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.av-subtitle[b-kojq6xag1c] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 640px;
    line-height: 1.5;
}

.av-header-actions[b-kojq6xag1c] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

/* --- Button with inline icon --- */
.av-btn-with-icon[b-kojq6xag1c] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
}

.av-btn-icon[b-kojq6xag1c] {
    width: 16px;
    height: 16px;
}

/* --- Role filter tabs --- */
.av-tab-row[b-kojq6xag1c] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Empty state --- */
.av-empty-state[b-kojq6xag1c] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}
.av-empty-icon[b-kojq6xag1c] {
    font-size: 56px;
    margin-bottom: 8px;
}
.av-empty-title[b-kojq6xag1c] {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0;
}
.av-empty-text[b-kojq6xag1c] {
    color: var(--trecker-text-secondary);
    margin: 0 0 18px;
}

/* --- Table wrapper --- */
.av-table-wrap[b-kojq6xag1c] {
    overflow-x: auto;
}

/* --- Table row --- */
.av-table-row-clickable[b-kojq6xag1c] {
    cursor: pointer;
}

/* --- Email link --- */
.av-email-link[b-kojq6xag1c] {
    color: var(--trecker-primary);
    text-decoration: underline;
    cursor: pointer;
}

/* --- Pending badge --- */
.av-badge-pending[b-kojq6xag1c] {
    background: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

/* --- Notes column --- */
.av-notes-cell[b-kojq6xag1c] {
    max-width: 320px;
}

/* --- Actions cell --- */
.av-actions-cell[b-kojq6xag1c] {
    display: flex;
    gap: var(--trecker-space-xs);
}

/* --- Modal form grid (2 columns responsive) --- */
.av-form-grid[b-kojq6xag1c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

/* --- Form field column --- */
.av-form-field[b-kojq6xag1c] {
    display: flex;
    flex-direction: column;
}

/* --- Form label --- */
.av-form-label[b-kojq6xag1c] {
    display: flex;
    align-items: center;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    margin-bottom: var(--trecker-space-xs);
}

/* --- Form input / select --- */
.av-form-input[b-kojq6xag1c] {
    width: 100%;
    padding: var(--trecker-space-sm);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-sm);
    background-color: var(--trecker-bg-secondary);
    color: var(--trecker-text-primary);
}

/* --- Form group spacing --- */
.av-form-group-mb[b-kojq6xag1c] {
    margin-bottom: var(--trecker-space-md);
}

/* --- Textarea --- */
.av-textarea[b-kojq6xag1c] {
    font-family: inherit;
    resize: vertical;
}

/* --- Modal footer actions --- */
.av-modal-actions[b-kojq6xag1c] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
}

/* --- Delete confirm text --- */
.av-delete-text[b-kojq6xag1c] {
    padding-top: var(--trecker-space-md);
    padding-bottom: var(--trecker-space-md);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .av-header[b-kojq6xag1c] {
        flex-direction: column;
        align-items: stretch;
    }

    .av-header-actions[b-kojq6xag1c] {
        width: 100%;
    }

    .av-header-actions .TreckerButton[b-kojq6xag1c] {
        flex: 1;
        justify-content: center;
        min-height: 44px;
    }

    .av-title[b-kojq6xag1c] {
        font-size: 18px;
    }

    .av-modal-actions[b-kojq6xag1c] {
        flex-direction: column;
    }

    .av-modal-actions .TreckerButton[b-kojq6xag1c] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .av-notes-cell[b-kojq6xag1c] {
        max-width: 200px;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .av-page[b-kojq6xag1c] {
        padding: var(--trecker-space-sm);
    }

    .av-header-row[b-kojq6xag1c] {
        gap: var(--trecker-space-sm);
    }

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

    .av-notes-cell[b-kojq6xag1c] {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .av-actions-cell[b-kojq6xag1c] {
        flex-direction: column;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/EventCreate.razor.rz.scp.css */
/* ============================================================================
   EventCreate.razor — Scoped Styles
   ============================================================================
   Consistent layout for the event creation form. Uses design tokens from
   trecker-variables.css. All interactive elements meet 44px touch target.
   ============================================================================ */

/* --- Page wrapper --- */
.ec-page[b-krm0npqtp7] {
    padding: var(--trecker-space-xl);
}

/* --- Page header --- */
.ec-header[b-krm0npqtp7] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.ec-header-icon[b-krm0npqtp7] {
    width: 28px;
    height: 28px;
    color: var(--trecker-primary);
    flex-shrink: 0;
}

.ec-header .TreckerPageTitle[b-krm0npqtp7] {
    margin: 0;
}

/* --- Card body --- */
.ec-card[b-krm0npqtp7] {
    padding: var(--trecker-space-xl);
}

/* --- Section headers --- */
.ec-section-header[b-krm0npqtp7] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.ec-section-header--spaced[b-krm0npqtp7] {
    margin-top: var(--trecker-space-lg);
}

.ec-section-icon[b-krm0npqtp7] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.ec-section-icon--primary[b-krm0npqtp7] { color: var(--trecker-primary); }
.ec-section-icon--info[b-krm0npqtp7] { color: var(--trecker-info); }
.ec-section-icon--accent[b-krm0npqtp7] { color: var(--trecker-accent); }

/* --- Form row (flex wrap layout for side-by-side fields) --- */
.ec-form-row[b-krm0npqtp7] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.ec-field-half[b-krm0npqtp7] {
    flex: 1 1 300px;
    min-width: 0;
}

.ec-field-third[b-krm0npqtp7] {
    flex: 1 1 200px;
    min-width: 0;
}

/* --- Upload area --- */
.ec-upload-wrap[b-krm0npqtp7] {
    max-width: 400px;
}

.ec-upload-label[b-krm0npqtp7] {
    cursor: pointer;
    min-height: 120px;
}

.ec-upload-hint[b-krm0npqtp7] {
    padding: var(--trecker-space-md);
}

.ec-upload-hint-title[b-krm0npqtp7] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.ec-upload-hint-sub[b-krm0npqtp7] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.ec-upload-file[b-krm0npqtp7] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.ec-remove-btn[b-krm0npqtp7] {
    background: none;
    border: none;
    color: var(--trecker-error);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
    padding: 8px 4px;
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
}

.ec-remove-btn:hover[b-krm0npqtp7] {
    text-decoration: underline;
}

.ec-remove-btn:focus-visible[b-krm0npqtp7] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
    border-radius: var(--trecker-border-radius-sm);
}

.ec-upload-note[b-krm0npqtp7] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    margin-top: var(--trecker-space-xs);
}

/* --- No-access card --- */
.ec-no-access[b-krm0npqtp7] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

/* --- Form actions row --- */
.ec-actions[b-krm0npqtp7] {
    display: flex;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .ec-page[b-krm0npqtp7] {
        padding: var(--trecker-space-md);
    }

    .ec-card[b-krm0npqtp7] {
        padding: var(--trecker-space-md);
    }

    .ec-field-half[b-krm0npqtp7],
    .ec-field-third[b-krm0npqtp7] {
        flex: 1 1 100%;
    }

    .ec-upload-wrap[b-krm0npqtp7] {
        max-width: 100%;
    }

    .ec-actions[b-krm0npqtp7] {
        flex-direction: column;
    }

    .ec-actions .TreckerButton[b-krm0npqtp7],
    .ec-actions a.TreckerButton[b-krm0npqtp7] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/EventCreateGuide.razor.rz.scp.css */
/* ============================================================================
   EventCreateGuide.razor — Scoped Styles
   ============================================================================
   Multi-step wizard for guided event creation. Responsive: centered card on
   desktop, full-width flow with sticky footer on mobile. Uses design tokens
   from trecker-variables.css. 44px minimum touch targets throughout.
   ============================================================================ */

/* --- Page wrapper --- */
.ecg-page[b-n6ed9s483x] {
    padding: var(--trecker-space-xl);
    min-height: 100vh;
}

.ecg-no-access[b-n6ed9s483x] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

/* --- Wizard shell --- */
.ecg-wizard[b-n6ed9s483x] {
    max-width: 760px;
    margin: 0 auto;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--trecker-space-xl) * 2);
}

/* --- Progress header --- */
.ecg-progress[b-n6ed9s483x] {
    padding: var(--trecker-space-lg) var(--trecker-space-xl);
    border-bottom: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-primary);
}

.ecg-progress-meta[b-n6ed9s483x] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ecg-progress-step[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    font-weight: 500;
}

.ecg-progress-title[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-primary);
    font-weight: 600;
}

.ecg-progress-track[b-n6ed9s483x] {
    height: 6px;
    background: var(--trecker-bg-tertiary);
    border-radius: 999px;
    overflow: hidden;
}

.ecg-progress-fill[b-n6ed9s483x] {
    height: 100%;
    background: linear-gradient(90deg, var(--trecker-primary), var(--trecker-accent));
    border-radius: 999px;
    transition: width 0.3s ease;
}

/* --- Alert inside wizard --- */
.ecg-alert[b-n6ed9s483x] {
    margin: var(--trecker-space-md) var(--trecker-space-xl) 0;
}

/* --- Step body --- */
.ecg-body[b-n6ed9s483x] {
    padding: var(--trecker-space-xl);
    flex: 1 1 auto;
}

.ecg-step[b-n6ed9s483x] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.ecg-step-title[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
}

.ecg-step-desc[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-secondary);
    margin: 0;
    line-height: 1.5;
}

.ecg-section-title[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin-top: var(--trecker-space-sm);
}

.ecg-hint[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    line-height: 1.5;
    margin: 0;
}

/* --- Form row layout (matches EventCreate.razor.css) --- */
.ecg-form-row[b-n6ed9s483x] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.ecg-field-half[b-n6ed9s483x] {
    flex: 1 1 280px;
    min-width: 0;
}

.ecg-field-third[b-n6ed9s483x] {
    flex: 1 1 180px;
    min-width: 0;
}

/* --- Type cards (step 1) --- */
.ecg-type-cards[b-n6ed9s483x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
}

.ecg-type-card[b-n6ed9s483x] {
    background: var(--trecker-bg-primary);
    border: 2px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-xl);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, transform 0.12s, box-shadow 0.15s;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    min-height: 44px;
    font: inherit;
    color: inherit;
}

.ecg-type-card:hover[b-n6ed9s483x] {
    border-color: var(--trecker-primary);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}

.ecg-type-card:focus-visible[b-n6ed9s483x] {
    outline: 3px solid var(--trecker-accent);
    outline-offset: 2px;
}

.ecg-type-card--active[b-n6ed9s483x] {
    border-color: var(--trecker-primary);
    box-shadow: 0 0 0 3px rgba(var(--trecker-primary-rgb, 59,130,246), 0.15);
}

.ecg-type-card-icon[b-n6ed9s483x] {
    width: 56px;
    height: 56px;
    border-radius: var(--trecker-border-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--trecker-space-xs);
}

.ecg-type-card-icon--primary[b-n6ed9s483x] {
    background: rgba(var(--trecker-primary-rgb, 59,130,246), 0.15);
    color: var(--trecker-primary);
}

.ecg-type-card-icon--accent[b-n6ed9s483x] {
    background: rgba(var(--trecker-accent-rgb, 245,158,11), 0.15);
    color: var(--trecker-accent);
}

.ecg-type-card-title[b-n6ed9s483x] {
    font-size: 1rem;
    margin: 0;
}

.ecg-type-card-desc[b-n6ed9s483x] {
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
}

.ecg-type-card-badge[b-n6ed9s483x] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
    margin-top: auto;
    width: fit-content;
}

.ecg-type-card-badge--primary[b-n6ed9s483x] {
    background: rgba(var(--trecker-primary-rgb, 59,130,246), 0.15);
    color: var(--trecker-primary);
}

.ecg-type-card-badge--accent[b-n6ed9s483x] {
    background: rgba(var(--trecker-accent-rgb, 245,158,11), 0.15);
    color: var(--trecker-accent);
}

/* --- Toggle text helper --- */
.ecg-toggles[b-n6ed9s483x] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.ecg-toggle-text[b-n6ed9s483x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.4;
}

.ecg-toggle-text strong[b-n6ed9s483x] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
}

.ecg-toggle-text small[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

/* --- Upload --- */
.ecg-upload-wrap[b-n6ed9s483x] {
    max-width: 400px;
}

.ecg-upload-label[b-n6ed9s483x] {
    cursor: pointer;
    min-height: 120px;
}

.ecg-upload-hint[b-n6ed9s483x] {
    padding: var(--trecker-space-md);
}

.ecg-upload-hint-title[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.ecg-upload-hint-sub[b-n6ed9s483x] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.ecg-upload-file[b-n6ed9s483x] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

.ecg-remove-btn[b-n6ed9s483x] {
    background: none;
    border: none;
    color: var(--trecker-error);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
    padding: 8px 4px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.ecg-remove-btn:hover[b-n6ed9s483x] {
    text-decoration: underline;
}

.ecg-remove-btn:focus-visible[b-n6ed9s483x] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
    border-radius: var(--trecker-border-radius-sm);
}

/* --- Summary cards --- */
.ecg-summary-card[b-n6ed9s483x] {
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-md);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
}

.ecg-summary-head[b-n6ed9s483x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ecg-summary-head h3[b-n6ed9s483x] {
    margin: 0;
    font-size: var(--trecker-font-size-base);
}

.ecg-edit-btn[b-n6ed9s483x] {
    background: none;
    border: 1px solid var(--trecker-border-medium);
    color: var(--trecker-primary);
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: var(--trecker-border-radius-sm);
    min-height: 36px;
    transition: background 0.15s, border-color 0.15s;
}

.ecg-edit-btn:hover[b-n6ed9s483x] {
    background: var(--trecker-bg-tertiary);
    border-color: var(--trecker-primary);
}

.ecg-edit-btn:focus-visible[b-n6ed9s483x] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
}

.ecg-summary-list[b-n6ed9s483x] {
    display: grid;
    grid-template-columns: minmax(140px, auto) 1fr;
    gap: 6px var(--trecker-space-md);
    margin: 0;
}

.ecg-summary-list dt[b-n6ed9s483x] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
}

.ecg-summary-list dd[b-n6ed9s483x] {
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    margin: 0;
    word-break: break-word;
}

/* --- Footer --- */
.ecg-footer[b-n6ed9s483x] {
    display: flex;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-lg) var(--trecker-space-xl);
    border-top: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-primary);
    align-items: center;
    flex-wrap: wrap;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.ecg-footer-btn[b-n6ed9s483x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
}

.ecg-footer-btn--cancel[b-n6ed9s483x] {
    margin-right: auto;
}

.ecg-footer-btn--primary[b-n6ed9s483x] {
    margin-left: auto;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .ecg-page[b-n6ed9s483x] {
        padding: var(--trecker-space-md);
    }

    .ecg-wizard[b-n6ed9s483x] {
        border-radius: var(--trecker-border-radius-lg);
        min-height: calc(100vh - var(--trecker-space-md) * 2);
    }

    .ecg-progress[b-n6ed9s483x],
    .ecg-body[b-n6ed9s483x],
    .ecg-footer[b-n6ed9s483x] {
        padding-left: var(--trecker-space-md);
        padding-right: var(--trecker-space-md);
    }

    .ecg-type-cards[b-n6ed9s483x] {
        grid-template-columns: 1fr;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .ecg-page[b-n6ed9s483x] {
        padding: 0;
    }

    .ecg-wizard[b-n6ed9s483x] {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        min-height: 100vh;
    }

    .ecg-progress[b-n6ed9s483x] {
        padding: var(--trecker-space-md);
    }

    .ecg-body[b-n6ed9s483x] {
        padding: var(--trecker-space-md);
    }

    .ecg-footer[b-n6ed9s483x] {
        padding: var(--trecker-space-md);
        gap: var(--trecker-space-xs);
    }

    .ecg-field-half[b-n6ed9s483x],
    .ecg-field-third[b-n6ed9s483x] {
        flex: 1 1 100%;
    }

    .ecg-upload-wrap[b-n6ed9s483x] {
        max-width: 100%;
    }

    .ecg-footer-btn[b-n6ed9s483x] {
        flex: 1 1 auto;
        justify-content: center;
        padding: 10px 8px;
    }

    .ecg-footer-btn--cancel[b-n6ed9s483x] {
        flex: 0 0 auto;
        margin-right: 0;
        padding: 10px 12px;
    }

    .ecg-footer-btn--primary[b-n6ed9s483x] {
        margin-left: 0;
    }

    .ecg-summary-list[b-n6ed9s483x] {
        grid-template-columns: 1fr;
        gap: 2px var(--trecker-space-md);
    }

    .ecg-summary-list dt[b-n6ed9s483x] {
        margin-top: var(--trecker-space-xs);
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Admin/EventEdit.razor.rz.scp.css */
/* ============================================================================
   EventEdit.razor — Responsive & Mobile Styles
   ============================================================================
   Provides responsive layout classes for the EventEdit page. All interactive
   elements meet the 44px minimum touch target requirement per Trecker design
   guidelines. Breakpoints: 480px (phone), 768px (tablet), 1024px (desktop).
   ============================================================================ */

/* --- Tab label (hide text on very small screens, show icon only) --- */
.eventedit-tab-label[b-5ezmtozvqo] {
    white-space: nowrap;
}

/* --- Remove button for images (proper touch target) --- */
.eventedit-remove-btn[b-5ezmtozvqo] {
    background: none;
    border: none;
    color: var(--trecker-error);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
    padding: 8px 4px;
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.eventedit-remove-btn:hover[b-5ezmtozvqo] {
    text-decoration: underline;
}

.eventedit-remove-btn:focus-visible[b-5ezmtozvqo] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
    border-radius: var(--trecker-border-radius-sm);
}

/* --- Days tab row --- */
.eventedit-day-row[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    align-items: flex-end;
}

.eventedit-day-nr[b-5ezmtozvqo] {
    flex: 0 0 80px;
    margin-bottom: 0;
}

.eventedit-day-date[b-5ezmtozvqo] {
    flex: 1 1 150px;
    min-width: 0;
    margin-bottom: 0;
}

.eventedit-day-title[b-5ezmtozvqo] {
    flex: 1 1 200px;
    min-width: 0;
    margin-bottom: 0;
}

.eventedit-day-time[b-5ezmtozvqo] {
    flex: 0 0 120px;
    margin-bottom: 0;
}

.eventedit-day-actions[b-5ezmtozvqo] {
    display: flex;
    gap: var(--trecker-space-xs);
    padding-bottom: var(--trecker-space-sm);
    align-items: flex-end;
}

/* --- Signup expanded form rows --- */
.eventedit-signup-row[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.eventedit-signup-row .TreckerFormGroup[b-5ezmtozvqo] {
    margin-bottom: 0;
}

.eventedit-signup-name[b-5ezmtozvqo] {
    flex: 1 1 200px;
    min-width: 0;
}

.eventedit-signup-datetime[b-5ezmtozvqo] {
    flex: 1 1 160px;
    min-width: 0;
}

.eventedit-signup-row2[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-sm);
    align-items: flex-end;
}

.eventedit-signup-row2 .TreckerFormGroup[b-5ezmtozvqo] {
    margin-bottom: 0;
}

.eventedit-signup-num[b-5ezmtozvqo] {
    flex: 1 1 100px;
    min-width: 80px;
}

.eventedit-signup-sort[b-5ezmtozvqo] {
    flex: 0 1 80px;
    min-width: 60px;
}

.eventedit-signup-check[b-5ezmtozvqo] {
    flex: 0 1 auto;
    display: flex;
    align-items: flex-end;
}

.eventedit-checkbox-label[b-5ezmtozvqo] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 10px 4px;
    min-height: 44px;
}

.eventedit-checkbox[b-5ezmtozvqo] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    flex-shrink: 0;
    accent-color: var(--trecker-accent, #34C759);
    border: 2px solid var(--trecker-border-medium, #555);
    border-radius: 4px;
    appearance: auto;
}

/* --- Signup summary row --- */
.eventedit-signup-summary[b-5ezmtozvqo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    cursor: pointer;
    min-height: 44px;
}

.eventedit-signup-badges[b-5ezmtozvqo] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: center;
    flex-wrap: wrap;
}

/* --- Championship linked section --- */
.eventedit-champ-linked[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    justify-content: space-between;
}

.eventedit-champ-name[b-5ezmtozvqo] {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.eventedit-champ-select-row[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: flex-end;
}

/* --- Compact button: meets 44px min touch target --- */
.eventedit-btn-compact[b-5ezmtozvqo] {
    padding: 8px 16px;
    min-height: 44px;
    white-space: nowrap;
}

/* --- Signup action bar (save/delete + championship) --- */
.eventedit-signup-actionbar[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
}

.eventedit-signup-actionbar-left[b-5ezmtozvqo] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

.eventedit-signup-actionbar-right[b-5ezmtozvqo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    margin-left: auto;
    flex-wrap: wrap;
}

.eventedit-champ-badge[b-5ezmtozvqo] {
    background: linear-gradient(135deg, #FFD60A, #FF9500);
    color: #000;
}

.eventedit-champ-select[b-5ezmtozvqo] {
    font-size: var(--trecker-font-size-sm);
    padding: 6px 8px;
    min-width: 160px;
    min-height: 44px;
}

/* --- Inline Klassen section --- */
.eventedit-classes-section[b-5ezmtozvqo] {
    margin-top: var(--trecker-space-lg);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
}

.eventedit-classes-header[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
}

.eventedit-classes-locked-link[b-5ezmtozvqo] {
    text-decoration: underline;
}

.eventedit-classes-empty[b-5ezmtozvqo] {
    margin: 0;
}

.eventedit-classes-list[b-5ezmtozvqo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* --- Class summary row (read-only) --- */
.eventedit-class-row[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: 8px 12px;
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-tertiary, rgba(255,255,255,0.03));
    min-height: 44px;
}

.eventedit-class-row:hover[b-5ezmtozvqo] {
    background: var(--trecker-bg-hover, rgba(255,255,255,0.06));
}

.eventedit-class-col-name[b-5ezmtozvqo] {
    flex: 2 1 140px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eventedit-class-col-cat[b-5ezmtozvqo] {
    flex: 1 1 80px;
}

.eventedit-class-col-fee[b-5ezmtozvqo] {
    flex: 0 1 80px;
    text-align: right;
}

.eventedit-class-col-max[b-5ezmtozvqo] {
    flex: 0 1 60px;
    text-align: right;
}

.eventedit-class-col-actions[b-5ezmtozvqo] {
    flex: 0 0 auto;
    display: flex;
    gap: 4px;
    margin-left: auto;
}

/* Icon-only buttons for class actions — proper 44px touch target */
.eventedit-class-icon-btn[b-5ezmtozvqo] {
    padding: 8px;
    min-height: 36px;
    min-width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* --- Class edit form --- */
.eventedit-class-edit[b-5ezmtozvqo] {
    padding: 12px;
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-primary, #007AFF);
    background: var(--trecker-bg-tertiary, rgba(255,255,255,0.03));
}

.eventedit-class-edit .TreckerFormGroup[b-5ezmtozvqo] {
    margin-bottom: 0;
}

.eventedit-class-edit-row1[b-5ezmtozvqo] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: var(--trecker-space-sm);
}

.eventedit-class-edit-row2[b-5ezmtozvqo] {
    display: grid;
    grid-template-columns: 1fr 1fr 80px;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-sm);
}

.eventedit-class-edit-field-name[b-5ezmtozvqo] {
    min-width: 0;
}

.eventedit-class-edit-field-weight[b-5ezmtozvqo] {
    min-width: 0;
}

.eventedit-class-edit-field-cat[b-5ezmtozvqo] {
    min-width: 0;
}

.eventedit-class-edit-field-sm[b-5ezmtozvqo] {
    min-width: 0;
}

.eventedit-class-edit-field-sort[b-5ezmtozvqo] {
    min-width: 0;
}

.eventedit-class-edit-actions[b-5ezmtozvqo] {
    display: flex;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-sm);
}

/* --- Sponsor form rows --- */
.eventedit-sponsor-assign-row[b-5ezmtozvqo] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: flex-end;
}

.eventedit-sponsor-form-row[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: flex-end;
}

.eventedit-sponsor-form-row .TreckerFormGroup[b-5ezmtozvqo] {
    margin-bottom: 0;
}

.eventedit-sponsor-name[b-5ezmtozvqo] {
    flex: 1 1 200px;
    min-width: 0;
}

.eventedit-sponsor-website[b-5ezmtozvqo] {
    flex: 1 1 200px;
    min-width: 0;
}

.eventedit-sponsor-tier[b-5ezmtozvqo] {
    flex: 1 1 140px;
    min-width: 100px;
}

.eventedit-sponsor-logo-row[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: flex-end;
    margin-top: var(--trecker-space-sm);
}

.eventedit-sponsor-logo-input[b-5ezmtozvqo] {
    flex: 1 1 250px;
    min-width: 0;
    margin-bottom: 0;
}

.eventedit-file-input[b-5ezmtozvqo] {
    font-size: var(--trecker-font-size-sm);
    padding: 8px;
}

/* InputFile inside .TreckerInput — ensure consistent height and alignment */
[b-5ezmtozvqo] .eventedit-file-input::file-selector-button {
    padding: 6px 12px;
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-sm);
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
    min-height: 32px;
    margin-right: 8px;
}

.eventedit-sponsor-logo-preview[b-5ezmtozvqo] {
    flex: 0 0 auto;
}

.eventedit-sponsor-logo-preview img[b-5ezmtozvqo] {
    max-height: 48px;
    max-width: 120px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-border);
}

/* --- Address search result list --- */
.eventedit-address-result[b-5ezmtozvqo] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    text-align: left;
    padding: 10px var(--trecker-space-sm);
    border: none;
    background: transparent;
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
    border-radius: var(--trecker-border-radius-sm);
    line-height: 1.4;
    min-height: 44px;
    transition: background-color 0.15s ease;
}

.eventedit-address-result:hover[b-5ezmtozvqo],
.eventedit-address-result:focus-visible[b-5ezmtozvqo] {
    background: var(--trecker-bg-hover, rgba(255,255,255,0.06));
}

.eventedit-address-result:focus-visible[b-5ezmtozvqo] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: -2px;
}

.eventedit-address-result + .eventedit-address-result[b-5ezmtozvqo] {
    border-top: 1px solid var(--trecker-border);
}

.eventedit-address-result svg[b-5ezmtozvqo] {
    margin-top: 3px;
    color: var(--trecker-accent);
}

/* --- Form action button row (General tab save/back) --- */
.eventedit-form-actions[b-5ezmtozvqo] {
    display: flex;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    /* Days: let fixed-width fields flex on tablet */
    .eventedit-day-nr[b-5ezmtozvqo] {
        flex: 0 0 70px;
    }

    .eventedit-day-time[b-5ezmtozvqo] {
        flex: 1 1 100px;
        min-width: 0;
    }

    .eventedit-day-actions[b-5ezmtozvqo] {
        width: 100%;
        justify-content: flex-end;
        padding-top: var(--trecker-space-xs);
    }

    /* Signup: ensure number fields stack in pairs */
    .eventedit-signup-num[b-5ezmtozvqo] {
        flex: 1 1 calc(50% - var(--trecker-space-sm));
    }

    /* Championship link row stacks */
    .eventedit-champ-linked[b-5ezmtozvqo] {
        flex-direction: column;
        align-items: flex-start;
    }

    .eventedit-champ-linked .eventedit-btn-compact[b-5ezmtozvqo] {
        align-self: flex-start;
    }

    /* Signup action bar: stack on tablet */
    .eventedit-signup-actionbar-right[b-5ezmtozvqo] {
        margin-left: 0;
        width: 100%;
    }

    .eventedit-champ-select[b-5ezmtozvqo] {
        flex: 1 1 140px;
        min-width: 0;
    }

    /* Class edit: 2-column grid on tablet */
    .eventedit-class-edit-row1[b-5ezmtozvqo] {
        grid-template-columns: 1fr 1fr;
    }

    .eventedit-class-edit-row2[b-5ezmtozvqo] {
        grid-template-columns: 1fr 1fr 80px;
    }

    /* Class row: hide category/fee/max columns */
    .eventedit-class-col-cat[b-5ezmtozvqo],
    .eventedit-class-col-fee[b-5ezmtozvqo],
    .eventedit-class-col-max[b-5ezmtozvqo] {
        display: none;
    }

    .eventedit-class-col-name[b-5ezmtozvqo] {
        flex: 1 1 auto;
    }

    /* Sponsor form — tier field grows */
    .eventedit-sponsor-tier[b-5ezmtozvqo] {
        flex: 1 1 100%;
    }

    /* Logo preview below the input */
    .eventedit-sponsor-logo-preview[b-5ezmtozvqo] {
        width: 100%;
    }

    .eventedit-sponsor-logo-preview img[b-5ezmtozvqo] {
        max-width: 100%;
        max-height: 80px;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    /* Tabs: icon-only on very small phones */
    .eventedit-tab-label[b-5ezmtozvqo] {
        display: none;
    }

    /* Days: all fields full width */
    .eventedit-day-nr[b-5ezmtozvqo],
    .eventedit-day-date[b-5ezmtozvqo],
    .eventedit-day-title[b-5ezmtozvqo],
    .eventedit-day-time[b-5ezmtozvqo] {
        flex: 1 1 100%;
    }

    .eventedit-day-nr[b-5ezmtozvqo] {
        flex: 1 1 calc(50% - var(--trecker-space-md));
    }

    .eventedit-day-date[b-5ezmtozvqo] {
        flex: 1 1 calc(50% - var(--trecker-space-md));
    }

    .eventedit-day-actions[b-5ezmtozvqo] {
        width: 100%;
    }

    .eventedit-day-actions .TreckerButton[b-5ezmtozvqo] {
        flex: 1;
    }

    /* Signup form: all fields full width */
    .eventedit-signup-name[b-5ezmtozvqo],
    .eventedit-signup-datetime[b-5ezmtozvqo] {
        flex: 1 1 100%;
    }

    .eventedit-signup-num[b-5ezmtozvqo] {
        flex: 1 1 calc(50% - var(--trecker-space-sm));
    }

    .eventedit-signup-sort[b-5ezmtozvqo] {
        flex: 1 1 calc(50% - var(--trecker-space-sm));
    }

    .eventedit-signup-check[b-5ezmtozvqo] {
        flex: 0 0 auto;
    }

    /* Signup summary: stack vertically */
    .eventedit-signup-summary[b-5ezmtozvqo] {
        gap: var(--trecker-space-sm);
    }

    .eventedit-signup-badges[b-5ezmtozvqo] {
        width: 100%;
        gap: var(--trecker-space-xs);
    }

    /* Championship select: stack */
    .eventedit-champ-select-row[b-5ezmtozvqo] {
        flex-direction: column;
    }

    .eventedit-champ-select-row .TreckerFormGroup[b-5ezmtozvqo] {
        width: 100%;
    }

    .eventedit-champ-select-row .eventedit-btn-compact[b-5ezmtozvqo] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Signup action bar: full-width stack on phone */
    .eventedit-signup-actionbar[b-5ezmtozvqo] {
        flex-direction: column;
        align-items: stretch;
    }

    .eventedit-signup-actionbar-left[b-5ezmtozvqo] {
        width: 100%;
    }

    .eventedit-signup-actionbar-left .TreckerButton[b-5ezmtozvqo] {
        flex: 1;
        text-align: center;
        justify-content: center;
    }

    .eventedit-signup-actionbar-right[b-5ezmtozvqo] {
        width: 100%;
        flex-direction: column;
    }

    .eventedit-champ-select[b-5ezmtozvqo] {
        width: 100%;
    }

    .eventedit-signup-actionbar-right .TreckerButton[b-5ezmtozvqo] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Class edit: single-column on phone */
    .eventedit-class-edit-row1[b-5ezmtozvqo] {
        grid-template-columns: 1fr;
    }

    .eventedit-class-edit-row2[b-5ezmtozvqo] {
        grid-template-columns: 1fr 1fr;
    }

    /* Class row: full-width name + actions */
    .eventedit-class-row[b-5ezmtozvqo] {
        padding: 10px;
    }

    .eventedit-class-col-name[b-5ezmtozvqo] {
        flex: 1 1 100%;
    }

    .eventedit-class-col-actions[b-5ezmtozvqo] {
        margin-left: 0;
    }

    /* Class edit actions: full width */
    .eventedit-class-edit-actions .TreckerButton[b-5ezmtozvqo] {
        flex: 1;
        text-align: center;
        justify-content: center;
    }

    /* Sponsor form: all fields full width */
    .eventedit-sponsor-name[b-5ezmtozvqo],
    .eventedit-sponsor-website[b-5ezmtozvqo],
    .eventedit-sponsor-tier[b-5ezmtozvqo] {
        flex: 1 1 100%;
    }

    .eventedit-sponsor-assign-row[b-5ezmtozvqo] {
        flex-direction: column;
    }

    .eventedit-sponsor-assign-row .TreckerFormGroup[b-5ezmtozvqo] {
        width: 100%;
    }

    .eventedit-sponsor-assign-row .eventedit-btn-compact[b-5ezmtozvqo] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Form actions: full width on mobile */
    .eventedit-form-actions[b-5ezmtozvqo] {
        flex-direction: column;
    }

    .eventedit-form-actions .TreckerButton[b-5ezmtozvqo],
    .eventedit-form-actions a.TreckerButton[b-5ezmtozvqo] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Sponsor logo row — stack */
    .eventedit-sponsor-logo-input[b-5ezmtozvqo] {
        flex: 1 1 100%;
    }
}

/* ==========================================================================
   Einbettung tab (External events) — compact, neutral, preview-first UI
   ========================================================================== */
.embedtab[b-5ezmtozvqo] {
    width: 100%;
}
.embedtab-grid[b-5ezmtozvqo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: var(--trecker-space-lg);
    align-items: start;
}
.embedtab-col[b-5ezmtozvqo] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    min-width: 0;
}
.embedtab-card[b-5ezmtozvqo] {
    padding: var(--trecker-space-lg);
}
.embedtab-card-head[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-sm);
}
.embedtab-card-title[b-5ezmtozvqo] {
    font-size: 0.98rem;
    margin: 0;
}
.embedtab-selects[b-5ezmtozvqo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--trecker-space-md);
}
.embedtab-hint[b-5ezmtozvqo] {
    margin-top: var(--trecker-space-sm);
    margin-bottom: 0;
    line-height: 1.4;
}
.embedtab-toggle[b-5ezmtozvqo] {
    display: inline-flex;
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-md);
    overflow: hidden;
    background: var(--trecker-bg-secondary);
}
.embedtab-toggle-btn[b-5ezmtozvqo] {
    appearance: none;
    background: transparent;
    border: 0;
    padding: 6px 12px;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
}
.embedtab-toggle-btn:hover[b-5ezmtozvqo] { color: var(--trecker-text-primary); }
.embedtab-toggle-btn.is-active[b-5ezmtozvqo] {
    background: var(--trecker-bg-primary);
    color: var(--trecker-text-primary);
    font-weight: 600;
}
.embedtab-code[b-5ezmtozvqo] {
    position: relative;
    margin-top: var(--trecker-space-sm);
}
.embedtab-code-text[b-5ezmtozvqo] {
    width: 100%;
    font-family: "Cascadia Mono", "JetBrains Mono", Consolas, monospace;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--trecker-text-primary);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-md);
    padding: 10px 12px;
    resize: none;
}
.embedtab-copy[b-5ezmtozvqo] {
    position: absolute;
    top: 8px;
    right: 8px;
}
.embedtab-url[b-5ezmtozvqo] {
    margin-top: var(--trecker-space-md);
}
.embedtab-url-row[b-5ezmtozvqo] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: stretch;
}
.embedtab-url-input[b-5ezmtozvqo] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: "Cascadia Mono", Consolas, monospace;
    font-size: 0.82rem;
}
.embedtab-preview-card[b-5ezmtozvqo] {
    padding: var(--trecker-space-md);
}
.embedtab-preview[b-5ezmtozvqo] {
    margin-top: var(--trecker-space-sm);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-md);
    overflow: hidden;
    height: 720px;
    position: relative;
}
.embedtab-preview-frame[b-5ezmtozvqo] {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 1100px) {
    .embedtab-grid[b-5ezmtozvqo] {
        grid-template-columns: 1fr;
    }
    .embedtab-preview[b-5ezmtozvqo] { height: 560px; }
}
@media (max-width: 520px) {
    .embedtab-selects[b-5ezmtozvqo] { grid-template-columns: 1fr; }
    .embedtab-copy[b-5ezmtozvqo] { position: static; margin-top: var(--trecker-space-sm); width: 100%; justify-content: center; }
    .embedtab-url-row[b-5ezmtozvqo] { flex-direction: column; }
    .embedtab-preview[b-5ezmtozvqo] { height: 480px; }
}

/* ============================================================================
   Settings page pattern (Anmeldeslots + Anmelde-Einstellungen)
   Clean grouped sections, consistent toggle cards, 2-column grid on desktop,
   sticky save bar, proper responsive behavior down to small phones.
   ============================================================================ */

/* Page container: vertical rhythm between major sections */
.ee-settings-page[b-5ezmtozvqo] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    padding-bottom: 88px; /* space for sticky save bar */
}

/* Named section card with header + body */
.ee-section[b-5ezmtozvqo] {
    background: var(--trecker-bg-primary, var(--trecker-bg, #fff));
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg, 12px);
    overflow: hidden;
}

.ee-section-header[b-5ezmtozvqo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: 14px 18px;
    border-bottom: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
}

.ee-section-header-icon[b-5ezmtozvqo] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--trecker-primary-soft, rgba(0,122,255,0.12));
    color: var(--trecker-primary, #007AFF);
    flex-shrink: 0;
}

.ee-section-header-text[b-5ezmtozvqo] {
    flex: 1 1 auto;
    min-width: 0;
}

.ee-section-title[b-5ezmtozvqo] {
    font-size: var(--trecker-font-size-md, 1rem);
    font-weight: 600;
    margin: 0;
    line-height: 1.25;
    color: var(--trecker-text-primary, var(--trecker-text));
}

.ee-section-sub[b-5ezmtozvqo] {
    font-size: var(--trecker-font-size-sm, 0.85rem);
    color: var(--trecker-text-secondary);
    margin: 2px 0 0;
    line-height: 1.4;
}

.ee-section-action[b-5ezmtozvqo] {
    flex-shrink: 0;
}

.ee-section-body[b-5ezmtozvqo] {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

/* 2-column responsive layout: auto-collapses to 1 column on narrow widths */
.ee-grid-2[b-5ezmtozvqo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--trecker-space-md);
}

/* Toggle row — consistent look for on/off settings */
.ee-toggle[b-5ezmtozvqo] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-secondary);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
    min-height: 56px;
}

.ee-toggle:hover[b-5ezmtozvqo] {
    border-color: var(--trecker-border-medium, var(--trecker-border));
}

.ee-toggle-input[b-5ezmtozvqo] {
    width: 22px;
    height: 22px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: var(--trecker-success, #34C759);
}

.ee-toggle-body[b-5ezmtozvqo] {
    flex: 1 1 auto;
    min-width: 0;
}

.ee-toggle-title[b-5ezmtozvqo] {
    font-weight: 600;
    font-size: var(--trecker-font-size-md, 0.95rem);
    line-height: 1.3;
    color: var(--trecker-text-primary, var(--trecker-text));
    display: block;
}

.ee-toggle-desc[b-5ezmtozvqo] {
    font-size: var(--trecker-font-size-sm, 0.82rem);
    color: var(--trecker-text-secondary);
    margin: 4px 0 0;
    line-height: 1.4;
}

.ee-toggle-extra[b-5ezmtozvqo] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed var(--trecker-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    align-items: flex-end;
}

/* Wrapper for a toggle + optional conditional extras — keeps click semantics clean */
.ee-toggle-group[b-5ezmtozvqo] {
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-secondary);
    overflow: hidden;
    transition: border-color 0.15s ease;
}

.ee-toggle-group:hover[b-5ezmtozvqo] {
    border-color: var(--trecker-border-medium, var(--trecker-border));
}

.ee-toggle-group > .ee-toggle[b-5ezmtozvqo] {
    border: 0;
    border-radius: 0;
    background: transparent;
    min-height: 56px;
}

.ee-toggle-group > .ee-toggle-extra-wrap[b-5ezmtozvqo] {
    padding: 0 16px 14px;
}

.ee-toggle-group > .ee-toggle-extra-wrap > .ee-toggle-extra[b-5ezmtozvqo] {
    margin-top: 0;
}

/* Stat callout at top of registration tab */
.ee-stat-bar[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: 16px 18px;
    background: linear-gradient(135deg, var(--trecker-primary-soft, rgba(0,122,255,0.08)) 0%, transparent 100%);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg, 12px);
}

.ee-stat-num[b-5ezmtozvqo] {
    font-size: clamp(1.5rem, 3vw + 0.4rem, 2.2rem);
    font-weight: 700;
    line-height: 1;
    color: var(--trecker-text-primary, var(--trecker-text));
}

.ee-stat-label[b-5ezmtozvqo] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

/* Sticky save bar pinned to viewport bottom */
.ee-sticky-save[b-5ezmtozvqo] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: var(--trecker-space-md);
    padding: 12px 18px;
    background: var(--trecker-bg-primary, var(--trecker-bg, #fff));
    border-top: 1px solid var(--trecker-border);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
    flex-wrap: wrap;
    z-index: 20;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.04);
}

/* ---- Signups tab: grouped edit sub-sections ---- */
.ee-signup-card[b-5ezmtozvqo] {
    background: var(--trecker-bg-primary, var(--trecker-bg, #fff));
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg, 12px);
    overflow: hidden;
}

.ee-signup-card.ee-signup-card--expanded[b-5ezmtozvqo] {
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 20px -10px rgba(0,0,0,0.08);
}

.ee-signup-summary[b-5ezmtozvqo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: 14px 18px;
    cursor: pointer;
    flex-wrap: wrap;
    min-height: 56px;
    transition: background 0.15s ease;
}

.ee-signup-summary:hover[b-5ezmtozvqo] {
    background: var(--trecker-bg-secondary);
}

.ee-signup-summary-main[b-5ezmtozvqo] {
    flex: 1 1 200px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ee-signup-summary-name[b-5ezmtozvqo] {
    font-weight: 600;
    font-size: var(--trecker-font-size-md);
    color: var(--trecker-text-primary, var(--trecker-text));
    word-break: break-word;
}

.ee-signup-summary-meta[b-5ezmtozvqo] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.ee-signup-summary-badges[b-5ezmtozvqo] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.ee-signup-chevron[b-5ezmtozvqo] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-secondary);
    font-size: 12px;
    transition: transform 0.2s ease;
}

.ee-signup-card--expanded .ee-signup-chevron[b-5ezmtozvqo] {
    transform: rotate(180deg);
}

.ee-signup-body[b-5ezmtozvqo] {
    border-top: 1px solid var(--trecker-border);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    background: var(--trecker-bg-secondary);
}

.ee-subsection[b-5ezmtozvqo] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ee-subsection-title[b-5ezmtozvqo] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
    margin: 0;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--trecker-border);
}

.ee-subsection-header[b-5ezmtozvqo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--trecker-border);
}

.ee-subsection-header .ee-subsection-title[b-5ezmtozvqo] {
    padding-bottom: 0;
    border-bottom: 0;
}

.ee-champ-row[b-5ezmtozvqo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ee-champ-row .TreckerSelect[b-5ezmtozvqo],
.ee-champ-row select[b-5ezmtozvqo] {
    flex: 1 1 220px;
    min-width: 0;
}

.ee-field-grid[b-5ezmtozvqo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--trecker-space-sm);
}

.ee-field-grid .TreckerFormGroup[b-5ezmtozvqo] {
    margin-bottom: 0;
    min-width: 0;
}

/* Two state-toggle pills on one row */
.ee-pill-row[b-5ezmtozvqo] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ee-pill[b-5ezmtozvqo] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    min-height: 40px;
    border: 1px solid var(--trecker-border);
    border-radius: 999px;
    background: var(--trecker-bg-primary, var(--trecker-bg, #fff));
    cursor: pointer;
    user-select: none;
    font-size: var(--trecker-font-size-sm);
    transition: border-color 0.15s ease, background 0.15s ease;
}

.ee-pill input[type="checkbox"][b-5ezmtozvqo] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--trecker-success, #34C759);
}

.ee-pill:hover[b-5ezmtozvqo] {
    border-color: var(--trecker-success, #34C759);
}

.ee-pill--on[b-5ezmtozvqo] {
    border-color: var(--trecker-success, #34C759);
    background: rgba(52,199,89,0.08);
}

.ee-actionbar[b-5ezmtozvqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid var(--trecker-border);
}

.ee-actionbar-spacer[b-5ezmtozvqo] { flex: 1 1 auto; }

/* Mobile tightening */
@media (max-width: 640px) {
    .ee-section-header[b-5ezmtozvqo] { padding: 12px 14px; }
    .ee-section-body[b-5ezmtozvqo] { padding: 14px; }
    .ee-signup-summary[b-5ezmtozvqo] { padding: 12px 14px; }
    .ee-signup-body[b-5ezmtozvqo] { padding: 14px; gap: var(--trecker-space-md); }
    .ee-sticky-save[b-5ezmtozvqo] { padding: 10px 14px; }
    .ee-sticky-save .TreckerButton[b-5ezmtozvqo] { flex: 1 1 auto; }
}
@media (max-width: 420px) {
    .ee-toggle[b-5ezmtozvqo] { padding: 12px; }
    .ee-stat-bar[b-5ezmtozvqo] { padding: 14px; }
    .ee-subsection-title[b-5ezmtozvqo] { font-size: 0.72rem; }
}
/* _content/TreckerTreckWebsite/Components/Pages/Participant/MyTractorDetails.razor.rz.scp.css */
/* ============================================================================
   MyTractorDetails.razor — Scoped Styles
   ============================================================================
   Tractor detail page layout. Uses design tokens from trecker-variables.css.
   All interactive elements meet 44px touch target.
   Prefix: td- (TractorDetails)
   ============================================================================ */

/* --- Page wrapper --- */
.td-page[b-6647cstmsz] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
}

/* --- Loading center --- */
.td-loading-center[b-6647cstmsz] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* --- Empty state --- */
.td-empty-state[b-6647cstmsz] {
    min-height: 40vh;
}

.td-back-link[b-6647cstmsz] {
    margin-top: var(--trecker-space-md);
}

/* --- Hero Section --- */
.td-hero-grid[b-6647cstmsz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-xl);
}

.td-hero-row[b-6647cstmsz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xl);
    align-items: flex-start;
}

/* --- Tractor Image --- */
.td-image-wrap[b-6647cstmsz] {
    width: min(100%, 320px);
    flex-shrink: 0;
}

.td-image-frame[b-6647cstmsz] {
    aspect-ratio: 4/3;
    border-radius: var(--trecker-border-radius-xl);
    overflow: hidden;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
}

.td-image[b-6647cstmsz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.td-image-placeholder[b-6647cstmsz] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-tertiary);
}

.td-image-placeholder-text[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    margin-top: 8px;
}

/* --- Info Panel --- */
.td-info[b-6647cstmsz] {
    flex: 1;
    min-width: 240px;
}

.td-info-header[b-6647cstmsz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.td-title[b-6647cstmsz] {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 700;
    color: var(--trecker-text-primary);
    letter-spacing: -0.02em;
    margin: 0 0 4px;
}

.td-nickname[b-6647cstmsz] {
    font-size: var(--trecker-font-size-lg);
    color: var(--trecker-accent);
    font-weight: 600;
    margin: 0 0 var(--trecker-space-md);
}

/* --- Visibility Badge --- */
.td-visibility-row[b-6647cstmsz] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-md);
}

.td-badge-public[b-6647cstmsz] {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(52, 199, 89, 0.1);
    color: #34C759;
    border-radius: 4px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
}

.td-badge-private[b-6647cstmsz] {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(142, 142, 147, 0.1);
    color: #8e8e93;
    border-radius: 4px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
}

.td-toggle-btn[b-6647cstmsz] {
    padding: 4px 8px;
    font-size: var(--trecker-font-size-xs);
}

/* --- Profile Warning --- */
.td-profile-warning[b-6647cstmsz] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: rgba(255, 159, 10, 0.1);
    border: 1px solid rgba(255, 159, 10, 0.3);
    border-radius: var(--trecker-border-radius);
    margin-bottom: var(--trecker-space-md);
}

.td-profile-warning-icon[b-6647cstmsz] {
    flex-shrink: 0;
    margin-top: 2px;
}

.td-profile-warning-text[b-6647cstmsz] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    line-height: 1.4;
}

.td-profile-warning-link[b-6647cstmsz] {
    color: #FF9F0A;
    text-decoration: underline;
    margin-left: 4px;
}

/* --- Specs Grid --- */
.td-specs-grid[b-6647cstmsz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
}

.td-spec-label[b-6647cstmsz] {
    font-size: 11px;
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.td-spec-value[b-6647cstmsz] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

/* --- Modifications --- */
.td-modifications[b-6647cstmsz] {
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
}

.td-modifications-label[b-6647cstmsz] {
    font-size: 11px;
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.td-modifications-text[b-6647cstmsz] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    line-height: 1.5;
    margin: 0;
}

/* --- Stats Cards Grid --- */
.td-stat-grid[b-6647cstmsz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 140px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-xl);
}

.td-stat-accent[b-6647cstmsz] {
    color: var(--trecker-accent);
}

/* --- Fahrzeugschein Card --- */
.td-vehicle-card[b-6647cstmsz] {
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-xl);
}

.td-vehicle-card-title[b-6647cstmsz] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-xs);
}

.td-vehicle-card-optional[b-6647cstmsz] {
    font-weight: 400;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.td-vehicle-card-desc[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

/* --- Existing Vehicle Card File --- */
.td-file-row[b-6647cstmsz] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm);
    background: var(--trecker-bg-subtle);
    border-radius: var(--trecker-border-radius-sm);
    margin-bottom: var(--trecker-space-md);
}

.td-file-info[b-6647cstmsz] {
    flex: 1;
    min-width: 0;
}

.td-file-name[b-6647cstmsz] {
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.td-file-meta[b-6647cstmsz] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Consent Row --- */
.td-consent-row[b-6647cstmsz] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
    padding: var(--trecker-space-sm);
    background: var(--trecker-bg-subtle);
    border-radius: var(--trecker-border-radius-sm);
}

.td-consent-checkbox[b-6647cstmsz] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

.td-consent-label[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    line-height: 1.5;
}

/* --- Upload hint --- */
.td-upload-hint[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 4px;
}

.td-upload-input[b-6647cstmsz] {
    padding: var(--trecker-space-sm);
}

/* --- Save / compression actions --- */
.td-upload-actions[b-6647cstmsz] {
    margin-top: var(--trecker-space-sm);
    display: flex;
    gap: var(--trecker-space-sm);
}

.td-compression-alert[b-6647cstmsz] {
    margin-top: var(--trecker-space-sm);
}

.td-compression-title[b-6647cstmsz] {
    font-weight: 600;
    margin: 0 0 4px;
}

.td-compression-desc[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    margin: 0 0 var(--trecker-space-sm);
}

.td-compression-actions[b-6647cstmsz] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.td-vehicle-card-msg[b-6647cstmsz] {
    margin-top: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
}

/* --- Filter + Export Bar --- */
.td-filter-card[b-6647cstmsz] {
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
}

.td-filter-bar[b-6647cstmsz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
}

.td-filter-left[b-6647cstmsz] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.td-filter-title[b-6647cstmsz] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
}

.td-filter-select[b-6647cstmsz] {
    min-width: 130px;
    padding: 8px 14px;
}

.td-filter-count[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.td-filter-right[b-6647cstmsz] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Empty Events --- */
.td-events-empty[b-6647cstmsz] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.td-events-empty-icon[b-6647cstmsz] {
    color: var(--trecker-text-tertiary);
    margin-bottom: var(--trecker-space-md);
}

.td-events-empty-text[b-6647cstmsz] {
    color: var(--trecker-text-secondary);
    margin: 0;
}

.td-events-empty-cta[b-6647cstmsz] {
    margin-top: var(--trecker-space-md);
}

/* --- Event Groups --- */
.td-event-list[b-6647cstmsz] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.td-event-card[b-6647cstmsz] {
    padding: 0;
    overflow: hidden;
}

.td-event-header[b-6647cstmsz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border);
    background: var(--trecker-bg-subtle);
}

.td-event-name[b-6647cstmsz] {
    font-weight: 700;
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-primary);
}

.td-event-meta[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.td-event-class-count[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

/* --- Entries --- */
.td-entries[b-6647cstmsz] {
    display: flex;
    flex-direction: column;
}

.td-entry-row[b-6647cstmsz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border);
}

.td-entry-class[b-6647cstmsz] {
    flex: 1;
    min-width: 180px;
}

.td-entry-signup[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.td-entry-weight-class[b-6647cstmsz] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.td-entry-badge[b-6647cstmsz] {
    flex-shrink: 0;
}

/* --- Result Area --- */
.td-result-area[b-6647cstmsz] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    min-width: 220px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.td-rank-row[b-6647cstmsz] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.td-rank-value[b-6647cstmsz] {
    font-weight: 700;
    font-size: var(--trecker-font-size-xl);
}

.td-rank-total[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.td-distance[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    font-weight: 500;
}

.td-no-result[b-6647cstmsz] {
    min-width: 220px;
    text-align: right;
}

.td-no-result-text[b-6647cstmsz] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .td-page[b-6647cstmsz] {
        padding-top: var(--trecker-space-lg);
        padding-bottom: var(--trecker-space-2xl);
    }

    .td-hero-row[b-6647cstmsz] {
        flex-direction: column;
    }

    .td-image-wrap[b-6647cstmsz] {
        width: 100%;
    }

    .td-info[b-6647cstmsz] {
        min-width: unset;
    }

    .td-title[b-6647cstmsz] {
        font-size: clamp(1.25rem, 5vw, 1.75rem);
    }

    .td-info-header[b-6647cstmsz] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    .td-filter-bar[b-6647cstmsz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .td-event-header[b-6647cstmsz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .td-entry-row[b-6647cstmsz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .td-result-area[b-6647cstmsz] {
        min-width: unset;
        justify-content: flex-start;
        width: 100%;
    }

    .td-no-result[b-6647cstmsz] {
        min-width: unset;
        text-align: left;
    }

    .td-file-row[b-6647cstmsz] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .td-stat-grid[b-6647cstmsz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .td-specs-grid[b-6647cstmsz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .td-filter-right[b-6647cstmsz] {
        flex-direction: column;
        width: 100%;
    }

    .td-filter-right .TreckerButton[b-6647cstmsz] {
        width: 100%;
        justify-content: center;
    }

    .td-compression-actions[b-6647cstmsz] {
        flex-direction: column;
        width: 100%;
    }

    .td-compression-actions .TreckerButton[b-6647cstmsz] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Participant/RegisterEvent.razor.rz.scp.css */
/* ============================================================================
   RegisterEvent.razor -- Scoped Styles
   ============================================================================
   Participant event registration page. Uses design tokens from trecker-variables.css.
   Prefix: rg-
   ============================================================================ */

/* --- Page container --- */
.rg-container[b-gzabha46gt] {
    max-width: 720px;
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

/* --- Loading state --- */
.rg-loading[b-gzabha46gt] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-3xl) 0;
}

/* --- Card with centered text and generous padding --- */
.rg-card-center[b-gzabha46gt] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* --- Success check icon --- */
.rg-success-icon[b-gzabha46gt] {
    font-size: 3rem;
    margin-bottom: var(--trecker-space-md);
}

/* --- Registration code card --- */
.rg-code-card[b-gzabha46gt] {
    padding: var(--trecker-space-lg);
    background: var(--trecker-bg-secondary);
}

/* --- Actions row (flex wrap, centered or end-aligned) --- */
.rg-actions-center[b-gzabha46gt] {
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    justify-content: center;
}

.rg-actions-end[b-gzabha46gt] {
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
}

/* --- Blocked icon --- */
.rg-blocked-icon[b-gzabha46gt] {
    font-size: 3rem;
    margin-bottom: var(--trecker-space-md);
}

/* --- Blocked card padding --- */
.rg-card-blocked[b-gzabha46gt] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* --- Required field asterisk --- */
.rg-required[b-gzabha46gt] {
    color: var(--trecker-error);
    margin-left: 2px;
}

/* --- Main form card --- */
.rg-form-card[b-gzabha46gt] {
    padding: var(--trecker-space-xl);
}

/* --- Info card (secondary bg, spacing below) --- */
.rg-info-card[b-gzabha46gt] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    margin-bottom: var(--trecker-space-md);
}

/* --- Signup list container --- */
.rg-signup-list[b-gzabha46gt] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

/* --- Signup selectable card --- */
.rg-signup-card[b-gzabha46gt] {
    padding: var(--trecker-space-md);
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.15s;
}

.rg-signup-card--selected[b-gzabha46gt] {
    border-color: var(--trecker-accent);
}

/* --- Signup card inner layout --- */
.rg-signup-row[b-gzabha46gt] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

/* --- Radio indicator (outer circle) --- */
.rg-radio-outer[b-gzabha46gt] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid var(--trecker-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* --- Radio indicator (inner dot when selected) --- */
.rg-radio-inner[b-gzabha46gt] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--trecker-accent);
}

/* --- Signup detail text area --- */
.rg-signup-detail[b-gzabha46gt] {
    flex: 1;
}

/* --- Pre-line text for rules/info --- */
.rg-preline[b-gzabha46gt] {
    white-space: pre-line;
}

/* --- Alert margin --- */
.rg-alert-mb[b-gzabha46gt] {
    margin-bottom: var(--trecker-space-md);
}

/* --- No tractor placeholder --- */
.rg-no-tractor[b-gzabha46gt] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-radius: 8px;
}

/* --- Weight warning layout --- */
.rg-weight-warning[b-gzabha46gt] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
}

.rg-weight-warning-body[b-gzabha46gt] {
    flex: 1;
}

.rg-nowrap[b-gzabha46gt] {
    white-space: nowrap;
}

.rg-confirmed[b-gzabha46gt] {
    white-space: nowrap;
    color: var(--trecker-accent);
}

/* --- Checkbox label --- */
.rg-checkbox-label[b-gzabha46gt] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
}

.rg-checkbox-input[b-gzabha46gt] {
    width: 18px;
    height: 18px;
}

/* --- Summary card --- */
.rg-summary-card[b-gzabha46gt] {
    padding: var(--trecker-space-xl);
    border: 2px solid var(--trecker-accent);
}

.rg-summary-title[b-gzabha46gt] {
    color: var(--trecker-accent);
}

/* --- Summary grid --- */
.rg-summary-grid[b-gzabha46gt] {
    display: grid;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

/* --- Summary row --- */
.rg-summary-row[b-gzabha46gt] {
    display: flex;
    gap: var(--trecker-space-md);
}

.rg-summary-label[b-gzabha46gt] {
    min-width: 130px;
    flex-shrink: 0;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .rg-container[b-gzabha46gt] {
        padding-top: var(--trecker-space-md);
        padding-bottom: var(--trecker-space-xl);
    }

    .rg-summary-row[b-gzabha46gt] {
        flex-direction: column;
        gap: var(--trecker-space-xs);
    }

    .rg-summary-label[b-gzabha46gt] {
        min-width: unset;
    }

    .rg-signup-row[b-gzabha46gt] {
        gap: var(--trecker-space-sm);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .rg-card-center[b-gzabha46gt] {
        padding: var(--trecker-space-lg);
    }

    .rg-form-card[b-gzabha46gt] {
        padding: var(--trecker-space-md);
    }

    .rg-summary-card[b-gzabha46gt] {
        padding: var(--trecker-space-md);
    }

    .rg-actions-center[b-gzabha46gt],
    .rg-actions-end[b-gzabha46gt] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    .rg-actions-center > *[b-gzabha46gt],
    .rg-actions-end > *[b-gzabha46gt] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite/Components/Pages/Public/HelferTimetableSignup.razor.rz.scp.css */
/* TreckerTreck — Public helper signup (mobile-first) */

.HelperSignup[b-7te0xdjw60] {
    max-width: 720px;
    margin: 0 auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: var(--trecker-text-primary);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* ─── Error pages ─── */
.HelperSignup__Error[b-7te0xdjw60] {
    margin: 64px auto 0;
    text-align: center;
    max-width: 460px;
    padding: 32px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
}
.HelperSignup__ErrorIcon[b-7te0xdjw60] {
    font-size: 64px;
    margin-bottom: 8px;
}
.HelperSignup__ErrorTitle[b-7te0xdjw60] {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 700;
}
.HelperSignup__Error p[b-7te0xdjw60] {
    margin: 0;
    color: var(--trecker-text-secondary);
    line-height: 1.55;
}

.HelperSignup__Loading[b-7te0xdjw60] {
    text-align: center;
    padding: 64px 16px;
    color: var(--trecker-text-secondary);
}

/* ─── Header ─── */
.HelperSignup__Header[b-7te0xdjw60] {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--trecker-border);
}
.HelperSignup__Eyebrow[b-7te0xdjw60] {
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 11px;
    font-weight: 700;
    color: #ff7a3d;
    margin-bottom: 6px;
}
.HelperSignup__EventName[b-7te0xdjw60] {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.01em;
    line-height: 1.2;
    background: linear-gradient(135deg, #ff8a3d 0%, #ff4c1e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.HelperSignup__Welcome[b-7te0xdjw60] {
    margin: 8px 0 0;
    color: var(--trecker-text-secondary);
    font-size: 14px;
    line-height: 1.55;
    white-space: pre-line;
}

/* ─── Banners ─── */
.HelperSignup__Banner[b-7te0xdjw60] {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.5;
}
.HelperSignup__Banner--warning[b-7te0xdjw60] {
    background: rgba(224, 160, 0, 0.14);
    color: #b07e00;
    border: 1px solid rgba(224, 160, 0, 0.36);
}
.HelperSignup__Banner--danger[b-7te0xdjw60] {
    background: rgba(229, 72, 77, 0.14);
    color: #e5484d;
    border: 1px solid rgba(229, 72, 77, 0.36);
}

.HelperSignup__Empty[b-7te0xdjw60] {
    text-align: center;
    padding: 40px 16px;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}

/* ─── Day tabs ─── */
.HelperSignup__Days[b-7te0xdjw60] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    scroll-snap-type: x mandatory;
}
.HelperSignup__Days[b-7te0xdjw60]::-webkit-scrollbar { height: 4px; }
.HelperSignup__Days[b-7te0xdjw60]::-webkit-scrollbar-thumb { background: var(--trecker-border); border-radius: 2px; }

.HelperSignup__DayTab[b-7te0xdjw60] {
    flex: 1 0 auto;
    min-width: 110px;
    min-height: 56px;
    padding: 10px 14px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    color: var(--trecker-text-primary);
    cursor: pointer;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    scroll-snap-align: start;
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.05s ease;
}
.HelperSignup__DayTab:active[b-7te0xdjw60] {
    transform: scale(0.97);
}
.HelperSignup__DayTab--active[b-7te0xdjw60] {
    border-color: #ff7a3d;
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.14), transparent 80%);
    box-shadow: 0 0 0 1px #ff7a3d inset;
}
.HelperSignup__DayLabel[b-7te0xdjw60] {
    font-size: 15px;
    font-weight: 700;
}
.HelperSignup__DayDate[b-7te0xdjw60] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    font-variant-numeric: tabular-nums;
}
.HelperSignup__DayTab--active .HelperSignup__DayDate[b-7te0xdjw60] {
    color: #ff7a3d;
}

/* ─── Job cards ─── */
.HelperSignup__Jobs[b-7te0xdjw60] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.SignupJob[b-7te0xdjw60] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
}

.SignupJob__Header[b-7te0xdjw60] {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 75%);
    border-bottom: 1px solid var(--trecker-border);
    flex-wrap: wrap;
}
.SignupJob__Name[b-7te0xdjw60] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
}
.SignupJob__Category[b-7te0xdjw60] {
    padding: 2px 8px;
    background: rgba(255, 122, 61, 0.14);
    color: #ff7a3d;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.SignupJob__Slots[b-7te0xdjw60] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* ─── Slot row (tap target) ─── */
.SignupSlot[b-7te0xdjw60] {
    border-bottom: 1px solid var(--trecker-border);
    padding: 0;
    background: var(--trecker-bg-primary);
}
.SignupSlot:last-child[b-7te0xdjw60] { border-bottom: none; }

.SignupSlot__Tap[b-7te0xdjw60] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 14px 16px;
    background: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.1s ease, transform 0.05s ease;
}
.SignupSlot__Tap:disabled[b-7te0xdjw60] {
    cursor: not-allowed;
    opacity: 0.65;
}
.SignupSlot--bookable .SignupSlot__Tap:hover[b-7te0xdjw60],
.SignupSlot--bookable .SignupSlot__Tap:focus-visible[b-7te0xdjw60] {
    background: rgba(255, 122, 61, 0.06);
    outline: none;
}
.SignupSlot--bookable .SignupSlot__Tap:active[b-7te0xdjw60] {
    background: rgba(255, 122, 61, 0.12);
    transform: scale(0.995);
}

.SignupSlot__Time[b-7te0xdjw60] {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 16px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}
.SignupSlot__Dash[b-7te0xdjw60] {
    color: var(--trecker-text-secondary);
    margin: 0 4px;
    font-weight: 400;
}

.SignupSlot__Right[b-7te0xdjw60] {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: right;
}

.SignupSlot__Dot[b-7te0xdjw60] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px var(--trecker-bg-primary);
}
.SignupSlot__Dot--frei[b-7te0xdjw60] { background: #2ea043; }
.SignupSlot__Dot--fast-voll[b-7te0xdjw60] { background: #e0a000; }
.SignupSlot__Dot--voll[b-7te0xdjw60] { background: #e5484d; }

.SignupSlot__Count[b-7te0xdjw60] {
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.SignupSlot--frei .SignupSlot__Count[b-7te0xdjw60] { color: #2ea043; }
.SignupSlot--fast-voll .SignupSlot__Count[b-7te0xdjw60] { color: #b07e00; }
.SignupSlot--voll .SignupSlot__Count[b-7te0xdjw60] { color: #e5484d; }

.SignupSlot__Badge[b-7te0xdjw60] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}
.SignupSlot__Badge--break[b-7te0xdjw60] {
    background: rgba(122, 113, 104, 0.18);
    color: var(--trecker-text-secondary);
}
.SignupSlot__Badge--locked[b-7te0xdjw60] {
    background: rgba(122, 113, 104, 0.18);
    color: var(--trecker-text-secondary);
}

.SignupSlot__Note[b-7te0xdjw60] {
    padding: 4px 16px 12px;
    font-size: 12px;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-primary);
}

.SignupSlot__Names[b-7te0xdjw60] {
    list-style: none;
    margin: 0;
    padding: 0 16px 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.SignupSlot__Name[b-7te0xdjw60] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px 4px 4px;
    background: var(--trecker-bg-tertiary);
    border-radius: 999px;
    font-size: 12px;
}
.SignupSlot__NameAvatar[b-7te0xdjw60] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff8a3d 0%, #ff4c1e 100%);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    flex-shrink: 0;
}
.SignupSlot__NameText[b-7te0xdjw60] {
    font-weight: 500;
}

/* ─── Signup Sheet (mobile bottom-sheet) ─── */
.SignupSheet__Overlay[b-7te0xdjw60] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 1000;
    padding: 0;
    animation: fade-in-b-7te0xdjw60 0.18s ease;
}
@keyframes fade-in-b-7te0xdjw60 { from { opacity: 0; } to { opacity: 1; } }

.SignupSheet[b-7te0xdjw60] {
    position: relative;
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-primary);
    width: 100%;
    max-width: 520px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 20px 20px 28px;
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.45);
    animation: slide-up-b-7te0xdjw60 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
    max-height: 92vh;
    overflow-y: auto;
}
@keyframes slide-up-b-7te0xdjw60 { from { transform: translateY(100%); } to { transform: translateY(0); } }

.SignupSheet__Close[b-7te0xdjw60] {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 36px;
    height: 36px;
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: 50%;
    color: var(--trecker-text-primary);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.SignupSheet__Eyebrow[b-7te0xdjw60] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 11px;
    font-weight: 700;
    color: #ff7a3d;
    margin-bottom: 4px;
}

.SignupSheet__Title[b-7te0xdjw60] {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.SignupSheet__Slot[b-7te0xdjw60] {
    margin: 0 0 18px;
    color: var(--trecker-text-secondary);
    font-size: 14px;
}

.SignupSheet__Field[b-7te0xdjw60] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

.SignupSheet__Field label[b-7te0xdjw60] {
    font-size: 13px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.SignupSheet__Required[b-7te0xdjw60] {
    color: #e5484d;
    margin-left: 2px;
}
.SignupSheet__Optional[b-7te0xdjw60] {
    color: var(--trecker-text-secondary);
    font-weight: 400;
}

.SignupSheet__Input[b-7te0xdjw60] {
    width: 100%;
    box-sizing: border-box;
    height: 48px;
    padding: 0 14px;
    background: var(--trecker-bg-primary);
    border: 1.5px solid var(--trecker-border);
    border-radius: 10px;
    color: var(--trecker-text-primary);
    font: 500 16px/1.4 inherit;     /* 16px prevents iOS zoom on focus */
    transition: border-color 0.12s, box-shadow 0.12s;
}
.SignupSheet__Input:focus[b-7te0xdjw60] {
    outline: none;
    border-color: #ff7a3d;
    box-shadow: 0 0 0 3px rgba(255, 122, 61, 0.18);
}

.SignupSheet__Error[b-7te0xdjw60] {
    margin-bottom: 14px;
}

.SignupSheet__CancelBtn[b-7te0xdjw60] {
    margin-top: 8px;
}

/* ─── Success state ─── */
.SignupSheet__Success[b-7te0xdjw60] {
    text-align: center;
    padding: 8px 4px 0;
}
.SignupSheet__SuccessIcon[b-7te0xdjw60] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4ade80, #2ea043);
    color: white;
    margin: 8px auto 14px;
    font-size: 40px;
    line-height: 72px;
    font-weight: 800;
    box-shadow: 0 4px 16px rgba(46, 160, 67, 0.45);
}
.SignupSheet__SuccessTitle[b-7te0xdjw60] {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 800;
    color: #2ea043;
}
.SignupSheet__Success p[b-7te0xdjw60] {
    margin: 0 0 16px;
    color: var(--trecker-text-secondary);
    line-height: 1.55;
}
.SignupSheet__DeleteBox[b-7te0xdjw60] {
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 12px;
    margin: 14px 0 18px;
    text-align: left;
}
.SignupSheet__DeleteLabel[b-7te0xdjw60] {
    margin: 0 0 8px;
    font-size: 12px;
    color: var(--trecker-text-secondary);
}
.SignupSheet__DeleteRow[b-7te0xdjw60] {
    display: flex;
    align-items: stretch;
    gap: 6px;
}
.SignupSheet__DeleteUrl[b-7te0xdjw60] {
    flex: 1;
    padding: 8px 10px;
    background: var(--trecker-bg-tertiary);
    border-radius: 6px;
    font-family: ui-monospace, Menlo, Consolas, monospace;
    font-size: 11px;
    color: var(--trecker-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: center;
    min-width: 0;
}
.SignupSheet__Note[b-7te0xdjw60] {
    color: var(--trecker-text-secondary);
    font-size: 13px;
    line-height: 1.5;
    margin: 12px 0 18px;
}

/* ─── Buttons (feature-scoped to avoid name conflicts) ─── */
.HelperBtn[b-7te0xdjw60] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 44px;
    padding: 0 16px;
    background: var(--trecker-bg-tertiary);
    border: 1.5px solid var(--trecker-border-strong, var(--trecker-border));
    border-radius: 10px;
    color: var(--trecker-text-primary);
    font: 600 14px/1 inherit;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, transform 0.05s;
}
.HelperBtn:active[b-7te0xdjw60] { transform: translateY(1px); }
.HelperBtn:disabled[b-7te0xdjw60] { opacity: 0.55; cursor: not-allowed; }
.HelperBtn--primary[b-7te0xdjw60] {
    background: linear-gradient(135deg, #ff8a3d 0%, #ff4c1e 100%);
    border-color: transparent;
    color: white;
    box-shadow: 0 1px 2px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.15) inset;
}
.HelperBtn--primary:hover[b-7te0xdjw60] { filter: brightness(1.06); }
.HelperBtn--secondary[b-7te0xdjw60] {
    background: var(--trecker-bg-tertiary);
}
.HelperBtn--ghost[b-7te0xdjw60] {
    background: transparent;
    border-color: transparent;
    color: var(--trecker-text-secondary);
}
.HelperBtn--ghost:hover[b-7te0xdjw60] { color: var(--trecker-text-primary); background: var(--trecker-bg-tertiary); }
.HelperBtn--lg[b-7te0xdjw60] { height: 52px; font-size: 15px; padding: 0 20px; border-radius: 12px; }
.HelperBtn--block[b-7te0xdjw60] { width: 100%; }

/* ─── Tablet+ ─── */
@media (min-width: 768px) {
    .HelperSignup[b-7te0xdjw60] {
        padding: 32px 24px;
    }
    .HelperSignup__EventName[b-7te0xdjw60] {
        font-size: 32px;
    }
    .SignupSheet__Overlay[b-7te0xdjw60] {
        align-items: center;
        padding: 24px;
    }
    .SignupSheet[b-7te0xdjw60] {
        border-radius: 16px;
        max-height: 90vh;
        animation: scale-in-b-7te0xdjw60 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    @keyframes scale-in-b-7te0xdjw60 { from { transform: scale(0.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
}
/* _content/TreckerTreckWebsite/Components/Pages/Public/SurveyEntryDelete.razor.rz.scp.css */
/* TreckerTreck — Self-Delete-Seite für Umfrage-Einträge */

.SurveyDelete[b-xzaoyxteqy] {
    max-width: 540px;
    margin: 60px auto;
    padding: 16px;
}

.SurveyDelete__Card[b-xzaoyxteqy] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 14px;
    padding: 36px 28px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.SurveyDelete__Card--success[b-xzaoyxteqy] {
    border-color: rgba(52, 199, 89, 0.4);
}

.SurveyDelete__Card--error[b-xzaoyxteqy] {
    border-color: rgba(255, 59, 48, 0.4);
}

.SurveyDelete__Card--warning[b-xzaoyxteqy] {
    border-color: rgba(255, 149, 0, 0.4);
}

.SurveyDelete__Card--info[b-xzaoyxteqy] {
    border-color: rgba(41, 151, 255, 0.4);
}

.SurveyDelete__Icon[b-xzaoyxteqy] {
    font-size: 56px;
}

.SurveyDelete__Card h1[b-xzaoyxteqy] {
    margin: 0;
    font-size: 22px;
}

.SurveyDelete__Card p[b-xzaoyxteqy] {
    margin: 0;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.SurveyDelete__Details[b-xzaoyxteqy] {
    background: var(--trecker-bg-tertiary);
    border-radius: 8px;
    padding: 14px 16px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    text-align: left;
}

.SurveyDelete__Details > div[b-xzaoyxteqy] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.SurveyDelete__Details dt[b-xzaoyxteqy] {
    color: var(--trecker-text-tertiary);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin: 0;
}

.SurveyDelete__Details dd[b-xzaoyxteqy] {
    color: var(--trecker-text-primary);
    margin: 0;
    font-weight: 500;
    text-align: right;
}

.SurveyDelete__Banner[b-xzaoyxteqy] {
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    width: 100%;
}

.SurveyDelete__Banner--danger[b-xzaoyxteqy] {
    background: rgba(255, 59, 48, 0.12);
    color: var(--trecker-danger, #ff3b30);
}

.SurveyDelete__Actions[b-xzaoyxteqy] {
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 8px;
}
/* _content/TreckerTreckWebsite/Components/Pages/Public/SurveySignup.razor.rz.scp.css */
/* TreckerTreck — Public Umfrage-Anmeldung */

.SurveySignup[b-hz3x0p9itf] {
    max-width: 920px;
    margin: 0 auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.SurveySignup__Error[b-hz3x0p9itf] {
    text-align: center;
    padding: 80px 24px;
    background: var(--trecker-bg-secondary);
    border-radius: 12px;
    border: 1px solid var(--trecker-border);
}

.SurveySignup__ErrorIcon[b-hz3x0p9itf] {
    font-size: 56px;
    margin-bottom: 12px;
}

.SurveySignup__Header[b-hz3x0p9itf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    background: var(--trecker-bg-secondary);
    border-radius: 12px;
    border: 1px solid var(--trecker-border);
}

.SurveySignup__Eyebrow[b-hz3x0p9itf] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--trecker-accent, #ff7a3d);
    font-weight: 600;
}

.SurveySignup__SurveyTitle[b-hz3x0p9itf] {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.SurveySignup__Description[b-hz3x0p9itf],
.SurveySignup__Welcome[b-hz3x0p9itf] {
    margin: 4px 0 0;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.SurveySignup__Banner[b-hz3x0p9itf] {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
}

.SurveySignup__Banner--warning[b-hz3x0p9itf] {
    background: rgba(255, 149, 0, 0.12);
    color: var(--trecker-warning, #ff9500);
    border: 1px solid rgba(255, 149, 0, 0.3);
}

.SurveySignup__Banner--danger[b-hz3x0p9itf] {
    background: rgba(255, 59, 48, 0.12);
    color: var(--trecker-danger, #ff3b30);
    border: 1px solid rgba(255, 59, 48, 0.3);
}

.SurveySignup__Banner--success[b-hz3x0p9itf] {
    background: rgba(52, 199, 89, 0.12);
    color: var(--trecker-success, #34c759);
    border: 1px solid rgba(52, 199, 89, 0.3);
}

.SurveySignup__Empty[b-hz3x0p9itf] {
    text-align: center;
    padding: 48px 24px;
    background: var(--trecker-bg-secondary);
    border-radius: 12px;
    border: 1px dashed var(--trecker-border);
}

.SurveySignup__Items[b-hz3x0p9itf] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.SignupItem[b-hz3x0p9itf] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.SignupItem__Header[b-hz3x0p9itf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.SignupItem__Title[b-hz3x0p9itf] {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 600;
}

.SignupItem__Desc[b-hz3x0p9itf] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 13px;
    line-height: 1.5;
}

.SignupItem__Stats[b-hz3x0p9itf] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.SignupItem__Cap[b-hz3x0p9itf] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 500;
}

.SignupItem__Cap--full[b-hz3x0p9itf] {
    background: rgba(255, 59, 48, 0.15);
    color: var(--trecker-danger, #ff3b30);
}

.SignupItem__AddBtn[b-hz3x0p9itf] {
    align-self: flex-start;
}

.SignupItem__FullMsg[b-hz3x0p9itf] {
    margin: 0;
    color: var(--trecker-text-tertiary);
    font-style: italic;
    font-size: 13px;
}

.SignupItem__Options[b-hz3x0p9itf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
    gap: 10px;
}

.SignupOption[b-hz3x0p9itf] {
    background: var(--trecker-bg-tertiary);
    border-radius: 8px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.SignupOption--full[b-hz3x0p9itf] {
    opacity: 0.65;
}

.SignupOption__Header[b-hz3x0p9itf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.SignupOption__Label[b-hz3x0p9itf] {
    font-weight: 600;
    font-size: 14px;
}

.SignupOption__Cap[b-hz3x0p9itf] {
    color: var(--trecker-text-tertiary);
    font-size: 12px;
}

.SignupOption__Btn[b-hz3x0p9itf] {
    margin-top: 4px;
    width: 100%;
}

.SignupOption__FullBadge[b-hz3x0p9itf] {
    margin-top: 4px;
    text-align: center;
    background: rgba(255, 59, 48, 0.15);
    color: var(--trecker-danger, #ff3b30);
    border-radius: 4px;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.SignupEntries[b-hz3x0p9itf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.SignupEntries--inline[b-hz3x0p9itf] {
    flex-direction: row;
    flex-wrap: wrap;
}

.SignupEntry[b-hz3x0p9itf] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 4px 8px;
    background: var(--trecker-bg-tertiary);
    border-radius: 4px;
    font-size: 13px;
}

.SignupEntry--inline[b-hz3x0p9itf] {
    background: var(--trecker-bg-secondary);
    padding: 2px 6px;
    font-size: 11px;
}

.SignupEntry__Name[b-hz3x0p9itf] {
    font-weight: 500;
}

.SignupEntry__Qty[b-hz3x0p9itf] {
    color: var(--trecker-accent, #ff7a3d);
    font-weight: 600;
}

.SignupEntry__FreeText[b-hz3x0p9itf] {
    color: var(--trecker-text-secondary);
    font-style: italic;
}

/* Modal */
.SignupModal[b-hz3x0p9itf] {
    width: min(480px, 96vw);
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 92vh;
    overflow-y: auto;
}

.SignupModal__Title[b-hz3x0p9itf] {
    margin: 0 0 8px;
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.SignupModal__OptionTag[b-hz3x0p9itf] {
    background: var(--trecker-accent, #ff7a3d);
    color: white;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
}

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

.SignupModal__Field label[b-hz3x0p9itf] {
    font-size: 13px;
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

.SignupModal__Textarea[b-hz3x0p9itf] {
    resize: vertical;
    min-height: 70px;
    font-family: inherit;
}

.SignupModal__Hint[b-hz3x0p9itf] {
    margin: 0;
    color: var(--trecker-text-tertiary);
    font-size: 12px;
}

.SignupModal__Actions[b-hz3x0p9itf] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px;
    flex-wrap: wrap;
}

.SignupModal--success .SignupModal__Title[b-hz3x0p9itf] {
    color: var(--trecker-success, #34c759);
}

.SignupModal__DeleteHint[b-hz3x0p9itf] {
    background: var(--trecker-bg-tertiary);
    border-radius: 6px;
    padding: 10px;
    font-size: 13px;
}

.SignupModal__DeleteHint p[b-hz3x0p9itf] {
    margin: 0 0 6px;
    color: var(--trecker-text-secondary);
}

.SignupModal__DeleteLink[b-hz3x0p9itf] {
    display: block;
    background: var(--trecker-bg-secondary);
    padding: 6px 8px;
    border-radius: 4px;
    font-family: var(--trecker-font-mono, monospace);
    font-size: 11px;
    word-break: break-all;
}