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

/* _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/AdminDemoControl.razor.rz.scp.css */
/* ── Page Layout ── */
.dc-page[b-14cfbdhghm] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
}

.dc-loading[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    color: var(--trecker-text-secondary);
    padding: var(--trecker-space-2xl);
    justify-content: center;
}

.dc-loading-spinner[b-14cfbdhghm] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--trecker-border);
    border-top-color: var(--trecker-primary);
    border-radius: 50%;
    animation: dc-spin-b-14cfbdhghm 0.8s linear infinite;
}

@keyframes dc-spin-b-14cfbdhghm {
    to { transform: rotate(360deg); }
}

/* ── Header ── */
.dc-header[b-14cfbdhghm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.dc-header-left[b-14cfbdhghm] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
}

.dc-header-icon-wrap[b-14cfbdhghm] {
    width: 48px;
    height: 48px;
    background: var(--trecker-primary);
    border-radius: var(--trecker-border-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}

.dc-header h1[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0 0 4px;
    line-height: 1.2;
}

.dc-header-event-info[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.dc-event-name[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-secondary);
}

.dc-status-badge[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dc-status-active[b-14cfbdhghm] { background: rgba(34,197,94,0.15); color: #16a34a; }
.dc-status-published[b-14cfbdhghm] { background: rgba(59,130,246,0.15); color: #2563eb; }
.dc-status-draft[b-14cfbdhghm] { background: rgba(156,163,175,0.15); color: #6b7280; }
.dc-status-completed[b-14cfbdhghm] { background: rgba(139,92,246,0.15); color: #7c3aed; }

.dc-header-actions[b-14cfbdhghm] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-shrink: 0;
}

/* ── Stats Bar ── */
.dc-stats-bar[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-lg);
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-xl);
    flex-wrap: wrap;
}

.dc-stat[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 70px;
}

.dc-stat-value[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
    line-height: 1.2;
}

.dc-stat-value.dc-stat-complete[b-14cfbdhghm] {
    color: #16a34a;
}

.dc-stat-denom[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    font-weight: 400;
}

.dc-stat-label[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    text-align: center;
    margin-top: 2px;
}

.dc-stat-divider[b-14cfbdhghm] {
    width: 1px;
    height: 40px;
    background: var(--trecker-border);
    flex-shrink: 0;
}

.dc-stat-live[b-14cfbdhghm] {
    flex-direction: row;
    gap: var(--trecker-space-sm);
    align-items: center;
    min-width: unset;
}

.dc-stat-live-dot[b-14cfbdhghm] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4444;
    animation: dc-pulse-b-14cfbdhghm 1.5s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes dc-pulse-b-14cfbdhghm {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.dc-stat-live-text[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    font-weight: 500;
}

/* ── Tabs ── */
.dc-tabs[b-14cfbdhghm] {
    display: flex;
    gap: 4px;
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: 4px;
}

.dc-tab[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    padding: 8px 16px;
    border-radius: var(--trecker-border-radius-md);
    border: none;
    background: transparent;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.dc-tab:hover[b-14cfbdhghm] {
    background: var(--trecker-bg);
    color: var(--trecker-text-primary);
}

.dc-tab-active[b-14cfbdhghm] {
    background: var(--trecker-primary);
    color: white;
}

.dc-tab-active:hover[b-14cfbdhghm] {
    background: var(--trecker-primary);
    color: white;
}

/* ── Tab Content ── */
.dc-tab-content[b-14cfbdhghm] {
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    min-height: 300px;
}

/* ── Bulk Action Bar ── */
.dc-bulk-bar[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.dc-bulk-filter[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-bulk-filter select[b-14cfbdhghm] {
    background: var(--trecker-bg);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    padding: 6px 10px;
}

.dc-bulk-actions-row[b-14cfbdhghm] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ── Participant Table ── */
.dc-table-wrap[b-14cfbdhghm] {
    overflow-x: auto;
}

.dc-table[b-14cfbdhghm] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dc-table-head[b-14cfbdhghm] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr 2fr;
    gap: var(--trecker-space-md);
    padding: 8px var(--trecker-space-md);
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dc-table-row[b-14cfbdhghm] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr 2fr;
    gap: var(--trecker-space-md);
    align-items: center;
    padding: 10px var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-md);
    border: 1px solid transparent;
    background: var(--trecker-bg);
    transition: border-color 0.1s;
}

.dc-table-row:hover[b-14cfbdhghm] {
    border-color: var(--trecker-border);
}

.dc-row-ok[b-14cfbdhghm] {
    background: rgba(34,197,94,0.05);
}

.dc-row-failed[b-14cfbdhghm] {
    background: rgba(239,68,68,0.05);
}

.dc-cell[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    min-width: 0;
}

.dc-cell-person[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dc-person-name[b-14cfbdhghm] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dc-person-tractor[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dc-class-chip[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    background: rgba(58,132,255,0.1);
    color: var(--trecker-primary);
    padding: 2px 8px;
    border-radius: 999px;
    white-space: nowrap;
}

.dc-cell-insp[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dc-insp-weight[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.dc-insp-reason[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: #dc2626;
}

.dc-cell-actions[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.dc-action-ok[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: #16a34a;
    font-weight: 500;
}

.dc-empty-row[b-14cfbdhghm] {
    padding: var(--trecker-space-xl);
    text-align: center;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

/* ── Badges ── */
.dc-badge[b-14cfbdhghm] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.dc-badge-success[b-14cfbdhghm] { background: rgba(34,197,94,0.15); color: #15803d; }
.dc-badge-danger[b-14cfbdhghm] { background: rgba(239,68,68,0.15); color: #dc2626; }
.dc-badge-warning[b-14cfbdhghm] { background: rgba(245,158,11,0.15); color: #b45309; }
.dc-badge-neutral[b-14cfbdhghm] { background: var(--trecker-bg); color: var(--trecker-text-secondary); border: 1px solid var(--trecker-border); }
.dc-badge-info[b-14cfbdhghm] { background: rgba(59,130,246,0.15); color: #2563eb; }

/* ── Buttons (inline, non-TreckerButton) ── */
.dc-btn[b-14cfbdhghm] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: none;
    border-radius: var(--trecker-border-radius-md);
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    transition: opacity 0.15s, background 0.15s;
}

.dc-btn:disabled[b-14cfbdhghm] { opacity: 0.5; cursor: not-allowed; }

.dc-btn-sm[b-14cfbdhghm] { font-size: 13px; padding: 6px 14px; }
.dc-btn-xs[b-14cfbdhghm] { font-size: 12px; padding: 4px 10px; }

.dc-btn-primary[b-14cfbdhghm] { background: var(--trecker-primary); color: white; }
.dc-btn-primary:hover[b-14cfbdhghm] { opacity: 0.9; }
.dc-btn-primary-active[b-14cfbdhghm] { background: #1d4ed8; color: white; }
.dc-btn-secondary[b-14cfbdhghm] { background: var(--trecker-bg); color: var(--trecker-text-primary); border: 1px solid var(--trecker-border); }
.dc-btn-secondary:hover[b-14cfbdhghm] { border-color: var(--trecker-primary); }
.dc-btn-success[b-14cfbdhghm] { background: #16a34a; color: white; }
.dc-btn-success:hover[b-14cfbdhghm] { background: #15803d; }
.dc-btn-warning[b-14cfbdhghm] { background: #d97706; color: white; }
.dc-btn-warning:hover[b-14cfbdhghm] { background: #b45309; }
.dc-btn-danger[b-14cfbdhghm] { background: #dc2626; color: white; }
.dc-btn-danger:hover[b-14cfbdhghm] { background: #b91c1c; }
.dc-btn-ghost[b-14cfbdhghm] { background: transparent; color: var(--trecker-text-secondary); border: 1px solid var(--trecker-border); }
.dc-btn-ghost:hover[b-14cfbdhghm] { color: var(--trecker-text-primary); border-color: var(--trecker-text-secondary); }

/* ── Competition Tab ── */
.dc-competition-tab[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
}

.dc-comp-header[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.dc-comp-class-pick[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-comp-class-pick select[b-14cfbdhghm] {
    background: var(--trecker-bg);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    padding: 7px 12px;
    min-width: 200px;
}

.dc-comp-class-controls[b-14cfbdhghm] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.dc-comp-empty[b-14cfbdhghm] {
    text-align: center;
    padding: var(--trecker-space-2xl);
    color: var(--trecker-text-secondary);
}

.dc-competition-body[b-14cfbdhghm] {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--trecker-space-lg);
    align-items: start;
}

/* ── Start Order Panel ── */
.dc-startorder-panel[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.dc-panel-title[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
}

.dc-startorder-list[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dc-start-entry[b-14cfbdhghm] {
    display: grid;
    grid-template-columns: 44px 1fr auto auto;
    gap: var(--trecker-space-sm);
    align-items: center;
    padding: 8px 12px;
    border-radius: var(--trecker-border-radius-md);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg);
    transition: border-color 0.15s;
}

.dc-start-entry:hover[b-14cfbdhghm] {
    border-color: var(--trecker-primary);
}

.dc-entry-current[b-14cfbdhghm] {
    border-color: var(--trecker-primary) !important;
    background: rgba(58,132,255,0.06);
    box-shadow: 0 0 0 2px rgba(58,132,255,0.2);
}

.dc-entry-absent[b-14cfbdhghm] {
    opacity: 0.5;
}

.dc-entry-done[b-14cfbdhghm] {
    background: rgba(34,197,94,0.04);
}

.dc-entry-num[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-primary);
    text-align: center;
    line-height: 1;
}

.dc-entry-info[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dc-entry-name[b-14cfbdhghm] {
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dc-entry-tractor[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.dc-entry-result[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 80px;
    justify-content: flex-end;
}

.dc-dist[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.dc-rank[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    color: var(--trecker-primary);
    background: rgba(58,132,255,0.1);
    padding: 1px 6px;
    border-radius: 999px;
}

.dc-entry-actions[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ── Result Panel ── */
.dc-result-panel[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    position: sticky;
    top: var(--trecker-space-lg);
}

.dc-current-card[b-14cfbdhghm] {
    background: var(--trecker-bg);
    border: 2px solid var(--trecker-primary);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
}

.dc-current-label[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    color: var(--trecker-primary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--trecker-space-xs);
}

.dc-live-dot[b-14cfbdhghm] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef4444;
    animation: dc-pulse-b-14cfbdhghm 1.5s ease-in-out infinite;
}

.dc-current-name[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
    line-height: 1.2;
}

.dc-current-details[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-top: 2px;
}

.dc-current-class[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-primary);
    margin-top: 4px;
    font-weight: 500;
}

/* ── Result Form ── */
.dc-result-form-card[b-14cfbdhghm] {
    background: var(--trecker-bg);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.dc-result-form-title[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.dc-result-for[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-xs);
}

.dc-result-flags[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dc-flag-toggle[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    cursor: pointer;
    padding: 6px 8px;
    border-radius: var(--trecker-border-radius-md);
    border: 1px solid transparent;
    transition: background 0.1s;
}

.dc-flag-toggle:hover[b-14cfbdhghm] { background: var(--trecker-surface); }
.dc-flag-active[b-14cfbdhghm] { background: rgba(34,197,94,0.08); border-color: rgba(34,197,94,0.3); color: #15803d; }
.dc-flag-danger[b-14cfbdhghm] { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.3); color: #dc2626; }
.dc-flag-warning[b-14cfbdhghm] { background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.3); color: #b45309; }

.dc-result-distance[b-14cfbdhghm],
.dc-result-dq[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-dist-input[b-14cfbdhghm] {
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    padding: 8px 12px;
    width: 100%;
}

.dc-result-dq select[b-14cfbdhghm] {
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    padding: 6px 10px;
    width: 100%;
}

.dc-result-form-actions[b-14cfbdhghm] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-xs);
}

/* ── Standings Card ── */
.dc-standings-card[b-14cfbdhghm] {
    background: var(--trecker-bg);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
}

.dc-standings-title[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--trecker-space-sm);
}

.dc-standing-row[b-14cfbdhghm] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: var(--trecker-space-sm);
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid var(--trecker-border);
    font-size: var(--trecker-font-size-sm);
}

.dc-standing-row:last-child[b-14cfbdhghm] { border-bottom: none; }
.dc-standing-row-dq[b-14cfbdhghm] { opacity: 0.6; }

.dc-standing-rank[b-14cfbdhghm] {
    font-weight: 700;
    color: var(--trecker-primary);
    font-size: var(--trecker-font-size-xs);
}

.dc-standing-name[b-14cfbdhghm] {
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dc-standing-dist[b-14cfbdhghm] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    white-space: nowrap;
}

/* ── Als Teilnehmer Tab ── */
.dc-view-as-tab[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
}

.dc-view-as-selector[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-view-as-selector select[b-14cfbdhghm] {
    background: var(--trecker-bg);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    padding: 8px 12px;
    min-width: 300px;
}

.dc-view-as-cards[b-14cfbdhghm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--trecker-space-md);
}

.dc-va-card[b-14cfbdhghm] {
    background: var(--trecker-bg);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.dc-va-card-primary[b-14cfbdhghm] {
    border-color: var(--trecker-primary);
    background: rgba(58,132,255,0.04);
}

.dc-va-card-info[b-14cfbdhghm] {
    border-color: var(--trecker-border);
    background: rgba(156,163,175,0.06);
}

.dc-va-card-title[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.dc-va-info-grid[b-14cfbdhghm] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 12px;
    font-size: var(--trecker-font-size-sm);
    align-items: baseline;
}

.dc-va-info-grid span[b-14cfbdhghm] {
    color: var(--trecker-text-secondary);
}

.dc-va-info-grid strong[b-14cfbdhghm], .dc-va-info-grid code[b-14cfbdhghm] {
    color: var(--trecker-text-primary);
}

.dc-va-status-list[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.dc-va-status-row[b-14cfbdhghm] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
}

.dc-va-icon[b-14cfbdhghm] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}

.dc-va-icon-ok[b-14cfbdhghm] { background: rgba(34,197,94,0.15); color: #15803d; }
.dc-va-icon-fail[b-14cfbdhghm] { background: rgba(239,68,68,0.15); color: #dc2626; }
.dc-va-icon-pending[b-14cfbdhghm] { background: var(--trecker-border); color: var(--trecker-text-secondary); }

.dc-va-note[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    background: rgba(58,132,255,0.06);
    border-radius: var(--trecker-border-radius-sm);
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    margin-top: var(--trecker-space-xs);
}

.dc-va-run[b-14cfbdhghm] {
    display: flex;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    padding: 4px 0;
    border-bottom: 1px solid var(--trecker-border);
}

.dc-va-run:last-of-type[b-14cfbdhghm] { border-bottom: none; }

.dc-va-rank[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    font-weight: 500;
    margin-top: var(--trecker-space-xs);
}

.dc-va-credentials[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.dc-va-cred-row[b-14cfbdhghm] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-va-cred-row code[b-14cfbdhghm] {
    font-family: monospace;
    font-size: var(--trecker-font-size-sm);
    background: var(--trecker-surface);
    padding: 2px 8px;
    border-radius: var(--trecker-border-radius-sm);
    border: 1px solid var(--trecker-border);
}

.dc-va-cred-note[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.dc-va-cred-actions[b-14cfbdhghm] {
    margin-top: var(--trecker-space-xs);
}

.dc-va-empty[b-14cfbdhghm] {
    text-align: center;
    padding: var(--trecker-space-2xl);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

/* ── Live Tab ── */
.dc-live-tab[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    padding: 0;
}

.dc-live-header[b-14cfbdhghm] {
    padding: var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.dc-live-header p[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

.dc-live-links[b-14cfbdhghm] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.dc-live-frame-wrap[b-14cfbdhghm] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    padding: 0 var(--trecker-space-lg) var(--trecker-space-lg);
}

.dc-live-frame-label[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.dc-live-frame[b-14cfbdhghm] {
    width: 100%;
    height: 600px;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    background: var(--trecker-bg);
}

/* ── Action Log ── */
.dc-log-panel[b-14cfbdhghm] {
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
}

.dc-log-toggle[b-14cfbdhghm] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    width: 100%;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    color: var(--trecker-text-secondary);
    text-align: left;
    transition: background 0.1s;
}

.dc-log-toggle:hover[b-14cfbdhghm] {
    background: var(--trecker-bg);
}

.dc-log-chevron[b-14cfbdhghm] {
    margin-left: auto;
    transition: transform 0.2s;
    font-style: normal;
}

.dc-log-chevron.open[b-14cfbdhghm] {
    transform: rotate(90deg);
}

.dc-log-content[b-14cfbdhghm] {
    border-top: 1px solid var(--trecker-border);
    max-height: 280px;
    overflow-y: auto;
    padding: var(--trecker-space-sm);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dc-log-empty[b-14cfbdhghm] {
    text-align: center;
    padding: var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

.dc-log-entry[b-14cfbdhghm] {
    display: flex;
    gap: var(--trecker-space-sm);
    padding: 4px 8px;
    border-radius: var(--trecker-border-radius-sm);
    font-size: var(--trecker-font-size-xs);
    font-family: monospace;
}

.dc-log-time[b-14cfbdhghm] {
    color: var(--trecker-text-secondary);
    flex-shrink: 0;
    font-weight: 500;
}

.dc-log-msg[b-14cfbdhghm] {
    color: var(--trecker-text-primary);
}

.dc-log-checkin[b-14cfbdhghm] { background: rgba(34,197,94,0.06); }
.dc-log-inspection[b-14cfbdhghm] { background: rgba(59,130,246,0.06); }
.dc-log-pull[b-14cfbdhghm] { background: rgba(245,158,11,0.06); }
.dc-log-system[b-14cfbdhghm] { background: transparent; }
.dc-log-error[b-14cfbdhghm] { background: rgba(239,68,68,0.06); }

/* ── Modal ── */
.dc-modal-backdrop[b-14cfbdhghm] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.dc-modal[b-14cfbdhghm] {
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-xl);
    padding: var(--trecker-space-xl);
    max-width: 420px;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    box-shadow: var(--trecker-shadow-lg);
}

.dc-modal-title[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.dc-modal p[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

.dc-modal label[b-14cfbdhghm] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-modal-select[b-14cfbdhghm] {
    background: var(--trecker-bg);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    padding: 8px 12px;
    width: 100%;
}

.dc-modal-actions[b-14cfbdhghm] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
}

/* ── Responsive ── */
@media (max-width: 1024px) {
    .dc-competition-body[b-14cfbdhghm] {
        grid-template-columns: 1fr;
    }

    .dc-result-panel[b-14cfbdhghm] {
        position: static;
    }
}

@media (max-width: 768px) {
    .dc-page[b-14cfbdhghm] {
        padding: var(--trecker-space-md);
        gap: var(--trecker-space-md);
    }

    .dc-tabs[b-14cfbdhghm] {
        flex-wrap: wrap;
    }

    .dc-tab[b-14cfbdhghm] {
        flex: 1;
        justify-content: center;
        font-size: var(--trecker-font-size-xs);
        padding: 8px 10px;
    }

    .dc-table-head[b-14cfbdhghm],
    .dc-table-row[b-14cfbdhghm] {
        grid-template-columns: 1fr 1fr;
        gap: var(--trecker-space-sm);
    }

    .dc-table-head span:nth-child(n+3)[b-14cfbdhghm],
    .dc-table-row .dc-cell:nth-child(n+3)[b-14cfbdhghm] {
        grid-column: 1 / -1;
    }

    .dc-stats-bar[b-14cfbdhghm] {
        gap: var(--trecker-space-md);
        padding: var(--trecker-space-md);
    }

    .dc-stat-divider[b-14cfbdhghm] {
        display: none;
    }

    .dc-view-as-cards[b-14cfbdhghm] {
        grid-template-columns: 1fr;
    }

    .dc-view-as-selector[b-14cfbdhghm] {
        flex-direction: column;
        align-items: stretch;
    }

    .dc-view-as-selector select[b-14cfbdhghm],
    .dc-comp-class-pick select[b-14cfbdhghm] {
        min-width: unset;
        width: 100%;
    }

    .dc-comp-class-pick[b-14cfbdhghm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dc-header-actions[b-14cfbdhghm] {
        width: 100%;
    }

    .dc-live-frame[b-14cfbdhghm] {
        height: 400px;
    }
}
/* _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: center;
    justify-content: space-between;
    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/AdminEventFotoLinks.razor.rz.scp.css */
/* ── Section padding ── */
.fl-section[b-kraz245bem] {
    padding: var(--trecker-space-xl);
}

/* ── Create form: new-link result box ── */
.fl-new-link-result[b-kraz245bem] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fl-copy-row[b-kraz245bem] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.fl-copy-input[b-kraz245bem] {
    flex: 1;
    font-size: 13px;
    min-width: 0;
}

/* ── Create form: fields ── */
.fl-form-row[b-kraz245bem] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.fl-form-field[b-kraz245bem] {
    flex: 1 1 220px;
    min-width: 0;
}

.fl-checkbox-row[b-kraz245bem] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
}

.fl-checkbox-label[b-kraz245bem] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* ── Link list ── */
.fl-links-list[b-kraz245bem] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.fl-link-card[b-kraz245bem] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
}

.fl-link-row[b-kraz245bem] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.fl-link-content[b-kraz245bem] {
    flex: 1;
    min-width: 0;
}

.fl-link-name[b-kraz245bem] {
    font-weight: 600;
    font-size: 14px;
}

.fl-link-meta[b-kraz245bem] {
    margin-top: 2px;
}

.fl-link-submitted[b-kraz245bem] {
    margin-top: 4px;
    color: var(--trecker-success);
}

.fl-link-urls[b-kraz245bem] {
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fl-link-url[b-kraz245bem] {
    color: var(--trecker-primary);
    overflow-wrap: anywhere;
}

.fl-link-pending[b-kraz245bem] {
    margin-top: 4px;
}

.fl-link-actions[b-kraz245bem] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

/* ── Mobile ── */
@media (max-width: 640px) {
    .fl-section[b-kraz245bem] {
        padding: var(--trecker-space-md);
    }

    .fl-copy-row[b-kraz245bem] {
        flex-wrap: wrap;
    }

    .fl-copy-input[b-kraz245bem] {
        width: 100%;
    }

    .fl-link-row[b-kraz245bem] {
        flex-direction: column;
    }

    .fl-link-actions[b-kraz245bem] {
        flex-shrink: unset;
        width: 100%;
    }
}
/* _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);
}

/* --- Setup checklist --- */
.EventOverview__Setup[b-m6gqnggskx] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    padding: 16px 20px;
    box-shadow: var(--trecker-shadow-sm);
    margin-bottom: var(--trecker-space-xl);
}

.EventOverview__SetupHead[b-m6gqnggskx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.EventOverview__SetupTitle[b-m6gqnggskx] {
    font-size: var(--trecker-font-size-base);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
    margin: 0;
}

.EventOverview__SetupPill[b-m6gqnggskx] {
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-medium);
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-full);
    padding: 2px 10px;
}

.EventOverview__SetupList[b-m6gqnggskx] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.EventOverview__SetupItem[b-m6gqnggskx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 8px;
    border-radius: var(--trecker-radius-md);
    transition: background 0.12s;
}

.EventOverview__SetupItem:hover[b-m6gqnggskx] {
    background: var(--trecker-bg-tertiary);
}

.EventOverview__SetupIcon[b-m6gqnggskx] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}

.EventOverview__SetupItem--done .EventOverview__SetupIcon[b-m6gqnggskx] {
    color: var(--trecker-success);
    background: rgba(52, 199, 89, 0.12);
    border-color: rgba(52, 199, 89, 0.3);
}

.EventOverview__SetupLabel[b-m6gqnggskx] {
    flex: 1;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    text-decoration: none;
    transition: color 0.12s;
}

.EventOverview__SetupItem:hover .EventOverview__SetupLabel[b-m6gqnggskx] {
    color: var(--trecker-accent);
}

.EventOverview__SetupItem--done .EventOverview__SetupLabel[b-m6gqnggskx] {
    color: var(--trecker-text-tertiary);
    text-decoration: line-through;
    text-decoration-color: rgba(255,255,255,0.2);
}

.EventOverview__SetupCount[b-m6gqnggskx] {
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-medium);
    color: var(--trecker-success);
    background: rgba(52, 199, 89, 0.12);
    border: 1px solid rgba(52, 199, 89, 0.2);
    border-radius: var(--trecker-radius-full);
    padding: 1px 8px;
}

/* --- 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/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/AdminPullOff.razor.rz.scp.css */
/* ── Page header ── */
.page-header[b-rrgyl8rpks] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.page-header-icon[b-rrgyl8rpks] {
    width: 28px;
    height: 28px;
    color: var(--trecker-primary);
    flex-shrink: 0;
}

/* ── Selector card ── */
.po-selector-card[b-rrgyl8rpks] {
    padding: var(--trecker-space-md);
}

.po-selector-row[b-rrgyl8rpks] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.po-field-flex[b-rrgyl8rpks] {
    flex: 1;
    min-width: 200px;
    margin-bottom: 0;
}

.po-field-fixed[b-rrgyl8rpks] {
    flex: 0 0 120px;
    min-width: 120px;
    margin-bottom: 0;
}

/* ── Driver selection card ── */
.po-driver-card[b-rrgyl8rpks] {
    padding: var(--trecker-space-md);
}

.po-driver-select-row[b-rrgyl8rpks] {
    padding: var(--trecker-space-sm);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.po-driver-info[b-rrgyl8rpks] {
    flex: 1;
    min-width: 150px;
}

/* ── Round card ── */
.po-round-card[b-rrgyl8rpks] {
    padding: var(--trecker-space-md);
    border: 1px solid var(--trecker-warning);
    border-top: 3px solid var(--trecker-warning);
}

.po-round-header[b-rrgyl8rpks] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-md);
}

.po-round-title-group[b-rrgyl8rpks] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.po-round-icon[b-rrgyl8rpks] {
    width: 18px;
    height: 18px;
    color: var(--trecker-warning);
    flex-shrink: 0;
}

.po-round-title[b-rrgyl8rpks] {
    color: var(--trecker-warning);
    margin: 0;
}

.po-weight-group[b-rrgyl8rpks] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.po-weight-label[b-rrgyl8rpks] {
    margin: 0;
    white-space: nowrap;
}

.po-weight-input[b-rrgyl8rpks] {
    width: 130px;
}

.po-round-delete[b-rrgyl8rpks] {
    margin-left: auto;
}

/* ── Stechen driver row ── */
.SteRow[b-rrgyl8rpks] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: var(--trecker-space-md);
    align-items: start;
    padding: var(--trecker-space-sm) 0;
    border-bottom: 1px solid var(--trecker-border);
}

.SteRow:last-child[b-rrgyl8rpks] {
    border-bottom: none;
}

.SteRow__Driver[b-rrgyl8rpks] {
    min-width: 0;
}

.SteRow__Inputs[b-rrgyl8rpks] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: flex-end;
    flex-wrap: wrap;
}

.SteRow__Action[b-rrgyl8rpks] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    align-items: flex-end;
}

.po-ste-flags[b-rrgyl8rpks] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: center;
    padding-top: 22px;
}

.po-ste-checkbox[b-rrgyl8rpks] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

/* ── Mobile ── */
@media (max-width: 640px) {
    .SteRow[b-rrgyl8rpks] {
        grid-template-columns: 1fr;
        gap: var(--trecker-space-sm);
    }

    .SteRow__Action[b-rrgyl8rpks] {
        align-items: flex-start;
    }

    .po-ste-flags[b-rrgyl8rpks] {
        padding-top: 0;
    }

    .po-round-delete[b-rrgyl8rpks] {
        margin-left: 0;
    }

    .po-weight-input[b-rrgyl8rpks] {
        width: 100%;
    }

    .po-weight-group[b-rrgyl8rpks] {
        flex-wrap: wrap;
    }
}
/* _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/AdminSecurity.razor.rz.scp.css */
.stats-row[b-y6nvbtskx2] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.stat-card[b-y6nvbtskx2] {
    flex: 1;
    min-width: 140px;
    padding: var(--trecker-space-md);
    text-align: center;
}

.stat-value[b-y6nvbtskx2] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--trecker-text-primary);
}

.stat-label[b-y6nvbtskx2] {
    font-size: var(--trecker-font-size-sm);
    margin-top: var(--trecker-space-xs);
}

.stat-card-sm[b-y6nvbtskx2] {
    flex: 1;
    min-width: 100px;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tab-btn[b-y6nvbtskx2] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    cursor: pointer;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    transition: color 0.15s, border-color 0.15s;
}

.tab-btn:hover[b-y6nvbtskx2] {
    color: var(--trecker-text-primary);
}

.tab-active[b-y6nvbtskx2] {
    color: var(--trecker-primary) !important;
    border-bottom-color: var(--trecker-primary) !important;
    font-weight: 600;
}

.log-row[b-y6nvbtskx2] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.row-blocked[b-y6nvbtskx2] {
    border-left: 3px solid var(--trecker-error);
}

.log-badge[b-y6nvbtskx2] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
    background: var(--trecker-bg-tertiary);
}

.ip-tag[b-y6nvbtskx2] {
    font-family: var(--trecker-font-mono);
    background: var(--trecker-bg-tertiary);
    padding: 1px 6px;
    border-radius: 4px;
}

.method-badge[b-y6nvbtskx2] {
    font-size: 0.65rem;
    padding: 1px 5px;
}

.reason-tag[b-y6nvbtskx2] {
    padding: 1px 6px;
    border-radius: 4px;
    font-weight: 500;
}

.reason-honeypot[b-y6nvbtskx2] {
    background: color-mix(in srgb, var(--trecker-error) 15%, transparent);
    color: var(--trecker-error);
}

.reason-ua[b-y6nvbtskx2] {
    background: color-mix(in srgb, var(--trecker-warning) 15%, transparent);
    color: var(--trecker-warning);
}

.reason-attack[b-y6nvbtskx2] {
    background: color-mix(in srgb, var(--trecker-warning) 15%, transparent);
    color: var(--trecker-warning);
}

.reason-other[b-y6nvbtskx2] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}
/* _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/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;
    }
}