/* _content/TreckerTreckWebsite.Shared/Components/Layout/TreckerAdminLayout.razor.rz.scp.css */
/* Scoped styles for TreckerAdminLayout — extracted from former inline styles. */

/* Access-denied card */
.admin-denied-card[b-y1d5py42ao] {
    width: min(400px, calc(100vw - 2 * var(--trecker-space-lg)));
    text-align: center;
    padding: var(--trecker-space-2xl);
}

.admin-denied-login[b-y1d5py42ao] {
    display: inline-flex;
    margin-top: var(--trecker-space-lg);
}

/* Header left section (burger + logo) */
.admin-header-left[b-y1d5py42ao] {
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

/* "Zur Website" external link */
.admin-site-link[b-y1d5py42ao] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.admin-site-link svg[b-y1d5py42ao] {
    flex-shrink: 0;
}

/* Profile photo inside the avatar bubble */
.admin-avatar-photo[b-y1d5py42ao] {
    padding: 0;
    overflow: hidden;
}

.admin-avatar-img[b-y1d5py42ao] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

/* Click-away backdrop for the user dropdown */
.admin-menu-backdrop[b-y1d5py42ao] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/* Sidebar */
.admin-group-title-first[b-y1d5py42ao] {
    margin-top: 0;
}

.admin-sidebar-divider[b-y1d5py42ao] {
    margin: var(--trecker-space-md) var(--trecker-space-sm);
}

/* Page-level error card */
.admin-error-wrap[b-y1d5py42ao] {
    padding: var(--trecker-space-xl);
}

.admin-error-card[b-y1d5py42ao] {
    border: 2px solid var(--trecker-error);
    padding: var(--trecker-space-xl);
    background: var(--trecker-error-bg);
}

.admin-error-title[b-y1d5py42ao] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    color: var(--trecker-error);
    margin: 0 0 var(--trecker-space-md);
}

.admin-error-title svg[b-y1d5py42ao] {
    flex-shrink: 0;
}

.admin-error-text[b-y1d5py42ao] {
    margin: 0 0 var(--trecker-space-md);
}

.admin-error-detail[b-y1d5py42ao] {
    background: var(--trecker-bg-secondary);
    border-left: 4px solid var(--trecker-error);
    padding: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
    border-radius: var(--trecker-border-radius);
    word-break: break-all;
}

.admin-error-detail p[b-y1d5py42ao] {
    margin: 0;
    font-family: monospace;
    font-size: var(--trecker-font-size-sm);
}

.admin-error-actions[b-y1d5py42ao] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.admin-error-actions .TreckerButton[b-y1d5py42ao] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminAnalytics.razor.rz.scp.css */
/* ── AdminAnalytics — scoped styles (moved from inline <style> block, tokenized) ── */

.AdmAn[b-1yuf7nrvkz] {
    padding: var(--trecker-space-lg);
}

/* Header */
.AdmAn__Header[b-1yuf7nrvkz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 14px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--trecker-border);
}

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

.AdmAn__Icon[b-1yuf7nrvkz] {
    width: 32px;
    height: 32px;
    color: var(--trecker-accent);
    flex-shrink: 0;
    margin-top: 4px;
}

.AdmAn__Title[b-1yuf7nrvkz] {
    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;
}

.AdmAn__Subtitle[b-1yuf7nrvkz] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.AdmAn__CsvBtn[b-1yuf7nrvkz] {
    white-space: nowrap;
    flex-shrink: 0;
}

.AdmAn__CsvIcon[b-1yuf7nrvkz] {
    margin-right: 6px;
    vertical-align: -2px;
}

/* Loading / empty states */
.AdmAn__Loading[b-1yuf7nrvkz] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-2xl);
}

.AdmAn__Empty[b-1yuf7nrvkz] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.AdmAn__EmptyIcon[b-1yuf7nrvkz] {
    color: var(--trecker-text-tertiary);
    margin: 0 auto 16px;
    display: block;
}

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

.AdmAn__StatCard[b-1yuf7nrvkz] {
    padding: var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.AdmAn__StatLabel[b-1yuf7nrvkz] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    font-weight: 500;
}

.AdmAn__StatValue[b-1yuf7nrvkz] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--trecker-text-primary);
}

.AdmAn__StatValue--primary[b-1yuf7nrvkz] { color: var(--trecker-primary); }
.AdmAn__StatValue--success[b-1yuf7nrvkz] { color: var(--trecker-success); }
.AdmAn__StatValue--warning[b-1yuf7nrvkz] { color: var(--trecker-warning); }

.AdmAn__StatValue--text[b-1yuf7nrvkz] {
    font-size: 1.05em;
    word-break: break-word;
}

.AdmAn__StatPct[b-1yuf7nrvkz] {
    font-size: 0.75em;
    opacity: 0.7;
}

/* Chart cards */
.AdmAn__ChartsGrid[b-1yuf7nrvkz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
    gap: var(--trecker-space-lg);
}

.AdmAn__ChartCard[b-1yuf7nrvkz] {
    padding: var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.AdmAn__ChartHeader[b-1yuf7nrvkz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.AdmAn__ChartTitle[b-1yuf7nrvkz] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.AdmAn__ChartSub[b-1yuf7nrvkz] {
    margin: 3px 0 0;
    font-size: 12px;
    color: var(--trecker-text-secondary);
}

/* Download buttons */
.AdmAn__DlBtn[b-1yuf7nrvkz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--trecker-accent) 40%, transparent);
    color: var(--trecker-accent);
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.AdmAn__DlBtn:hover[b-1yuf7nrvkz] {
    background: var(--trecker-accent-light);
    border-color: var(--trecker-accent);
}

/* Map controls */
.AdmAn__MapControls[b-1yuf7nrvkz] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.AdmAn__MapControlLabel[b-1yuf7nrvkz] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    white-space: nowrap;
}

.AdmAn__MapControlVal[b-1yuf7nrvkz] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    min-width: 34px;
}

.AdmAn__ScaleSlider[b-1yuf7nrvkz] {
    width: 90px;
    accent-color: var(--trecker-accent);
    cursor: pointer;
}

/* Chart bodies */
.AdmAn__ChartBody[b-1yuf7nrvkz] {
    position: relative;
    height: 280px;
}

.AdmAn__ChartBody canvas[b-1yuf7nrvkz] {
    max-height: 100% !important;
}

.AdmAn__ChartBody--bar[b-1yuf7nrvkz] { height: 340px; }
.AdmAn__ChartBody--map[b-1yuf7nrvkz] { height: 420px; min-height: 280px; }
.AdmAn__ChartCard--full[b-1yuf7nrvkz] { grid-column: 1 / -1; }

.AdmAn__Map[b-1yuf7nrvkz] {
    height: 100%;
    width: 100%;
    border-radius: 6px;
}

.AdmAn__DistInfo[b-1yuf7nrvkz] {
    text-align: center;
    margin-top: 4px;
    min-height: 1.2em;
}

.AdmAn__NoCoords[b-1yuf7nrvkz] {
    padding: var(--trecker-space-md) 0;
}

/* "No geo data" empty card */
.AdmAn__GeoEmpty[b-1yuf7nrvkz] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: var(--trecker-space-lg) 0;
}

.AdmAn__GeoEmptyIcon[b-1yuf7nrvkz] {
    color: var(--trecker-text-tertiary);
    flex-shrink: 0;
}

.AdmAn__GeoEmptyTitle[b-1yuf7nrvkz] {
    margin: 0;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.AdmAn__GeoEmptySub[b-1yuf7nrvkz] {
    margin: 4px 0 0;
}

.AdmAn__Stand[b-1yuf7nrvkz] {
    text-align: right;
}

@media (max-width: 640px) {
    .AdmAn__StatGrid[b-1yuf7nrvkz] { grid-template-columns: repeat(2, 1fr); }
    .AdmAn__ChartsGrid[b-1yuf7nrvkz] { grid-template-columns: 1fr; }
    .AdmAn__ChartBody[b-1yuf7nrvkz] { height: 240px; }
    .AdmAn__ChartBody--bar[b-1yuf7nrvkz] { height: 280px; }
    .AdmAn__ChartBody--map[b-1yuf7nrvkz] { height: 320px; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminBahnAssignment.razor.rz.scp.css */
/* =========================================================
   BahnAssignment — Bahn-Zuweisung Admin Page
========================================================= */

.BahnAssignment__Body[b-rppukimb90] {
    padding: var(--trecker-space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
}

.BahnAssignment__Loading[b-rppukimb90] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-2xl);
    justify-content: center;
}

.BahnAssignment__SingleBahnCard[b-rppukimb90] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-2xl);
    text-align: center;
    max-width: 480px;
    margin: 0 auto;
}

.BahnAssignment__SingleBahnIcon[b-rppukimb90] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--trecker-warning-bg, rgba(245, 158, 11, 0.1));
}

.BahnAssignment__SingleBahnTitle[b-rppukimb90] {
    font-size: var(--trecker-font-size-lg);
}

.BahnAssignment__SingleBahnText[b-rppukimb90] {
    font-size: var(--trecker-font-size-sm);
    max-width: 340px;
}

.BahnAssignment__SingleBahnBtn[b-rppukimb90] {
    margin-top: var(--trecker-space-sm);
}

.BahnAssignment__ConfigCard[b-rppukimb90] {
    padding: var(--trecker-space-lg);
}

.BahnAssignment__ConfigHeader[b-rppukimb90] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

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

.BahnAssignment__ConfigItem[b-rppukimb90] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-color, var(--trecker-border));
    border-radius: var(--trecker-border-radius);
    padding: var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.BahnAssignment__ConfigItem--inactive[b-rppukimb90] {
    opacity: 0.5;
}

.BahnAssignment__ConfigItemTop[b-rppukimb90] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.BahnAssignment__ColorSwatch[b-rppukimb90] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

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

.BahnAssignment__ColorInput[b-rppukimb90] {
    height: 44px;
    padding: 4px;
    cursor: pointer;
}

.BahnAssignment__SaveBtn[b-rppukimb90] {
    align-self: flex-start;
    min-height: 44px;
    width: 100%;
}

.BahnAssignment__GridCard[b-rppukimb90] {
    padding: var(--trecker-space-lg);
}

.BahnAssignment__GridHeader[b-rppukimb90] {
    margin-bottom: var(--trecker-space-lg);
}

.BahnAssignment__GridHeader h2[b-rppukimb90] {
    margin-bottom: var(--trecker-space-xs);
}

.BahnAssignment__TableWrapper[b-rppukimb90] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.BahnAssignment__Table[b-rppukimb90] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--trecker-font-size-sm);
}

.BahnAssignment__Table th[b-rppukimb90],
.BahnAssignment__Table td[b-rppukimb90] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border-color, var(--trecker-border));
    vertical-align: middle;
    white-space: nowrap;
}

.BahnAssignment__Table th[b-rppukimb90] {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-secondary);
    position: sticky;
    top: 0;
    z-index: 1;
}

.BahnAssignment__ThKlasse[b-rppukimb90]  { min-width: 140px; }
.BahnAssignment__ThAnmeldung[b-rppukimb90] { min-width: 120px; }
.BahnAssignment__ThFahrer[b-rppukimb90]  { min-width: 70px; text-align: center; }
.BahnAssignment__ThBahn[b-rppukimb90]    { min-width: 80px; text-align: center; }
.BahnAssignment__ThNone[b-rppukimb90]    { min-width: 70px; text-align: center; }

.BahnAssignment__TdFahrer[b-rppukimb90],
.BahnAssignment__TdBahn[b-rppukimb90],
.BahnAssignment__TdNone[b-rppukimb90] {
    text-align: center;
}

.BahnAssignment__TdKlasse[b-rppukimb90] {
    min-width: 140px;
}

.BahnAssignment__Row--saving[b-rppukimb90] {
    opacity: 0.6;
    pointer-events: none;
}

.BahnAssignment__AssignBtn[b-rppukimb90] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-border-color, var(--trecker-border));
    background: transparent;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    font-size: 13px;
    font-weight: 600;
}

.BahnAssignment__AssignBtn:hover[b-rppukimb90] {
    background: var(--trecker-bg-hover, var(--trecker-bg-secondary));
    border-color: var(--trecker-text-secondary);
    color: var(--trecker-text-primary);
}

.BahnAssignment__AssignBtn--active[b-rppukimb90] {
    font-weight: 700;
}

.BahnAssignment__AssignBtn--none.BahnAssignment__AssignBtn--active[b-rppukimb90],
.BahnAssignment__AssignBtn--none[b-rppukimb90] {
    color: var(--trecker-text-tertiary);
}

.BahnAssignment__AssignBtnNumber[b-rppukimb90] {
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.BahnAssignment__Summary[b-rppukimb90] {
    margin-top: var(--trecker-space-xl);
    border-top: 1px solid var(--trecker-border-color, var(--trecker-border));
    padding-top: var(--trecker-space-lg);
}

.BahnAssignment__SummaryTitle[b-rppukimb90] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-md);
    font-size: 11px;
}

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

.BahnAssignment__SummaryItem[b-rppukimb90] {
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius);
    padding: var(--trecker-space-md);
}

.BahnAssignment__SummaryHeader[b-rppukimb90] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    padding-left: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
}

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

.BahnAssignment__SummaryListItem[b-rppukimb90] {
    font-size: 12px;
    padding: 2px 0;
    color: var(--trecker-text-primary);
}

@media (max-width: 600px) {
    .BahnAssignment__Body[b-rppukimb90] {
        padding: var(--trecker-space-md);
    }

    .BahnAssignment__AssignBtn[b-rppukimb90] {
        width: 44px;
        height: 44px;
    }

    .BahnAssignment__ConfigGrid[b-rppukimb90] {
        grid-template-columns: 1fr;
    }

    .BahnAssignment__SummaryGrid[b-rppukimb90] {
        grid-template-columns: 1fr;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminBriefing.razor.rz.scp.css */
/* TreckerTreck — Admin-Briefing-Editor (F2). Schichtplan-Style. */

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

.BriefingAdmin__Header[b-t12ocb48nf] {
    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);
}

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

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

.BriefingAdmin__Title[b-t12ocb48nf] {
    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;
}

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

.BriefingAdmin__HeaderActions[b-t12ocb48nf] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.BriefingAdmin__Alert[b-t12ocb48nf] {
    margin: 0;
}

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

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

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

.BriefStat--required[b-t12ocb48nf] {
    border-left: 3px solid #ff7a3d;
}

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

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

.BriefStat__Value--text[b-t12ocb48nf] {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

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

/* Editor */
.BriefingAdmin__Editor[b-t12ocb48nf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

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

.BriefingAdmin__EditorPane[b-t12ocb48nf],
.BriefingAdmin__PreviewPane[b-t12ocb48nf] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 320px;
}

.BriefingAdmin__PaneHead[b-t12ocb48nf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid var(--trecker-border);
    gap: 10px;
}

.BriefingAdmin__PaneHead h2[b-t12ocb48nf] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}

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

.BriefingAdmin__Textarea[b-t12ocb48nf] {
    flex: 1;
    width: 100%;
    border: none;
    background: transparent;
    color: var(--trecker-text-primary);
    padding: 14px;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 13px;
    line-height: 1.5;
    resize: vertical;
    outline: none;
}

.BriefingAdmin__Preview[b-t12ocb48nf] {
    padding: 14px;
    overflow: auto;
    line-height: 1.55;
    font-size: 14px;
    color: var(--trecker-text-primary);
}

.BriefingAdmin__Preview h1[b-t12ocb48nf],
.BriefingAdmin__Preview h2[b-t12ocb48nf],
.BriefingAdmin__Preview h3[b-t12ocb48nf] {
    margin-top: 16px;
    margin-bottom: 8px;
}

.BriefingAdmin__Preview h1[b-t12ocb48nf] { font-size: 1.5em; }
.BriefingAdmin__Preview h2[b-t12ocb48nf] { font-size: 1.25em; }
.BriefingAdmin__Preview h3[b-t12ocb48nf] { font-size: 1.05em; }

.BriefingAdmin__Preview ul[b-t12ocb48nf],
.BriefingAdmin__Preview ol[b-t12ocb48nf] {
    padding-left: 1.5em;
    margin: 8px 0;
}

.BriefingAdmin__Preview a[b-t12ocb48nf] {
    color: #ff7a3d;
}

.BriefingAdmin__Preview code[b-t12ocb48nf] {
    background: rgba(127, 127, 127, 0.15);
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 0.9em;
}

/* Settings + Actions */
.BriefingAdmin__Settings[b-t12ocb48nf] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.BriefingAdmin__Check[b-t12ocb48nf] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    cursor: pointer;
    flex: 1;
    min-width: 280px;
}

.BriefingAdmin__Check input[type="checkbox"][b-t12ocb48nf] {
    width: 18px;
    height: 18px;
    accent-color: #ff7a3d;
}

.BriefingAdmin__Actions[b-t12ocb48nf] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Acknowledgments */
.BriefingAdmin__Section[b-t12ocb48nf] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.BriefingAdmin__SectionTitle[b-t12ocb48nf] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

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

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

.BriefAck[b-t12ocb48nf] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
}

.BriefAck--current[b-t12ocb48nf] {
    border-left: 3px solid #2ea043;
}

.BriefAck--stale[b-t12ocb48nf] {
    border-left: 3px solid #f59e0b;
    opacity: 0.85;
}

.BriefAck__Body[b-t12ocb48nf] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.BriefAck__Name[b-t12ocb48nf] { font-size: 14px; font-weight: 600; }
.BriefAck__Meta[b-t12ocb48nf] { font-size: 12px; color: var(--trecker-text-secondary); }
.BriefAck__Time[b-t12ocb48nf] {
    text-align: right;
    font-size: 12px;
    color: var(--trecker-text-secondary);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.BriefAck__VersionPill[b-t12ocb48nf] {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 2px 7px;
    border-radius: 4px;
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.BriefAck__VersionPill--current[b-t12ocb48nf] {
    background: rgba(46, 160, 67, 0.16);
    color: #2ea043;
}

.BriefAck__VersionPill--pending[b-t12ocb48nf] {
    background: rgba(99, 99, 99, 0.12);
    color: var(--trecker-text-secondary);
}

.BriefAck--pending[b-t12ocb48nf] {
    border-left: 3px solid var(--trecker-border);
    opacity: 0.8;
}

/* Loading state */
.BriefingAdmin__Loading[b-t12ocb48nf] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: var(--trecker-space-lg, 24px);
    text-align: center;
}

/* Language tabs */
.BriefingAdmin__LangTabs[b-t12ocb48nf] {
    display: flex;
    gap: 4px;
}

.BriefLangTab[b-t12ocb48nf] {
    padding: 6px 18px;
    border-radius: 8px 8px 0 0;
    border: 1px solid var(--trecker-border);
    border-bottom: none;
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.BriefLangTab--active[b-t12ocb48nf] {
    background: var(--trecker-bg-primary, #fff);
    color: var(--trecker-text-primary);
    border-color: var(--trecker-border);
    border-bottom-color: var(--trecker-bg-primary, #fff);
}

/* Variables hint strip */
.BriefingAdmin__VarHint[b-t12ocb48nf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    font-size: 12px;
    color: var(--trecker-text-secondary);
}

.BriefingAdmin__VarHintTitle[b-t12ocb48nf] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    white-space: nowrap;
}

.BriefVar[b-t12ocb48nf] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.BriefVar code[b-t12ocb48nf] {
    background: rgba(127, 127, 127, 0.12);
    border: 1px solid var(--trecker-border);
    border-radius: 4px;
    padding: 1px 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    color: #ff7a3d;
}

/* PDF section */
.BriefingAdmin__PdfSection[b-t12ocb48nf] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.BriefingAdmin__PdfHint[b-t12ocb48nf] {
    margin: -4px 0 0;
}

.BriefingAdmin__PdfList[b-t12ocb48nf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

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

.BriefingAdmin__PdfIcon[b-t12ocb48nf] {
    width: 20px;
    height: 20px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.BriefingAdmin__PdfName[b-t12ocb48nf] {
    flex: 1;
    font-size: 13px;
    font-weight: 500;
    min-width: 0;
}

.BriefingAdmin__PdfBusy[b-t12ocb48nf] {
    margin: 4px 0 0;
    font-size: 13px;
}

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

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

/* Search input */
.BriefingAdmin__Search[b-t12ocb48nf] {
    max-width: 240px;
    font-size: 13px;
    padding: 6px 10px;
    height: auto;
}

/* Intro / how-it-works explainer */
.BriefingAdmin__Intro[b-t12ocb48nf] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 65%);
    border: 1px solid rgba(255, 122, 61, 0.25);
    border-radius: 12px;
    padding: 16px 18px;
}

.BriefingAdmin__IntroIcon[b-t12ocb48nf] {
    width: 26px;
    height: 26px;
    color: #ff7a3d;
    flex-shrink: 0;
    margin-top: 2px;
}

.BriefingAdmin__IntroIcon svg[b-t12ocb48nf] { width: 100%; height: 100%; }

.BriefingAdmin__IntroBody[b-t12ocb48nf] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.BriefingAdmin__IntroText[b-t12ocb48nf] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--trecker-text-primary);
}

.BriefingAdmin__Steps[b-t12ocb48nf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}

.BriefStep[b-t12ocb48nf] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 8px 10px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 9px;
}

.BriefStep__Num[b-t12ocb48nf] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff7a3d;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.BriefStep__Text[b-t12ocb48nf] {
    font-size: 12.5px;
    line-height: 1.35;
    color: var(--trecker-text-secondary);
}

/* Send-via-Rundschreiben card */
.BriefingAdmin__SendCard[b-t12ocb48nf] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.BriefingAdmin__SendMain[b-t12ocb48nf] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.BriefingAdmin__SendIcon[b-t12ocb48nf] {
    width: 34px;
    height: 34px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.BriefingAdmin__SendIcon svg[b-t12ocb48nf] { width: 100%; height: 100%; }

.BriefingAdmin__SendCopy[b-t12ocb48nf] {
    flex: 1;
    min-width: 220px;
}

.BriefingAdmin__SendBtn[b-t12ocb48nf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.BriefingAdmin__SendHints[b-t12ocb48nf] {
    margin: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--trecker-text-secondary);
}

.BriefingAdmin__SendHints li[b-t12ocb48nf]::marker {
    color: #ff7a3d;
}

/* Requires-ack hint */
.BriefingAdmin__CheckHint[b-t12ocb48nf] {
    display: block;
    margin-top: 2px;
    font-size: 11.5px;
    font-weight: 400;
    color: var(--trecker-text-secondary);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminChampionshipEdit.razor.rz.scp.css */
/* ============================================================================
   AdminChampionshipEdit.razor — Scoped Styles
   ============================================================================
   Layout for championship editing: general settings, events, classes, links,
   and points distribution. Uses design tokens from trecker-variables.css.
   All interactive elements meet 44px touch target.
   ============================================================================ */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ── Branding (Logo / Banner) ───────────────────────────────────────── */
.ce-brand-grid[b-141yj8v8jy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--trecker-space-lg);
}

.ce-brand-box[b-141yj8v8jy] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    padding: var(--trecker-space-md);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    background: var(--trecker-bg-secondary);
    min-width: 0;
}

.ce-brand-logo[b-141yj8v8jy] {
    max-width: 160px;
    max-height: 160px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    background: var(--trecker-bg-primary);
}

.ce-brand-banner[b-141yj8v8jy] {
    max-width: 100%;
    height: auto;
    aspect-ratio: 3 / 1;
    object-fit: cover;
    border-radius: 8px;
}

.ce-brand-empty[b-141yj8v8jy] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    border: 1px dashed var(--trecker-border);
    border-radius: 8px;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

/* ── Veranstalter-Einladungen ───────────────────────────────────────── */
.ce-invite-list[b-141yj8v8jy] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ce-invite-row[b-141yj8v8jy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    align-items: flex-start;
    justify-content: space-between;
    padding: var(--trecker-space-md);
}

.ce-invite-actions[b-141yj8v8jy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
}

.ce-invite-link[b-141yj8v8jy] {
    word-break: break-all;
    font-family: monospace;
    font-size: var(--trecker-font-size-sm);
}

/* Tablet/Desktop: die zusaetzliche Breite auch nutzen (zwei Spalten). */
@media (min-width: 768px) {
    .ce-brand-grid[b-141yj8v8jy] {
        grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
        align-items: start;
    }
}

@media (max-width: 640px) {
    .ce-invite-row[b-141yj8v8jy] {
        flex-direction: column;
    }

    .ce-invite-actions[b-141yj8v8jy] {
        width: 100%;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminChampionships.razor.rz.scp.css */
.Championships__Header[b-qk3egac474] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.Championships__HeaderIcon[b-qk3egac474] {
    width: 28px;
    height: 28px;
    color: var(--trecker-primary);
    flex-shrink: 0;
}

.Championships__HeaderTitle[b-qk3egac474] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.Championships__CreateForm[b-qk3egac474] {
    padding: var(--trecker-space-lg);
}

.Championships__FormRow[b-qk3egac474] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.Championships__FormField[b-qk3egac474] {
    flex: 1 1 250px;
    min-width: 250px;
}

.Championships__FormFieldSmall[b-qk3egac474] {
    flex: 1 1 100px;
    min-width: 100px;
}

.Championships__FormFieldMed[b-qk3egac474] {
    flex: 1 1 180px;
    min-width: 180px;
}

.Championships__FormFieldLarge[b-qk3egac474] {
    flex: 1 1 300px;
    min-width: 300px;
}

.Championships__FormActions[b-qk3egac474] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: center;
    flex-wrap: wrap;
}

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

.Championships__Card[b-qk3egac474] {
    padding: var(--trecker-space-lg);
}

.Championships__CardContent[b-qk3egac474] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.Championships__CardMeta[b-qk3egac474] {
    flex: 1;
    min-width: 200px;
}

.Championships__CardMeta h3[b-qk3egac474] {
    margin: 0 0 var(--trecker-space-xs);
}

.Championships__CardMeta p[b-qk3egac474] {
    margin: 0;
}

.Championships__CardActions[b-qk3egac474] {
    display: flex;
    gap: var(--trecker-space-sm);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminCheckIn.razor.rz.scp.css */
.AdminCheckIn[b-4otnf0snhr] {
    max-width: 1000px;
}

.AdminCheckIn__Header[b-4otnf0snhr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding-bottom: 12px;
    margin-bottom: var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border);
}
.AdminCheckIn__HeaderLeft[b-4otnf0snhr] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}
.AdminCheckIn__Icon[b-4otnf0snhr] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}
.AdminCheckIn__Title[b-4otnf0snhr] {
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
    background: linear-gradient(135deg, #ff8a3d 0%, #ff4c1e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.AdminCheckIn__Subtitle[b-4otnf0snhr] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

@media (max-width: 768px) {
    .AdminCheckIn[b-4otnf0snhr] {
        max-width: 100%;
    }

    /* Stat cards: 2 columns */
    .AdminCheckIn [style*="grid-template-columns: repeat(auto-fit"][b-4otnf0snhr] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Scan mode buttons full width */
    .TreckerScanModeBtn[b-4otnf0snhr] {
        flex: 1;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminClasses.razor.rz.scp.css */
/* ============================================================================
   AdminClasses.razor — Scoped Styles
   ============================================================================ */

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

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

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

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

/* --- Loading state --- */
.ac-loading[b-w6huacbu1j] {
    padding: var(--trecker-space-lg);
    text-align: center;
}

/* ============================================================================
   SIGNUPS TAB BAR
   ============================================================================ */

.ac-signups-bar[b-w6huacbu1j] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    flex-wrap: wrap;
}

.ac-tab-list[b-w6huacbu1j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    flex: 1;
    min-width: 0;
}

.ac-no-signups[b-w6huacbu1j] {
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
}

.ac-add-signup-btn[b-w6huacbu1j] {
    flex-shrink: 0;
    white-space: nowrap;
}

.ac-tab[b-w6huacbu1j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: var(--trecker-border-radius-sm);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    transition: all var(--trecker-transition-fast);
    min-height: 36px;
    white-space: nowrap;
}

.ac-tab:hover:not(.ac-tab--active)[b-w6huacbu1j] {
    color: var(--trecker-text-primary);
    border-color: var(--trecker-accent, #34C759);
}

.ac-tab--active[b-w6huacbu1j] {
    background: var(--trecker-accent, #34C759);
    color: #fff;
    border-color: var(--trecker-accent, #34C759);
    font-weight: 600;
}

.ac-tab-count[b-w6huacbu1j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    background: rgba(0, 0, 0, 0.12);
    color: inherit;
}

.ac-tab--active .ac-tab-count[b-w6huacbu1j] {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* ============================================================================
   SETTINGS ACCORDION
   ============================================================================ */

.ac-settings-card[b-w6huacbu1j] {
    padding: var(--trecker-space-lg);
}

.ac-settings-toggle[b-w6huacbu1j] {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.ac-settings-toggle-label[b-w6huacbu1j] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ac-open-badge[b-w6huacbu1j] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 100px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    background: rgba(52, 199, 89, 0.15);
    color: var(--trecker-accent, #34C759);
}

.ac-closed-badge[b-w6huacbu1j] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 100px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ============================================================================
   CLASSES SECTION
   ============================================================================ */

.ac-classes-header[b-w6huacbu1j] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
}

.ac-classes-header-title[b-w6huacbu1j] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ac-classes-for-signup[b-w6huacbu1j] {
    font-weight: 400;
    color: var(--trecker-text-secondary);
    font-size: 0.9em;
}

.ac-classes-header-actions[b-w6huacbu1j] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: center;
    padding-top: 2px;
}

/* --- Empty state --- */
.ac-empty-classes[b-w6huacbu1j] {
    padding: var(--trecker-space-xl);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.ac-empty-icon[b-w6huacbu1j] {
    color: var(--trecker-text-secondary);
    opacity: 0.4;
}

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

/* --- Class card --- */
.ac-class-card[b-w6huacbu1j] {
    padding: var(--trecker-space-md);
    transition: border-color var(--trecker-transition-fast);
}

.ac-class-card--editing[b-w6huacbu1j] {
    border-color: var(--trecker-accent, #34C759);
}

/* --- Class summary (compact view) --- */
.ac-class-summary[b-w6huacbu1j] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ac-class-info[b-w6huacbu1j] {
    flex: 1 1 200px;
    min-width: 160px;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ac-class-name-text[b-w6huacbu1j] {
    font-size: var(--trecker-font-size-base);
}

/* --- Class metrics row --- */
.ac-class-metrics[b-w6huacbu1j] {
    display: flex;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
    align-items: center;
    flex: 1 1 auto;
}

.ac-metric[b-w6huacbu1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 44px;
}

.ac-metric-label[b-w6huacbu1j] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.ac-metric-val[b-w6huacbu1j] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-primary);
    white-space: nowrap;
}

/* --- Class actions (compact view) --- */
.ac-class-actions[b-w6huacbu1j] {
    display: flex;
    gap: var(--trecker-space-xs);
    align-items: center;
    flex-shrink: 0;
}

.ac-reorder-btn[b-w6huacbu1j] {
    padding: 6px 8px;
    min-width: 32px;
    min-height: 36px;
    font-size: var(--trecker-font-size-sm);
}

.ac-icon-btn[b-w6huacbu1j] {
    padding: 6px 10px;
    min-height: 36px;
}

/* --- Class edit form --- */
.ac-class-edit-header[b-w6huacbu1j] {
    padding-bottom: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
    border-bottom: 1px solid var(--trecker-border);
    color: var(--trecker-text-secondary);
}

.ac-class-edit-row[b-w6huacbu1j] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

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

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

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

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

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

.ac-class-field-xs[b-w6huacbu1j] {
    flex: 0 1 90px;
    min-width: 70px;
}

.ac-class-field-signup[b-w6huacbu1j] {
    flex: 0 1 160px;
    min-width: 130px;
}

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

/* ============================================================================
   MODALS
   ============================================================================ */

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

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

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

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

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

    .ac-signups-bar[b-w6huacbu1j] {
        padding: var(--trecker-space-sm);
    }

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

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

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

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

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

    .ac-tab[b-w6huacbu1j] {
        flex: 1 1 calc(50% - var(--trecker-space-xs));
        justify-content: center;
    }

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

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

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

    .ac-class-info[b-w6huacbu1j] {
        flex: 1 1 100%;
    }

    .ac-class-metrics[b-w6huacbu1j] {
        flex: 1 1 100%;
        gap: var(--trecker-space-md);
    }

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

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

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

    .ac-signup-actions[b-w6huacbu1j],
    .ac-modal-actions[b-w6huacbu1j] {
        flex-direction: column;
    }

    .ac-signup-actions .TreckerButton[b-w6huacbu1j],
    .ac-modal-actions .TreckerButton[b-w6huacbu1j] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminDataCleanup.razor.rz.scp.css */
/* Datenbereinigung — Admin (TT-Design). Vollstaendig responsiv: Phone (≈360 px),
   Tablet (zweispaltige Detailansicht) und Desktop teilen sich dieselbe Struktur. */

.dc-page[b-1vktodiumg] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--trecker-space-lg);
}

.dc-loading[b-1vktodiumg] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-2xl) 0;
}

.dc-head[b-1vktodiumg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.dc-head-text[b-1vktodiumg] {
    min-width: 0;
}

.dc-head-actions[b-1vktodiumg] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.dc-msg[b-1vktodiumg] {
    margin-bottom: var(--trecker-space-md);
}

/* ── Zusammenfassung ─────────────────────────────────────────────────────── */

.dc-summary[b-1vktodiumg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.dc-sum-item[b-1vktodiumg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
}

.dc-sum-num[b-1vktodiumg] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    line-height: 1.1;
}

.dc-sum-num--blocked[b-1vktodiumg] {
    color: var(--trecker-error);
}

.dc-sum-num--small[b-1vktodiumg] {
    font-size: var(--trecker-font-size-base);
}

.dc-sum-label[b-1vktodiumg] {
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
    font-weight: var(--trecker-font-weight-semibold);
}

/* ── Legende ─────────────────────────────────────────────────────────────── */

.dc-legend[b-1vktodiumg] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.35rem var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-lg);
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius-md);
}

.dc-legend-text[b-1vktodiumg] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

/* ── Risiko-/Grund-Badges ────────────────────────────────────────────────── */

.dc-risk[b-1vktodiumg],
.dc-reason[b-1vktodiumg],
.dc-blocked-why[b-1vktodiumg] {
    display: inline-block;
    font-size: 11px;
    font-weight: var(--trecker-font-weight-semibold);
    padding: 2px 8px;
    border-radius: 999px;
    white-space: nowrap;
}

.dc-risk--safe[b-1vktodiumg] {
    background: var(--trecker-success-light, rgba(61, 139, 69, 0.15));
    color: var(--trecker-success, #3d8b45);
}

.dc-risk--review[b-1vktodiumg] {
    background: var(--trecker-warning-light, rgba(217, 154, 30, 0.15));
    color: var(--trecker-warning, #a5741a);
}

.dc-risk--blocked[b-1vktodiumg] {
    background: var(--trecker-error-bg, rgba(192, 57, 43, 0.14));
    color: var(--trecker-error, #c0392b);
}

.dc-reason[b-1vktodiumg] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.dc-blocked-why[b-1vktodiumg] {
    background: transparent;
    color: var(--trecker-error);
    padding-left: 0;
}

/* ── Kategorie ───────────────────────────────────────────────────────────── */

.dc-cat[b-1vktodiumg] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-left: 4px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-lg);
    margin-bottom: var(--trecker-space-md);
    overflow: hidden;
}

.dc-cat--warn[b-1vktodiumg] { border-left-color: var(--trecker-warning, #d99a1e); }
.dc-cat--danger[b-1vktodiumg] { border-left-color: var(--trecker-error, #c0392b); }
.dc-cat--info[b-1vktodiumg] { border-left-color: var(--trecker-accent, #3d8b45); }

.dc-cat--empty[b-1vktodiumg] {
    opacity: 0.6;
}

.dc-cat-head[b-1vktodiumg] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    width: 100%;
    padding: var(--trecker-space-md);
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    color: inherit;
    font-family: inherit;
}

.dc-cat-head:hover[b-1vktodiumg] {
    background: var(--trecker-bg-hover-subtle);
}

.dc-cat-count[b-1vktodiumg] {
    flex-shrink: 0;
    min-width: 2.75rem;
    text-align: center;
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
}

.dc-cat-text[b-1vktodiumg] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.dc-cat-title[b-1vktodiumg] {
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

.dc-cat-desc[b-1vktodiumg] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-chevron[b-1vktodiumg] {
    flex-shrink: 0;
    color: var(--trecker-text-secondary);
    transition: transform var(--trecker-transition-normal);
}

.dc-chevron--open[b-1vktodiumg] {
    transform: rotate(180deg);
}

.dc-cat-body[b-1vktodiumg] {
    padding: 0 var(--trecker-space-md) var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-light);
}

/* ── Werkzeugleiste ──────────────────────────────────────────────────────── */

.dc-toolbar[b-1vktodiumg] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    padding: var(--trecker-space-md) 0;
}

.dc-search[b-1vktodiumg] {
    flex: 1 1 14rem;
    min-width: 0;
}

.dc-spacer[b-1vktodiumg] {
    flex: 1 1 0;
}

.dc-check[b-1vktodiumg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    white-space: nowrap;
}

.dc-check input[type="checkbox"][b-1vktodiumg] {
    accent-color: var(--trecker-accent);
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.dc-hint[b-1vktodiumg],
.dc-empty[b-1vktodiumg] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-sm);
}

.dc-clean[b-1vktodiumg] {
    margin: var(--trecker-space-xl) 0;
}

/* ── Eintraege ───────────────────────────────────────────────────────────── */

.dc-list[b-1vktodiumg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.dc-item[b-1vktodiumg] {
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-secondary);
}

.dc-item--blocked[b-1vktodiumg] {
    opacity: 0.85;
    border-color: var(--trecker-error);
}

.dc-item-head[b-1vktodiumg] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-md);
}

.dc-item-check[b-1vktodiumg] {
    margin-top: 4px;
    accent-color: var(--trecker-accent);
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    cursor: pointer;
}

.dc-item-main[b-1vktodiumg] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.dc-item-title[b-1vktodiumg] {
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
    overflow-wrap: anywhere;
}

.dc-item-sub[b-1vktodiumg] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    overflow-wrap: anywhere;
}

.dc-item-badges[b-1vktodiumg] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    margin-top: 2px;
}

.dc-item-actions[b-1vktodiumg] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* ── Detailansicht ───────────────────────────────────────────────────────── */

.dc-detail[b-1vktodiumg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-lg);
    padding: 0 var(--trecker-space-md) var(--trecker-space-md);
    border-top: 1px dashed var(--trecker-border);
}

.dc-detail-block[b-1vktodiumg] {
    min-width: 0;
    padding-top: var(--trecker-space-md);
}

.dc-detail-title[b-1vktodiumg] {
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
    font-weight: var(--trecker-font-weight-semibold);
}

.dc-fields[b-1vktodiumg] {
    display: grid;
    grid-template-columns: minmax(6rem, auto) 1fr;
    gap: 4px var(--trecker-space-md);
    margin: 0;
    font-size: var(--trecker-font-size-sm);
}

.dc-fields dt[b-1vktodiumg] {
    color: var(--trecker-text-secondary);
}

.dc-fields dd[b-1vktodiumg] {
    margin: 0;
    color: var(--trecker-text-primary);
    overflow-wrap: anywhere;
}

.dc-tech[b-1vktodiumg] {
    font-family: var(--trecker-font-mono, ui-monospace, monospace);
    font-size: var(--trecker-font-size-xs);
}

.dc-relations[b-1vktodiumg] {
    list-style: none;
    margin: 0 0 var(--trecker-space-sm);
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs) var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-relations li[b-1vktodiumg] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.dc-rel-count[b-1vktodiumg] {
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
}

.dc-rel--blocking .dc-rel-count[b-1vktodiumg],
.dc-rel--blocking[b-1vktodiumg] {
    color: var(--trecker-error);
}

.dc-reason-full[b-1vktodiumg] {
    margin: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.dc-reason-full strong[b-1vktodiumg] {
    color: var(--trecker-text-primary);
    margin-right: 4px;
}

/* ── Bestaetigungs-Dialog ────────────────────────────────────────────────── */

.dc-overlay[b-1vktodiumg] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--trecker-space-lg) + env(safe-area-inset-top))
             calc(var(--trecker-space-lg) + env(safe-area-inset-right))
             calc(var(--trecker-space-lg) + env(safe-area-inset-bottom))
             calc(var(--trecker-space-lg) + env(safe-area-inset-left));
}

.dc-dialog[b-1vktodiumg] {
    width: 100%;
    max-width: 30rem;
    max-height: 85vh;
    overflow-y: auto;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-lg);
    padding: var(--trecker-space-lg);
}

.dc-dialog-title[b-1vktodiumg] {
    margin: 0 0 var(--trecker-space-sm);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
}

.dc-dialog-text[b-1vktodiumg] {
    margin: 0 0 var(--trecker-space-sm);
    color: var(--trecker-text-secondary);
    overflow-wrap: anywhere;
}

.dc-dialog-warn[b-1vktodiumg] {
    margin: 0 0 var(--trecker-space-md);
    color: var(--trecker-error);
    font-weight: var(--trecker-font-weight-semibold);
}

.dc-dialog-actions[b-1vktodiumg] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ── Breakpoints ─────────────────────────────────────────────────────────── */

@media (max-width: 640px) {
    .dc-page[b-1vktodiumg] {
        padding: var(--trecker-space-md);
    }
    .dc-item-head[b-1vktodiumg] {
        flex-wrap: wrap;
    }
    .dc-item-actions[b-1vktodiumg] {
        width: 100%;
        justify-content: flex-start;
    }
    .dc-legend[b-1vktodiumg] {
        grid-template-columns: 1fr;
    }
    .dc-legend-text[b-1vktodiumg] {
        margin-bottom: var(--trecker-space-xs);
    }
    .dc-fields[b-1vktodiumg] {
        grid-template-columns: 1fr;
        gap: 0 0;
    }
    .dc-fields dt[b-1vktodiumg] {
        margin-top: var(--trecker-space-xs);
        font-size: var(--trecker-font-size-xs);
    }
    .dc-cat-count[b-1vktodiumg] {
        min-width: 2rem;
    }
}

/* Tablet + Desktop: Felder und Beziehungen nebeneinander — die Breite wird genutzt. */
@media (min-width: 768px) {
    .dc-detail[b-1vktodiumg] {
        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
        gap: var(--trecker-space-xl);
    }
}

@media (min-width: 1200px) {
    .dc-summary[b-1vktodiumg] {
        grid-template-columns: repeat(3, minmax(0, 14rem));
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminDataQuality.razor.rz.scp.css */
/* ============================================================================
   AdminDataQuality.razor — Scoped Styles
   ============================================================================
   Data-quality dashboard: score donut, issue cards, detail tables, modals.
   Uses design tokens from trecker-variables.css.
   Prefix: "dq-" (DataQuality)
   ============================================================================ */

/* --- Page layout --- */
.dq-page[b-u9jmg9istb] {
    padding: var(--trecker-space-xl);
    max-width: 1280px;
    margin: 0 auto;
}

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

.dq-header-icon[b-u9jmg9istb] {
    width: 44px;
    height: 44px;
    padding: 10px;
    flex-shrink: 0;
    color: var(--trecker-accent);
    background: color-mix(in srgb, var(--trecker-accent) 12%, transparent);
    border-radius: var(--trecker-border-radius);
}

.dq-page-title[b-u9jmg9istb] {
    flex: 1 1 260px;
    min-width: 0;
}

.dq-page-title h1[b-u9jmg9istb] {
    margin: 0;
    font-size: var(--trecker-font-size-2xl);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.dq-page-title p[b-u9jmg9istb] {
    margin: var(--trecker-space-1) 0 0;
}

/* --- Score card --- */
.dq-score-card[b-u9jmg9istb] {
    padding: var(--trecker-space-lg);
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--trecker-accent) 6%, var(--trecker-bg-card)) 0%,
            var(--trecker-bg-card) 55%);
}

.dq-score-card h2[b-u9jmg9istb] {
    margin: 0 0 var(--trecker-space-md);
}

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

.dq-donut-outer[b-u9jmg9istb] {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dq-donut-inner[b-u9jmg9istb] {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: var(--trecker-bg-card, #1a1a1a);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px var(--trecker-border);
}

.dq-progress-track[b-u9jmg9istb] {
    margin-top: var(--trecker-space-md);
    height: 8px;
    border-radius: 999px;
    background: var(--trecker-border);
    overflow: hidden;
}

.dq-progress-fill[b-u9jmg9istb] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.5s ease;
}

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

.dq-issue-card[b-u9jmg9istb] {
    display: flex;
    flex-direction: column;
    padding: var(--trecker-space-lg);
    border-left: 4px solid var(--trecker-success);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.dq-issue-card:hover[b-u9jmg9istb] {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
}

.dq-issue-card--error[b-u9jmg9istb] {
    border-left-color: var(--trecker-error);
}

.dq-issue-card--warning[b-u9jmg9istb] {
    border-left-color: var(--trecker-warning);
}

.dq-issue-card-header[b-u9jmg9istb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
}

.dq-issue-card-header h3[b-u9jmg9istb] {
    margin: 0;
    font-size: var(--trecker-font-size-base);
}

.dq-issue-card p[b-u9jmg9istb] {
    flex: 1;
}

.dq-issue-card-actions[b-u9jmg9istb] {
    margin-top: var(--trecker-space-md);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

/* --- Detail cards (ghost events / orphaned records / accounts) --- */
.dq-detail-card[b-u9jmg9istb] {
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
    animation: dq-slide-in-b-u9jmg9istb 0.2s ease;
}

.dq-detail-card--error[b-u9jmg9istb] {
    border: 1px solid color-mix(in srgb, var(--trecker-error) 40%, transparent);
}

@keyframes dq-slide-in-b-u9jmg9istb {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

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

.dq-detail-header h2[b-u9jmg9istb] {
    margin: 0;
}

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

.dq-header-actions[b-u9jmg9istb] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Tables --- */
.dq-table-wrap[b-u9jmg9istb] {
    overflow-x: auto;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
}

.dq-table-actions[b-u9jmg9istb] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

.dq-subsection[b-u9jmg9istb] {
    margin-bottom: var(--trecker-space-lg);
}

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

.dq-subsection-header h3[b-u9jmg9istb] {
    margin: 0;
}

.dq-badge-ml[b-u9jmg9istb] {
    margin-left: var(--trecker-space-xs);
}

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

.dq-action-alert[b-u9jmg9istb] {
    position: sticky;
    bottom: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    animation: dq-slide-in-b-u9jmg9istb 0.2s ease;
}

/* --- Modals --- */
.dq-modal-overlay[b-u9jmg9istb] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(2px);
    z-index: var(--trecker-z-modal, 1000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(var(--trecker-space-md), env(safe-area-inset-left)) max(var(--trecker-space-md), env(safe-area-inset-right));
}

.dq-modal[b-u9jmg9istb] {
    max-width: 420px;
    width: 100%;
    max-height: calc(100vh - 2 * var(--trecker-space-lg));
    overflow-y: auto;
    padding: var(--trecker-space-lg);
    animation: dq-slide-in-b-u9jmg9istb 0.15s ease;
}

.dq-modal--wide[b-u9jmg9istb] {
    max-width: 520px;
}

.dq-modal-title[b-u9jmg9istb] {
    margin: 0 0 var(--trecker-space-md);
}

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

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

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

.dq-footnote[b-u9jmg9istb] {
    margin-bottom: var(--trecker-space-md);
}

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

/* --- Tablet: two-column detail layout stays fluid; phone tweaks --- */
@media (max-width: 640px) {
    .dq-page[b-u9jmg9istb] {
        padding: var(--trecker-space-md);
    }

    .dq-page-header .TreckerButton[b-u9jmg9istb] {
        width: 100%;
        justify-content: center;
    }

    .dq-score-content[b-u9jmg9istb] {
        justify-content: center;
        text-align: center;
    }

    .dq-modal-actions .TreckerButton[b-u9jmg9istb] {
        flex: 1 1 auto;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminDrivers.razor.rz.scp.css */
/* ── Page container ── */
.AdminDrivers[b-3mzqabkru2] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--trecker-space-lg);
}

/* ── Loading ── */
.AdminDrivers__Loading[b-3mzqabkru2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--trecker-space-3xl) 0;
}

/* ── Breadcrumb ── */
.AdminDrivers__Breadcrumb[b-3mzqabkru2] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}
.AdminDrivers__BreadcrumbLink[b-3mzqabkru2] {
    color: var(--trecker-text-link);
    text-decoration: none;
}
.AdminDrivers__BreadcrumbLink:hover[b-3mzqabkru2] { text-decoration: underline; }
.AdminDrivers__BreadcrumbSep[b-3mzqabkru2] { opacity: .4; }
.AdminDrivers__BreadcrumbCurrent[b-3mzqabkru2] { color: var(--trecker-text-primary); }

/* ── Header ── */
.AdminDrivers__Header[b-3mzqabkru2] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-xl);
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}
.AdminDrivers__HeaderLeft[b-3mzqabkru2] {
    display: flex;
    flex-direction: column;
}
.AdminDrivers__HeaderRow[b-3mzqabkru2] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-xs);
}
.AdminDrivers__HeaderIcon[b-3mzqabkru2] {
    width: 40px;
    height: 40px;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 4px;
}
.AdminDrivers__Title[b-3mzqabkru2] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    line-height: 1.2;
}
.AdminDrivers__CountBadge[b-3mzqabkru2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    padding: 2px 10px;
    border-radius: 999px;
    line-height: 1.6;
}
.AdminDrivers__Subtitle[b-3mzqabkru2] {
    margin: 2px 0 0 0;
    font-size: var(--trecker-font-size-sm);
}

/* ── View toggle ── */
.AdminDrivers__ViewToggle[b-3mzqabkru2] {
    display: flex;
    gap: 2px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    padding: 3px;
    align-self: flex-start;
}
.AdminDrivers__ViewBtn[b-3mzqabkru2] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    border-radius: 6px;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: all var(--trecker-transition-normal);
}
.AdminDrivers__ViewBtn:hover[b-3mzqabkru2] { color: var(--trecker-text-primary); background: var(--trecker-bg-hover-subtle); }
.AdminDrivers__ViewBtnActive[b-3mzqabkru2] { background: var(--trecker-bg-tertiary) !important; color: var(--trecker-accent) !important; }

/* ── Filter bar ── */
.AdminDrivers__Filters[b-3mzqabkru2] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-xl);
    flex-wrap: wrap;
}
.AdminDrivers__SearchWrap[b-3mzqabkru2] {
    flex: 1;
    min-width: 240px;
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    background: var(--trecker-bg-input);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-full);
    padding: 0 var(--trecker-space-md);
    height: 44px;
    transition: border-color var(--trecker-transition-normal);
}
.AdminDrivers__SearchWrap:focus-within[b-3mzqabkru2] {
    border-color: var(--trecker-border-focus);
    background: var(--trecker-bg-input-focus);
}
.AdminDrivers__SearchInput[b-3mzqabkru2] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-family: var(--trecker-font-family);
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-primary);
}
.AdminDrivers__SearchInput[b-3mzqabkru2]::placeholder { color: var(--trecker-text-tertiary); }
.AdminDrivers__GuestToggle[b-3mzqabkru2] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    white-space: nowrap;
}
.AdminDrivers__GuestToggle input[type="checkbox"][b-3mzqabkru2] {
    accent-color: var(--trecker-accent);
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/* ── Empty state ── */
.AdminDrivers__Empty[b-3mzqabkru2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-3xl) 0;
    text-align: center;
}

/* ── Card Grid ── */
.AdminDrivers__Grid[b-3mzqabkru2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--trecker-space-lg);
}

/* ── Driver Card ── */
.DriverCard[b-3mzqabkru2] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--trecker-shadow-card);
    transition: transform var(--trecker-transition-normal), box-shadow var(--trecker-transition-normal);
    display: flex;
    flex-direction: column;
}
.DriverCard:hover[b-3mzqabkru2] {
    transform: translateY(-3px);
    box-shadow: var(--trecker-shadow-lg);
    border-color: var(--trecker-border-medium);
}

/* Header */
.DriverCard__Header[b-3mzqabkru2] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-secondary);
}
.DriverCard__Avatar[b-3mzqabkru2] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--trecker-accent-gradient);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--trecker-font-size-base);
    font-weight: var(--trecker-font-weight-bold);
    flex-shrink: 0;
    text-transform: uppercase;
}
.DriverCard__HeaderInfo[b-3mzqabkru2] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.DriverCard__Name[b-3mzqabkru2] {
    margin: 0;
    font-size: var(--trecker-font-size-base);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Details */
.DriverCard__Details[b-3mzqabkru2] {
    padding: var(--trecker-space-md);
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}
.DriverCard__DetailRow[b-3mzqabkru2] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    min-width: 0;
}

/* Footer */
.DriverCard__Footer[b-3mzqabkru2] {
    padding: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-light);
}

/* ── Table avatar ── */
.DriverTable__Avatar[b-3mzqabkru2] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--trecker-accent-gradient);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-bold);
    flex-shrink: 0;
    text-transform: uppercase;
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .AdminDrivers[b-3mzqabkru2] {
        padding: var(--trecker-space-md);
    }
    .AdminDrivers__Grid[b-3mzqabkru2] {
        grid-template-columns: 1fr;
    }
    .AdminDrivers__Filters[b-3mzqabkru2] {
        flex-direction: column;
        align-items: stretch;
    }
    .AdminDrivers__SearchWrap[b-3mzqabkru2] {
        min-width: unset;
    }
    .AdminDrivers__Header[b-3mzqabkru2] {
        align-items: flex-start;
    }
}
@media (min-width: 769px) and (max-width: 1199px) {
    .AdminDrivers__Grid[b-3mzqabkru2] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminEmailTemplates.razor.rz.scp.css */
/* Scoped styles for AdminEmailTemplates (/Admin/Event/{id}/EmailTemplates). */

.AdmEmailTpl[b-4v6mbg6fjl] {
    padding: var(--trecker-space-xl);
}

.AdmEmailTpl__Head[b-4v6mbg6fjl] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.AdmEmailTpl__HeadIcon[b-4v6mbg6fjl] {
    width: 28px;
    height: 28px;
    color: var(--trecker-info);
    flex-shrink: 0;
}

.AdmEmailTpl__Title[b-4v6mbg6fjl] {
    margin: 0;
}

.AdmEmailTpl__Toolbar[b-4v6mbg6fjl] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AdmEmailTpl__FormCard[b-4v6mbg6fjl] {
    padding: var(--trecker-space-lg);
}

.AdmEmailTpl__FormRow[b-4v6mbg6fjl] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.AdmEmailTpl__FieldName[b-4v6mbg6fjl] {
    flex: 1 1 250px;
    min-width: 250px;
}

.AdmEmailTpl__FieldType[b-4v6mbg6fjl] {
    flex: 1 1 200px;
    min-width: 200px;
}

.AdmEmailTpl__Placeholders[b-4v6mbg6fjl] {
    background: var(--trecker-bg-secondary);
    border-radius: 8px;
    padding: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
}

.AdmEmailTpl__PlaceholderList[b-4v6mbg6fjl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
}

.AdmEmailTpl__PlaceholderChip[b-4v6mbg6fjl] {
    cursor: pointer;
    border: 1px solid var(--trecker-border);
    padding: 4px 8px;
    font-size: 0.8rem;
}

.AdmEmailTpl__CopyMessage[b-4v6mbg6fjl] {
    color: var(--trecker-success);
    margin-top: var(--trecker-space-xs);
}

.AdmEmailTpl__ActiveToggle[b-4v6mbg6fjl] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: var(--trecker-space-md);
}

.AdmEmailTpl__FormActions[b-4v6mbg6fjl] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AdmEmailTpl__PreviewCard[b-4v6mbg6fjl] {
    padding: var(--trecker-space-lg);
}

.AdmEmailTpl__PreviewBox[b-4v6mbg6fjl] {
    background: var(--trecker-bg-secondary);
    border-radius: 8px;
    padding: var(--trecker-space-md);
}

.AdmEmailTpl__PreviewLabel[b-4v6mbg6fjl] {
    color: var(--trecker-text-secondary);
}

.AdmEmailTpl__PreviewDivider[b-4v6mbg6fjl] {
    border: none;
    border-top: 1px solid var(--trecker-border);
    margin: var(--trecker-space-md) 0;
}

.AdmEmailTpl__PreviewBody[b-4v6mbg6fjl] {
    white-space: pre-wrap;
    font-size: 0.95rem;
    line-height: 1.6;
}

.AdmEmailTpl__List[b-4v6mbg6fjl] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.AdmEmailTpl__ListCard[b-4v6mbg6fjl] {
    padding: var(--trecker-space-lg);
}

.AdmEmailTpl__ListRow[b-4v6mbg6fjl] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.AdmEmailTpl__ListInfo[b-4v6mbg6fjl] {
    flex: 1 1 300px;
    min-width: 0;
}

.AdmEmailTpl__ListTitleRow[b-4v6mbg6fjl] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AdmEmailTpl__TypeBadge[b-4v6mbg6fjl] {
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-primary);
    font-size: 0.8rem;
}

.AdmEmailTpl__ListActions[b-4v6mbg6fjl] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    align-items: flex-start;
}

.AdmEmailTpl__ModalOverlay[b-4v6mbg6fjl] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--trecker-z-modal);
    padding: var(--trecker-space-md);
}

.AdmEmailTpl__ModalCard[b-4v6mbg6fjl] {
    padding: var(--trecker-space-xl);
    max-width: 450px;
    width: 100%;
}

.AdmEmailTpl__ModalActions[b-4v6mbg6fjl] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminEventFotoLinks.razor.rz.scp.css */
/* ── Section padding ── */
.fl-section[b-2ak54vjh1g] {
    padding: var(--trecker-space-xl);
}

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

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

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

.fl-result-actions[b-2ak54vjh1g] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ── Account-Fotografen: header + nearby search ── */
.fl-anm-head[b-2ak54vjh1g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

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

.fl-nearby-controls[b-2ak54vjh1g] {
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.fl-radius-input[b-2ak54vjh1g] {
    max-width: 120px;
}

.fl-nearby-list[b-2ak54vjh1g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius);
    padding: var(--trecker-space-sm);
}

.fl-nearby-item[b-2ak54vjh1g] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 4px;
    cursor: pointer;
}

.fl-nearby-name[b-2ak54vjh1g] {
    font-weight: 600;
    font-size: 14px;
}

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

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

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

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

    .fl-link-actions[b-2ak54vjh1g] {
        flex-shrink: unset;
        width: 100%;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminEventLinks.razor.rz.scp.css */
/* ==========================================================================
   Link-Übersicht (/Admin/Event/{id}/Links)
   Ein Akkordeon pro Link-Kategorie. Zugeklappt: nur Name + Anzahl. Aufgeklappt:
   alle Links mit Infos und einem Stift-Icon, das das Bearbeiten-Popup öffnet.
   ========================================================================== */
.ael-accordions[b-rves853tnz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ael-acc[b-rves853tnz] {
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    background: var(--trecker-bg-card, var(--trecker-bg-secondary));
    overflow: hidden;
}

.ael-acc--open[b-rves853tnz] {
    border-color: var(--trecker-accent);
}

/* ── Kopfzeile (immer sichtbar) ── */
.ael-acc-head[b-rves853tnz] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    min-height: 48px;
    background: none;
    border: 0;
    text-align: left;
    cursor: pointer;
    color: var(--trecker-text-primary);
    font: inherit;
    transition: background 0.12s ease;
}

.ael-acc-head:hover[b-rves853tnz] {
    background: var(--trecker-bg-tertiary, rgba(255, 255, 255, 0.04));
}

.ael-acc-chevron[b-rves853tnz] {
    flex: 0 0 auto;
    opacity: 0.6;
    transition: transform 0.15s ease;
}

.ael-acc--open .ael-acc-chevron[b-rves853tnz] {
    transform: rotate(90deg);
    opacity: 1;
}

.ael-acc-title[b-rves853tnz] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.92rem;
    font-weight: var(--trecker-font-weight-semibold, 600);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ael-acc-count[b-rves853tnz] {
    flex: 0 0 auto;
    min-width: 26px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--trecker-accent);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
}

.ael-acc-inactive[b-rves853tnz] {
    flex: 0 0 auto;
    font-size: 0.72rem;
    color: var(--trecker-text-secondary);
}

/* ── Aufgeklappter Bereich ── */
.ael-acc-body[b-rves853tnz] {
    padding: 0 14px 14px;
    border-top: 1px solid var(--trecker-border);
}

.ael-acc-toolbar[b-rves853tnz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    padding: 10px 0;
}

.ael-acc-intro[b-rves853tnz] {
    flex: 1 1 260px;
    margin: 0;
    min-width: 0;
}

.ael-acc-toolbar-actions[b-rves853tnz] {
    display: flex;
    gap: 6px;
    flex: 0 0 auto;
}

.ael-empty[b-rves853tnz] {
    margin: 0 0 4px;
}

/* ── Link-Zeilen ── */
.ael-list[b-rves853tnz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ael-row[b-rves853tnz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    padding: 8px 10px;
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    background: var(--trecker-bg-secondary);
}

.ael-row--off[b-rves853tnz] {
    opacity: 0.55;
}

.ael-row-main[b-rves853tnz] {
    min-width: 0;
    flex: 1 1 auto;
}

.ael-row-name[b-rves853tnz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.86rem;
}

.ael-row-label[b-rves853tnz] {
    font-weight: var(--trecker-font-weight-semibold, 600);
}

/* URL bleibt einzeilig — die vollständige Adresse steht im Bearbeiten-Popup. */
.ael-row-url[b-rves853tnz] {
    margin-top: 2px;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.72rem;
    color: var(--trecker-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ael-row-url--secret[b-rves853tnz] {
    font-style: italic;
}

.ael-row-meta[b-rves853tnz] {
    margin-top: 2px;
    font-size: 0.68rem;
    color: var(--trecker-text-secondary);
    opacity: 0.8;
}

.ael-row-actions[b-rves853tnz] {
    display: flex;
    gap: 4px;
    flex: 0 0 auto;
    align-items: center;
}

.ael-badge[b-rves853tnz] {
    font-size: 0.63rem;
    font-weight: 600;
}

.ael-badge--off[b-rves853tnz] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

/* ── Icon-Buttons (Kopieren / Öffnen / Bearbeiten) ── */
.ael-icon-btn[b-rves853tnz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--trecker-border);
    border-radius: 7px;
    background: var(--trecker-bg-card, var(--trecker-bg-secondary));
    color: var(--trecker-text-secondary);
    cursor: pointer;
    text-decoration: none;
    transition: color 0.12s ease, border-color 0.12s ease, background 0.12s ease;
}

.ael-icon-btn:hover[b-rves853tnz] {
    color: var(--trecker-text-primary);
    border-color: var(--trecker-accent);
    background: var(--trecker-bg-tertiary, rgba(255, 255, 255, 0.06));
}

.ael-icon-btn--edit[b-rves853tnz] {
    color: var(--trecker-accent);
    border-color: var(--trecker-accent);
}

/* ── Popups ── */
.ael-modal-head[b-rves853tnz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
}

.ael-modal-head h3[b-rves853tnz] {
    margin: 0;
}

.ael-modal-hint[b-rves853tnz] {
    margin: 4px 0 0;
}

.ael-modal-actions[b-rves853tnz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    margin-top: var(--trecker-space-md);
}

.ael-detail[b-rves853tnz] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 4px 14px;
    margin: var(--trecker-space-md) 0 0;
    font-size: 0.85rem;
}

.ael-detail dt[b-rves853tnz] {
    color: var(--trecker-text-secondary);
    font-weight: var(--trecker-font-weight-semibold, 600);
}

.ael-detail dd[b-rves853tnz] {
    margin: 0;
    word-break: break-word;
}

.ael-detail-url[b-rves853tnz] {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.75rem;
}

.ael-copy-row[b-rves853tnz] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: center;
    flex-wrap: wrap;
}

.ael-copy-input[b-rves853tnz] {
    flex: 1 1 240px;
    min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.75rem;
}

.ael-check[b-rves853tnz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
    cursor: pointer;
}

/* Phone: the row stacks so a long label and the icon buttons both stay usable. */
@media (max-width: 640px) {
    .ael-row[b-rves853tnz] {
        flex-direction: column;
        align-items: stretch;
    }

    .ael-row-actions[b-rves853tnz] {
        justify-content: flex-end;
    }

    .ael-acc-toolbar-actions[b-rves853tnz] {
        flex: 1 1 100%;
    }

    .ael-acc-toolbar-actions .TreckerButton[b-rves853tnz] {
        flex: 1 1 auto;
    }

    .ael-detail[b-rves853tnz] {
        grid-template-columns: 1fr;
        gap: 0 0;
    }

    .ael-detail dd[b-rves853tnz] {
        margin-bottom: 8px;
    }
}

/* Tablet and up: use the extra width for a two-column link grid inside a section. */
@media (min-width: 1024px) {
    .ael-list[b-rves853tnz] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .ael-row-url[b-rves853tnz] {
        font-size: 0.74rem;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminEventOverview.razor.rz.scp.css */
/* ============================================================================
   AdminEventOverview.razor — Scoped Styles
   ============================================================================
   Kompaktes Event-Dashboard (Redesign 2026-07-28):
     topbar → live-bar → stat-rail → panels (ToDo/Setup) → body (main + rail)
   Vier Ziele: Desktop, Mobil-Browser, App-Phone, App-Tablet.
   Breakpoints: 1240px (Seitenschiene), 900px (Tablet), 640px (Phone), 380px.
   Alle Farben aus trecker-variables.css — hell/dunkel kommt damit automatisch.
   ============================================================================ */

.EventOverview[b-190p4f1rdj] {
    max-width: 100%;
    overflow: hidden;
    /* Home-Indicator / Gestenleiste in der App */
    padding-bottom: calc(var(--trecker-space-md) + env(safe-area-inset-bottom, 0px));
}

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

/* ============================================================================
   TOPBAR — Meta-Chips + Aktionen in einer Zeile
   ============================================================================ */
.eo-topbar[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-bottom: 14px;
}

.eo-meta[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.eo-chip[b-190p4f1rdj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: var(--trecker-border-radius-full);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border-light);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    line-height: 1.3;
}

.eo-chip svg[b-190p4f1rdj] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: 0.75;
}

.eo-chip > span[b-190p4f1rdj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eo-tools[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.eo-tool[b-190p4f1rdj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 12px;
    border-radius: var(--trecker-border-radius-md);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-card);
    color: var(--trecker-text-secondary);
    font: inherit;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color var(--trecker-transition-fast), color var(--trecker-transition-fast), background var(--trecker-transition-fast);
}

.eo-tool svg[b-190p4f1rdj] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.eo-tool:hover[b-190p4f1rdj] {
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
}

.eo-tool:disabled[b-190p4f1rdj] {
    opacity: 0.55;
    cursor: not-allowed;
}

.eo-tool--primary[b-190p4f1rdj] {
    background: var(--trecker-accent);
    border-color: var(--trecker-accent);
    color: #fff;
}

.eo-tool--primary:hover[b-190p4f1rdj] {
    background: var(--trecker-accent-hover);
    border-color: var(--trecker-accent-hover);
    color: #fff;
}

/* ============================================================================
   LIVE-BAR — "Event laeuft"
   ============================================================================ */
.eo-livebar[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin-bottom: 12px;
    border-radius: var(--trecker-border-radius-lg);
    border: 1px solid rgba(59, 130, 246, 0.35);
    background: var(--trecker-info-bg);
    color: var(--trecker-text-primary);
    text-decoration: none;
    transition: border-color var(--trecker-transition-fast);
}

.eo-livebar:hover[b-190p4f1rdj] { border-color: var(--trecker-info); }

.eo-livebar__dot[b-190p4f1rdj] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--trecker-error);
    flex-shrink: 0;
    box-shadow: 0 0 0 0 rgba(229, 72, 77, 0.6);
    animation: eo-pulse-b-190p4f1rdj 2s infinite;
}

@keyframes eo-pulse-b-190p4f1rdj {
    70%  { box-shadow: 0 0 0 8px rgba(229, 72, 77, 0); }
    100% { box-shadow: 0 0 0 0 rgba(229, 72, 77, 0); }
}

.eo-livebar__text[b-190p4f1rdj] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    flex: 1;
    min-width: 0;
    font-size: var(--trecker-font-size-sm);
}

.eo-livebar__sub[b-190p4f1rdj] { color: var(--trecker-text-secondary); }

.eo-livebar__cta[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-info);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ============================================================================
   STAT-RAIL — eine Karte, klickbare Zellen mit Haarlinien-Trennern
   ============================================================================ */
.eo-statrail[b-190p4f1rdj] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
    overflow: hidden;
    margin-bottom: 14px;
}

.eo-stat[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 12px 14px;
    text-decoration: none;
    color: inherit;
    border-left: 1px solid var(--trecker-border-light);
    transition: background var(--trecker-transition-fast);
}

.eo-stat:first-child[b-190p4f1rdj] { border-left: none; }
.eo-stat:hover[b-190p4f1rdj] { background: var(--trecker-bg-hover-subtle); }

.eo-stat__icon[b-190p4f1rdj] {
    width: 32px;
    height: 32px;
    border-radius: var(--trecker-border-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.eo-stat__icon svg[b-190p4f1rdj] { width: 17px; height: 17px; }

.eo-stat__icon--primary[b-190p4f1rdj] { background: var(--trecker-accent-light); color: var(--trecker-accent); }
.eo-stat__icon--success[b-190p4f1rdj] { background: var(--trecker-success-bg); color: var(--trecker-success); }
.eo-stat__icon--warning[b-190p4f1rdj] { background: var(--trecker-warning-bg); color: var(--trecker-warning); }
.eo-stat__icon--info[b-190p4f1rdj]    { background: var(--trecker-info-bg);    color: var(--trecker-info); }
.eo-stat__icon--accent[b-190p4f1rdj]  { background: var(--trecker-accent-light); color: var(--trecker-accent); }

.eo-stat__body[b-190p4f1rdj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.eo-stat__value[b-190p4f1rdj] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    font-size: 20px;
    font-weight: var(--trecker-font-weight-bold);
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--trecker-letter-spacing-tight);
    color: var(--trecker-text-primary);
}

.eo-stat__pill[b-190p4f1rdj] {
    font-size: 10px;
    font-weight: var(--trecker-font-weight-semibold);
    padding: 1px 6px;
    border-radius: var(--trecker-border-radius-full);
    background: var(--trecker-success-bg);
    color: var(--trecker-success);
    letter-spacing: 0;
}

.eo-stat__label[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Offene Anmeldungen: dezent hervorgehoben statt Extra-Alert-Banner */
.eo-stat--alert[b-190p4f1rdj] { background: var(--trecker-warning-bg); }
.eo-stat--alert .eo-stat__value[b-190p4f1rdj] { color: var(--trecker-warning); }

/* ============================================================================
   PANELS — ToDo + Setup nebeneinander
   ============================================================================ */
.eo-panels[b-190p4f1rdj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 14px;
    align-items: start;
}

/* Abstand haengt an den Panels selbst — ein leeres .eo-panels (weder ToDo noch
   Setup sichtbar) darf keine Luecke erzeugen, und :empty greift wegen Whitespace nicht. */

/* --- Setup-Checkliste / ToDo-Panel --- */
.EventOverview__Setup[b-190p4f1rdj],
.EventOverview__Todo[b-190p4f1rdj] {
    margin-bottom: 14px;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: 12px 14px;
    box-shadow: var(--trecker-shadow-sm);
}

.EventOverview__SetupHead[b-190p4f1rdj],
.EventOverview__TodoHead[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    margin-bottom: 8px;
}

.EventOverview__SetupTitle[b-190p4f1rdj],
.EventOverview__TodoTitle[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-text-secondary);
    margin: 0;
}

.EventOverview__TodoTitle svg[b-190p4f1rdj] {
    width: 15px;
    height: 15px;
    color: var(--trecker-accent);
    flex-shrink: 0;
}

.EventOverview__SetupPill[b-190p4f1rdj],
.EventOverview__TodoPill[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    border-radius: var(--trecker-border-radius-full);
    padding: 2px 9px;
    white-space: nowrap;
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border-light);
}

.EventOverview__TodoPill[b-190p4f1rdj] {
    color: var(--trecker-warning);
    background: var(--trecker-warning-bg);
    border-color: rgba(224, 160, 0, 0.28);
}

.EventOverview__TodoPill--done[b-190p4f1rdj] {
    color: var(--trecker-success);
    background: var(--trecker-success-bg);
    border-color: rgba(46, 160, 67, 0.28);
}

.EventOverview__SetupList[b-190p4f1rdj],
.EventOverview__TodoList[b-190p4f1rdj],
.EventOverview__TodoMinList[b-190p4f1rdj] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.EventOverview__SetupItem[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 6px;
    border-radius: var(--trecker-border-radius-md);
    transition: background var(--trecker-transition-fast);
}

.EventOverview__SetupItem:hover[b-190p4f1rdj] { background: var(--trecker-bg-hover-subtle); }

.EventOverview__SetupIcon[b-190p4f1rdj] {
    width: 20px;
    height: 20px;
    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-light);
    transition: background var(--trecker-transition-fast), border-color var(--trecker-transition-fast), color var(--trecker-transition-fast);
}

.EventOverview__SetupIcon svg[b-190p4f1rdj] { width: 12px; height: 12px; }

.EventOverview__SetupItem--done .EventOverview__SetupIcon[b-190p4f1rdj] {
    color: var(--trecker-success);
    background: var(--trecker-success-bg);
    border-color: rgba(46, 160, 67, 0.3);
}

.EventOverview__SetupLabel[b-190p4f1rdj] {
    flex: 1;
    min-width: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    text-decoration: none;
    transition: color var(--trecker-transition-fast);
}

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

.EventOverview__SetupItem--done .EventOverview__SetupLabel[b-190p4f1rdj] {
    color: var(--trecker-text-tertiary);
    text-decoration: line-through;
    text-decoration-color: var(--trecker-border-medium);
}

.EventOverview__SetupCount[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-success);
    background: var(--trecker-success-bg);
    border-radius: var(--trecker-border-radius-full);
    padding: 1px 7px;
}

/* --- ToDo: Aktionspunkte --- */
.EventOverview__TodoList[b-190p4f1rdj] { margin-bottom: 2px; gap: 4px; }

.EventOverview__TodoAction[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-warning-bg);
    border: 1px solid rgba(224, 160, 0, 0.2);
    transition: border-color var(--trecker-transition-fast);
}

.EventOverview__TodoAction:hover[b-190p4f1rdj] { border-color: rgba(224, 160, 0, 0.45); }

.EventOverview__TodoActionIcon[b-190p4f1rdj] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--trecker-warning);
    background: rgba(224, 160, 0, 0.18);
}

.EventOverview__TodoActionIcon svg[b-190p4f1rdj] { width: 13px; height: 13px; }

.EventOverview__TodoActionLabel[b-190p4f1rdj] {
    flex: 1;
    min-width: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    text-decoration: none;
    transition: color var(--trecker-transition-fast);
}

.EventOverview__TodoAction:hover .EventOverview__TodoActionLabel[b-190p4f1rdj] { color: var(--trecker-accent); }

.EventOverview__TodoActionCount[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-warning);
    background: rgba(224, 160, 0, 0.18);
    border-radius: var(--trecker-border-radius-full);
    padding: 1px 8px;
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

/* --- ToDo: Publish-Mindestangaben --- */
.EventOverview__TodoMinHead[b-190p4f1rdj] {
    margin: 10px 0 4px 0;
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-text-tertiary);
}

.EventOverview__TodoMinItem[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 4px 6px;
    border-radius: var(--trecker-border-radius-md);
}

.EventOverview__TodoMinIcon[b-190p4f1rdj] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.EventOverview__TodoMinIcon svg[b-190p4f1rdj] { width: 11px; height: 11px; }

.EventOverview__TodoMinItem--done .EventOverview__TodoMinIcon[b-190p4f1rdj] {
    color: var(--trecker-success);
    background: var(--trecker-success-bg);
}

.EventOverview__TodoMinItem--fail .EventOverview__TodoMinIcon[b-190p4f1rdj] {
    color: var(--trecker-error);
    background: var(--trecker-error-bg);
}

.EventOverview__TodoMinLabel[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.EventOverview__TodoMinItem--fail .EventOverview__TodoMinLabel[b-190p4f1rdj] { color: var(--trecker-text-primary); }

.EventOverview__TodoPublishLink[b-190p4f1rdj] {
    display: inline-block;
    margin-top: 8px;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    color: var(--trecker-accent);
    text-decoration: none;
}

.EventOverview__TodoPublishLink:hover[b-190p4f1rdj] { text-decoration: underline; }

/* ============================================================================
   BODY — Hauptspalte + Seitenschiene
   ============================================================================ */
.eo-body[b-190p4f1rdj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.eo-main[b-190p4f1rdj] { min-width: 0; }

.eo-rail[b-190p4f1rdj] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

/* ============================================================================
   SCHNELLZUGRIFF — dichtes Kachelraster mit Zeilen-Ueberschriften
   ============================================================================ */
.eo-actions[b-190p4f1rdj] { margin-bottom: 14px; }

.eo-grid[b-190p4f1rdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 10px;
}

.eo-group[b-190p4f1rdj] {
    grid-column: 1 / -1;
    margin: 4px 0 0 0;
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-text-tertiary);
}

.eo-group:first-child[b-190p4f1rdj] { margin-top: 0; }

.eo-tile[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 10px 12px;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
    text-decoration: none;
    color: inherit;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: border-color var(--trecker-transition-fast), transform var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast);
}

.eo-tile:hover[b-190p4f1rdj] {
    border-color: var(--trecker-accent);
    transform: translateY(-1px);
    box-shadow: var(--trecker-shadow-md);
}

.eo-tile:active[b-190p4f1rdj] { transform: none; }

.eo-tile__icon[b-190p4f1rdj] {
    width: 34px;
    height: 34px;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-secondary);
    flex-shrink: 0;
    transition: background var(--trecker-transition-fast), color var(--trecker-transition-fast);
}

.eo-tile__icon svg[b-190p4f1rdj] { width: 18px; height: 18px; }

.eo-tile:hover .eo-tile__icon[b-190p4f1rdj] {
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.eo-tile__text[b-190p4f1rdj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.eo-tile__title[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
    line-height: 1.3;
}

.eo-tile__desc[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    line-height: 1.35;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.eo-tile--ok[b-190p4f1rdj] {
    border-color: var(--trecker-success);
}

.eo-tile--ok .eo-tile__icon[b-190p4f1rdj] {
    background: var(--trecker-success-bg);
    color: var(--trecker-success);
}

/* ============================================================================
   GEFAHRENZONE — einklappbar
   ============================================================================ */
.eo-danger[b-190p4f1rdj] {
    border: 1px solid var(--trecker-border);
    border-left: 3px solid var(--trecker-error);
    border-radius: var(--trecker-border-radius-lg);
    background: var(--trecker-bg-card);
    overflow: hidden;
}

.eo-danger--open[b-190p4f1rdj] { border-color: rgba(229, 72, 77, 0.35); border-left-color: var(--trecker-error); }

.eo-danger__head[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    background: none;
    border: none;
    font: inherit;
    cursor: pointer;
    color: var(--trecker-error);
    text-align: left;
}

.eo-danger__icon[b-190p4f1rdj] { width: 16px; height: 16px; flex-shrink: 0; }

.eo-danger__title[b-190p4f1rdj] {
    flex: 1;
    min-width: 0;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
}

.eo-danger__chev[b-190p4f1rdj] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    opacity: 0.7;
    transition: transform var(--trecker-transition-fast);
}

.eo-danger--open .eo-danger__chev[b-190p4f1rdj] { transform: rotate(180deg); }

.eo-danger__body[b-190p4f1rdj] {
    padding: 0 14px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.eo-reset-description[b-190p4f1rdj] {
    margin: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.eo-reset-controls[b-190p4f1rdj] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: center;
    flex-wrap: wrap;
}

.eo-reset-controls .TreckerSelect[b-190p4f1rdj] {
    min-width: 180px;
    flex: 1;
}

/* ============================================================================
   SEITENSCHIENE — QR + Aktivitaet
   ============================================================================ */
.eo-card[b-190p4f1rdj] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
    padding: 12px 14px;
}

.eo-card__title[b-190p4f1rdj] {
    margin: 0 0 10px 0;
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-text-tertiary);
}

.eo-qr__row[b-190p4f1rdj] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.eo-qr__img[b-190p4f1rdj] {
    width: 96px;
    height: 96px;
    flex-shrink: 0;
    background: #fff;
    border-radius: var(--trecker-border-radius-md);
    padding: 6px;
    display: block;
}

.eo-qr__info[b-190p4f1rdj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

.eo-qr__url[b-190p4f1rdj] {
    font-family: var(--trecker-font-mono);
    font-size: 11px;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-sm);
    padding: 5px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.eo-qr__links[b-190p4f1rdj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.eo-qr__btn[b-190p4f1rdj] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-sm);
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    text-decoration: none;
    transition: border-color var(--trecker-transition-fast), color var(--trecker-transition-fast);
}

.eo-qr__btn:hover[b-190p4f1rdj] {
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
}

.eo-qr__btn--open[b-190p4f1rdj] {
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
}

/* --- Aktivitaet --- */
.eo-activity__empty[b-190p4f1rdj] {
    margin: 0;
    padding: 10px 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
    text-align: center;
}

.eo-activity__list[b-190p4f1rdj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.eo-activity__item[b-190p4f1rdj] {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    border-bottom: 1px solid var(--trecker-border-light);
}

.eo-activity__item:last-child[b-190p4f1rdj] { border-bottom: none; }

.eo-activity__dot[b-190p4f1rdj] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

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

.eo-activity__text[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eo-activity__time[b-190p4f1rdj] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    white-space: nowrap;
}

/* ============================================================================
   MODALS + TOASTS
   ============================================================================ */
.FinalizeModal__Header[b-190p4f1rdj] {
    display: flex;
    justify-content: center;
}

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

.eo-modal-title--danger[b-190p4f1rdj] { color: var(--trecker-error); }

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

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

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

.eo-toast[b-190p4f1rdj] {
    position: fixed;
    top: calc(var(--trecker-space-lg) + env(safe-area-inset-top, 0px));
    right: var(--trecker-space-lg);
    z-index: var(--trecker-z-toast);
    max-width: 400px;
}

/* Clone-Dialog: Fahrer-/Testdaten-Optionen */
.eo-clone-drivers[b-190p4f1rdj] {
    border-top: 1px solid var(--trecker-border);
    padding-top: var(--trecker-space-md);
    text-align: left;
}

.eo-clone-check[b-190p4f1rdj] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    font-weight: var(--trecker-font-weight-medium);
}

.eo-clone-check input[type="checkbox"][b-190p4f1rdj] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    cursor: pointer;
}

.eo-clone-sub[b-190p4f1rdj] {
    border-left: 3px solid var(--trecker-accent);
    padding-left: var(--trecker-space-md);
}

/* ============================================================================
   RESPONSIVE — Desktop ≥1240 / Tablet / Phone
   ============================================================================ */

/* Ab hier passt die Seitenschiene neben die Hauptspalte (Desktop + App-Tablet quer). */
@media (min-width: 1240px) {
    .eo-body[b-190p4f1rdj] {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .eo-rail[b-190p4f1rdj] {
        position: sticky;
        top: 12px;
    }
}

/* Tablet: Kacheln bleiben zweispaltig, Stat-Rail bricht auf drei Spalten um. */
@media (max-width: 1100px) {
    .eo-statrail[b-190p4f1rdj] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

    /* Trenner sitzen jetzt zeilenweise — linke Spalte jeder Zeile ohne Linie. */
    .eo-stat:nth-child(3n + 1)[b-190p4f1rdj] { border-left: none; }
    .eo-stat:nth-child(n + 4)[b-190p4f1rdj]  { border-top: 1px solid var(--trecker-border-light); }
}

@media (max-width: 900px) {
    .eo-grid[b-190p4f1rdj] { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
}

/* Phone (inkl. App-Phone) */
@media (max-width: 640px) {
    .eo-topbar[b-190p4f1rdj] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .eo-tools[b-190p4f1rdj] { width: 100%; }

    .eo-tool[b-190p4f1rdj] {
        flex: 1;
        min-height: 40px;
        padding: 0 8px;
    }

    .eo-statrail[b-190p4f1rdj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .eo-stat[b-190p4f1rdj] { padding: 10px 12px; }
    .eo-stat:nth-child(3n + 1)[b-190p4f1rdj] { border-left: 1px solid var(--trecker-border-light); }
    .eo-stat:nth-child(2n + 1)[b-190p4f1rdj] { border-left: none; }
    .eo-stat:nth-child(n + 3)[b-190p4f1rdj]  { border-top: 1px solid var(--trecker-border-light); }

    .eo-grid[b-190p4f1rdj] { grid-template-columns: 1fr; }

    .eo-tile[b-190p4f1rdj] { min-height: 52px; }

    .eo-livebar[b-190p4f1rdj] { flex-wrap: wrap; }
    .eo-livebar__cta[b-190p4f1rdj] { width: 100%; }

    .eo-qr__img[b-190p4f1rdj] { width: 84px; height: 84px; }

    .eo-toast[b-190p4f1rdj] {
        left: var(--trecker-space-md);
        right: var(--trecker-space-md);
        max-width: none;
    }
}

/* Sehr schmale Geraete (~360 px): Aktionen nur noch als Icons. */
@media (max-width: 380px) {
    .eo-tool__label[b-190p4f1rdj] { display: none; }

    .eo-tool[b-190p4f1rdj] {
        padding: 0;
        min-width: 40px;
    }

    .eo-stat__value[b-190p4f1rdj] { font-size: 18px; }

    .eo-qr__row[b-190p4f1rdj] { flex-direction: column; align-items: center; }
    .eo-qr__info[b-190p4f1rdj] { width: 100%; }
}

/* Touch-Geraete: keine Hover-Verschiebung (verhindert Wackeln beim Tippen) */
@media (hover: none) {
    .eo-tile:hover[b-190p4f1rdj] {
        transform: none;
        box-shadow: var(--trecker-shadow-sm);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminEventSeries.razor.rz.scp.css */
/* ── AdminEventSeries — scoped styles (token-based, ex-inline) ── */

.aes-page[b-oda35fsvzy] {
    padding: var(--trecker-space-xl);
}

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

.aes-header-title[b-oda35fsvzy] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    min-width: 0;
}

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

.aes-title[b-oda35fsvzy] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-bold);
    margin: 0;
}

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

.aes-icon-sm[b-oda35fsvzy] {
    width: 16px;
    height: 16px;
}

/* Create/edit form */
.aes-form-card[b-oda35fsvzy] {
    max-width: 600px;
    width: 100%;
    margin-bottom: var(--trecker-space-2xl);
    padding: var(--trecker-space-lg);
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md);
}

.aes-form-title[b-oda35fsvzy] {
    margin: 0 0 var(--trecker-space-md);
    font-size: var(--trecker-font-size-lg);
}

.aes-form-grid[b-oda35fsvzy] {
    display: grid;
    gap: var(--trecker-space-md);
}

.aes-label[b-oda35fsvzy] {
    display: block;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    margin-bottom: 6px;
}

.aes-textarea[b-oda35fsvzy] {
    min-height: 100px;
}

.aes-form-actions[b-oda35fsvzy] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

/* Loading / empty */
.aes-loading-card[b-oda35fsvzy] {
    padding: var(--trecker-space-lg);
    text-align: center;
}

.aes-empty-text[b-oda35fsvzy] {
    color: var(--trecker-text-tertiary);
}

/* Series list */
.aes-list[b-oda35fsvzy] {
    display: grid;
    gap: var(--trecker-space-md);
}

.aes-card[b-oda35fsvzy] {
    padding: var(--trecker-space-lg);
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md);
    min-width: 0;
}

.aes-card-head[b-oda35fsvzy] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-md);
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.aes-card-title[b-oda35fsvzy] {
    margin: 0 0 4px;
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
    overflow-wrap: anywhere;
}

.aes-card-slug[b-oda35fsvzy] {
    margin: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
    overflow-wrap: anywhere;
}

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

.aes-no-entries[b-oda35fsvzy] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-sm);
    margin: var(--trecker-space-md) 0 0;
}

/* Entries inside a series */
.aes-entries[b-oda35fsvzy] {
    display: grid;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-md);
}

.aes-entry[b-oda35fsvzy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm);
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-radius-sm);
    font-size: var(--trecker-font-size-sm);
    min-width: 0;
}

.aes-entry > div[b-oda35fsvzy] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.aes-entry-remove[b-oda35fsvzy] {
    background: none;
    border: none;
    color: var(--trecker-error);
    cursor: pointer;
    font-size: 18px;
    padding: 0;
    flex-shrink: 0;
}

/* Add-event row */
.aes-add-row[b-oda35fsvzy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
    align-items: flex-end;
}

.aes-add-select[b-oda35fsvzy] {
    font-size: var(--trecker-font-size-sm);
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 480px) {
    .aes-page[b-oda35fsvzy] {
        padding: var(--trecker-space-md);
    }

    .aes-add-row[b-oda35fsvzy] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminEventTractors.razor.rz.scp.css */
.EventTractors__Page[b-kn8va3xcuj] {
    padding: var(--trecker-space-xl);
}

/* Stats Row */
.EventTractors__StatsRow[b-kn8va3xcuj] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.EventTractors__StatCard[b-kn8va3xcuj] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    min-width: 120px;
    text-align: center;
}

.EventTractors__StatValue[b-kn8va3xcuj] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    line-height: 1.2;
}

.EventTractors__StatValue--accent[b-kn8va3xcuj] {
    color: var(--trecker-accent);
}

.EventTractors__StatLabel[b-kn8va3xcuj] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-top: var(--trecker-space-xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

/* Filters */
.EventTractors__Filters[b-kn8va3xcuj] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    padding: var(--trecker-space-md);
}

.EventTractors__FilterGroup[b-kn8va3xcuj] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    min-width: 200px;
    flex: 1;
}

/* Group Section */
.EventTractors__Group[b-kn8va3xcuj] {
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    overflow: hidden;
}

.EventTractors__GroupHeader[b-kn8va3xcuj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    background: var(--trecker-bg-secondary);
    border: none;
    cursor: pointer;
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-md);
    font-weight: var(--trecker-font-weight-semibold);
    text-align: left;
    transition: background-color var(--trecker-transition-fast);
    min-height: 52px;
}

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

.EventTractors__GroupHeaderLeft[b-kn8va3xcuj] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.EventTractors__GroupTitle[b-kn8va3xcuj] {
    font-size: var(--trecker-font-size-md);
    font-weight: var(--trecker-font-weight-semibold);
}

.EventTractors__GroupChevron[b-kn8va3xcuj] {
    color: var(--trecker-text-secondary);
    transition: transform var(--trecker-transition-fast);
    flex-shrink: 0;
}

.EventTractors__GroupChevron--open[b-kn8va3xcuj] {
    transform: rotate(90deg);
}

/* Card Grid */
.EventTractors__CardGrid[b-kn8va3xcuj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg);
    background: var(--trecker-bg-primary);
}

/* Tractor Card */
.TractorCard[b-kn8va3xcuj] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    overflow: hidden;
    transition: box-shadow var(--trecker-transition-fast), border-color var(--trecker-transition-fast);
}

.TractorCard:hover[b-kn8va3xcuj] {
    box-shadow: var(--trecker-shadow-md);
    border-color: var(--trecker-accent);
}

.TractorCard__ImageArea[b-kn8va3xcuj] {
    position: relative;
    height: 140px;
    background: var(--trecker-bg-secondary);
    overflow: hidden;
}

.TractorCard__Image[b-kn8va3xcuj] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.TractorCard__ImagePlaceholder[b-kn8va3xcuj] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-tertiary);
}

.TractorCard__StatusBadge[b-kn8va3xcuj] {
    position: absolute;
    top: var(--trecker-space-sm);
    right: var(--trecker-space-sm);
}

.TractorCard__Body[b-kn8va3xcuj] {
    padding: var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.TractorCard__Name[b-kn8va3xcuj] {
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TractorCard__Nickname[b-kn8va3xcuj] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-accent);
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TractorCard__Driver[b-kn8va3xcuj] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TractorCard__Specs[b-kn8va3xcuj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    margin-top: 2px;
}

.TractorCard__Spec[b-kn8va3xcuj] {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-secondary);
    padding: 2px 6px;
    border-radius: var(--trecker-radius-sm);
    white-space: nowrap;
}

.TractorCard__Signup[b-kn8va3xcuj] {
    margin-top: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.EventTractors__LoadingCenter[b-kn8va3xcuj] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

/* Mobile */
@media (max-width: 768px) {
    .EventTractors__Page[b-kn8va3xcuj] {
        padding: var(--trecker-space-md);
    }

    .EventTractors__StatsRow[b-kn8va3xcuj] {
        gap: var(--trecker-space-sm);
    }

    .EventTractors__StatCard[b-kn8va3xcuj] {
        min-width: 100px;
        padding: var(--trecker-space-sm) var(--trecker-space-md);
    }

    .EventTractors__Filters[b-kn8va3xcuj] {
        flex-direction: column;
    }

    .EventTractors__FilterGroup[b-kn8va3xcuj] {
        min-width: 0;
        flex: 1 1 100%;
    }

    .EventTractors__CardGrid[b-kn8va3xcuj] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr));
        gap: var(--trecker-space-sm);
        padding: var(--trecker-space-md);
    }

    .TractorCard__ImageArea[b-kn8va3xcuj] {
        height: 110px;
    }
}
/* _content/TreckerTreckWebsite.Shared/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-5tdqth5p89] {
    padding: var(--trecker-space-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* --- Export cards grid --- */
.ae-export-grid[b-5tdqth5p89] {
    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-5tdqth5p89] {
    padding: var(--trecker-space-lg);
}

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

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

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

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

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

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

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

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

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

/* --- Registration card filter grid --- */
.ae-reg-filter-grid[b-5tdqth5p89] {
    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-5tdqth5p89] {
    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-5tdqth5p89] {
    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-5tdqth5p89] {
    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-5tdqth5p89] {
    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-5tdqth5p89] {
    padding: var(--trecker-space-md);
}

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

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

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

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

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

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

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

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

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

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

    .ae-card-actions .TreckerButton[b-5tdqth5p89],
    .ae-card-actions-mt .TreckerButton[b-5tdqth5p89],
    .ae-card-actions-aligned .TreckerButton[b-5tdqth5p89] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminFieldAccess.razor.rz.scp.css */
.fat-list[b-d32zj03b7z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fag-section[b-d32zj03b7z] {
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid var(--trecker-border);
}

.fag-textarea[b-d32zj03b7z] {
    min-height: 96px;
    resize: vertical;
    font-family: inherit;
}

.fat-row[b-d32zj03b7z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    flex-wrap: wrap;
}

.fat-row--inactive[b-d32zj03b7z] {
    opacity: 0.55;
}

.fat-row-main[b-d32zj03b7z] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    flex: 1;
}

.fat-row-name[b-d32zj03b7z] {
    font-size: 14px;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.fat-row-meta[b-d32zj03b7z] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
    color: var(--trecker-text-secondary);
}

.fat-row-side[b-d32zj03b7z] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.fat-pw[b-d32zj03b7z] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.fat-pw-value[b-d32zj03b7z] {
    font-family: ui-monospace, 'Courier New', monospace;
    font-size: 12px;
    color: var(--trecker-text-primary);
    background: var(--trecker-bg-subtle, rgba(0, 0, 0, 0.05));
    border-radius: 4px;
    padding: 1px 6px;
}

.fat-pw-toggle[b-d32zj03b7z] {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: var(--trecker-green, #2e7d32);
    text-decoration: underline;
    cursor: pointer;
}

.fat-pw-legacy[b-d32zj03b7z] {
    font-style: italic;
}

.fat-pw-modes[b-d32zj03b7z] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 10px 0;
}

.fat-pw-mode[b-d32zj03b7z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--trecker-text-primary);
    cursor: pointer;
}

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

.fat-copy-row .TT-input[b-d32zj03b7z] {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    font-family: ui-monospace, 'Courier New', monospace;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminFinances.razor.rz.scp.css */
.Finances__Page[b-84htzyaj79] {
    padding: var(--trecker-space-xl);
}

/* Summary Grid */
.Finances__SummaryGrid[b-84htzyaj79] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
    gap: var(--trecker-space-md);
}

.Finances__SummaryCard[b-84htzyaj79] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    padding: var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.Finances__SummaryIcon[b-84htzyaj79] {
    width: 36px;
    height: 36px;
    border-radius: var(--trecker-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--trecker-space-xs);
}

.Finances__SummaryIcon--info[b-84htzyaj79] { background: rgba(41, 151, 255, 0.15); color: var(--trecker-info); }
.Finances__SummaryIcon--success[b-84htzyaj79] { background: rgba(52, 199, 89, 0.15); color: var(--trecker-success); }
.Finances__SummaryIcon--warning[b-84htzyaj79] { background: rgba(255, 149, 0, 0.15); color: var(--trecker-warning); }

.Finances__SummaryValue[b-84htzyaj79] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    line-height: 1.2;
}

.Finances__SummaryValue--success[b-84htzyaj79] { color: var(--trecker-success); }
.Finances__SummaryValue--warning[b-84htzyaj79] { color: var(--trecker-warning); }

.Finances__SummaryLabel[b-84htzyaj79] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

/* Filters */
.Finances__Filters[b-84htzyaj79] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    align-items: flex-end;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    padding: var(--trecker-space-md);
}

.Finances__FilterGroup[b-84htzyaj79] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    min-width: 160px;
    flex: 1;
}

.Finances__SearchInput[b-84htzyaj79] {
    min-width: 200px;
}

/* Table wrapper for horizontal scroll on mobile */
.Finances__TableWrapper[b-84htzyaj79] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.FinancesTable[b-84htzyaj79] {
    min-width: 700px;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-lg);
    overflow: hidden;
    background: var(--trecker-bg-card);
}

.FinancesTable__Header[b-84htzyaj79] {
    display: grid;
    grid-template-columns: 1fr 1fr 130px 110px 100px 80px 100px;
    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);
}

.FinancesTable__Row[b-84htzyaj79] {
    display: grid;
    grid-template-columns: 1fr 1fr 130px 110px 100px 80px 100px;
    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: 52px;
    transition: background-color var(--trecker-transition-fast);
}

.FinancesTable__Row:last-child[b-84htzyaj79] {
    border-bottom: none;
}

.FinancesTable__Row:hover[b-84htzyaj79] {
    background: var(--trecker-bg-hover-subtle);
}

.FinancesTable__Row--paid[b-84htzyaj79] {
    border-left: 3px solid var(--trecker-success);
}

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

.FinancesTable__HeaderCell[b-84htzyaj79] {
    padding: var(--trecker-space-xs);
    display: flex;
    align-items: center;
}

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

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

.FinancesTable__Col--driver[b-84htzyaj79] { flex-direction: column; align-items: flex-start; gap: 2px; }

/* Checkbox */
.Finances__CheckboxLabel[b-84htzyaj79] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
}

.Finances__Checkbox[b-84htzyaj79] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.Finances__CheckboxCustom[b-84htzyaj79] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border: 2px solid var(--trecker-border);
    border-radius: var(--trecker-radius-sm);
    background: var(--trecker-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--trecker-transition-fast);
}

.Finances__CheckboxCustom--checked[b-84htzyaj79] {
    background: var(--trecker-success);
    border-color: var(--trecker-success);
    color: white;
}

.Finances__CheckboxLabel:hover .Finances__CheckboxCustom:not(.Finances__CheckboxCustom--checked)[b-84htzyaj79] {
    border-color: var(--trecker-success);
    background: rgba(52, 199, 89, 0.1);
}

.Finances__TableFooter[b-84htzyaj79] {
    display: flex;
    justify-content: flex-end;
    padding: var(--trecker-space-sm) 0;
}

.Finances__LoadingCenter[b-84htzyaj79] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

/* Mobile: stack cards, force table scroll */
@media (max-width: 768px) {
    .Finances__Page[b-84htzyaj79] {
        padding: var(--trecker-space-md);
    }

    .Finances__SummaryGrid[b-84htzyaj79] {
        grid-template-columns: repeat(2, 1fr);
    }

    .Finances__Filters[b-84htzyaj79] {
        flex-direction: column;
    }

    .Finances__FilterGroup[b-84htzyaj79] {
        min-width: 0;
        flex: 1 1 100%;
    }
}

@media (max-width: 480px) {
    .Finances__SummaryGrid[b-84htzyaj79] {
        grid-template-columns: 1fr;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminGlobalSponsors.razor.rz.scp.css */
.AGS[b-71vldf168j] {
    padding: var(--trecker-space-xl);
}

.AGS__Loading[b-71vldf168j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-2xl);
    gap: var(--trecker-space-md);
}

.AGS__NoAccess[b-71vldf168j] {
    max-width: 420px;
    margin: var(--trecker-space-2xl) auto;
    text-align: center;
    padding: var(--trecker-space-2xl);
}

/* ── Header ───────────────────────────────── */
.AGS__Header[b-71vldf168j] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.AGS__HeaderLeft[b-71vldf168j] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex: 1 1 auto;
}

.AGS__HeaderIcon[b-71vldf168j] {
    color: var(--trecker-warning);
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.AGS__Title[b-71vldf168j] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    margin: 0;
}

.AGS__Subtitle[b-71vldf168j] {
    margin: 2px 0 0;
    font-size: var(--trecker-font-size-sm);
}

.AGS__HeaderActions[b-71vldf168j] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ── Add / Edit form ──────────────────────── */
.AGS__AddCard[b-71vldf168j] {
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
}

.AGS__FormRow[b-71vldf168j] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.AGS__FormCol--grow[b-71vldf168j] {
    flex: 1 1 230px;
    min-width: 200px;
}

.AGS__FormCol--fixed[b-71vldf168j] {
    flex: 0 1 160px;
    min-width: 140px;
}

.AGS__FormCol--narrow[b-71vldf168j] {
    flex: 0 0 110px;
    min-width: 100px;
}

.AGS__FormFooter[b-71vldf168j] {
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-top: var(--trecker-space-sm);
}

.AGS__CheckLabel[b-71vldf168j] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    cursor: pointer;
}

.AGS__EditActions[b-71vldf168j] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ── Logo ──────────────────────────────────── */
.AGS__LogoPreviewRow[b-71vldf168j] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-sm);
}

.AGS__LogoPreview[b-71vldf168j] {
    max-height: 60px;
    max-width: 150px;
    object-fit: contain;
    background: var(--trecker-surface);
    padding: 4px;
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-border);
}

.AGS__UploadLabel[b-71vldf168j] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

/* InputFile is a child component — ::deep so the scoped rule reaches its <input>. */
.AGS__UploadLabel[b-71vldf168j]  .AGS__FileInput {
    display: none;
}

/* ── Search & filter ──────────────────────── */
.AGS__SearchBar[b-71vldf168j] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.AGS__SearchBar .TreckerInput[b-71vldf168j] {
    flex: 1 1 200px;
    min-width: 160px;
}

.AGS__TierFilter[b-71vldf168j] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* ── Sponsor list ─────────────────────────── */
.AGS__List[b-71vldf168j] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.AGS__SponsorCard[b-71vldf168j] {
    padding: var(--trecker-space-lg);
}

.AGS__SponsorRow[b-71vldf168j] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.AGS__LogoCell[b-71vldf168j] {
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.AGS__LogoThumb[b-71vldf168j] {
    max-height: 60px;
    max-width: 80px;
    object-fit: contain;
}

.AGS__SponsorInfo[b-71vldf168j] {
    flex: 1 1 280px;
    min-width: 200px;
}

.AGS__SponsorMeta[b-71vldf168j] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AGS__TierBadge[b-71vldf168j] {
    font-size: var(--trecker-font-size-sm);
}

/* Tier badge colours (former inline styles) */
.AGS__TierBadge--platinum[b-71vldf168j] {
    background: linear-gradient(135deg, #e8e0f0, #d4c5e8);
    color: #6b4c9a;
    font-weight: 700;
}

.AGS__TierBadge--gold[b-71vldf168j] {
    background: linear-gradient(135deg, #fff8e1, #ffe082);
    color: #b8860b;
    font-weight: 700;
}

.AGS__TierBadge--silver[b-71vldf168j] {
    background: linear-gradient(135deg, #f5f5f5, #e0e0e0);
    color: #616161;
    font-weight: 700;
}

.AGS__TierBadge--bronze[b-71vldf168j] {
    background: linear-gradient(135deg, #fbe9e7, #ffccbc);
    color: #bf360c;
    font-weight: 700;
}

.AGS__WebsiteLink[b-71vldf168j] {
    color: var(--trecker-accent);
    text-decoration: none;
}

.AGS__WebsiteLink:hover[b-71vldf168j] {
    text-decoration: underline;
}

.AGS__SponsorActions[b-71vldf168j] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: flex-start;
}

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

.AGS__Modal[b-71vldf168j] {
    padding: var(--trecker-space-xl);
    max-width: 460px;
    width: 100%;
}

.AGS__ModalActions[b-71vldf168j] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: var(--trecker-space-lg);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminGuestClaims.razor.rz.scp.css */
.agc-page[b-27csvthguk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── Search bar ─────────────────────────────────────────────────────────── */
.agc-searchbar[b-27csvthguk] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
    flex-wrap: wrap;
}

.agc-searchbar .TreckerInput[b-27csvthguk] {
    flex: 1 1 260px;
    min-width: 0;
}

.agc-count[b-27csvthguk] {
    margin: 0.25rem 0 0;
}

/* ── Guest signup list ─────────────────────────────────────────────────── */
.agc-list[b-27csvthguk] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

/* Tablet & up: use the extra width for two columns of cards. */
@media (min-width: 768px) {
    .agc-list[b-27csvthguk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .agc-list[b-27csvthguk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.agc-card[b-27csvthguk] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 12px;
    background: var(--trecker-bg-secondary, #16161a);
}

.agc-card-main[b-27csvthguk] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.agc-card-name[b-27csvthguk] {
    font-weight: 700;
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 0.6rem;
    color: var(--trecker-text-primary, #f5f5f5);
}

.agc-card-email[b-27csvthguk] {
    font-weight: 400;
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #b0b0b0);
    word-break: break-all;
}

.agc-card-meta[b-27csvthguk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.agc-chip[b-27csvthguk] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    background: var(--trecker-bg-tertiary, #202020);
    color: var(--trecker-text-primary, #f5f5f5);
    white-space: nowrap;
}

.agc-chip--muted[b-27csvthguk] {
    color: var(--trecker-text-secondary, #b0b0b0);
    font-variant-numeric: tabular-nums;
}

.agc-card-tractor[b-27csvthguk] {
    font-size: 0.85rem;
    color: var(--trecker-text-primary, #f5f5f5);
}

.agc-card-results[b-27csvthguk] {
    color: var(--trecker-text-secondary, #b0b0b0);
}

.agc-card-action[b-27csvthguk] {
    display: flex;
    justify-content: flex-end;
}

.agc-card-action .TreckerButton[b-27csvthguk] {
    width: 100%;
}

@media (min-width: 480px) {
    .agc-card-action .TreckerButton[b-27csvthguk] {
        width: auto;
    }
}

/* ── Link dialog (mirrors AdminRegistrations manual-link dialog) ────────── */
.agc-link-search-row[b-27csvthguk] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.agc-link-search-row .TreckerInput[b-27csvthguk] {
    flex: 1;
}

.agc-link-results[b-27csvthguk] {
    margin-top: 0.5rem;
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 8px;
}

.agc-link-result[b-27csvthguk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.75rem;
    background: none;
    border: none;
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    cursor: pointer;
    color: var(--trecker-text-primary, #f5f5f5);
}

.agc-link-result:last-child[b-27csvthguk] {
    border-bottom: none;
}

.agc-link-result:hover[b-27csvthguk],
.agc-link-result--on[b-27csvthguk] {
    background: var(--trecker-bg-tertiary, #202020);
}

.agc-link-result-name[b-27csvthguk] {
    font-weight: 600;
}

.agc-link-result-meta[b-27csvthguk] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #b0b0b0);
}

.agc-link-tractor[b-27csvthguk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 0.75rem;
}

.agc-link-radio[b-27csvthguk] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.agc-modal-actions[b-27csvthguk] {
    justify-content: flex-end;
    gap: 0.5rem;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminGuestTractorRepair.razor.rz.scp.css */
.gtr-wrap[b-kcfiwzjqfh] {
    padding: var(--trecker-space-xl);
    max-width: 960px;
    margin: 0 auto;
}

.gtr-locked[b-kcfiwzjqfh],
.gtr-empty[b-kcfiwzjqfh] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.gtr-locked-icon[b-kcfiwzjqfh],
.gtr-empty-icon[b-kcfiwzjqfh] {
    font-size: 2rem;
    margin-bottom: var(--trecker-space-sm);
}

.gtr-toolbar[b-kcfiwzjqfh] {
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.gtr-confirm-text[b-kcfiwzjqfh] {
    color: var(--trecker-error, #dc2626);
    font-weight: 600;
}

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

.gtr-item[b-kcfiwzjqfh] {
    padding: var(--trecker-space-md);
}

.gtr-item-head[b-kcfiwzjqfh] {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "info actions"
        "summary actions";
    align-items: center;
    gap: var(--trecker-space-xs) var(--trecker-space-md);
}

.gtr-item-info[b-kcfiwzjqfh] {
    grid-area: info;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
}

.gtr-event[b-kcfiwzjqfh] {
    margin-left: var(--trecker-space-xs);
}

.gtr-item-summary[b-kcfiwzjqfh] {
    grid-area: summary;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
}

.gtr-arrow[b-kcfiwzjqfh] {
    color: var(--trecker-text-tertiary);
}

.gtr-item-actions[b-kcfiwzjqfh] {
    grid-area: actions;
    display: flex;
    gap: var(--trecker-space-xs);
    align-items: center;
}

.gtr-detail[b-kcfiwzjqfh] {
    margin-top: var(--trecker-space-md);
    overflow-x: auto;
}

.gtr-table[b-kcfiwzjqfh] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--trecker-font-size-sm);
}

.gtr-table th[b-kcfiwzjqfh],
.gtr-table td[b-kcfiwzjqfh] {
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid var(--trecker-border, rgba(0, 0, 0, 0.08));
    vertical-align: top;
}

.gtr-table th[b-kcfiwzjqfh] {
    color: var(--trecker-text-tertiary);
    font-weight: 600;
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.gtr-field[b-kcfiwzjqfh] {
    color: var(--trecker-text-secondary);
    white-space: nowrap;
}

.gtr-row-changed .gtr-old[b-kcfiwzjqfh] {
    color: var(--trecker-text-tertiary);
    text-decoration: line-through;
}

.gtr-row-changed .gtr-new[b-kcfiwzjqfh] {
    color: var(--trecker-success, #16a34a);
    font-weight: 600;
}

.gtr-row-changed[b-kcfiwzjqfh] {
    background: rgba(22, 163, 74, 0.06);
}

@media (max-width: 640px) {
    .gtr-wrap[b-kcfiwzjqfh] {
        padding: var(--trecker-space-md);
    }

    .gtr-item-head[b-kcfiwzjqfh] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "info"
            "summary"
            "actions";
    }

    .gtr-item-actions[b-kcfiwzjqfh] {
        justify-content: flex-end;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminGuideImages.razor.rz.scp.css */
.GuideImages[b-2qbduop2z0] {
    max-width: 1100px;
    margin: 0 auto;
    padding: var(--trecker-space-xl) var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
}

.GuideImages__Loading[b-2qbduop2z0] {
    text-align: center;
    padding: var(--trecker-space-xl);
}

/* ─── Header ─── */
.GuideImages__Header[b-2qbduop2z0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.GuideImages__Title[b-2qbduop2z0] {
    margin: 0 0 6px;
    font-size: 24px;
    font-weight: 800;
    color: var(--trecker-text-primary);
}

.GuideImages__InfoLink[b-2qbduop2z0] {
    color: var(--trecker-accent, #ff7a3d);
    text-decoration: none;
    font-weight: 600;
}

.GuideImages__InfoLink:hover[b-2qbduop2z0] { text-decoration: underline; }

.GuideImages__Stats[b-2qbduop2z0] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: flex-start;
}

.GuideImages__StatBadge[b-2qbduop2z0] {
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.GuideImages__StatBadge--done[b-2qbduop2z0] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.GuideImages__StatBadge--missing[b-2qbduop2z0] {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

/* ─── Filter chips ─── */
.GuideImages__Filters[b-2qbduop2z0] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.GuideImages__FilterChip[b-2qbduop2z0] {
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
}

.GuideImages__FilterChip--active[b-2qbduop2z0] {
    background: var(--trecker-accent, #ff7a3d);
    color: #fff;
    border-color: transparent;
}

.GuideImages__FilterChip--missing:not(.GuideImages__FilterChip--active)[b-2qbduop2z0] {
    border-color: rgba(245, 158, 11, 0.4);
    color: #d97706;
}

.GuideImages__ChipCount[b-2qbduop2z0] {
    background: rgba(255,255,255,0.25);
    border-radius: 8px;
    padding: 1px 7px;
    font-size: 11px;
}

.GuideImages__FilterChip:not(.GuideImages__FilterChip--active) .GuideImages__ChipCount[b-2qbduop2z0] {
    background: rgba(127,127,127,0.18);
}

/* ─── Audience groups ─── */
.GuideImages__Group[b-2qbduop2z0] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.GuideImages__GroupTitle[b-2qbduop2z0] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--trecker-text-primary);
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--trecker-border);
}

.GuideImages__AudienceBadge[b-2qbduop2z0] {
    display: none; /* just a visual anchor for the color */
}

/* ─── Article ─── */
.GuideImages__Article[b-2qbduop2z0] {
    background: var(--trecker-bg-card, var(--trecker-bg-secondary));
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
}

.GuideImages__ArticleHeader[b-2qbduop2z0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(127,127,127,0.05);
    border-bottom: 1px solid var(--trecker-border);
}

.GuideImages__ArticleName[b-2qbduop2z0] {
    font-size: 15px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.GuideImages__ArticleLink[b-2qbduop2z0] {
    font-size: 12px;
    color: var(--trecker-accent, #ff7a3d);
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}

.GuideImages__ArticleLink:hover[b-2qbduop2z0] { text-decoration: underline; }

/* ─── Slot list ─── */
.GuideImages__Slots[b-2qbduop2z0] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.GuideImages__Slot[b-2qbduop2z0] {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--trecker-border);
}

.GuideImages__Slot:last-child[b-2qbduop2z0] { border-bottom: none; }

.GuideImages__Slot--missing[b-2qbduop2z0] {
    background: rgba(245, 158, 11, 0.03);
}

@media (max-width: 600px) {
    .GuideImages__Slot[b-2qbduop2z0] {
        grid-template-columns: 80px 1fr;
        grid-template-rows: auto auto;
    }
    .GuideImages__SlotActions[b-2qbduop2z0] {
        grid-column: 1 / -1;
        display: flex;
        gap: 8px;
    }
}

/* ─── Preview thumbnail ─── */
.GuideImages__Preview[b-2qbduop2z0] {
    width: 120px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--trecker-border);
    flex-shrink: 0;
}

.GuideImages__PreviewImg[b-2qbduop2z0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: zoom-in;
    transition: transform 0.15s ease;
}

.GuideImages__PreviewImg:hover[b-2qbduop2z0] { transform: scale(1.04); }

.GuideImages__Placeholder[b-2qbduop2z0] {
    width: 120px;
    height: 80px;
    border-radius: 8px;
    border: 2px dashed var(--trecker-border);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(127,127,127,0.04);
    flex-shrink: 0;
    color: var(--trecker-text-secondary);
}

/* ─── Slot info ─── */
.GuideImages__SlotInfo[b-2qbduop2z0] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.GuideImages__SlotLabel[b-2qbduop2z0] {
    font-size: 14px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.GuideImages__SlotDesc[b-2qbduop2z0] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    line-height: 1.4;
}

.GuideImages__SlotName[b-2qbduop2z0] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    font-family: monospace;
    opacity: 0.6;
}

/* ─── Actions ─── */
.GuideImages__SlotActions[b-2qbduop2z0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.GuideImages__UploadBtn[b-2qbduop2z0] {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff7a3d, #f59e0b);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    border: none;
    transition: opacity 0.15s;
}

.GuideImages__UploadBtn:hover[b-2qbduop2z0] { opacity: 0.9; }

.GuideImages__DeleteBtn[b-2qbduop2z0] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(229, 72, 77, 0.1);
    color: #e5484d;
    border: 1px solid rgba(229, 72, 77, 0.3);
    font-size: 18px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-family: inherit;
    flex-shrink: 0;
}

.GuideImages__DeleteBtn:hover[b-2qbduop2z0] {
    background: rgba(229, 72, 77, 0.2);
}

.GuideImages__Uploading[b-2qbduop2z0] {
    font-size: 13px;
    color: var(--trecker-text-secondary);
    font-style: italic;
}

/* ─── Lightbox ─── */
.GuideImages__Lightbox[b-2qbduop2z0] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    backdrop-filter: blur(4px);
}

.GuideImages__LightboxDialog[b-2qbduop2z0] {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.GuideImages__LightboxClose[b-2qbduop2z0] {
    position: absolute;
    top: -40px;
    right: 0;
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    font-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
}

.GuideImages__LightboxCaption[b-2qbduop2z0] {
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.GuideImages__LightboxImg[b-2qbduop2z0] {
    max-width: 90vw;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminImport.razor.rz.scp.css */
.AdminImport__Header[b-pdzzkrr4aq] {
    margin-bottom: var(--trecker-space-md);
}

.AdminImport__Title[b-pdzzkrr4aq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--trecker-text-color);
    margin: 0 0 var(--trecker-space-xs);
}

.AdminImport__Center[b-pdzzkrr4aq] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.AdminImport__Card[b-pdzzkrr4aq] {
    padding: var(--trecker-space-lg);
    margin-top: var(--trecker-space-md);
}

.AdminImport__SectionTitle[b-pdzzkrr4aq] {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--trecker-text-color);
    margin: 0 0 var(--trecker-space-sm);
}

.AdminImport__SubTitle[b-pdzzkrr4aq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--trecker-text-color);
    margin: var(--trecker-space-lg) 0 var(--trecker-space-sm);
}

/* Step indicator */
.AdminImport__Steps[b-pdzzkrr4aq] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    margin-top: var(--trecker-space-sm);
}

.AdminImport__Step[b-pdzzkrr4aq] {
    padding: 4px 12px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    border: 1px solid var(--trecker-border-color);
}

.AdminImport__Step.is-active[b-pdzzkrr4aq] {
    background: var(--trecker-accent-light, rgba(58,132,255,0.15));
    color: var(--trecker-accent, #3a84ff);
    border-color: var(--trecker-accent, #3a84ff);
}

.AdminImport__Step.is-done[b-pdzzkrr4aq] {
    color: var(--trecker-success, #34C759);
    border-color: var(--trecker-success, #34C759);
}

/* Drop zone */
.AdminImport__Drop[b-pdzzkrr4aq] {
    display: block;
    position: relative;
    border: 2px dashed var(--trecker-border-color);
    border-radius: var(--trecker-border-radius, 12px);
    padding: var(--trecker-space-lg);
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    margin-top: var(--trecker-space-sm);
}

.AdminImport__Drop:hover[b-pdzzkrr4aq] {
    border-color: var(--trecker-accent, #3a84ff);
    background: var(--trecker-bg-hover-subtle, rgba(255,255,255,0.02));
}

.AdminImport__FileInput[b-pdzzkrr4aq] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.AdminImport__DropText[b-pdzzkrr4aq] {
    color: var(--trecker-text-secondary);
    pointer-events: none;
}

.AdminImport__HeaderToggle[b-pdzzkrr4aq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: var(--trecker-space-md);
}

/* Preview / report tables */
.AdminImport__PreviewWrap[b-pdzzkrr4aq] {
    overflow-x: auto;
    margin-top: var(--trecker-space-md);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius, 8px);
}

.AdminImport__Table[b-pdzzkrr4aq] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--trecker-font-size-sm);
}

.AdminImport__Table th[b-pdzzkrr4aq],
.AdminImport__Table td[b-pdzzkrr4aq] {
    text-align: left;
    padding: 8px 12px;
    border-bottom: 1px solid var(--trecker-border-color);
    white-space: nowrap;
}

.AdminImport__Table th[b-pdzzkrr4aq] {
    background: var(--trecker-bg-tertiary);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    position: sticky;
    top: 0;
}

.AdminImport__Table tbody tr:last-child td[b-pdzzkrr4aq] {
    border-bottom: none;
}

/* Mapping grid */
.AdminImport__MapGrid[b-pdzzkrr4aq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
}

.AdminImport__ClassBlock[b-pdzzkrr4aq] {
    margin-top: var(--trecker-space-lg);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-color);
}

.AdminImport__ClassColSelect[b-pdzzkrr4aq] {
    max-width: 360px;
}

.AdminImport__ClassMap[b-pdzzkrr4aq] {
    display: grid;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-sm);
}

.AdminImport__ClassRow[b-pdzzkrr4aq] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AdminImport__ClassValue[b-pdzzkrr4aq] {
    min-width: 160px;
    font-weight: 500;
    color: var(--trecker-text-color);
    background: var(--trecker-bg-tertiary);
    padding: 6px 10px;
    border-radius: var(--trecker-border-radius, 8px);
}

.AdminImport__Arrow[b-pdzzkrr4aq] {
    color: var(--trecker-text-secondary);
}

.AdminImport__ClassRow .TreckerSelect[b-pdzzkrr4aq] {
    flex: 1;
    min-width: 200px;
}

.AdminImport__ZusatzBlock[b-pdzzkrr4aq] {
    margin-top: var(--trecker-space-lg);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-color);
}

.AdminImport__Note[b-pdzzkrr4aq] {
    margin-top: var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius, 8px);
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.AdminImport__Actions[b-pdzzkrr4aq] {
    display: flex;
    justify-content: flex-end;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-lg);
    flex-wrap: wrap;
}

/* Result stats */
.AdminImport__Stats[b-pdzzkrr4aq] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin: var(--trecker-space-sm) 0 var(--trecker-space-md);
}

.AdminImport__Stat[b-pdzzkrr4aq] {
    flex: 1;
    min-width: 110px;
    text-align: center;
    padding: var(--trecker-space-md);
    border-radius: var(--trecker-border-radius, 12px);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border-color);
}

.AdminImport__Stat--ok[b-pdzzkrr4aq] {
    border-color: var(--trecker-success, #34C759);
}

.AdminImport__Stat--skip[b-pdzzkrr4aq] {
    border-color: var(--trecker-warning, #ff9500);
}

.AdminImport__StatNum[b-pdzzkrr4aq] {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--trecker-text-color);
    line-height: 1.1;
}

.AdminImport__StatLabel[b-pdzzkrr4aq] {
    display: block;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@media (max-width: 768px) {
    .AdminImport__MapGrid[b-pdzzkrr4aq] {
        grid-template-columns: 1fr;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminImportLog.razor.rz.scp.css */
/* ============================================================================
   AdminImportLog.razor — Scoped Styles
   ============================================================================
   Import-Protokoll: lists each CSV/XLSX import run. Uses design tokens from
   trecker-variables.css.
   ============================================================================ */

.AdminImportLog[b-gk1yexducc] {
    padding: var(--trecker-space-xl);
}

.AdminImportLog__Center[b-gk1yexducc] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.AdminImportLog__Table[b-gk1yexducc] {
    width: 100%;
    border-collapse: collapse;
}

.AdminImportLog__Table th[b-gk1yexducc],
.AdminImportLog__Table td[b-gk1yexducc] {
    text-align: left;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border);
    font-size: var(--trecker-font-sm);
}

.AdminImportLog__Table th[b-gk1yexducc] {
    color: var(--trecker-text-secondary);
    font-weight: 600;
}

.AdminImportLog__NumCol[b-gk1yexducc] {
    text-align: right;
    white-space: nowrap;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminIncidents.razor.rz.scp.css */
/* AdminIncidents — converted from the former inline styles of the Server page (inline styles are forbidden). */

.AdmInc__Page[b-ciwpmtnl42] {
    padding: var(--trecker-space-lg);
}

.AdmInc__Header[b-ciwpmtnl42] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.AdmInc__HeaderLeft[b-ciwpmtnl42] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.AdmInc__HeaderIcon[b-ciwpmtnl42] {
    width: 28px;
    height: 28px;
    color: var(--trecker-error);
}

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

.AdmInc__BtnIcon[b-ciwpmtnl42] {
    width: 18px;
    height: 18px;
}

.AdmInc__DismissBtn[b-ciwpmtnl42] {
    margin-left: auto;
    padding: 0;
    width: auto;
    height: auto;
    font-size: var(--trecker-font-size-sm);
}

.AdmInc__Tabs[b-ciwpmtnl42] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AdmInc__Filters[b-ciwpmtnl42] {
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.AdmInc__FilterGroup[b-ciwpmtnl42] {
    flex: 1 1 200px;
    min-width: 0;
    margin-bottom: 0;
}

.AdmInc__TableWrap[b-ciwpmtnl42] {
    overflow-x: auto;
}

.AdmInc__EmptyCell[b-ciwpmtnl42] {
    text-align: center;
    padding: var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
}

.AdmInc__Row[b-ciwpmtnl42] {
    cursor: pointer;
}

.AdmInc__ExpandCell[b-ciwpmtnl42] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
}

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

.AdmInc__RowActions[b-ciwpmtnl42] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AdmInc__DangerTitle[b-ciwpmtnl42] {
    color: var(--trecker-error);
}

.AdmInc__DeleteList[b-ciwpmtnl42] {
    margin: var(--trecker-space-xs) 0 0 var(--trecker-space-md);
    padding: 0;
}

.AdmInc__ConfirmLabel[b-ciwpmtnl42] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    margin-bottom: var(--trecker-space-md);
}

.AdmInc__ConfirmCheck[b-ciwpmtnl42] {
    margin-top: 2px;
    cursor: pointer;
}

.AdmInc__ModalActions[b-ciwpmtnl42] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
}

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

.AdmInc__TextareaLg[b-ciwpmtnl42] {
    min-height: 120px;
}

.AdmInc__TextareaMd[b-ciwpmtnl42] {
    min-height: 100px;
}

.AdmInc__FormGrid[b-ciwpmtnl42] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: var(--trecker-space-md);
}

.AdmInc__SaveActions[b-ciwpmtnl42] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminInspection.razor.rz.scp.css */
.AdminInspection__Header[b-qpksnjezbo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
    padding: 0 0 12px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--trecker-border);
}
.AdminInspection__HeaderLeft[b-qpksnjezbo] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}
.AdminInspection__Icon[b-qpksnjezbo] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}
.AdminInspection__Title[b-qpksnjezbo] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: linear-gradient(135deg, #ff8a3d 0%, #ff4c1e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.AdminInspection__Subtitle[b-qpksnjezbo] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}
@media (max-width: 768px) {
    .AdminInspection__Title[b-qpksnjezbo] { font-size: 18px; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminInspectionSetup.razor.rz.scp.css */
/* TreckerTreck — Inspection-Setup (F6). Schichtplan-Dashboard-Style. */

.InspectionSetup[b-2kfq90jtx4] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

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

.InspectionSetup__HeaderLeft[b-2kfq90jtx4] {
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.InspectionSetup__Icon[b-2kfq90jtx4] {
    width: 24px;
    height: 24px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.InspectionSetup__Title[b-2kfq90jtx4] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.InspectionSetup__Subtitle[b-2kfq90jtx4] {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--trecker-text-secondary);
}

.InspectionSetup__HeaderActions[b-2kfq90jtx4] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.InspectionSetup__Alert[b-2kfq90jtx4] {
    margin: 0;
}

/* Stats */
.InspectionSetup__Stats[b-2kfq90jtx4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    gap: 8px;
}

.InspectStat[b-2kfq90jtx4] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: 9px 11px;
}

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

.InspectStat--locked[b-2kfq90jtx4] {
    border-left: 3px solid #6b7280;
}

.InspectStat--required[b-2kfq90jtx4] {
    border-left: 3px solid #ff7a3d;
}

.InspectStat__Label[b-2kfq90jtx4] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--trecker-text-secondary);
    line-height: 1.25;
}

.InspectStat__Value[b-2kfq90jtx4] {
    font-size: 20px;
    font-weight: 700;
    margin-top: 2px;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
}

/* Hint banner */
.InspectionSetup__Hint[b-2kfq90jtx4] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 12px;
}

.InspectionSetup__Hint--on[b-2kfq90jtx4] {
    border-color: rgba(46, 160, 67, 0.4);
    background: linear-gradient(135deg, rgba(46, 160, 67, 0.08), transparent 70%);
}

.InspectionSetup__Hint--off[b-2kfq90jtx4] {
    border-color: rgba(229, 72, 77, 0.4);
    background: linear-gradient(135deg, rgba(229, 72, 77, 0.08), transparent 70%);
}

/* Section block */
.InspectionSetup__Section[b-2kfq90jtx4] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.InspectionSetup__SectionHead[b-2kfq90jtx4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.InspectionSetup__SectionTitle[b-2kfq90jtx4] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--trecker-text-primary);
}

.InspectionSetup__SectionHint[b-2kfq90jtx4] {
    margin: -4px 0 0;
    font-size: 11.5px;
    line-height: 1.45;
    color: var(--trecker-text-secondary);
}

/* List & Items */
.InspectionSetup__List[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.InspectionItem[b-2kfq90jtx4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    transition: border-color 0.15s ease;
}

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

.InspectionItem--locked[b-2kfq90jtx4] {
    background: linear-gradient(135deg, rgba(107, 114, 128, 0.08), transparent 70%);
    border-color: rgba(107, 114, 128, 0.35);
}

.InspectionItem--locked:hover[b-2kfq90jtx4] {
    border-color: rgba(107, 114, 128, 0.55);
}

.InspectionItem__Lock[b-2kfq90jtx4] {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: rgba(107, 114, 128, 0.15);
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    align-self: flex-start;
}

.InspectionItem__Body[b-2kfq90jtx4] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.InspectionItem__Label[b-2kfq90jtx4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.InspectionItem__Desc[b-2kfq90jtx4] {
    font-size: 11.5px;
    color: var(--trecker-text-secondary);
}

.InspectionItem__Meta[b-2kfq90jtx4] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 1px;
}

.InspectionItem__MetaPill[b-2kfq90jtx4] {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(107, 114, 128, 0.12);
    color: var(--trecker-text-secondary);
}

.InspectionItem__MetaPill--req[b-2kfq90jtx4] {
    background: rgba(255, 122, 61, 0.14);
    color: #ff7a3d;
}

.InspectionItem__Actions[b-2kfq90jtx4] {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-shrink: 0;
}

.InspectionItem__Reorder[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* Icon button — scoped to this component (not globally defined) */
.InspectBtn[b-2kfq90jtx4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid var(--trecker-border);
    border-radius: 9px;
    background: transparent;
    color: var(--trecker-text-secondary, #9ca3af);
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    flex-shrink: 0;
}

.InspectBtn:hover:not(:disabled)[b-2kfq90jtx4] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.25);
    color: var(--trecker-text-primary, #f3f4f6);
}

.InspectBtn:disabled[b-2kfq90jtx4] {
    opacity: 0.25;
    cursor: not-allowed;
}

.InspectBtn--muted[b-2kfq90jtx4] {
    width: 34px;
    height: 26px;
    border-radius: 7px;
    border-color: transparent;
}

.InspectBtn--muted:hover:not(:disabled)[b-2kfq90jtx4] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}

.InspectBtn--danger:hover:not(:disabled)[b-2kfq90jtx4] {
    background: rgba(229, 72, 77, 0.15);
    border-color: rgba(229, 72, 77, 0.4);
    color: #f87171;
}

/* Inline delete confirmation */
.InspectDeleteConfirm[b-2kfq90jtx4] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    background: rgba(229, 72, 77, 0.1);
    border: 1px solid rgba(229, 72, 77, 0.35);
    border-radius: 9px;
    animation: inspectConfirmIn-b-2kfq90jtx4 0.15s ease;
}

.InspectDeleteConfirm span[b-2kfq90jtx4] {
    font-size: 11px;
    font-weight: 600;
    color: #f87171;
    white-space: nowrap;
}

@keyframes inspectConfirmIn-b-2kfq90jtx4 {
    from { opacity: 0; transform: scale(0.92); }
    to   { opacity: 1; transform: scale(1); }
}

/* Add form */
.InspectionSetup__AddForm[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px dashed rgba(255, 122, 61, 0.4);
    border-radius: 9px;
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.06), transparent 70%);
}

.InspectionSetup__AddRow[b-2kfq90jtx4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 8px;
    align-items: end;
}

.InspectionSetup__Field[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.InspectionSetup__Field--narrow[b-2kfq90jtx4] {
    max-width: 120px;
}

.InspectionSetup__Field label[b-2kfq90jtx4] {
    font-size: 11px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.InspectionSetup__Check[b-2kfq90jtx4] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12.5px;
    cursor: pointer;
}

.InspectionSetup__Check input[type="checkbox"][b-2kfq90jtx4] {
    width: 15px;
    height: 15px;
    accent-color: #ff7a3d;
}

.InspectionSetup__AddActions[b-2kfq90jtx4] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
}

.InspectionSetup__Empty[b-2kfq90jtx4] {
    text-align: center;
    padding: 14px;
    border: 1px dashed var(--trecker-border);
    border-radius: 9px;
    color: var(--trecker-text-secondary);
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    font-size: 12.5px;
}

.InspectionSetup__Empty p[b-2kfq90jtx4] {
    margin: 0;
}

/* Default-mode items (read-only preview) */
.InspectionSetup__List--preview .InspectionItem[b-2kfq90jtx4] {
    opacity: 0.85;
}

.InspectionItem--default[b-2kfq90jtx4] {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.06), transparent 70%);
    border-color: rgba(99, 102, 241, 0.2);
}

.InspectionItem--default:hover[b-2kfq90jtx4] {
    border-color: rgba(99, 102, 241, 0.35);
    opacity: 1;
}

.InspectionItem__MetaPill--default[b-2kfq90jtx4] {
    background: rgba(99, 102, 241, 0.12);
    color: #818cf8;
}

/* Defaults-banner (info block at top of default section) */
.InspectionSetup__DefaultsBanner[b-2kfq90jtx4] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 9px 12px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), transparent 70%);
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 9px;
}

.InspectionSetup__DefaultsBannerIcon[b-2kfq90jtx4] {
    color: #818cf8;
    flex-shrink: 0;
    margin-top: 1px;
}

.InspectionSetup__DefaultsBannerText[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
}

.InspectionSetup__DefaultsBannerText strong[b-2kfq90jtx4] {
    color: var(--trecker-text-primary);
}

.InspectionSetup__DefaultsBannerText span[b-2kfq90jtx4] {
    color: var(--trecker-text-secondary);
}

/* Defaults action buttons row */
.InspectionSetup__DefaultsActions[b-2kfq90jtx4] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 2px;
}

/* Section head with multiple action buttons */
.InspectionSetup__SectionHeadActions[b-2kfq90jtx4] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.InspectionSetup__ResetBtn[b-2kfq90jtx4] {
    font-size: 12px;
    opacity: 0.75;
}

.InspectionSetup__ResetBtn:hover[b-2kfq90jtx4] {
    opacity: 1;
}

/* Intentionally-empty state */
.InspectionSetup__Empty--intentional[b-2kfq90jtx4] {
    border-color: rgba(99, 102, 241, 0.25);
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), transparent 70%);
    color: #818cf8;
}

/* Bonus-Checkbox "Startgeld bezahlt" */
.InspectionSetup__PaymentToggle[b-2kfq90jtx4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--trecker-text-primary);
    padding: 8px 11px;
    border: 1px solid var(--trecker-border);
    border-radius: 9px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
    align-self: flex-start;
    max-width: 100%;
}

.InspectionSetup__PaymentToggle input[type="checkbox"][b-2kfq90jtx4] {
    width: 16px;
    height: 16px;
}

.InspectionSetup__PaymentNote[b-2kfq90jtx4] {
    font-size: 11.5px;
    color: var(--trecker-text-secondary);
    padding: 7px 11px;
    border: 1px solid var(--trecker-border);
    border-radius: 9px;
    background: rgba(107, 114, 128, 0.08);
}

.InspectionSetup__PaymentNote--rec[b-2kfq90jtx4] {
    border-color: rgba(230, 184, 0, 0.35);
    background: linear-gradient(135deg, rgba(230, 184, 0, 0.1), transparent 70%);
    color: var(--trecker-text-primary);
}

/* Reset confirmation box */
.InspectionSetup__ConfirmBox[b-2kfq90jtx4] {
    padding: 10px 12px;
    background: linear-gradient(135deg, rgba(229, 72, 77, 0.08), transparent 70%);
    border: 1px solid rgba(229, 72, 77, 0.3);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 13px;
}

.InspectionSetup__ConfirmBox p[b-2kfq90jtx4] {
    margin: 0;
    color: var(--trecker-text-primary);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminIntegrations.razor.rz.scp.css */
/* TreckerTreck — Integrations (F7). Schichtplan-Style. */

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

.Integrations__Header[b-fcvg2tz1cr] {
    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);
}

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

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

.Integrations__Title[b-fcvg2tz1cr] {
    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;
}

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

.Integrations__HeaderActions[b-fcvg2tz1cr] { display: flex; gap: 8px; flex-wrap: wrap; }
.Integrations__Alert[b-fcvg2tz1cr] { margin: 0; }

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

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

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

.IntStat--info[b-fcvg2tz1cr] {
    border-left: 3px solid #6b7280;
}

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

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

.IntStat__Value--text[b-fcvg2tz1cr] {
    font-size: 14px;
    font-weight: 600;
}

/* Tabs */
.Integrations__Tabs[b-fcvg2tz1cr] {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--trecker-border);
    flex-wrap: wrap;
}

.Integrations__Tab[b-fcvg2tz1cr] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    transition: color 0.15s ease, border-color 0.15s ease;
}

.Integrations__Tab:hover[b-fcvg2tz1cr] {
    color: var(--trecker-text-primary);
}

.Integrations__Tab--active[b-fcvg2tz1cr] {
    color: #ff7a3d;
    border-bottom-color: #ff7a3d;
}

/* Section */
.Integrations__Section[b-fcvg2tz1cr] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.Integrations__SectionHead[b-fcvg2tz1cr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.Integrations__SectionTitle[b-fcvg2tz1cr] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.Integrations__SectionHint[b-fcvg2tz1cr] {
    margin: 0;
    font-size: 12px;
    color: var(--trecker-text-secondary);
}

/* Wizard */
.Integrations__WizardRow[b-fcvg2tz1cr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.Integrations__Field[b-fcvg2tz1cr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.Integrations__Field--narrow[b-fcvg2tz1cr] { max-width: 140px; }
.Integrations__Field--wide[b-fcvg2tz1cr] { grid-column: span 2; }

.Integrations__Field label[b-fcvg2tz1cr] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.Integrations__GroupLabel[b-fcvg2tz1cr] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    margin-bottom: 6px;
    display: block;
}

.Integrations__ScopeGroup[b-fcvg2tz1cr] {
    background: var(--trecker-bg-primary, transparent);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 12px;
}

.Integrations__ScopeGrid[b-fcvg2tz1cr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 6px 12px;
}

.Integrations__Check[b-fcvg2tz1cr] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    cursor: pointer;
}

.Integrations__Check input[type="checkbox"][b-fcvg2tz1cr] {
    width: 16px;
    height: 16px;
    accent-color: #ff7a3d;
}

.Integrations__WizardActions[b-fcvg2tz1cr] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* Snippet box (after creation) */
.Integrations__SnippetBox[b-fcvg2tz1cr] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 70%);
    border: 1px solid rgba(255, 122, 61, 0.4);
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.Integrations__SnippetHead[b-fcvg2tz1cr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.Integrations__Code[b-fcvg2tz1cr] {
    background: #0d1117;
    color: #f0f6fc;
    border-radius: 6px;
    padding: 12px;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
}

.Integrations__Code--secret[b-fcvg2tz1cr] {
    background: #1f1330;
    border: 1px solid rgba(255, 122, 61, 0.4);
}

.Integrations__SnippetHint[b-fcvg2tz1cr] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 12px;
}

.Integrations__ListTitle[b-fcvg2tz1cr] {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

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

.Integrations__Empty[b-fcvg2tz1cr] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 13px;
    padding: 12px 0;
}

.IntCard[b-fcvg2tz1cr] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
}

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

.IntCard--revoked[b-fcvg2tz1cr] {
    opacity: 0.65;
}

.IntCard__Body[b-fcvg2tz1cr] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.IntCard__Title[b-fcvg2tz1cr] {
    font-size: 14px;
    font-weight: 600;
}

.IntCard__Meta[b-fcvg2tz1cr] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.IntCard__Pill[b-fcvg2tz1cr] {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(127, 127, 127, 0.12);
    color: var(--trecker-text-secondary);
}

.IntCard__Pill--mono[b-fcvg2tz1cr] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    text-transform: none;
    letter-spacing: 0;
}

.IntCard__Pill--bad[b-fcvg2tz1cr] {
    background: rgba(229, 72, 77, 0.15);
    color: #e5484d;
}

.Integrations__SoonBox[b-fcvg2tz1cr] {
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
    border: 1px dashed var(--trecker-border);
    border-radius: 10px;
    padding: 18px;
    color: var(--trecker-text-secondary);
}

.Integrations__SoonBox p[b-fcvg2tz1cr] {
    margin: 6px 0 0;
    font-size: 13px;
}

.Integrations__SoonBox code[b-fcvg2tz1cr] {
    background: rgba(127, 127, 127, 0.15);
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 0.9em;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminKommentatoren.razor.rz.scp.css */
.fat-list[b-cp6lzlegdp] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fat-row[b-cp6lzlegdp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md);
    padding: 0.875rem 1rem;
    transition: border-color 0.15s;
}

.fat-row:hover[b-cp6lzlegdp] {
    border-color: var(--trecker-border-hover, var(--trecker-accent));
}

.fat-row--inactive[b-cp6lzlegdp] {
    opacity: 0.5;
}

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

.fat-row-name[b-cp6lzlegdp] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fat-row-meta[b-cp6lzlegdp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    color: var(--trecker-text-secondary);
}

.fat-row-meta span[b-cp6lzlegdp]::after {
    content: '·';
    margin-left: 0.5rem;
}

.fat-row-meta span:last-child[b-cp6lzlegdp]::after {
    content: '';
    margin-left: 0;
}

.fat-row-side[b-cp6lzlegdp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.fat-copy-row[b-cp6lzlegdp] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.75rem;
}

.fat-copy-row .TT-input[b-cp6lzlegdp] {
    flex: 1;
    min-width: 0;
    font-size: 0.8rem;
}

@media (max-width: 640px) {
    .fat-row[b-cp6lzlegdp] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .fat-row-main[b-cp6lzlegdp] {
        width: 100%;
    }

    .fat-row-side[b-cp6lzlegdp] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminMapDesigner.razor.rz.scp.css */
/* Geländeplan-Designer — Desktop-first Editor, Grundfunktionen am Tablet nutzbar. */
.gpd[b-8hixnu84gu] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 140px);
    min-height: 560px;
    background: var(--trecker-bg-primary, #fff);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--trecker-border-color, #d8d5cc);
}

.gpd--fullscreen[b-8hixnu84gu] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    height: 100vh;
    height: 100dvh;
    border-radius: 0;
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
}

/* ── Toolbar ── */
.gpd__toolbar[b-8hixnu84gu] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    padding: 0.45rem 0.6rem;
    border-bottom: 1px solid var(--trecker-border-color, #d8d5cc);
    background: var(--trecker-bg-secondary, #f4f2ec);
}

.gpd__back[b-8hixnu84gu] {
    font-size: 1.2rem;
    text-decoration: none;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    color: inherit;
}

.gpd__back:hover[b-8hixnu84gu] { background: rgba(0, 0, 0, 0.07); }

.gpd__name[b-8hixnu84gu] {
    font-weight: 700;
    font-size: 0.95rem;
    border: 1px solid transparent;
    background: transparent;
    border-radius: 6px;
    padding: 0.25rem 0.4rem;
    max-width: 220px;
    color: inherit;
}

.gpd__name:hover[b-8hixnu84gu], .gpd__name:focus[b-8hixnu84gu] { border-color: var(--trecker-border-color, #d8d5cc); background: var(--trecker-bg-primary, #fff); }

.gpd__status[b-8hixnu84gu] { font-size: 0.75rem; padding: 0.15rem 0.5rem; border-radius: 99px; white-space: nowrap; }
.gpd__status--saved[b-8hixnu84gu] { background: rgba(70, 140, 70, 0.15); color: #3f7d3a; }
.gpd__status--dirty[b-8hixnu84gu] { background: rgba(217, 160, 62, 0.2); color: #8f6a1e; }

.gpd__toolgroup[b-8hixnu84gu] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 0.35rem;
    border-left: 1px solid var(--trecker-border-color, #d8d5cc);
}

.gpd__tool[b-8hixnu84gu] {
    border: none;
    background: transparent;
    font-size: 1rem;
    line-height: 1;
    padding: 0.35rem 0.45rem;
    border-radius: 6px;
    cursor: pointer;
    min-width: 34px;
    min-height: 34px;
}

.gpd__tool:hover:not(:disabled)[b-8hixnu84gu] { background: rgba(0, 0, 0, 0.08); }
.gpd__tool:disabled[b-8hixnu84gu] { opacity: 0.35; cursor: default; }

.gpd__opacity[b-8hixnu84gu] { width: 70px; }
.gpd__spacer[b-8hixnu84gu] { flex: 1; }
.gpd__alert[b-8hixnu84gu] { margin: 0.4rem 0.6rem; display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }

/* ── Layout ── */
.gpd__body[b-8hixnu84gu] {
    display: grid;
    grid-template-columns: 250px 1fr 280px;
    flex: 1;
    min-height: 0;
}

/* ── Palette ── */
.gpd__palette[b-8hixnu84gu] {
    border-right: 1px solid var(--trecker-border-color, #d8d5cc);
    overflow-y: auto;
    padding: 0.6rem;
    background: var(--trecker-bg-secondary, #f4f2ec);
}

.gpd__step[b-8hixnu84gu] {
    border: 1px solid var(--trecker-border-color, #d8d5cc);
    border-radius: 8px;
    padding: 0.5rem;
    margin-bottom: 0.6rem;
    background: var(--trecker-bg-primary, #fff);
}

.gpd__step--active[b-8hixnu84gu] { border-color: #d9a03e; }
.gpd__step--done[b-8hixnu84gu] { border-color: #3f7d3a; }
.gpd__step--disabled[b-8hixnu84gu] { opacity: 0.55; pointer-events: none; }
.gpd__steptitle[b-8hixnu84gu] { font-weight: 700; font-size: 0.8rem; margin-bottom: 0.35rem; }
.gpd__steptitle--lib[b-8hixnu84gu] { margin: 0.4rem 0 0.35rem; }
.gpd__steprow[b-8hixnu84gu] { display: flex; gap: 0.3rem; flex-wrap: wrap; }
.gpd__stepinfo[b-8hixnu84gu] { font-size: 0.72rem; opacity: 0.75; margin-top: 0.3rem; }
.gpd__stepwarn[b-8hixnu84gu] { font-size: 0.75rem; color: #b03a2e; font-weight: 600; margin-top: 0.3rem; }
.gpd__editnote[b-8hixnu84gu] { margin-top: 0.6rem; }

.gpd__pitem[b-8hixnu84gu] {
    flex: 1;
    border: 1px solid var(--trecker-border-color, #d8d5cc);
    background: var(--trecker-bg-secondary, #f4f2ec);
    border-radius: 6px;
    padding: 0.35rem 0.4rem;
    font-size: 0.78rem;
    cursor: pointer;
    white-space: nowrap;
}

.gpd__pitem:hover:not(:disabled)[b-8hixnu84gu] { background: rgba(0, 0, 0, 0.06); }
.gpd__pitem:disabled[b-8hixnu84gu] { opacity: 0.5; cursor: default; }
.gpd__pitem--ghost[b-8hixnu84gu] { background: transparent; }

.gpd__search[b-8hixnu84gu] { width: 100%; margin-bottom: 0.5rem; font-size: 0.85rem; }

.gpd__cattitle[b-8hixnu84gu] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.65;
    margin: 0.55rem 0 0.25rem;
    font-weight: 700;
}

.gpd__catgrid[b-8hixnu84gu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.gpd__pobj[b-8hixnu84gu] {
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--trecker-border-color, #d8d5cc);
    background: var(--trecker-bg-primary, #fff);
    border-radius: 6px;
    padding: 0.3rem 0.35rem;
    cursor: pointer;
    text-align: left;
    min-height: 34px;
}

.gpd__pobj:hover[b-8hixnu84gu] { background: rgba(0, 0, 0, 0.05); }
.gpd__pobj--active[b-8hixnu84gu] { border-color: #d9a03e; background: rgba(217, 160, 62, 0.15); }
.gpd__pobjicon[b-8hixnu84gu] { font-size: 0.95rem; flex-shrink: 0; }

.gpd__pobjlabel[b-8hixnu84gu] {
    font-size: 0.7rem;
    line-height: 1.15;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ── Canvas ── */
.gpd__canvaswrap[b-8hixnu84gu] { position: relative; min-width: 0; min-height: 0; }
.gpd__canvas[b-8hixnu84gu] { position: absolute; inset: 0; }

.gpd__drawbar[b-8hixnu84gu] {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(30, 32, 28, 0.9);
    color: #fff;
    border-radius: 99px;
    padding: 0.35rem 0.8rem;
    font-size: 0.8rem;
    white-space: nowrap;
    max-width: 92%;
}

.gpd__campad[b-8hixnu84gu] {
    position: absolute;
    right: 10px;
    bottom: 26px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gpd__campad button[b-8hixnu84gu] {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: rgba(255, 255, 255, 0.92);
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.gpd__campad button:hover[b-8hixnu84gu] { background: #fff; }

/* ── Eigenschaften ── */
.gpd__props[b-8hixnu84gu] {
    border-left: 1px solid var(--trecker-border-color, #d8d5cc);
    overflow-y: auto;
    padding: 0.7rem;
    background: var(--trecker-bg-secondary, #f4f2ec);
    display: flex;
    flex-direction: column;
}

.gpd__propsempty[b-8hixnu84gu] { text-align: center; padding: 2rem 0.5rem; opacity: 0.75; font-size: 0.85rem; }
.gpd__propsemptyicon[b-8hixnu84gu] { font-size: 1.8rem; margin-bottom: 0.4rem; }
.gpd__propstitle[b-8hixnu84gu] { font-weight: 800; font-size: 0.95rem; margin-bottom: 0.2rem; }

.gpd__osmtag[b-8hixnu84gu] {
    display: inline-block;
    font-size: 0.68rem;
    background: rgba(90, 130, 180, 0.2);
    color: #33619e;
    border-radius: 99px;
    padding: 0.1rem 0.5rem;
    margin-bottom: 0.3rem;
    align-self: flex-start;
}

.gpd__plabel[b-8hixnu84gu] { font-size: 0.74rem; font-weight: 600; margin: 0.55rem 0 0.15rem; display: block; }
.gpd__ptextarea[b-8hixnu84gu] { min-height: 60px; resize: vertical; font-size: 0.85rem; }
.gpd__prow[b-8hixnu84gu] { display: flex; align-items: center; justify-content: space-between; margin-top: 0.4rem; }
.gpd__propssub[b-8hixnu84gu] {
    font-size: 0.72rem;
    text-transform: uppercase;
    opacity: 0.65;
    font-weight: 700;
    margin-top: 0.8rem;
    border-top: 1px solid var(--trecker-border-color, #d8d5cc);
    padding-top: 0.5rem;
}

.gpd__pcheck[b-8hixnu84gu] { display: flex; align-items: center; gap: 0.4rem; font-size: 0.82rem; margin-top: 0.45rem; cursor: pointer; }
.gpd__reseed[b-8hixnu84gu] { margin-top: 0.3rem; }

.gpd__variants[b-8hixnu84gu] { display: flex; gap: 4px; }

.gpd__variant[b-8hixnu84gu] {
    flex: 1;
    padding: 0.35rem 0;
    border: 1px solid var(--trecker-border-color, #d8d5cc);
    background: var(--trecker-bg-primary, #fff);
    border-radius: 6px;
    cursor: pointer;
    font-weight: 700;
}

.gpd__variant--on[b-8hixnu84gu] { border-color: #3f7d3a; background: rgba(70, 140, 70, 0.15); color: #3f7d3a; }

.gpd__publishinfo[b-8hixnu84gu] { margin-top: auto; padding-top: 0.8rem; display: flex; flex-direction: column; gap: 0.4rem; }
.gpd__pubbadge[b-8hixnu84gu] { font-size: 0.75rem; padding: 0.25rem 0.6rem; border-radius: 99px; background: rgba(0, 0, 0, 0.08); align-self: flex-start; }
.gpd__pubbadge--on[b-8hixnu84gu] { background: rgba(70, 140, 70, 0.15); color: #3f7d3a; font-weight: 700; }

/* ── Vorschau ── */
.gpd__previewoverlay[b-8hixnu84gu] {
    position: fixed;
    inset: 0;
    z-index: 4500;
    background: var(--trecker-bg-primary, #fff);
    display: flex;
    flex-direction: column;
    padding-top: env(safe-area-inset-top);
}

.gpd__previewhead[b-8hixnu84gu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--trecker-border-color, #d8d5cc);
}

.gpd__previewmap[b-8hixnu84gu] { min-height: 0; }

/* ── Hilfe ── */
.gpd__helpoverlay[b-8hixnu84gu] {
    position: fixed;
    inset: 0;
    z-index: 4600;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.gpd__helpbox[b-8hixnu84gu] {
    background: var(--trecker-bg-primary, #fff);
    border-radius: 12px;
    padding: 1.2rem;
    max-width: 420px;
    width: 100%;
    max-height: 85vh;
    overflow-y: auto;
}

.gpd__helptable[b-8hixnu84gu] { width: 100%; font-size: 0.85rem; margin: 0.8rem 0; border-collapse: collapse; }
.gpd__helptable td[b-8hixnu84gu] { padding: 0.3rem 0.4rem; border-bottom: 1px solid var(--trecker-border-color, #eee); }
.gpd__helptable td:first-child[b-8hixnu84gu] { font-family: monospace; font-weight: 700; white-space: nowrap; }

/* ── Tablet / Mobil: Editor bleibt Desktop-first, aber bedienbar ── */
@media (max-width: 1100px) {
    .gpd__body[b-8hixnu84gu] { grid-template-columns: 210px 1fr 240px; }
}

@media (max-width: 860px) {
    .gpd[b-8hixnu84gu] { height: auto; }

    .gpd__body[b-8hixnu84gu] {
        grid-template-columns: 1fr;
        grid-template-rows: auto minmax(420px, 60vh) auto;
    }

    .gpd__palette[b-8hixnu84gu] {
        border-right: none;
        border-bottom: 1px solid var(--trecker-border-color, #d8d5cc);
        max-height: 34vh;
    }

    .gpd__catgrid[b-8hixnu84gu] { grid-template-columns: repeat(3, 1fr); }

    .gpd__props[b-8hixnu84gu] {
        border-left: none;
        border-top: 1px solid var(--trecker-border-color, #d8d5cc);
        max-height: 45vh;
    }
}

.gpd__tool--on[b-8hixnu84gu] { background: rgba(70, 140, 70, 0.18); color: #3f7d3a; }
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminMaps.razor.rz.scp.css */
/* Scoped styles for AdminMaps (/Admin/Event/{id}/Maps).
   The Leaflet map container itself keeps an inline height in the markup
   (established Shared pattern, see EventMap.razor) and is NOT sized here. */

.AdmMaps[b-oh9e4eqo5c] {
    padding: var(--trecker-space-lg);
}

.AdmMaps__Head[b-oh9e4eqo5c] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.AdmMaps__HeadIcon[b-oh9e4eqo5c] {
    width: 28px;
    height: 28px;
    color: var(--trecker-accent);
    flex-shrink: 0;
}

.AdmMaps__Title[b-oh9e4eqo5c] {
    margin: 0;
}

.AdmMaps__Alert[b-oh9e4eqo5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.AdmMaps__AlertClose[b-oh9e4eqo5c] {
    padding: 4px 8px;
}

.AdmMaps__Card[b-oh9e4eqo5c] {
    padding: var(--trecker-space-lg);
}

.AdmMaps__CardRow[b-oh9e4eqo5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.AdmMaps__CardTitle[b-oh9e4eqo5c] {
    margin: 0 0 4px 0;
}

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

.AdmMaps__AddrRow[b-oh9e4eqo5c] {
    margin-top: var(--trecker-space-md);
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AdmMaps__AddrInput[b-oh9e4eqo5c] {
    flex: 1;
    min-width: 200px;
}

.AdmMaps__AddrResults[b-oh9e4eqo5c] {
    margin-top: var(--trecker-space-sm);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.AdmMaps__AddrResult[b-oh9e4eqo5c] {
    justify-content: flex-start;
    text-align: left;
}

.AdmMaps__MapCard[b-oh9e4eqo5c] {
    padding: 0;
    overflow: hidden;
}

.AdmMaps__MapHint[b-oh9e4eqo5c] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.AdmMaps__PointsCard[b-oh9e4eqo5c] {
    margin-bottom: var(--trecker-space-lg);
}

.AdmMaps__PointsInner[b-oh9e4eqo5c] {
    padding: var(--trecker-space-md);
}

.AdmMaps__PointsHead[b-oh9e4eqo5c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.AdmMaps__PointsTitle[b-oh9e4eqo5c] {
    margin: 0;
}

.AdmMaps__Empty[b-oh9e4eqo5c] {
    text-align: center;
    padding: var(--trecker-space-xl) 0;
    color: var(--trecker-text-secondary);
}

.AdmMaps__TableWrap[b-oh9e4eqo5c] {
    overflow-x: auto;
    margin-top: var(--trecker-space-md);
}

.AdmMaps__Coords[b-oh9e4eqo5c] {
    font-family: var(--trecker-font-mono);
    font-size: var(--trecker-font-size-sm);
}

.AdmMaps__RowActions[b-oh9e4eqo5c] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

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

.AdmMaps__Field[b-oh9e4eqo5c] {
    display: flex;
    flex-direction: column;
}

.AdmMaps__FieldGrid[b-oh9e4eqo5c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--trecker-space-md);
}

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

.AdmMaps__ModalActions[b-oh9e4eqo5c] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
}

.AdmMaps__ModalActions--tight[b-oh9e4eqo5c] {
    margin-top: 0;
}

/* Geländeplan v2 — draw-region toolbar + GPS button */
.AdmMaps__Toolbar[b-oh9e4eqo5c] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) 0 var(--trecker-space-md);
}

.AdmMaps__GpsBtn[b-oh9e4eqo5c] {
    width: 100%;
}

/* Leaflet tooltip skins for region labels + draw vertex numbers */
:global(.trecker-venue-region-label)[b-oh9e4eqo5c] {
    font-weight: 600;
    font-size: 12px;
}

:global(.trecker-venue-vertex-num)[b-oh9e4eqo5c] {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    padding: 0;
}
:global(.trecker-venue-vertex-num::before)[b-oh9e4eqo5c] {
    display: none;
}

/* ── Geländeplan-Typ-Auswahl (Bild / OSM / Interaktiv) ── */
.AdmMaps__ModeHint[b-oh9e4eqo5c] { margin: 0.15rem 0 0.6rem; }

.AdmMaps__ModeGrid[b-oh9e4eqo5c] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.5rem;
}

.AdmMaps__ModeBtn[b-oh9e4eqo5c] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border: 2px solid var(--trecker-border-color, #d8d5cc);
    border-radius: 10px;
    background: var(--trecker-bg-secondary, #f4f2ec);
    padding: 0.6rem 0.7rem;
    cursor: pointer;
    text-align: left;
    min-height: 84px;
}

.AdmMaps__ModeBtn:hover[b-oh9e4eqo5c] { border-color: var(--trecker-primary, #3f7d3a); }

.AdmMaps__ModeBtn--on[b-oh9e4eqo5c] {
    border-color: var(--trecker-primary, #3f7d3a);
    background: rgba(70, 140, 70, 0.1);
}

.AdmMaps__ModeIcon[b-oh9e4eqo5c] { font-size: 1.25rem; }
.AdmMaps__ModeName[b-oh9e4eqo5c] { font-weight: 700; font-size: 0.85rem; }
.AdmMaps__ModeDesc[b-oh9e4eqo5c] { font-size: 0.72rem; opacity: 0.7; line-height: 1.25; }

.AdmMaps__DesignerRow[b-oh9e4eqo5c] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
    margin-top: 0.7rem;
}
/* _content/TreckerTreckWebsite.Shared/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-92ot5thw6z] {
    padding: var(--trecker-space-lg);
}

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

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

.am-page-title[b-92ot5thw6z] {
    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-92ot5thw6z] {
    color: var(--trecker-text-secondary);
    margin-top: var(--trecker-space-1);
    font-size: var(--trecker-font-size-sm);
}

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

.am-tab[b-92ot5thw6z] {
    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-92ot5thw6z] {
    color: var(--trecker-primary);
}

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

/* --- Cards grid --- */
.am-cards-grid[b-92ot5thw6z] {
    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-92ot5thw6z] {
    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-92ot5thw6z] {
    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-92ot5thw6z] {
    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-92ot5thw6z] {
    background-color: var(--trecker-bg-tertiary);
}

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

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

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

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

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

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

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

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

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

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

.am-field-value[b-92ot5thw6z] {
    font-weight: 600;
}

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

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

.am-cell-bold[b-92ot5thw6z] {
    font-weight: 600;
}

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

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

.am-merge-info-list[b-92ot5thw6z] {
    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-92ot5thw6z] {
    font-weight: 600;
    margin-bottom: var(--trecker-space-1);
}

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

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

/* --- Modal overlay --- */
.am-modal-overlay[b-92ot5thw6z] {
    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-92ot5thw6z] {
    max-width: 500px;
    position: relative;
}

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

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

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

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

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

    .am-tab-bar[b-92ot5thw6z] {
        overflow-x: auto;
    }

    .am-modal-actions[b-92ot5thw6z] {
        flex-direction: column;
    }

    .am-actions[b-92ot5thw6z] {
        flex-direction: column;
    }
}

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

    .am-page-header[b-92ot5thw6z] {
        flex-wrap: wrap;
    }

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

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

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

    .am-modal-actions[b-92ot5thw6z] {
        flex-direction: column;
    }

    .am-modal-actions .TreckerButton[b-92ot5thw6z] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminNotifications.razor.rz.scp.css */
/* AdminNotifications — System-Benachrichtigungen (/Admin/Notifications).
   Responsive: stat grid and form grid collapse to a single column on narrow
   phones via auto-fit minmax; the log table scrolls inside its own container. */

.AdminNotifications[b-f7qkn1vc2z] {
    padding: var(--trecker-space-lg);
}

.an-loading[b-f7qkn1vc2z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-xl);
}

.an-no-access[b-f7qkn1vc2z] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

/* ── Header ── */
.an-header[b-f7qkn1vc2z] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.an-header-icon[b-f7qkn1vc2z] {
    width: 28px;
    height: 28px;
    color: var(--trecker-warning);
    flex-shrink: 0;
}

.an-header-title[b-f7qkn1vc2z] {
    margin: 0;
}

/* ── Stats ── */
.an-stats-grid[b-f7qkn1vc2z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.an-stat-card[b-f7qkn1vc2z] {
    padding: var(--trecker-space-md);
}

.an-stat-value--info[b-f7qkn1vc2z] {
    color: var(--trecker-info);
}

.an-stat-value--success[b-f7qkn1vc2z] {
    color: var(--trecker-success);
}

.an-stat-value--error[b-f7qkn1vc2z] {
    color: var(--trecker-error);
}

/* ── Send form ── */
.an-form-card[b-f7qkn1vc2z] {
    padding: var(--trecker-space-lg);
}

.an-form-grid[b-f7qkn1vc2z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.an-form-group[b-f7qkn1vc2z] {
    margin-bottom: 0;
}

.an-form-actions[b-f7qkn1vc2z] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
}

/* ── Send log ── */
.an-log-card[b-f7qkn1vc2z] {
    padding: var(--trecker-space-lg);
}

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

.an-log-filter[b-f7qkn1vc2z] {
    min-width: 180px;
}

.an-table-scroll[b-f7qkn1vc2z] {
    overflow-x: auto;
}

.an-empty-cell[b-f7qkn1vc2z] {
    text-align: center;
    padding: var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
}

.an-mono[b-f7qkn1vc2z] {
    font-family: monospace;
    font-size: 0.85rem;
}

.an-error-cell[b-f7qkn1vc2z] {
    color: var(--trecker-error);
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminOfflineMode.razor.rz.scp.css */
.OfflineMode[b-xkxcutal7m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 100%;
}

.OfflineMode__Header[b-xkxcutal7m] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.OfflineMode__HeaderLeft[b-xkxcutal7m] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.OfflineMode__Icon[b-xkxcutal7m] {
    width: 32px;
    height: 32px;
    color: var(--trecker-accent);
    flex: 0 0 auto;
}

.OfflineMode__Title[b-xkxcutal7m] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.OfflineMode__Subtitle[b-xkxcutal7m] {
    margin: 0.15rem 0 0;
    color: var(--trecker-text-secondary);
    font-size: 0.9rem;
}

.OfflineMode__Card[b-xkxcutal7m] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.OfflineMode__Card--info[b-xkxcutal7m] {
    border-left: 4px solid var(--trecker-accent);
}

.OfflineMode__CardTitle[b-xkxcutal7m] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
}

.OfflineMode__Muted[b-xkxcutal7m] {
    color: var(--trecker-text-secondary);
    font-size: 0.875rem;
}

.OfflineMode__OnlineHint[b-xkxcutal7m] {
    font-size: 0.85rem;
    font-weight: 600;
}

.OfflineMode__OnlineHint.is-online[b-xkxcutal7m] { color: var(--trecker-success); }
.OfflineMode__OnlineHint.is-offline[b-xkxcutal7m] { color: var(--trecker-warning); }

.OfflineMode__Actions[b-xkxcutal7m] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.OfflineMode__Alert[b-xkxcutal7m] {
    background: var(--trecker-error-bg);
    border: 1px solid var(--trecker-error);
    color: var(--trecker-error);
    border-radius: 8px;
    padding: 0.6rem 0.85rem;
    font-size: 0.875rem;
}

.OfflineMode__Alert--warn[b-xkxcutal7m] {
    background: var(--trecker-warning-bg);
    border-color: var(--trecker-warning);
    color: var(--trecker-warning);
}

/* ── Status bar ─────────────────────────────────────────────── */
.OfflineMode__StatusBar[b-xkxcutal7m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 1rem 1.25rem;
}

.OfflineMode__StatusItem[b-xkxcutal7m] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.OfflineMode__StatusLabel[b-xkxcutal7m] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--trecker-text-secondary);
}

.OfflineMode__StatusValue[b-xkxcutal7m] {
    font-size: 1.05rem;
    font-weight: 600;
}

.OfflineMode__StatusValue.is-online[b-xkxcutal7m] { color: var(--trecker-success); }
.OfflineMode__StatusValue.is-offline[b-xkxcutal7m] { color: var(--trecker-warning); }

.OfflineMode__Pending.has-pending[b-xkxcutal7m] { color: var(--trecker-warning); }

.OfflineMode__PendingBreakdown[b-xkxcutal7m] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary);
}

/* ── Tabs ───────────────────────────────────────────────────── */
.OfflineMode__Tabs[b-xkxcutal7m] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 2px solid var(--trecker-border);
    overflow-x: auto;
}

.OfflineMode__Tab[b-xkxcutal7m] {
    background: none;
    border: none;
    padding: 0.6rem 1rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    white-space: nowrap;
}

.OfflineMode__Tab.is-active[b-xkxcutal7m] {
    color: var(--trecker-accent);
    border-bottom-color: var(--trecker-accent);
}

.OfflineMode__TabBody[b-xkxcutal7m] {
    min-height: 120px;
}

/* ── Lists / rows ───────────────────────────────────────────── */
.OfflineMode__List[b-xkxcutal7m] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.OfflineMode__Row[b-xkxcutal7m] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 0.75rem;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 0.55rem 0.85rem;
}

.OfflineMode__RowMain[b-xkxcutal7m] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.OfflineMode__RowNum[b-xkxcutal7m] {
    font-weight: 700;
    color: var(--trecker-accent);
    font-size: 0.8rem;
}

.OfflineMode__RowName[b-xkxcutal7m] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.OfflineMode__RowSub[b-xkxcutal7m] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.OfflineMode__RowActions[b-xkxcutal7m] {
    display: flex;
    gap: 0.3rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.OfflineMode__Tag[b-xkxcutal7m] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-primary);
}

.OfflineMode__Tag--ready[b-xkxcutal7m], .OfflineMode__Tag--passed[b-xkxcutal7m] { background: var(--trecker-success-bg); color: var(--trecker-success); }
.OfflineMode__Tag--checkedin[b-xkxcutal7m] { background: var(--trecker-info-bg); color: var(--trecker-info); }
.OfflineMode__Tag--withdrawn[b-xkxcutal7m], .OfflineMode__Tag--failed[b-xkxcutal7m] { background: var(--trecker-error-bg); color: var(--trecker-error); }

/* ── Editors ────────────────────────────────────────────────── */
.OfflineMode__Editor[b-xkxcutal7m] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: -0.2rem 0 0.4rem;
}

.OfflineMode__EditorRow[b-xkxcutal7m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.OfflineMode__EditorActions[b-xkxcutal7m] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.OfflineMode__Field[b-xkxcutal7m] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.OfflineMode__Field input[b-xkxcutal7m],
.OfflineMode__Field textarea[b-xkxcutal7m],
.OfflineMode__Field select[b-xkxcutal7m] {
    padding: 0.4rem 0.55rem;
    border: 1px solid var(--trecker-border-medium);
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--trecker-text-primary);
}

.OfflineMode__Field textarea[b-xkxcutal7m] { min-height: 56px; resize: vertical; }

.OfflineMode__Checklist[b-xkxcutal7m] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35rem;
}

.OfflineMode__CheckItem[b-xkxcutal7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.OfflineMode__CheckItem select[b-xkxcutal7m] {
    padding: 0.25rem 0.4rem;
    border: 1px solid var(--trecker-border-medium);
    border-radius: 6px;
}

.OfflineMode__ClassPicker[b-xkxcutal7m] { margin-bottom: 0.75rem; max-width: 320px; }

.OfflineMode__AttemptLabel[b-xkxcutal7m] { font-weight: 700; min-width: 2rem; }
.OfflineMode__DistInput[b-xkxcutal7m] { width: 7rem; padding: 0.35rem 0.5rem; border: 1px solid var(--trecker-border-medium); border-radius: 6px; }
.OfflineMode__Inline[b-xkxcutal7m] { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.85rem; }

/* ── Footer ─────────────────────────────────────────────────── */
.OfflineMode__Footer[b-xkxcutal7m] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding-top: 0.5rem;
    border-top: 1px solid var(--trecker-border);
}

/* ── Dialogs ────────────────────────────────────────────────── */
.OfflineMode__Overlay[b-xkxcutal7m] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1000;
}

.OfflineMode__Dialog[b-xkxcutal7m] {
    background: var(--trecker-bg-card);
    border-radius: 12px;
    padding: 1.5rem;
    max-width: 480px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.OfflineMode__Dialog h3[b-xkxcutal7m] { margin: 0; font-size: 1.15rem; }

.OfflineMode__DialogActions[b-xkxcutal7m] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.OfflineMode__SyncList[b-xkxcutal7m] { margin: 0; padding-left: 1.1rem; font-size: 0.9rem; }
.OfflineMode__SyncList--warn[b-xkxcutal7m] { color: var(--trecker-warning); }

.OfflineMode__ConfirmCheck[b-xkxcutal7m] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.875rem;
    background: var(--trecker-warning-bg);
    border: 1px solid var(--trecker-warning);
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
}

/* ── Responsive: phone ──────────────────────────────────────── */
@media (max-width: 640px) {
    .OfflineMode__Row[b-xkxcutal7m] {
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }

    .OfflineMode__RowActions[b-xkxcutal7m] { justify-content: flex-start; }
    .OfflineMode__RowState[b-xkxcutal7m] { order: 2; }
}

/* ── Responsive: tablet & up — give results editor more room ── */
@media (min-width: 900px) {
    .OfflineMode__Checklist[b-xkxcutal7m] { grid-template-columns: 1fr 1fr; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminOverlays.razor.rz.scp.css */
/* TreckerTreck — Overlay-Verwaltung (F1). Schichtplan-Style. */

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

.Overlays__Header[b-xf7bkw2g4k] {
    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);
}

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

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

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

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

.Overlays__HeaderActions[b-xf7bkw2g4k] { display: flex; gap: 8px; flex-wrap: wrap; }
.Overlays__Alert[b-xf7bkw2g4k] { margin: 0; }

.Overlays__Stats[b-xf7bkw2g4k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

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

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

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

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

.Overlays__Section[b-xf7bkw2g4k] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.Overlays__SectionTitle[b-xf7bkw2g4k] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.Overlays__WizardRow[b-xf7bkw2g4k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.Overlays__Field[b-xf7bkw2g4k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.Overlays__Field--narrow[b-xf7bkw2g4k] { max-width: 140px; }
.Overlays__Field--wide[b-xf7bkw2g4k] { grid-column: span 2; }

.Overlays__Field label[b-xf7bkw2g4k] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.Overlays__WizardActions[b-xf7bkw2g4k] {
    display: flex;
    justify-content: flex-end;
}

.Overlays__SnippetBox[b-xf7bkw2g4k] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 70%);
    border: 1px solid rgba(255, 122, 61, 0.4);
    border-radius: 10px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.Overlays__SnippetHead[b-xf7bkw2g4k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.Overlays__Code[b-xf7bkw2g4k] {
    background: #0d1117;
    color: #f0f6fc;
    border-radius: 6px;
    padding: 12px;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
}

.Overlays__Code--secret[b-xf7bkw2g4k] {
    background: #1f1330;
    border: 1px solid rgba(255, 122, 61, 0.4);
}

.Overlays__SnippetHint[b-xf7bkw2g4k] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 12px;
}

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

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

.OvCard[b-xf7bkw2g4k] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
}

.OvCard:hover[b-xf7bkw2g4k] { border-color: rgba(255, 122, 61, 0.4); }
.OvCard--revoked[b-xf7bkw2g4k] { opacity: 0.65; }

.OvCard__Body[b-xf7bkw2g4k] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.OvCard__Title[b-xf7bkw2g4k] { font-size: 14px; font-weight: 600; }
.OvCard__Meta[b-xf7bkw2g4k] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.OvCard__Pill[b-xf7bkw2g4k] {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(127, 127, 127, 0.12);
    color: var(--trecker-text-secondary);
}

.OvCard__Pill--mono[b-xf7bkw2g4k] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    text-transform: none;
    letter-spacing: 0;
}

.OvCard__Pill--bad[b-xf7bkw2g4k] {
    background: rgba(229, 72, 77, 0.15);
    color: #e5484d;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminPressKit.razor.rz.scp.css */
/* TreckerTreck — Pressekit-Editor (F5). Kompaktes Tab-Layout, vier Zielgeräte. */

.PressKit[b-mqvy4mcc2r] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: env(safe-area-inset-bottom, 0);
}

/* ── Kopf ─────────────────────────────────────────────────────── */

.PressKit__Header[b-mqvy4mcc2r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--trecker-border);
}

.PressKit__HeaderLeft[b-mqvy4mcc2r] { display: flex; gap: 12px; align-items: center; min-width: 0; }
.PressKit__HeaderText[b-mqvy4mcc2r] { min-width: 0; }
.PressKit__Icon[b-mqvy4mcc2r] { width: 26px; height: 26px; color: #ff7a3d; flex-shrink: 0; }

.PressKit__Title[b-mqvy4mcc2r] {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.PressKit__Subtitle[b-mqvy4mcc2r] {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--trecker-text-secondary);
}

.PressKit__HeaderActions[b-mqvy4mcc2r] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.PrkChip[b-mqvy4mcc2r] {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(127, 127, 127, 0.12);
    color: var(--trecker-text-secondary);
    white-space: nowrap;
}

.PrkChip--good[b-mqvy4mcc2r] {
    background: rgba(46, 160, 67, 0.15);
    color: #2ea043;
}

.PressKit__Alert[b-mqvy4mcc2r] { margin: 0; }

/* ── Tabs ─────────────────────────────────────────────────────── */

.PrkTabs[b-mqvy4mcc2r] {
    display: flex;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.PrkTabs[b-mqvy4mcc2r]::-webkit-scrollbar { display: none; }

.PrkTabs__Tab[b-mqvy4mcc2r] {
    flex: 0 0 auto;
    appearance: none;
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    border-radius: 999px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.PrkTabs__Tab:hover[b-mqvy4mcc2r] { color: var(--trecker-text-primary); }

.PrkTabs__Tab--active[b-mqvy4mcc2r] {
    background: #2ea043;
    border-color: #2ea043;
    color: #fff;
}

/* ── Karten ───────────────────────────────────────────────────── */

.PressKit__Section[b-mqvy4mcc2r] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.PressKit__Loading[b-mqvy4mcc2r] { text-align: center; }

.PrkSection__Head[b-mqvy4mcc2r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.PressKit__SectionTitle[b-mqvy4mcc2r] { margin: 0; font-size: 15px; font-weight: 700; }

.PressKit__Hint[b-mqvy4mcc2r] { margin: 0; font-size: 12px; color: var(--trecker-text-secondary); }

.PrkLinkBtn[b-mqvy4mcc2r] {
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    color: #ff7a3d;
    cursor: pointer;
}

/* ── Formularraster ───────────────────────────────────────────── */

.PressKit__Row[b-mqvy4mcc2r] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.PressKit__Field[b-mqvy4mcc2r] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.PressKit__Field label[b-mqvy4mcc2r] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.PressKit__Field--spacer[b-mqvy4mcc2r] { display: none; }

.PressKit__Textarea[b-mqvy4mcc2r] {
    background: var(--trecker-bg-primary, transparent);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 10px;
    color: var(--trecker-text-primary);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;
    resize: vertical;
    max-width: 100%;
}

.PressKit__Textarea--short[b-mqvy4mcc2r] { line-height: 1.5; }

.PressKit__Check[b-mqvy4mcc2r] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    cursor: pointer;
}

.PressKit__Check input[type="checkbox"][b-mqvy4mcc2r] { width: 18px; height: 18px; accent-color: #ff7a3d; }

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

/* ── Paket-Bausteine ──────────────────────────────────────────── */

.PrkToggles[b-mqvy4mcc2r] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.PrkToggle[b-mqvy4mcc2r] {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    padding: 8px 10px;
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    background: var(--trecker-bg-primary, transparent);
    cursor: pointer;
}

.PrkToggle input[type="checkbox"][b-mqvy4mcc2r] { width: 16px; height: 16px; accent-color: #2ea043; flex-shrink: 0; }

.PrkToggle--fixed[b-mqvy4mcc2r] { opacity: 0.7; cursor: default; }

.PrkSummary[b-mqvy4mcc2r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 8px;
    background: rgba(255, 122, 61, 0.08);
    border: 1px solid rgba(255, 122, 61, 0.25);
}

.PrkSummary__Label[b-mqvy4mcc2r] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}

.PrkSummary__Value[b-mqvy4mcc2r] { font-size: 13px; }

/* ── Token-Snippets ───────────────────────────────────────────── */

.PressKit__SnippetBox[b-mqvy4mcc2r] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 70%);
    border: 1px solid rgba(255, 122, 61, 0.4);
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.PressKit__SnippetHead[b-mqvy4mcc2r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    font-size: 13px;
}

.PressKit__Code[b-mqvy4mcc2r] {
    background: #0d1117;
    color: #f0f6fc;
    border-radius: 6px;
    padding: 10px;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
    max-width: 100%;
}

/* ── Listen ───────────────────────────────────────────────────── */

.PressKit__List[b-mqvy4mcc2r] { display: flex; flex-direction: column; gap: 6px; }
.PressKit__Empty[b-mqvy4mcc2r] { color: var(--trecker-text-secondary); font-size: 13px; margin: 0; }

.PrkCard[b-mqvy4mcc2r] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
    flex-wrap: wrap;
}

.PrkCard:hover[b-mqvy4mcc2r] { border-color: rgba(255, 122, 61, 0.4); }
.PrkCard--revoked[b-mqvy4mcc2r] { opacity: 0.65; }
.PrkCard__Body[b-mqvy4mcc2r] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.PrkCard__Title[b-mqvy4mcc2r] { font-size: 14px; font-weight: 600; word-break: break-word; }
.PrkCard__Meta[b-mqvy4mcc2r] { display: flex; gap: 6px; flex-wrap: wrap; }

.PrkCard__Pill[b-mqvy4mcc2r] {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 2px 8px;
    border-radius: 4px;
    background: rgba(127, 127, 127, 0.12);
    color: var(--trecker-text-secondary);
}

.PrkCard__Pill--mono[b-mqvy4mcc2r] {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    text-transform: none;
    letter-spacing: 0;
}

.PrkCard__Pill--bad[b-mqvy4mcc2r] { background: rgba(229, 72, 77, 0.15); color: #e5484d; }
.PrkCard__Pill--good[b-mqvy4mcc2r] { background: rgba(46, 160, 67, 0.15); color: #2ea043; }

/* ── Versand-Protokoll ────────────────────────────────────────── */

.PrkLog[b-mqvy4mcc2r] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 11px 13px;
    border: 1px solid var(--trecker-border);
    border-left: 3px solid #2ea043;
    border-radius: 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
}

.PrkLog--bad[b-mqvy4mcc2r] { border-left-color: #e5484d; }

.PrkLog__Head[b-mqvy4mcc2r] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 11px;
    color: var(--trecker-text-secondary);
}

.PrkLog__When[b-mqvy4mcc2r] { font-weight: 600; }
.PrkLog__By[b-mqvy4mcc2r] { font-weight: 600; }
.PrkLog__Subject[b-mqvy4mcc2r] { font-size: 14px; font-weight: 600; word-break: break-word; }

.PrkLog__Recipients[b-mqvy4mcc2r] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    word-break: break-word;
}

.PrkLog__Content[b-mqvy4mcc2r] { font-size: 11px; color: var(--trecker-text-secondary); }
.PrkLog__Error[b-mqvy4mcc2r] { font-size: 12px; color: #e5484d; word-break: break-word; }

/* ── Tablet ───────────────────────────────────────────────────── */

@media (min-width: 700px) {
    .PressKit[b-mqvy4mcc2r] { gap: 14px; }
    .PressKit__Section[b-mqvy4mcc2r] { padding: 18px; }
    .PressKit__Row[b-mqvy4mcc2r] { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
    .PressKit__Field--wide[b-mqvy4mcc2r] { grid-column: span 2; }
    .PressKit__Field--narrow[b-mqvy4mcc2r] { max-width: 200px; }
    .PressKit__Field--spacer[b-mqvy4mcc2r] { display: block; }
    .PrkToggles[b-mqvy4mcc2r] { grid-template-columns: repeat(2, 1fr); }
    .PrkSummary[b-mqvy4mcc2r] { flex-direction: row; align-items: baseline; gap: 10px; }
    .PressKit__Title[b-mqvy4mcc2r] { font-size: 22px; }
}

/* ── Desktop ──────────────────────────────────────────────────── */

@media (min-width: 1100px) {
    .PrkToggles[b-mqvy4mcc2r] { grid-template-columns: repeat(4, 1fr); }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminPullOff.razor.rz.scp.css */
/* ── Page header ── */
.page-header[b-zell9snack] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ── Stechen driver row ── */
.SteRow[b-zell9snack] {
    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-zell9snack] {
    border-bottom: none;
}

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

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

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

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

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

/* ── Ehemalige Inline-Styles (Shared/WASM-Migration 2026-07-10) ── */
.po-load-row[b-zell9snack] {
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.po-msg-success[b-zell9snack] {
    color: var(--trecker-success);
}

.po-msg-danger[b-zell9snack] {
    color: var(--trecker-danger);
}

.po-formgroup-flush[b-zell9snack] {
    margin-bottom: 0;
}

.po-modal-title-danger[b-zell9snack] {
    color: var(--trecker-error);
}

.po-modal-list[b-zell9snack] {
    margin: var(--trecker-space-xs) 0 0 var(--trecker-space-md);
    padding: 0;
}

.po-confirm-label[b-zell9snack] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    margin-bottom: var(--trecker-space-md);
}

.po-confirm-checkbox[b-zell9snack] {
    margin-top: 2px;
    cursor: pointer;
}

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

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

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

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

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

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

    .po-weight-group[b-zell9snack] {
        flex-wrap: wrap;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminQrMarketing.razor.rz.scp.css */
.QrMkt[b-7arcdlba9b] {
    padding: var(--trecker-space-lg);
    max-width: 1100px;
}

/* ── Header ─────────────────────────────────────────────────────────────── */

.QrMkt__Header[b-7arcdlba9b] {
    margin-bottom: var(--trecker-space-lg);
}

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

.QrMkt__Icon[b-7arcdlba9b] {
    width: 28px;
    height: 28px;
    color: var(--trecker-primary);
    flex-shrink: 0;
    margin-top: 3px;
}

.QrMkt__Title[b-7arcdlba9b] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 4px;
    color: var(--trecker-text);
}

.QrMkt__Subtitle[b-7arcdlba9b] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 0.9rem;
}

.QrMkt__Loading[b-7arcdlba9b] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-2xl);
}

/* ── Sections ────────────────────────────────────────────────────────────── */

.QrMkt__Section[b-7arcdlba9b] {
    padding: var(--trecker-space-lg);
    margin-top: var(--trecker-space-lg);
}

.QrMkt__SectionHeader[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.QrMkt__SectionHeader h2[b-7arcdlba9b] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--trecker-text);
}

.QrMkt__SectionHeader svg[b-7arcdlba9b] {
    color: var(--trecker-primary);
    flex-shrink: 0;
}

.QrMkt__SectionHeader--spread[b-7arcdlba9b] {
    justify-content: space-between;
    flex-wrap: wrap;
}

.QrMkt__SectionDesc[b-7arcdlba9b] {
    margin-bottom: var(--trecker-space-md);
    font-size: 0.875rem;
}

/* ── Section 1: Main QR ──────────────────────────────────────────────────── */

.QrMkt__MainQr[b-7arcdlba9b] {
    display: flex;
    gap: var(--trecker-space-lg);
    align-items: flex-start;
    flex-wrap: wrap;
}

.QrMkt__QrPreviewBox[b-7arcdlba9b] {
    width: 220px;
    height: 220px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--trecker-bg-alt);
    border-radius: 10px;
    border: 1px solid var(--trecker-border);
    padding: 10px;
    box-sizing: border-box;
}

.QrMkt__QrImg[b-7arcdlba9b] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
    display: block;
}

.QrMkt__SizeControl[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 200px;
}

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

.QrMkt__SizeLabelText[b-7arcdlba9b] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-secondary);
}

.QrMkt__SizeValueText[b-7arcdlba9b] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--trecker-primary);
    font-family: monospace;
    white-space: nowrap;
}

.QrMkt__SizeRange[b-7arcdlba9b] {
    width: 100%;
    accent-color: var(--trecker-primary);
    cursor: pointer;
    margin: 2px 0;
    height: 6px;
}

.QrMkt__SizeStepLabels[b-7arcdlba9b] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    color: var(--trecker-text-muted);
}

.QrMkt__MainQrInfo[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.QrMkt__UrlLabel[b-7arcdlba9b] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-secondary);
}

.QrMkt__UrlText[b-7arcdlba9b] {
    font-size: 0.875rem;
    color: var(--trecker-text);
    word-break: break-all;
    font-family: monospace;
}

.QrMkt__Actions[b-7arcdlba9b] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* ── Section 2: Token table ──────────────────────────────────────────────── */

.QrMkt__CreateForm[b-7arcdlba9b] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    flex-wrap: wrap;
    background: var(--trecker-bg-alt);
    border-radius: 8px;
    padding: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
    border: 1px solid var(--trecker-border);
}

.QrMkt__TokenGrid[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: var(--trecker-space-md);
}

.QrMkt__TokenCard[b-7arcdlba9b] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: flex-start;
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-alt);
    border-radius: 10px;
    border: 1px solid var(--trecker-border);
    flex-wrap: wrap;
}

.QrMkt__TokenQr[b-7arcdlba9b] {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    border: 1px solid var(--trecker-border);
    flex-shrink: 0;
}

.QrMkt__TokenBody[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}

.QrMkt__TokenName[b-7arcdlba9b] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--trecker-text);
}

.QrMkt__TokenScans[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.875rem;
    color: var(--trecker-primary);
    font-weight: 500;
}

.QrMkt__TokenDate[b-7arcdlba9b] {
    font-size: 0.78rem;
    color: var(--trecker-text-muted);
}

.QrMkt__TokenActions[b-7arcdlba9b] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
}

/* ── Section 3: Instagram designer ──────────────────────────────────────── */

.QrMkt__DesignControls[b-7arcdlba9b] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: flex-end;
    flex-wrap: wrap;
}

.QrMkt__DesignGrid[b-7arcdlba9b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
}

.QrMkt__DesignThumb[b-7arcdlba9b] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid var(--trecker-border);
    background: var(--trecker-bg);
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    text-align: center;
}

.QrMkt__DesignThumb:hover[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    box-shadow: 0 0 0 1px var(--trecker-primary);
}

.QrMkt__DesignThumb--selected[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    box-shadow: 0 0 0 2px var(--trecker-primary);
    background: var(--trecker-primary-10, rgba(255,80,30,0.06));
}

.QrMkt__ThumbCanvas[b-7arcdlba9b] {
    width: 100%;
    aspect-ratio: 1;
    border-radius: 6px;
    display: block;
    background: #1d1d1d;
}

.QrMkt__DesignName[b-7arcdlba9b] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--trecker-text);
    line-height: 1.2;
}

.QrMkt__DesignSelected[b-7arcdlba9b] {
    font-size: 0.7rem;
    background: var(--trecker-primary);
    color: #fff;
    border-radius: 4px;
    padding: 1px 6px;
    font-weight: 600;
}

.QrMkt__DownloadBar[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

/* ── Two-column designer layout (desktop) ────────────────────────────────
   Left: everything that shapes the content (link/info options, background,
   logo). Right: the actual design/frame decision, live preview and the
   download controls that act on it — kept together so the output is always
   visible next to the choice that produced it. Collapses to one stacked
   column on tablets/phones (see responsive block below). */

.QrMkt__DesignerGrid[b-7arcdlba9b] {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: var(--trecker-space-lg);
    align-items: start;
    margin-top: var(--trecker-space-lg);
}

.QrMkt__DesignerGridLeft[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    min-width: 0;
}

.QrMkt__DesignerGridRight[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    min-width: 0;
    position: sticky;
    top: var(--trecker-space-md);
    align-self: start;
}

/* ── Info options panel ──────────────────────────────────────────────────── */

.QrMkt__InfoPanel[b-7arcdlba9b] {
    background: var(--trecker-bg-alt);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: var(--trecker-space-md);
}

.QrMkt__InfoPanelHeader[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-md);
}

.QrMkt__InfoPanelHeader svg[b-7arcdlba9b] {
    color: var(--trecker-primary);
    flex-shrink: 0;
}

.QrMkt__InfoRow[b-7arcdlba9b] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: flex-end;
    flex-wrap: wrap;
}

/* ── Color customization panel ───────────────────────────────────────────── */

.QrMkt__ColorPanel[b-7arcdlba9b] {
    background: var(--trecker-bg-alt);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: var(--trecker-space-md);
}

.QrMkt__ColorPanelHeader[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-md);
}

.QrMkt__ColorPanelHeader svg[b-7arcdlba9b] {
    color: var(--trecker-primary);
    flex-shrink: 0;
}

.QrMkt__ColorPanelHeader strong[b-7arcdlba9b] {
    color: var(--trecker-text);
    font-weight: 700;
}

.QrMkt__ColorRow[b-7arcdlba9b] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: flex-end;
    flex-wrap: wrap;
}

.QrMkt__ColorItem[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.QrMkt__ColorLabel[b-7arcdlba9b] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

.QrMkt__ColorInputWrap[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.QrMkt__ColorInput[b-7arcdlba9b] {
    width: 44px;
    height: 36px;
    padding: 2px;
    border: 1px solid var(--trecker-border);
    border-radius: 6px;
    cursor: pointer;
    background: none;
}

.QrMkt__ColorHex[b-7arcdlba9b] {
    font-size: 0.78rem;
    font-family: monospace;
    color: var(--trecker-text-secondary);
    min-width: 56px;
}

/* ── Background image panel ──────────────────────────────────────────────── */

.QrMkt__BgPanel[b-7arcdlba9b] {
    background: var(--trecker-bg-alt);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: var(--trecker-space-md);
}

.QrMkt__BgPanelHeader[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-md);
}

.QrMkt__BgPanelHeader svg[b-7arcdlba9b] {
    color: var(--trecker-primary);
    flex-shrink: 0;
}

.QrMkt__BgRow[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.QrMkt__BgUploadBtn[b-7arcdlba9b] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 18px;
    border: 1.5px dashed var(--trecker-border);
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--trecker-text-secondary);
    transition: border-color 0.15s, color 0.15s;
}

.QrMkt__BgUploadBtn:hover[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    color: var(--trecker-primary);
}

.QrMkt__BgHint[b-7arcdlba9b] {
    font-size: 0.78rem;
    color: var(--trecker-text-muted);
}

.QrMkt__BgPreview[b-7arcdlba9b] {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--trecker-border);
    flex-shrink: 0;
}

.QrMkt__BgControls[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    flex: 1;
}

.QrMkt__BgSliderGroup[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.QrMkt__BgSliderLabel[b-7arcdlba9b] {
    font-size: 0.78rem;
    color: var(--trecker-text-secondary);
}

.QrMkt__BgSliderLabel strong[b-7arcdlba9b] {
    color: var(--trecker-text);
}

.QrMkt__BgSlider[b-7arcdlba9b] {
    width: 180px;
    cursor: pointer;
    accent-color: var(--trecker-primary, #ff4c1e);
}

/* ── Tab switcher ────────────────────────────────────────────────────────── */

.QrMkt__DesignerTabs[b-7arcdlba9b] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--trecker-border);
    margin-bottom: var(--trecker-space-lg);
}

.QrMkt__DesignerTab[b-7arcdlba9b] {
    padding: 10px 24px;
    font-size: 0.925rem;
    font-weight: 500;
    color: var(--trecker-text-secondary);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    margin-bottom: -2px;
    transition: color 0.15s, border-color 0.15s;
}

.QrMkt__DesignerTab:hover[b-7arcdlba9b] {
    color: var(--trecker-text);
}

.QrMkt__DesignerTab--active[b-7arcdlba9b] {
    color: var(--trecker-primary);
    border-bottom-color: var(--trecker-primary);
    font-weight: 600;
}

/* ── Logo panel ──────────────────────────────────────────────────────────── */

.QrMkt__LogoPanel[b-7arcdlba9b] {
    background: var(--trecker-bg-alt);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: var(--trecker-space-md);
}

.QrMkt__LogoPanelHeader[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-md);
}

.QrMkt__LogoPanelHeader svg[b-7arcdlba9b] {
    color: var(--trecker-primary);
    flex-shrink: 0;
}

.QrMkt__LogoRow[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.QrMkt__LogoCheckbox[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--trecker-text);
    cursor: pointer;
    user-select: none;
}

.QrMkt__LogoCheckbox input[type="checkbox"][b-7arcdlba9b] {
    width: 16px;
    height: 16px;
    accent-color: var(--trecker-primary);
    cursor: pointer;
}

.QrMkt__LogoPreview[b-7arcdlba9b] {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid var(--trecker-border);
    flex-shrink: 0;
    background: var(--trecker-bg);
    padding: 4px;
}

.QrMkt__LogoActions[b-7arcdlba9b] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.QrMkt__LogoControls[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
}

/* ── Info layout toggle ──────────────────────────────────────────────────── */

.QrMkt__LayoutToggle[b-7arcdlba9b] {
    display: flex;
    gap: 6px;
}

.QrMkt__LayoutBtn[b-7arcdlba9b] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    font-size: 0.825rem;
    font-weight: 500;
    border: 1.5px solid var(--trecker-border);
    border-radius: 6px;
    background: transparent;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
}

.QrMkt__LayoutBtn:hover[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    color: var(--trecker-primary);
}

.QrMkt__LayoutBtn--active[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    background: rgba(255,80,30,0.08);
    color: var(--trecker-primary);
    font-weight: 600;
}

/* ── Large live preview ──────────────────────────────────────────────────── */

.QrMkt__Preview[b-7arcdlba9b] {
    display: flex;
    justify-content: center;
}

.QrMkt__PreviewCanvas[b-7arcdlba9b] {
    /* The canvas' intrinsic width/height (set per selected format) drives the aspect
       ratio; max constraints scale it down while preserving that ratio. No fixed
       aspect-ratio here — the preview must reflect 1:1 / 4:5 / 9:16 / 16:9. */
    max-width: 100%;
    max-height: 72vh;
    display: block;
    border-radius: 10px;
    border: 2px solid var(--trecker-primary);
    background: #1d1d1d;
}

/* ── Design-mode switcher (Generierte Designs / Marken-Rahmen) ───────────── */

.QrMkt__ModeTabs[b-7arcdlba9b] {
    display: flex;
    gap: 8px;
    margin-bottom: var(--trecker-space-md);
}

.QrMkt__ModeTab[b-7arcdlba9b] {
    flex: 1;
    padding: 10px 16px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-alt);
    border: 1.5px solid var(--trecker-border);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
    text-align: center;
}

.QrMkt__ModeTab:hover[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    color: var(--trecker-text);
}

.QrMkt__ModeTab--active[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    background: var(--trecker-primary-10, rgba(255,80,30,0.08));
    color: var(--trecker-primary);
}

/* ── Brand-frame swatch picker ────────────────────────────────────────────── */

.QrMkt__FrameGrid[b-7arcdlba9b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
}

.QrMkt__FrameThumb[b-7arcdlba9b] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid var(--trecker-border);
    background: var(--trecker-bg);
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    text-align: center;
}

.QrMkt__FrameThumb:hover[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    box-shadow: 0 0 0 1px var(--trecker-primary);
}

.QrMkt__FrameThumb--selected[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    box-shadow: 0 0 0 2px var(--trecker-primary);
    background: var(--trecker-primary-10, rgba(255,80,30,0.06));
}

.QrMkt__FrameImg[b-7arcdlba9b] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    background: #0a0a0a;
}

/* ── Responsive ────────────────────────────────────────────────────────────
   Baseline layout already relies on flex-wrap so nothing overflows narrower
   viewports; these breakpoints tighten spacing, force single-column grids and
   make primary actions full-width/thumb-sized on phones per the four-target
   parity rule (desktop / tablet / phone browser / phone app all render this
   same page). */

@media (max-width: 1024px) {
    .QrMkt[b-7arcdlba9b] {
        max-width: 100%;
    }

    .QrMkt__DesignerGrid[b-7arcdlba9b] {
        grid-template-columns: 1fr;
    }

    .QrMkt__DesignerGridRight[b-7arcdlba9b] {
        position: static;
    }
}

@media (max-width: 768px) {
    .QrMkt[b-7arcdlba9b] {
        padding: var(--trecker-space-md);
    }

    .QrMkt__Section[b-7arcdlba9b] {
        padding: var(--trecker-space-md);
    }

    .QrMkt__PreviewCanvas[b-7arcdlba9b] {
        max-height: 60vh;
    }
}

@media (max-width: 640px) {
    .QrMkt__DesignGrid[b-7arcdlba9b],
    .QrMkt__FrameGrid[b-7arcdlba9b] {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
        gap: 10px;
    }

    .QrMkt__ColorRow[b-7arcdlba9b],
    .QrMkt__InfoRow[b-7arcdlba9b],
    .QrMkt__BgRow[b-7arcdlba9b],
    .QrMkt__LogoRow[b-7arcdlba9b],
    .QrMkt__LogoControls[b-7arcdlba9b] {
        gap: 10px;
    }

    .QrMkt__SizeControl[b-7arcdlba9b] {
        min-width: 0;
        width: 100%;
    }

    .QrMkt__DownloadBar[b-7arcdlba9b] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .QrMkt__DownloadBar > .TreckerButton[b-7arcdlba9b] {
        width: 100%;
        min-height: 44px;
    }

    .QrMkt__DesignerTab[b-7arcdlba9b] {
        flex: 1;
        padding: 10px 12px;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .QrMkt[b-7arcdlba9b] {
        padding: var(--trecker-space-sm, 12px);
    }

    .QrMkt__DesignGrid[b-7arcdlba9b],
    .QrMkt__FrameGrid[b-7arcdlba9b] {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    }

    .QrMkt__ModeTabs[b-7arcdlba9b] {
        flex-direction: column;
    }

    .QrMkt__QrPreviewBox[b-7arcdlba9b] {
        width: 160px;
        height: 160px;
    }
}

@media (max-width: 360px) {
    .QrMkt__DesignGrid[b-7arcdlba9b],
    .QrMkt__FrameGrid[b-7arcdlba9b] {
        grid-template-columns: 1fr 1fr;
    }
}

/* --- Social-Media-Links --- */
.QrMkt__SocialGrid[b-7arcdlba9b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px 18px;
    margin-top: 8px;
}

.QrMkt__SocialField[b-7arcdlba9b] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.QrMkt__SocialLabel[b-7arcdlba9b] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--tt-text-secondary, #6b7280);
}

.QrMkt__SocialField input[b-7arcdlba9b] {
    width: 100%;
    max-width: 100%;
}

.QrMkt__SocialSaveRow[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.QrMkt__SocialSaveMsg[b-7arcdlba9b] {
    font-size: 0.85rem;
    font-weight: 600;
}

.QrMkt__SocialSaveMsg--ok[b-7arcdlba9b] { color: #15803d; }
.QrMkt__SocialSaveMsg--err[b-7arcdlba9b] { color: #b91c1c; }

/* ── Event-Karte (FIFA-Karten-Generator) ────────────────────────────────── */

.EvCard[b-7arcdlba9b] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.EvCard__Preview[b-7arcdlba9b] {
    flex: 0 0 auto;
    width: min(280px, 100%);
}

.EvCard__PreviewImg[b-7arcdlba9b] {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
    transition: opacity 0.15s ease;
}

.EvCard__PreviewImg--loading[b-7arcdlba9b] {
    opacity: 0.45;
}

.EvCard__PreviewEmpty[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 340px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 12px;
}

.EvCard__Controls[b-7arcdlba9b] {
    flex: 1 1 320px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.EvCard__GroupLabel[b-7arcdlba9b] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--trecker-text-secondary);
    margin-top: 6px;
}

.EvCard__Themes[b-7arcdlba9b] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.EvCard__Theme[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 2px solid transparent;
    background: rgba(0, 0, 0, 0.05);
    cursor: pointer;
    font-size: 0.82rem;
    color: var(--trecker-text);
}

.EvCard__Theme--active[b-7arcdlba9b] {
    border-color: var(--trecker-primary);
    background: rgba(0, 0, 0, 0.09);
    font-weight: 600;
}

.EvCard__ThemeSwatch[b-7arcdlba9b] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    flex-shrink: 0;
}

.EvCard__Theme--orange .EvCard__ThemeSwatch[b-7arcdlba9b] { background: linear-gradient(160deg, #33150a, #ff4c1e); }
.EvCard__Theme--nacht .EvCard__ThemeSwatch[b-7arcdlba9b] { background: linear-gradient(160deg, #101642, #3fd8ff); }
.EvCard__Theme--gruen .EvCard__ThemeSwatch[b-7arcdlba9b] { background: linear-gradient(160deg, #163916, #6fd24c); }
.EvCard__Theme--gold .EvCard__ThemeSwatch[b-7arcdlba9b] { background: linear-gradient(160deg, #7a5c10, #ffd75e); }
.EvCard__Theme--ernte .EvCard__ThemeSwatch[b-7arcdlba9b] { background: linear-gradient(160deg, #2c1810, #e8a020); }
.EvCard__Theme--silber .EvCard__ThemeSwatch[b-7arcdlba9b] { background: linear-gradient(160deg, #5c6770, #dfe6ec); }

.EvCard__AccentRow[b-7arcdlba9b] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.EvCard__ColorInput[b-7arcdlba9b] {
    width: 44px;
    height: 30px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}

.EvCard__Checks[b-7arcdlba9b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 4px 14px;
}

.EvCard__SelectRow[b-7arcdlba9b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

@media (max-width: 640px) {
    .EvCard__Preview[b-7arcdlba9b] {
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminRawSqlApi.razor.rz.scp.css */
.RawSql__Page[b-r3ikm4oqe2] {
    padding-bottom: var(--trecker-space-2xl);
}

.RawSql__SpinnerWrap[b-r3ikm4oqe2] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-2xl) 0;
}

.RawSql__NoAccess[b-r3ikm4oqe2] {
    text-align: center;
    padding: var(--trecker-space-2xl);
}

.RawSql__Head[b-r3ikm4oqe2] {
    margin-top: var(--trecker-space-md);
}

.RawSql__CredStatus[b-r3ikm4oqe2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
}

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

.RawSql__UsernameField[b-r3ikm4oqe2] {
    max-width: 320px;
}

.RawSql__SecretBox[b-r3ikm4oqe2] {
    border: 1px solid var(--trecker-warning, #f5a623);
}

.RawSql__SecretRow[b-r3ikm4oqe2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.RawSql__SecretInputRow[b-r3ikm4oqe2] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: center;
}

.RawSql__SecretInputRow .TreckerInput[b-r3ikm4oqe2] {
    flex: 1;
    min-width: 0;
    font-family: var(--trecker-font-mono, monospace);
}

.RawSql__AddIpRow[b-r3ikm4oqe2] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--trecker-space-md);
}

.RawSql__DescField[b-r3ikm4oqe2] {
    flex: 1;
    min-width: 200px;
}

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

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

.RawSql__ModalActions[b-r3ikm4oqe2] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminRegistrations.razor.rz.scp.css */
.ar-toast[b-l9yljopin8] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: #1a1a2e;
    color: #fff;
    padding: 0.65rem 1.25rem;
    border-radius: 8px;
    font-size: 0.875rem;
    box-shadow: 0 4px 16px rgba(0,0,0,0.35);
    z-index: 9999;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.ar-toast--fading[b-l9yljopin8] {
    opacity: 0;
}

/* Manual "link guest signup to account" dialog */
.ar-link-search-row[b-l9yljopin8] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.ar-link-search-row .TreckerInput[b-l9yljopin8] {
    flex: 1;
}

.ar-link-results[b-l9yljopin8] {
    margin-top: 0.5rem;
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 8px;
}

.ar-link-result[b-l9yljopin8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.75rem;
    background: none;
    border: none;
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    cursor: pointer;
    color: var(--trecker-text-primary, #f5f5f5);
}

.ar-link-result:last-child[b-l9yljopin8] {
    border-bottom: none;
}

.ar-link-result:hover[b-l9yljopin8],
.ar-link-result--on[b-l9yljopin8] {
    background: var(--trecker-bg-tertiary, #202020);
}

.ar-link-result-name[b-l9yljopin8] {
    font-weight: 600;
}

.ar-link-result-meta[b-l9yljopin8] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #b0b0b0);
}

.ar-link-tractor[b-l9yljopin8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 0.75rem;
}

.ar-link-radio[b-l9yljopin8] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* ==========================================================================
   Toolbar: search + class filter + view toggle
   ========================================================================== */
.ar-toolbar[b-l9yljopin8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.ar-search-input[b-l9yljopin8] {
    flex: 1 1 240px;
    min-width: 0;
}

.ar-class-filter[b-l9yljopin8] {
    flex: 0 1 220px;
    min-width: 150px;
}

.ar-view-toggle[b-l9yljopin8] {
    display: inline-flex;
    margin-left: auto;
    border: 1px solid var(--trecker-border-medium, var(--trecker-border, #2a2a2a));
    border-radius: 8px;
    overflow: hidden;
    background: var(--trecker-bg-secondary, #16161a);
    flex: 0 0 auto;
}

.ar-view-btn[b-l9yljopin8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    appearance: none;
    background: transparent;
    border: 0;
    padding: 8px 14px;
    min-height: 40px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #b0b0b0);
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}

.ar-view-btn + .ar-view-btn[b-l9yljopin8] {
    border-left: 1px solid var(--trecker-border-medium, var(--trecker-border, #2a2a2a));
}

.ar-view-btn:hover[b-l9yljopin8] {
    color: var(--trecker-text-primary, #f5f5f5);
    background: var(--trecker-bg-tertiary, rgba(255,255,255,0.04));
}

.ar-view-btn.is-active[b-l9yljopin8] {
    background: var(--trecker-accent, #34C759);
    color: #fff;
}

.ar-view-btn svg[b-l9yljopin8] { flex-shrink: 0; }

@media (max-width: 560px) {
    .ar-view-btn span[b-l9yljopin8] { display: none; }
    .ar-view-btn[b-l9yljopin8] { padding: 8px 12px; }
    .ar-view-toggle[b-l9yljopin8] { margin-left: 0; }
    .ar-class-filter[b-l9yljopin8] { flex: 1 1 100%; }
}

/* ==========================================================================
   Excel-like table view
   ========================================================================== */
.ar-xtable-wrap[b-l9yljopin8] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 10px;
    background: var(--trecker-bg-card, var(--trecker-bg-secondary, #16161a));
}

.ar-xtable[b-l9yljopin8] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 1100px;
    font-size: 0.82rem;
}

.ar-xtable thead th[b-l9yljopin8] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--trecker-bg-secondary, #1c1c22);
    color: var(--trecker-text-secondary, #b0b0b0);
    text-align: left;
    font-weight: 700;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    padding: 9px 12px;
    border-bottom: 2px solid var(--trecker-border-medium, var(--trecker-border, #2a2a2a));
}

.ar-xtable tbody td[b-l9yljopin8] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    color: var(--trecker-text-primary, #f5f5f5);
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.ar-xtable tbody tr:nth-child(even) td[b-l9yljopin8] {
    background: var(--trecker-bg-stripe, rgba(255,255,255,0.02));
}

.ar-xtable tbody tr:hover td[b-l9yljopin8] {
    background: var(--trecker-bg-card-hover, rgba(255,255,255,0.05));
    cursor: pointer;
}

.ar-xtable tbody tr.ar-xt-row--selected td[b-l9yljopin8] {
    background: var(--trecker-accent-light, rgba(52,199,89,0.14));
}

.ar-xt-strong[b-l9yljopin8] { font-weight: 600; }

.ar-xt-num[b-l9yljopin8] { text-align: right; }
.ar-xtable thead th.ar-xt-num[b-l9yljopin8] { text-align: right; }

.ar-xt-check[b-l9yljopin8] { width: 40px; text-align: center; }
.ar-xt-check .ar-accent-checkbox[b-l9yljopin8] { cursor: pointer; }

.ar-xt-sortable[b-l9yljopin8] {
    cursor: pointer;
    user-select: none;
}
.ar-xt-sortable:hover[b-l9yljopin8] {
    color: var(--trecker-text-primary, #f5f5f5);
}
.ar-sort-arrow[b-l9yljopin8] {
    margin-left: 4px;
    font-size: 0.65rem;
}

.ar-xt-actions-h[b-l9yljopin8] { text-align: right; }
.ar-xt-actions[b-l9yljopin8] {
    white-space: nowrap;
    text-align: right;
    position: sticky;
    right: 0;
    background: var(--trecker-bg-card, var(--trecker-bg-secondary, #16161a));
}

.ar-xtable tbody tr:hover .ar-xt-actions[b-l9yljopin8] {
    background: var(--trecker-bg-card-hover, rgba(255,255,255,0.05));
}

.ar-xt-iconbtn[b-l9yljopin8] {
    appearance: none;
    border: 1px solid var(--trecker-border-medium, var(--trecker-border, #2a2a2a));
    background: var(--trecker-bg-secondary, #1c1c22);
    color: var(--trecker-text-primary, #f5f5f5);
    border-radius: 6px;
    width: 30px;
    height: 30px;
    line-height: 1;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.ar-xt-iconbtn + .ar-xt-iconbtn[b-l9yljopin8] { margin-left: 4px; }

.ar-xt-iconbtn:hover[b-l9yljopin8] {
    background: var(--trecker-bg-tertiary, rgba(255,255,255,0.06));
    border-color: var(--trecker-accent, #34C759);
}

.ar-xt-iconbtn--ok[b-l9yljopin8] {
    color: var(--trecker-success, #34C759);
    border-color: var(--trecker-success, #34C759);
}

.ar-text-success[b-l9yljopin8] { color: var(--trecker-success, #34C759); font-weight: 700; }
.ar-text-danger[b-l9yljopin8] { color: var(--trecker-error, #ff3b30); font-weight: 700; }

/* ==========================================================================
   Status filter tabs (Alle / Ausstehend / Genehmigt / ...)
   The global .TreckerTabActive look (accent text + 3px underline) was too faint
   to read as "selected" on this page, so the active tab is filled solid here —
   same treatment as the .ar-view-btn.is-active list/table toggle above.
   ========================================================================== */
.ar-tab-row[b-l9yljopin8] {
    gap: 0.35rem;
    flex-wrap: wrap;
    align-items: center;
}

.ar-tab-row .TreckerTab[b-l9yljopin8] {
    border-radius: 8px;
    margin-bottom: 0;
}

.ar-tab-row .TreckerTabActive[b-l9yljopin8],
.ar-tab-row .TreckerTabActive:hover[b-l9yljopin8] {
    background: var(--trecker-accent, #34C759);
    border-color: var(--trecker-accent, #34C759);
    border-bottom-color: var(--trecker-accent, #34C759);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

@media (max-width: 560px) {
    .ar-tab-row .TreckerTab[b-l9yljopin8] {
        flex: 1 1 auto;
        padding: 10px 12px;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminReports.razor.rz.scp.css */
/* Berichte & Exporte — scoped styles (replaces the old inline styles). */

.arp-page[b-abxb3ot7bd] {
    padding: var(--trecker-space-xl);
}

.arp-title-row[b-abxb3ot7bd] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.arp-title-icon[b-abxb3ot7bd] {
    width: 28px;
    height: 28px;
    color: var(--trecker-secondary);
    flex-shrink: 0;
}

.arp-card-md[b-abxb3ot7bd] {
    padding: var(--trecker-space-md);
}

.arp-card-lg[b-abxb3ot7bd] {
    padding: var(--trecker-space-lg);
}

.arp-class-select[b-abxb3ot7bd] {
    max-width: 400px;
    margin-bottom: 0;
}

/* Export tiles — responsive flex grid (phone: single column, tablet/desktop: multi-column) */
.arp-tile-grid[b-abxb3ot7bd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.arp-tile[b-abxb3ot7bd] {
    padding: var(--trecker-space-md);
    flex: 1 1 220px;
    min-width: 220px;
    max-width: 100%;
    background: var(--trecker-bg-secondary);
}

/* Aktivitaetslog filters */
.arp-audit-filter-row[b-abxb3ot7bd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    align-items: flex-end;
}

.arp-audit-filter[b-abxb3ot7bd] {
    flex: 1 1 180px;
    min-width: 180px;
    margin-bottom: 0;
}

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

.arp-audit-entry[b-abxb3ot7bd] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
}

.arp-audit-entry-row[b-abxb3ot7bd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
}

@media (max-width: 480px) {
    .arp-page[b-abxb3ot7bd] {
        padding: var(--trecker-space-md);
    }

    .arp-tile[b-abxb3ot7bd] {
        flex-basis: 100%;
        min-width: 0;
    }
}
/* _content/TreckerTreckWebsite.Shared/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-pnhy55xwtv] {
    padding: var(--trecker-space-xl);
}

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

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

.re-page-header h1[b-pnhy55xwtv] {
    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-pnhy55xwtv] {
    margin: 0;
}

/* --- Meetup notice (Treckertreffen wird nicht gewertet) --- */
.re-meetup-card[b-pnhy55xwtv] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.re-badge-dnf-mobile[b-pnhy55xwtv] {
    background: var(--trecker-warning);
    color: #111;
}

.re-badge-dnf-result[b-pnhy55xwtv] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.re-badge-fullpull-result[b-pnhy55xwtv] {
    background: var(--trecker-fullpull-bg);
    color: var(--trecker-fullpull);
    border: 1px solid var(--trecker-fullpull);
}

.re-badge-record[b-pnhy55xwtv] {
    background: var(--trecker-accent);
    color: white;
}

/* --- Mobile distance display --- */
.re-mobile-distance[b-pnhy55xwtv] {
    font-family: var(--trecker-font-mono);
    font-size: var(--trecker-font-size-sm);
}

/* --- Mobile saved check --- */
.re-mobile-saved-check[b-pnhy55xwtv] {
    color: var(--trecker-success);
    font-size: 1.1rem;
}

/* --- Result distance (mono font) --- */
.re-distance-mono[b-pnhy55xwtv] {
    font-family: var(--trecker-font-mono);
}

/* --- Result status flex row --- */
.re-status-flex[b-pnhy55xwtv] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* --- Mobile modal absent alert --- */
.re-modal-absent-alert[b-pnhy55xwtv] {
    margin-top: var(--trecker-space-2xl);
    font-size: 1.1rem;
    padding: var(--trecker-space-lg);
}

/* --- Mobile modal DQ input --- */
.re-modal-dq-input[b-pnhy55xwtv] {
    padding: 16px;
    font-size: 1.1rem;
}

/* --- Mobile modal save navigation row --- */
.re-modal-nav-row[b-pnhy55xwtv] {
    display: flex;
    gap: var(--trecker-space-sm);
    width: 100%;
}

.re-modal-nav-btn[b-pnhy55xwtv] {
    flex: 0 0 auto;
    min-height: 48px;
    min-width: 48px;
}

.re-modal-save-btn[b-pnhy55xwtv] {
    flex: 1;
}

/* --- Calculate results card --- */
.re-calc-card[b-pnhy55xwtv] {
    padding: var(--trecker-space-lg);
}

.re-calc-row[b-pnhy55xwtv] {
    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-pnhy55xwtv] {
    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-pnhy55xwtv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    justify-content: space-between;
}

.re-pulloff-info[b-pnhy55xwtv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.re-pulloff-icon[b-pnhy55xwtv] {
    width: 22px;
    height: 22px;
    color: var(--trecker-warning);
    flex-shrink: 0;
}

.re-pulloff-title[b-pnhy55xwtv] {
    color: var(--trecker-warning);
}

.re-pulloff-link[b-pnhy55xwtv] {
    white-space: nowrap;
}

/* --- DQ modal --- */
.re-dq-modal[b-pnhy55xwtv] {
    max-width: 500px;
}

.re-dq-error[b-pnhy55xwtv] {
    color: var(--trecker-danger);
    margin-top: 0.5rem;
}

.re-dq-footer[b-pnhy55xwtv] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

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

    .re-page-header[b-pnhy55xwtv] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    /* Stack class/run selectors */
    .re-selection-row[b-pnhy55xwtv] {
        flex-direction: column;
    }

    .re-field-wide[b-pnhy55xwtv],
    .re-field-run[b-pnhy55xwtv],
    .re-field-maxruns[b-pnhy55xwtv] {
        flex: 1 1 100%;
        min-width: 0;
    }

    /* Hide desktop table, show mobile cards */
    .TreckerResultEntryDesktop[b-pnhy55xwtv] {
        display: none;
    }

    .TreckerResultEntryMobile[b-pnhy55xwtv] {
        display: block;
    }

    /* Summary bar stacks */
    .re-summary-row[b-pnhy55xwtv] {
        flex-direction: column;
        gap: var(--trecker-space-md);
    }

    .re-calc-row[b-pnhy55xwtv] {
        flex-direction: column;
        align-items: flex-start;
    }

    .re-pulloff-row[b-pnhy55xwtv] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ============================================================================
   RESPONSIVE: Desktop (min-width: 769px)
   ============================================================================ */
@media (min-width: 769px) {
    .TreckerResultEntryMobile[b-pnhy55xwtv] {
        display: none;
    }
}

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

    .re-summary-stats[b-pnhy55xwtv] {
        gap: var(--trecker-space-md);
    }

    .re-dq-footer[b-pnhy55xwtv] {
        flex-direction: column;
    }

    .re-dq-footer .TreckerButton[b-pnhy55xwtv] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* ============================================================================
   Multi-Pull attempt chips (V1..Vn + Stechen S1..Sn) — mirrors the field grid
   ============================================================================ */
.re-attempt-chips[b-pnhy55xwtv] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.re-attempt-chip[b-pnhy55xwtv] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-xs, 0.72rem);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.re-attempt-chip--filled[b-pnhy55xwtv] {
    color: var(--trecker-text-primary);
}

.re-attempt-chip--best[b-pnhy55xwtv] {
    border-color: var(--trecker-warning);
    background: var(--trecker-warning-light, rgba(255, 193, 7, 0.15));
    font-weight: 600;
}

.re-attempt-chip--active[b-pnhy55xwtv] {
    border-color: var(--trecker-accent, var(--trecker-primary));
}

.re-attempt-chip--stechen[b-pnhy55xwtv] {
    border-style: dashed;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminRoadmap.razor.rz.scp.css */
/* ============================================================================
   AdminRoadmap.razor — Scoped Styles (super-admin roadmap editor)
   Prefix: "ar-". Uses tokens from trecker-variables.css.
   ============================================================================ */

.ar-wrap[b-sh42iqm00c] {
    padding: var(--trecker-space-xl);
    max-width: 1180px;
}

.ar-denied[b-sh42iqm00c] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

/* ---- Header -------------------------------------------------------------- */
.ar-head[b-sh42iqm00c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.ar-title[b-sh42iqm00c] {
    margin: 0;
    font-size: var(--trecker-font-size-2xl);
    font-weight: 800;
    color: var(--trecker-text-primary);
}

.ar-subtitle[b-sh42iqm00c] {
    margin: var(--trecker-space-xs) 0 0;
    max-width: 640px;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.ar-subtitle a[b-sh42iqm00c] { color: var(--trecker-accent); }

.ar-save[b-sh42iqm00c] { flex: none; }

/* ---- Cards --------------------------------------------------------------- */
.ar-card[b-sh42iqm00c] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    box-shadow: var(--trecker-shadow-sm);
}

.ar-hero-card[b-sh42iqm00c] {
    margin-bottom: var(--trecker-space-lg);
}

.ar-section-title[b-sh42iqm00c] {
    margin: 0 0 var(--trecker-space-md);
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
}

/* ---- Quarter grid -------------------------------------------------------- */
.ar-grid[b-sh42iqm00c] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--trecker-space-lg);
}

.ar-quarter[b-sh42iqm00c] {
    border-left: 4px solid var(--rm-accent, var(--trecker-border));
}

.ar-q-head[b-sh42iqm00c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.ar-q-label[b-sh42iqm00c] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 800;
    color: var(--trecker-text-primary);
}

.ar-q-year[b-sh42iqm00c] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-tertiary);
}

/* ---- Fields -------------------------------------------------------------- */
.ar-field[b-sh42iqm00c] {
    display: block;
    margin-bottom: var(--trecker-space-md);
}

.ar-label[b-sh42iqm00c] {
    display: block;
    margin-bottom: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--trecker-text-tertiary);
}

.ar-input[b-sh42iqm00c],
.ar-textarea[b-sh42iqm00c],
.ar-select[b-sh42iqm00c] {
    width: 100%;
    padding: 9px 12px;
    font-family: inherit;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    transition: border-color var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast);
}

.ar-textarea[b-sh42iqm00c] { resize: vertical; }

.ar-input:focus[b-sh42iqm00c],
.ar-textarea:focus[b-sh42iqm00c],
.ar-select:focus[b-sh42iqm00c] {
    outline: none;
    border-color: var(--trecker-accent);
    box-shadow: 0 0 0 3px var(--trecker-accent-light);
}

.ar-select[b-sh42iqm00c] {
    width: auto;
    min-width: 130px;
    flex: none;
    cursor: pointer;
}

.ar-bullet[b-sh42iqm00c] {
    margin-top: var(--trecker-space-xs);
}

/* ---- Footer save --------------------------------------------------------- */
.ar-foot[b-sh42iqm00c] {
    margin-top: var(--trecker-space-xl);
    display: flex;
    justify-content: flex-end;
}

/* ---- Per-status accent (mirrors public timeline) ------------------------- */
.ar-status--planned[b-sh42iqm00c]     { --rm-accent: #9aa0a6; }
.ar-status--in-progress[b-sh42iqm00c] { --rm-accent: var(--trecker-warning); }
.ar-status--done[b-sh42iqm00c]        { --rm-accent: var(--trecker-success); }

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

@media (max-width: 768px) {
    .ar-wrap[b-sh42iqm00c] { padding: var(--trecker-space-lg); }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminSchichtplanDashboard.razor.rz.scp.css */
/* AdminSchichtplanDashboard — page-specific styles only.
   Base TT-* classes live in trecker-TT-base.css.
   All TTD-* classes (detail view + toggle) live in trecker-TT-base.css (global). */

/* ── Compact view: job grid ──────────────────────────────────────── */
.TT-job-grid[b-9tn0oebao8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 10px;
    align-items: start;
}

/* ── Compact view: job card ──────────────────────────────────────── */
.TT-dash-job[b-9tn0oebao8] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    overflow: visible;
    position: relative;
}

.TT-dash-job-head[b-9tn0oebao8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 9px 12px;
    border-bottom: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
    border-radius: 10px 10px 0 0;
}

.TT-dash-job-title[b-9tn0oebao8] {
    font-size: 13px;
    font-weight: 600;
    color: var(--trecker-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.TT-dash-slot[b-9tn0oebao8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--trecker-border);
}
.TT-dash-slot:last-child[b-9tn0oebao8] { border-bottom: none; border-radius: 0 0 10px 10px; }
.TT-dash-slot.is-break[b-9tn0oebao8]   { background: var(--trecker-bg-secondary); opacity: 0.6; }

.TT-dash-slot-top[b-9tn0oebao8] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.TT-dash-slot-time[b-9tn0oebao8] {
    width: 82px;
    flex-shrink: 0;
    font-size: 11.5px;
    color: var(--trecker-text-secondary);
    white-space: nowrap;
}
.TT-dash-slot-fill[b-9tn0oebao8] {
    flex: 0 0 46px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.TT-dash-slot-fill .TT-bar[b-9tn0oebao8] { margin-top: 0; height: 4px; }
.TT-dash-slot-count[b-9tn0oebao8] {
    font-size: 9.5px;
    color: var(--trecker-text-tertiary);
    text-align: center;
    white-space: nowrap;
}

.TT-dash-helpers[b-9tn0oebao8] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    align-items: center;
}

/* ── Initial chip ────────────────────────────────────────────────── */
.TT-dash-chip[b-9tn0oebao8] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    font-size: 10px;
    font-weight: 700;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    user-select: none;
    flex-shrink: 0;
    transition: border-color 0.12s, background 0.12s, color 0.12s;
    z-index: 1;
}
.TT-dash-chip:hover[b-9tn0oebao8] { border-color: var(--trecker-border-medium); color: var(--trecker-text-primary); z-index: 50; }
.TT-dash-chip.is-open[b-9tn0oebao8] {
    border-color: var(--trecker-accent);
    background: var(--trecker-accent-light, rgba(255,122,61,0.12));
    color: var(--trecker-accent);
    z-index: 50;
}

.TT-dash-chip:not(.is-open)[b-9tn0oebao8]::before {
    content: attr(data-name);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.88);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 5px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.12s;
    z-index: 100;
}
.TT-dash-chip:not(.is-open):hover[b-9tn0oebao8]::before { opacity: 1; }

.TT-chip-popup[b-9tn0oebao8] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-medium);
    border-radius: 9px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 150px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.45);
    white-space: nowrap;
}
.TT-chip-popup-name[b-9tn0oebao8] {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--trecker-text-primary);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--trecker-border);
}

.TT-dash-helper-add[b-9tn0oebao8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: transparent;
    border: 1.5px dashed var(--trecker-border-medium);
    font-size: 14px;
    color: var(--trecker-text-tertiary);
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color 0.12s, color 0.12s;
}
.TT-dash-helper-add:hover[b-9tn0oebao8] { border-color: var(--trecker-accent); color: var(--trecker-accent); }

/* ── Mobile ──────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .TT-job-grid[b-9tn0oebao8] { grid-template-columns: 1fr; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminSchichtplanLinks.razor.rz.scp.css */
/* =====================================================================
 * AdminSchichtplanLinks — page-specific styles only
 * Global TT-* classes live in trecker-TT-base.css.
 * All selectors here carry the TT- prefix.
 * ===================================================================== */

/* ── Link list ───────────────────────────────────────────────────── */
.TT-link-list[b-junjzh9uaa] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Link row card ───────────────────────────────────────────────── */
.TT-link-row[b-junjzh9uaa] {
    display: flex;
    gap: 0;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-left: 3px solid var(--trecker-border-medium);
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.15s;
}
.TT-link-row:hover[b-junjzh9uaa] {
    box-shadow: var(--trecker-shadow-card);
}

.TT-link-row.is-active[b-junjzh9uaa] {
    border-left-color: var(--trecker-success);
}
.TT-link-row.is-expired[b-junjzh9uaa] {
    border-left-color: var(--trecker-error);
}
.TT-link-row.is-inactive[b-junjzh9uaa] {
    border-left-color: var(--trecker-border-medium);
    opacity: 0.85;
}

/* ── QR panel ────────────────────────────────────────────────────── */
.TT-link-qr[b-junjzh9uaa] {
    width: 120px;
    min-width: 120px;
    background: var(--trecker-bg-secondary);
    border-right: 1px solid var(--trecker-border);
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.TT-link-qr-img[b-junjzh9uaa] {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: 6px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
}

.TT-link-qr-ph[b-junjzh9uaa] {
    width: 80px;
    height: 80px;
    display: grid;
    place-items: center;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 6px;
    font-size: 11px;
    color: var(--trecker-text-tertiary);
}

.TT-link-qr-dl[b-junjzh9uaa] {
    display: flex;
    gap: 5px;
}

/* ── Link body ───────────────────────────────────────────────────── */
.TT-link-body[b-junjzh9uaa] {
    flex: 1;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.TT-link-header[b-junjzh9uaa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.TT-link-title-row[b-junjzh9uaa] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.TT-link-label[b-junjzh9uaa] {
    font-size: 14px;
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
}

.TT-link-stats[b-junjzh9uaa] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--trecker-text-tertiary);
}

/* ── URL box ─────────────────────────────────────────────────────── */
.TT-link-url-box[b-junjzh9uaa] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 7px;
}

.TT-link-url[b-junjzh9uaa] {
    font-size: 11.5px;
    color: var(--trecker-text-secondary);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Expiry line ─────────────────────────────────────────────────── */
.TT-link-exp[b-junjzh9uaa] {
    font-size: 12px;
    color: var(--trecker-text-tertiary);
}

/* ── Footer actions ──────────────────────────────────────────────── */
.TT-link-foot[b-junjzh9uaa] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 8px;
    border-top: 1px solid var(--trecker-border);
    align-items: center;
}

/* ── Link job-filter summary chip ────────────────────────────────── */
.TT-link-jobfilter[b-junjzh9uaa] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--trecker-text-secondary);
}

/* ── Job-filter picker (in create/edit modal) ────────────────────── */
.TT-jobfilter-hint[b-junjzh9uaa] {
    font-size: 12px;
    color: var(--trecker-text-tertiary);
    margin: 4px 0 0;
}

.TT-jobfilter-empty[b-junjzh9uaa],
.TT-jobfilter-nojobs[b-junjzh9uaa] {
    font-size: 12.5px;
    color: var(--trecker-text-tertiary);
    margin: 6px 0;
    font-style: italic;
}

.TT-jobfilter[b-junjzh9uaa] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 44vh;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    background: var(--trecker-bg-secondary);
}

.TT-jobfilter-day[b-junjzh9uaa] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.TT-jobfilter-dayhead[b-junjzh9uaa] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--trecker-border);
}

.TT-jobfilter-daylabel[b-junjzh9uaa] {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.TT-jobfilter-daydate[b-junjzh9uaa] {
    font-size: 11.5px;
    font-weight: 400;
    color: var(--trecker-text-tertiary);
}

/* Jobs sit in a responsive grid: 1 col phone, 2 cols tablet/desktop. */
.TT-jobfilter-jobs[b-junjzh9uaa] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px 16px;
    padding-left: 22px;
}

@media (min-width: 620px) {
    .TT-jobfilter-jobs[b-junjzh9uaa] {
        grid-template-columns: 1fr 1fr;
    }
}

.TT-jobfilter-job[b-junjzh9uaa] {
    align-items: flex-start;
}

.TT-jobfilter-jobname[b-junjzh9uaa] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.TT-jobfilter-cat[b-junjzh9uaa] {
    font-size: 11px;
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 5px;
    padding: 0 5px;
}

.TT-jobfilter-slots[b-junjzh9uaa] {
    font-size: 11px;
    color: var(--trecker-text-tertiary);
}

.TT-jobfilter-summary[b-junjzh9uaa] {
    font-size: 12.5px;
    color: var(--trecker-text-secondary);
    margin: 2px 0 0;
    font-weight: 600;
}

.TT-jobfilter-warn[b-junjzh9uaa] {
    color: var(--trecker-warning, #b8860b);
    font-weight: 600;
}

/* ── Mobile ──────────────────────────────────────────────────────── */
@media (max-width: 560px) {
    .TT-link-row[b-junjzh9uaa] {
        flex-direction: column;
    }

    .TT-link-qr[b-junjzh9uaa] {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--trecker-border);
        flex-direction: row;
        padding: 10px 14px;
        justify-content: flex-start;
    }

    .TT-link-qr-img[b-junjzh9uaa],
    .TT-link-qr-ph[b-junjzh9uaa] {
        width: 60px;
        height: 60px;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminSchichtplanVerwaltung.razor.rz.scp.css */
/* =====================================================================
 * AdminSchichtplanVerwaltung — page-specific styles only
 * Global TT-* classes live in trecker-TT-base.css.
 * All selectors here carry the TT- prefix.
 * ===================================================================== */

/* ── Job list (column layout) ────────────────────────────────────── */
.TT-job-list[b-3l0gp8a9g1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ── Job card ────────────────────────────────────────────────────── */
.TT-job-card[b-3l0gp8a9g1] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
    position: relative;
}
.TT-job-card:hover[b-3l0gp8a9g1] {
    box-shadow: var(--trecker-shadow-card);
    border-color: var(--trecker-border-medium);
}
.TT-job-card[b-3l0gp8a9g1]::before {
    content: "";
    position: absolute;
    left: 0; top: 16px; bottom: 16px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--trecker-accent);
}

.TT-job-card-head[b-3l0gp8a9g1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px 9px 18px;
    border-bottom: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
}

.TT-job-name[b-3l0gp8a9g1] {
    font-weight: 600;
    font-size: 14px;
    color: var(--trecker-text-primary);
}

/* Action buttons cluster — flex-shrink:0 keeps it from wrapping */
.TT-job-actions[b-3l0gp8a9g1] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: auto;
    flex-shrink: 0;
}

.TT-icon-btn--danger:hover[b-3l0gp8a9g1] {
    background: var(--trecker-error-bg);
    border-color: color-mix(in srgb, var(--trecker-error) 40%, transparent);
    color: var(--trecker-error);
}

.TT-job-card-meta[b-3l0gp8a9g1] {
    font-size: 11.5px;
    color: var(--trecker-text-tertiary);
    padding: 4px 18px;
    border-bottom: 1px solid var(--trecker-border);
}

/* ── Dashed add-job card ─────────────────────────────────────────── */
.TT-job-card--add[b-3l0gp8a9g1] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    background: transparent;
    border: 2px dashed var(--trecker-border-medium);
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    width: 100%;
    font-family: inherit;
}
.TT-job-card--add:hover[b-3l0gp8a9g1] {
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
}

/* ── Labeled action strip below job card head ────────────────────── */
.TT-job-actions-strip[b-3l0gp8a9g1] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 7px 12px;
    border-bottom: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
}

/* ── Bulk-Name slot checklist ────────────────────────────────────── */
.TT-bulk-name-slots[b-3l0gp8a9g1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 10px;
    margin-top: 6px;
}
.TT-check--slot[b-3l0gp8a9g1] {
    align-items: flex-start;
    gap: 8px;
}
.TT-check--slot span[b-3l0gp8a9g1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}
.TT-bulk-name-sel-all[b-3l0gp8a9g1] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

/* wide dialog variant (more room for slot list) */
.TT-dialog--wide[b-3l0gp8a9g1] {
    max-width: 520px;
    width: min(520px, 95vw);
}

/* ── Slot table ──────────────────────────────────────────────────── */
.TT-slot-table[b-3l0gp8a9g1] {
    width: 100%;
    border-collapse: collapse;
}
.TT-slot-table th[b-3l0gp8a9g1] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-tertiary);
    padding: 7px 10px;
    border-bottom: 1px solid var(--trecker-border);
    text-align: left;
    background: var(--trecker-bg-secondary);
}
.TT-slot-table td[b-3l0gp8a9g1] {
    padding: 8px 10px;
    border-bottom: 1px solid var(--trecker-border);
    vertical-align: middle;
    font-size: 13px;
}
.TT-slot-table tr:last-child td[b-3l0gp8a9g1] {
    border-bottom: none;
}
.TT-slot-table tbody tr:hover td[b-3l0gp8a9g1] {
    background: var(--trecker-bg-secondary);
}

/* ── Day toolbar (inside tab content) ───────────────────────────── */
.TT-day-date[b-3l0gp8a9g1] {
    font-size: 12px;
    color: var(--trecker-text-tertiary);
}

/* ── Job title row ───────────────────────────────────────────────── */
.TT-job-title-row[b-3l0gp8a9g1] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

/* ── Color dot beside job name ───────────────────────────────────── */
.TT-job-dot[b-3l0gp8a9g1] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 3px;
    background: var(--trecker-accent);
    flex-shrink: 0;
}

/* ── Slot note cell ──────────────────────────────────────────────── */
.TT-slot-note[b-3l0gp8a9g1] {
    font-size: 12px;
    color: var(--trecker-text-tertiary);
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Mobile ──────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    /* Slot table: hide Notiz column, allow horizontal scroll if needed */
    .TT-slot-table th:nth-child(4)[b-3l0gp8a9g1],
    .TT-slot-table td:nth-child(4)[b-3l0gp8a9g1] { display: none; }
    .TT-slot-table[b-3l0gp8a9g1] { display: block; overflow-x: auto; }

    /* Job name: truncate so it doesn't push action icons off-screen */
    .TT-job-name[b-3l0gp8a9g1] {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Card head: allow name+badges to wrap below action icons if very tight */
    .TT-job-card-head[b-3l0gp8a9g1] { flex-wrap: wrap; gap: 6px; }
    .TT-job-title-row[b-3l0gp8a9g1] { min-width: 0; }
    .TT-job-actions[b-3l0gp8a9g1]   { flex-shrink: 0; }

    /* Actions strip: tighter padding on mobile */
    .TT-job-actions-strip[b-3l0gp8a9g1] { padding: 6px 10px; gap: 4px; }
    .TT-job-card-meta[b-3l0gp8a9g1] { padding: 4px 10px; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminSecurity.razor.rz.scp.css */
.sec-page[b-rbxtvjykgs] {
    padding: var(--trecker-space-xl);
}

.spinner-wrap[b-rbxtvjykgs] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-2xl);
}

.denied-card[b-rbxtvjykgs] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

.page-head[b-rbxtvjykgs] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.page-head-icon[b-rbxtvjykgs] {
    width: 28px;
    height: 28px;
    color: var(--trecker-secondary);
    flex-shrink: 0;
}

.page-head-title[b-rbxtvjykgs] {
    margin: 0;
}

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

.stats-row-sm[b-rbxtvjykgs] {
    gap: var(--trecker-space-sm);
}

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

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

.stat-value-error[b-rbxtvjykgs] {
    color: var(--trecker-error);
}

.stat-value-warning[b-rbxtvjykgs] {
    color: var(--trecker-warning);
}

.val-error[b-rbxtvjykgs] {
    color: var(--trecker-error);
}

.val-warning[b-rbxtvjykgs] {
    color: var(--trecker-warning);
}

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

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

.tabs-bar[b-rbxtvjykgs] {
    display: flex;
    gap: var(--trecker-space-sm);
    border-bottom: 1px solid var(--trecker-border);
}

.tab-btn[b-rbxtvjykgs] {
    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-rbxtvjykgs] {
    color: var(--trecker-text-primary);
}

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

.filter-card[b-rbxtvjykgs] {
    padding: var(--trecker-space-md);
}

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

.f-search[b-rbxtvjykgs] {
    flex: 1;
    min-width: 200px;
    margin-bottom: 0;
}

.f-date[b-rbxtvjykgs] {
    flex: 0 0 140px;
    margin-bottom: 0;
}

.f-ip[b-rbxtvjykgs] {
    flex: 1;
    min-width: 160px;
    margin-bottom: 0;
}

.f-reason[b-rbxtvjykgs] {
    flex: 2;
    min-width: 200px;
    margin-bottom: 0;
}

.f-btn[b-rbxtvjykgs] {
    height: 40px;
}

.btn-block[b-rbxtvjykgs] {
    background: var(--trecker-error);
}

.f-export[b-rbxtvjykgs] {
    height: 40px;
    line-height: 40px;
    padding: 0 var(--trecker-space-md);
}

.msg-success[b-rbxtvjykgs] {
    color: var(--trecker-success);
}

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

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

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

.log-badge[b-rbxtvjykgs] {
    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);
}

.log-main[b-rbxtvjykgs] {
    flex: 1;
    min-width: 0;
}

.log-line[b-rbxtvjykgs] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.log-path[b-rbxtvjykgs] {
    font-family: var(--trecker-font-mono);
    word-break: break-all;
}

.log-qs[b-rbxtvjykgs] {
    font-family: var(--trecker-font-mono);
}

.log-sub[b-rbxtvjykgs] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-top: 2px;
    flex-wrap: wrap;
    align-items: center;
}

.log-right[b-rbxtvjykgs] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
}

.blocked-badge[b-rbxtvjykgs] {
    background: var(--trecker-error);
    color: #fff;
    font-size: 0.65rem;
}

.blocked-reason[b-rbxtvjykgs] {
    margin-top: 2px;
}

.blocked-right[b-rbxtvjykgs] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
}

.permanent-badge[b-rbxtvjykgs] {
    font-size: 0.65rem;
}

.btn-unblock[b-rbxtvjykgs] {
    height: 28px;
    padding: 0 var(--trecker-space-sm);
    color: var(--trecker-success);
}

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

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

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

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

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

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

.reason-other[b-rbxtvjykgs] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

@media (max-width: 480px) {
    .sec-page[b-rbxtvjykgs] {
        padding: var(--trecker-space-md);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminSettings.razor.rz.scp.css */
/* Compact, modern layout for /Admin/Settings (SuperAdmin only).
   Mirrors the sibling system pages (breadcrumb + icon header + tight cards). */

.set-page[b-ixqnl36j98] {
    max-width: 1240px;
    margin: 0 auto;
    padding: var(--trecker-space-lg);
}

.set-spinner-wrap[b-ixqnl36j98] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-xl) 0;
}

/* Two-column card grid on desktop, single column on mobile.
   align-items: start so an expanded card doesn't stretch its row neighbour. */
.set-grid[b-ixqnl36j98] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
    gap: var(--trecker-space-md);
    align-items: start;
}

/* Collapsible cards — collapsed by default, only the header row is visible. */
.set-acc__head[b-ixqnl36j98] {
    cursor: pointer;
    user-select: none;
}

.set-acc__right[b-ixqnl36j98] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-shrink: 0;
    margin-left: auto;
}

.set-acc__chev[b-ixqnl36j98] {
    color: var(--trecker-text-tertiary, #888);
    transition: transform 0.2s ease, color 0.15s ease;
    flex-shrink: 0;
}

.set-acc--open .set-acc__chev[b-ixqnl36j98] {
    transform: rotate(180deg);
}

.set-acc__head:hover .set-acc__chev[b-ixqnl36j98] {
    color: var(--trecker-text-primary, #111);
}

/* Collapsed: hide body + description line, drop the header divider so the
   card shrinks to a single compact row. */
.set-acc:not(.set-acc--open) .set-acc__body[b-ixqnl36j98] {
    display: none;
}

.set-acc:not(.set-acc--open) .Smtp__Header[b-ixqnl36j98] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.set-acc:not(.set-acc--open) .Smtp__HeaderLeft p[b-ixqnl36j98] {
    display: none;
}

.set-noaccess[b-ixqnl36j98] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

/* Page header */
.set-head[b-ixqnl36j98] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin: var(--trecker-space-sm) 0 var(--trecker-space-md);
}

.set-head__icon[b-ixqnl36j98] {
    width: 24px;
    height: 24px;
    color: var(--trecker-secondary);
    flex-shrink: 0;
}

.set-head__title[b-ixqnl36j98] {
    margin: 0;
}

/* Cards */
.set-card[b-ixqnl36j98] {
    padding: var(--trecker-space-md);
}

.Smtp__Card[b-ixqnl36j98] {
    padding: var(--trecker-space-md);
}

.Smtp__Header[b-ixqnl36j98] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    padding-bottom: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
    border-bottom: 1px solid var(--trecker-border, #e0e0e0);
}

.Smtp__HeaderLeft[b-ixqnl36j98] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.Smtp__Icon[b-ixqnl36j98] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--trecker-primary, #FF6B00) 0%, var(--trecker-secondary, #1a1a2e) 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.Smtp__Icon svg[b-ixqnl36j98] {
    width: 22px;
    height: 22px;
}

.Smtp__Header h2[b-ixqnl36j98] {
    font-size: var(--trecker-font-size-base, 1rem);
}

.set-card-title[b-ixqnl36j98] {
    margin: 0;
    font-size: var(--trecker-font-size-base, 1rem);
}

.set-card-sub[b-ixqnl36j98] {
    margin: 0;
}

/* Field grid */
.Smtp__Grid[b-ixqnl36j98] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--trecker-space-sm);
}

.Smtp__Col2[b-ixqnl36j98] {
    grid-column: span 2;
}

@media (max-width: 640px) {
    .Smtp__Col2[b-ixqnl36j98] { grid-column: span 1; }
}

.Smtp__TestRow[b-ixqnl36j98] {
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-sm);
    border-top: 1px dashed var(--trecker-border, #e0e0e0);
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    align-items: flex-end;
}

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

.Smtp__TestResult[b-ixqnl36j98] {
    margin-top: var(--trecker-space-sm);
    word-break: break-word;
}

.Smtp__SaveRow[b-ixqnl36j98] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-sm);
    border-top: 1px solid var(--trecker-border, #e0e0e0);
    flex-wrap: wrap;
}

/* Generic settings list */
.Settings__List[b-ixqnl36j98] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.Settings__Row[b-ixqnl36j98] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    align-items: flex-start;
}

.Settings__Key[b-ixqnl36j98] {
    flex: 0 0 230px;
    min-width: 180px;
}

.Settings__Key p[b-ixqnl36j98] {
    margin: 0;
}

.Settings__Value[b-ixqnl36j98] {
    flex: 1;
    min-width: 180px;
}

/* ── Utility classes replacing former inline styles (BLAZOR: no style= attrs) ── */

.set-inline-row[b-ixqnl36j98] {
    display: flex;
    gap: var(--trecker-space-xs);
}

.set-flex1[b-ixqnl36j98] {
    flex: 1;
}

.set-test-field[b-ixqnl36j98] {
    flex: 1;
    min-width: 220px;
    margin: 0;
}

.set-ok-text[b-ixqnl36j98] {
    color: var(--trecker-success, #16a34a);
}

.set-error-text[b-ixqnl36j98] {
    color: var(--trecker-danger, #c0392b);
}

.set-btn-row[b-ixqnl36j98] {
    display: flex;
    gap: var(--trecker-space-sm);
}

.set-check[b-ixqnl36j98] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    cursor: pointer;
}

.set-mono[b-ixqnl36j98] {
    font-family: var(--trecker-font-mono, monospace);
}

.set-num[b-ixqnl36j98] {
    max-width: 200px;
}

.set-save-col[b-ixqnl36j98] {
    min-width: 100px;
}

/* New-setting form */
.set-col[b-ixqnl36j98] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

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

.set-f-key[b-ixqnl36j98] {
    flex: 1 1 250px;
    min-width: 250px;
}

.set-f-type[b-ixqnl36j98] {
    flex: 0 0 180px;
    min-width: 180px;
}

.set-end[b-ixqnl36j98] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
}

/* Presets */
.set-preset-list[b-ixqnl36j98] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.set-preset-row[b-ixqnl36j98] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    border-bottom: 1px solid var(--trecker-border, #e0e0e0);
}

.set-preset-desc[b-ixqnl36j98] {
    margin-left: var(--trecker-space-sm);
}

.set-preset-actions[b-ixqnl36j98] {
    gap: var(--trecker-space-xs);
    align-items: center;
}
/* _content/TreckerTreckWebsite.Shared/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-eidobopzrh] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.AdminShifts__Header[b-eidobopzrh] {
    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-eidobopzrh] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}
.AdminShifts__Icon[b-eidobopzrh] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}
.AdminShifts__Title[b-eidobopzrh] {
    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-eidobopzrh] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 640px;
    line-height: 1.5;
}
.AdminShifts__HeaderActions[b-eidobopzrh] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

/* --- Header add-button icon layout --- */
.as-btn-icon[b-eidobopzrh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.as-icon-xs[b-eidobopzrh] {
    width: 16px;
    height: 16px;
}

/* --- Empty state (Helfer-Stil) --- */
.as-empty-state[b-eidobopzrh] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}
.as-empty-icon[b-eidobopzrh] {
    font-size: 56px;
    margin-bottom: 8px;
}
.as-empty-title[b-eidobopzrh] {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0;
}
.as-empty-text[b-eidobopzrh] {
    color: var(--trecker-text-secondary);
    margin: 0 0 18px;
}
.as-empty-btn[b-eidobopzrh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 768px) {
    .AdminShifts__Header[b-eidobopzrh] {
        flex-direction: column;
        align-items: stretch;
    }
    .AdminShifts__HeaderActions .TreckerButton[b-eidobopzrh] {
        flex: 1;
        min-height: 44px;
    }
    .AdminShifts__Title[b-eidobopzrh] {
        font-size: 18px;
    }
}

/* --- Time group card --- */
.as-time-group-card[b-eidobopzrh] {
    padding: var(--trecker-space-lg);
}

/* --- Table scroll wrapper --- */
.as-table-scroll[b-eidobopzrh] {
    overflow-x: auto;
}

/* --- Table font sizing --- */
.as-table-compact[b-eidobopzrh] {
    font-size: 0.9rem;
}

/* --- Clickable row --- */
.as-row-clickable[b-eidobopzrh] {
    cursor: pointer;
}

/* --- Monospace time cells --- */
.as-time-mono[b-eidobopzrh] {
    font-family: var(--trecker-font-mono);
}

/* --- Notes cell truncation --- */
.as-notes-cell[b-eidobopzrh] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Action button group --- */
.as-action-group[b-eidobopzrh] {
    gap: var(--trecker-space-xs);
}

/* --- Summary stats grid --- */
.as-stats-grid[b-eidobopzrh] {
    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-eidobopzrh] {
    padding: var(--trecker-space-md);
}

/* --- Stat label --- */
.as-stat-label[b-eidobopzrh] {
    margin: 0 0 var(--trecker-space-xs) 0;
}

/* --- Stat value --- */
.as-stat-value[b-eidobopzrh] {
    margin: 0;
}

.as-stat-value--primary[b-eidobopzrh] {
    color: var(--trecker-primary);
}

.as-stat-value--secondary[b-eidobopzrh] {
    color: var(--trecker-secondary);
}

.as-stat-value--accent[b-eidobopzrh] {
    color: var(--trecker-accent);
}

/* --- Modal form label --- */
.as-form-label[b-eidobopzrh] {
    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-eidobopzrh],
.as-form-input[b-eidobopzrh] {
    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-eidobopzrh] {
    display: flex;
    flex-direction: column;
}

/* --- Textarea styling --- */
.as-textarea[b-eidobopzrh] {
    font-family: inherit;
    resize: vertical;
}

/* --- Modal footer actions --- */
.as-modal-actions[b-eidobopzrh] {
    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-eidobopzrh] {
    padding-top: var(--trecker-space-md);
    padding-bottom: var(--trecker-space-md);
}

/* --- Form group no-margin override --- */
.as-form-group-compact[b-eidobopzrh] {
    margin-bottom: 0;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .as-stats-grid[b-eidobopzrh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-notes-cell[b-eidobopzrh] {
        max-width: 120px;
    }

    .as-modal-actions[b-eidobopzrh] {
        flex-direction: column;
    }

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

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .as-stats-grid[b-eidobopzrh] {
        grid-template-columns: 1fr;
    }

    .as-time-group-card[b-eidobopzrh] {
        padding: var(--trecker-space-md);
    }

    .as-stat-card[b-eidobopzrh] {
        padding: var(--trecker-space-sm);
    }

    .as-notes-cell[b-eidobopzrh] {
        max-width: 80px;
    }

    .as-empty-state[b-eidobopzrh] {
        padding: var(--trecker-space-md);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminSponsorDetail.razor.rz.scp.css */
/* TreckerTreck — Sponsor-Detail (F4). Schichtplan-Style. */

.SponsorDetail[b-3b5iyu8kz6] { max-width: 1400px; display: flex; flex-direction: column; gap: 16px; }

.SponsorDetail__Header[b-3b5iyu8kz6] {
    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);
}
.SponsorDetail__HeaderLeft[b-3b5iyu8kz6] { display: flex; gap: 14px; align-items: flex-start; min-width: 0; }
.SponsorDetail__Icon[b-3b5iyu8kz6] { width: 32px; height: 32px; color: #ff7a3d; flex-shrink: 0; }
.SponsorDetail__Title[b-3b5iyu8kz6] {
    margin: 0; font-size: 22px; font-weight: 700;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.SponsorDetail__Subtitle[b-3b5iyu8kz6] { margin: 4px 0 0; font-size: 13px; color: var(--trecker-text-secondary); }
.SponsorDetail__HeaderActions[b-3b5iyu8kz6] { display: flex; gap: 8px; flex-wrap: wrap; }

.SponsorDetail__Stats[b-3b5iyu8kz6] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px;
}
.SdStat[b-3b5iyu8kz6] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px; padding: 16px;
}
.SdStat--brand[b-3b5iyu8kz6] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.1), transparent 70%);
    border-color: rgba(255, 122, 61, 0.3);
}
.SdStat__Label[b-3b5iyu8kz6] {
    font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}
.SdStat__Value[b-3b5iyu8kz6] { font-size: 28px; font-weight: 700; margin-top: 4px; line-height: 1.1; }

/* Tabs */
.SponsorDetail__Tabs[b-3b5iyu8kz6] {
    display: flex; gap: 4px;
    border-bottom: 1px solid var(--trecker-border); flex-wrap: wrap;
}
.SponsorDetail__Tab[b-3b5iyu8kz6] {
    background: none; border: none; border-bottom: 2px solid transparent;
    padding: 10px 16px; cursor: pointer;
    font-size: 14px; font-weight: 600; color: var(--trecker-text-secondary);
    transition: color 0.15s, border-color 0.15s;
}
.SponsorDetail__Tab:hover[b-3b5iyu8kz6] { color: var(--trecker-text-primary); }
.SponsorDetail__Tab--active[b-3b5iyu8kz6] {
    color: #ff7a3d; border-bottom-color: #ff7a3d;
}

.SponsorDetail__Section[b-3b5iyu8kz6] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px; padding: 18px;
    display: flex; flex-direction: column; gap: 12px;
}

.SponsorDetail__Section h2[b-3b5iyu8kz6] {
    margin: 0; font-size: 16px; font-weight: 700;
}

.SponsorDetail__Hint[b-3b5iyu8kz6] { margin: 0; font-size: 12px; color: var(--trecker-text-secondary); }

.SponsorDetail__Row[b-3b5iyu8kz6] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;
}

.SponsorDetail__Field[b-3b5iyu8kz6] {
    display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.SponsorDetail__Field--wide[b-3b5iyu8kz6] { grid-column: span 2; }
.SponsorDetail__Field label[b-3b5iyu8kz6] {
    font-size: 12px; font-weight: 600; color: var(--trecker-text-secondary);
}

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

.SponsorDetail__Actions[b-3b5iyu8kz6] { display: flex; justify-content: flex-end; gap: 8px; }
.SponsorDetail__Empty[b-3b5iyu8kz6] { color: var(--trecker-text-secondary); font-size: 13px; margin: 0; }

.SponsorDetail__List[b-3b5iyu8kz6] { display: flex; flex-direction: column; gap: 6px; }

.SdCard[b-3b5iyu8kz6] {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--trecker-border); border-radius: 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
}
.SdCard:hover[b-3b5iyu8kz6] { border-color: rgba(255, 122, 61, 0.4); }
.SdCard__Body[b-3b5iyu8kz6] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.SdCard__Title[b-3b5iyu8kz6] { font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.SdCard__Meta[b-3b5iyu8kz6] { display: flex; gap: 6px; flex-wrap: wrap; }
.SdCard__Note[b-3b5iyu8kz6] { font-size: 12px; color: var(--trecker-text-secondary); margin-top: 4px; }

.SdCard__Pill[b-3b5iyu8kz6] {
    display: inline-block; font-size: 10px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.4px; padding: 2px 8px;
    border-radius: 4px;
    background: rgba(127, 127, 127, 0.12); color: var(--trecker-text-secondary);
}
.SdCard__Pill--brand[b-3b5iyu8kz6] { background: rgba(255, 122, 61, 0.16); color: #ff7a3d; }
.SdCard__Pill--good[b-3b5iyu8kz6] { background: rgba(46, 160, 67, 0.16); color: #2ea043; }
.SdCard__Pill--bad[b-3b5iyu8kz6] { background: rgba(229, 72, 77, 0.16); color: #e5484d; }

.SponsorDetail__StatsGrid[b-3b5iyu8kz6] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px;
}

.SdBigStat[b-3b5iyu8kz6] {
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
    border: 1px solid var(--trecker-border);
    border-radius: 10px; padding: 14px;
}
.SdBigStat__Label[b-3b5iyu8kz6] {
    font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}
.SdBigStat__Value[b-3b5iyu8kz6] { font-size: 22px; font-weight: 700; margin-top: 4px; line-height: 1.1; }
.SdBigStat__Value--text[b-3b5iyu8kz6] { font-size: 14px; }

.SponsorDetail__Code[b-3b5iyu8kz6] {
    background: #0d1117; color: #f0f6fc;
    border-radius: 6px; padding: 12px;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
    overflow-x: auto; white-space: pre-wrap; word-break: break-all; margin: 0;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminStartOrder.razor.rz.scp.css */
/* AdminStartOrder.razor.css
   Scoped styling for the Startreihenfolge admin page. Responsive for desktop and mobile.
   Uses the shared --trecker-* design tokens to stay consistent with the TT-*/hp-* system.

   Section 1 mirrors the old page's global <style> block, section 2 the old scoped
   .razor.css (kept LAST of the two so it wins property conflicts exactly like the
   scoped-beats-global cascade did before the WASM migration)[b-zhcehv8utv], section 3 holds the
   utility classes that replaced the former inline style attributes. */

/* ═══ 1. Former inline <style> block ═════════════════════════════════════════ */

.AdminStart[b-zhcehv8utv] {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.AdminStart__Header[b-zhcehv8utv] {
    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);
}
.AdminStart__HeaderLeft[b-zhcehv8utv] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}
.AdminStart__Icon[b-zhcehv8utv] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}
.AdminStart__Title[b-zhcehv8utv] {
    margin: 0;
    font-size: var(--trecker-font-size-xl, 22px);
    font-weight: 700;
    letter-spacing: -0.01em;
    background: linear-gradient(135deg, #ff8a3d 0%, #ff4c1e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.AdminStart__Subtitle[b-zhcehv8utv] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}
@media (max-width: 768px) {
    .AdminStart__Title[b-zhcehv8utv] { font-size: 18px; }
}

.AdminStart__Tabs[b-zhcehv8utv] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid var(--trecker-border-color, #e5e7eb);
    margin-bottom: -16px; /* collapse gap below */
}
.AdminStart__Tab[b-zhcehv8utv] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    padding: 8px 18px;
    font-size: var(--trecker-font-size-sm, 14px);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.15s, border-color 0.15s;
}
.AdminStart__Tab:hover[b-zhcehv8utv] { color: var(--trecker-text, #111); }
.AdminStart__Tab--active[b-zhcehv8utv] {
    color: var(--trecker-primary, #ff7a3d);
    border-bottom-color: var(--trecker-primary, #ff7a3d);
}
.AdminStart__TabBadge[b-zhcehv8utv] {
    background: var(--trecker-primary, #ff7a3d);
    color: #fff;
    border-radius: 999px;
    padding: 1px 7px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
}

.AdminStart__ScopeCard[b-zhcehv8utv] {
    padding: var(--trecker-space-md);
}
.AdminStart__ScopeRow[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}
.AdminStart__ScopeLabel[b-zhcehv8utv] {
    white-space: nowrap;
    margin-bottom: 0;
    flex-shrink: 0;
}
.AdminStart__ScopeButtons[b-zhcehv8utv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
}
.AdminStart__RadioOption[b-zhcehv8utv] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border: 1px solid var(--trecker-border-color, #e5e7eb);
    border-radius: var(--trecker-radius, 6px);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}
.AdminStart__RadioOption--active[b-zhcehv8utv] {
    border-color: var(--trecker-primary, #ff7a3d);
    background: var(--trecker-primary-bg, rgba(255,122,61,.06));
}
.AdminStart__RadioOption input[type="radio"][b-zhcehv8utv] {
    margin-top: 3px;
    flex-shrink: 0;
    accent-color: var(--trecker-primary, #ff7a3d);
}

.AdminStart__InfoBanner[b-zhcehv8utv] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    background: var(--trecker-primary-bg, rgba(255,122,61,.06));
    border: 1px solid var(--trecker-primary-border, rgba(255,122,61,.25));
    border-radius: var(--trecker-radius, 6px);
    margin-top: 16px;
    font-size: var(--trecker-font-size-sm, 13px);
    line-height: 1.5;
}

/* ═══ 2. Former scoped .razor.css (wins conflicts against section 1, exactly
       like scoped-vs-global did before the migration) ══════════════════════ */

.AdminStart[b-zhcehv8utv] {
    display: block;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.AdminStart__Header[b-zhcehv8utv] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.AdminStart__HeaderLeft[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.AdminStart__Icon[b-zhcehv8utv] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    color: var(--trecker-primary, #ff7a3d);
}

.AdminStart__Title[b-zhcehv8utv] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.AdminStart__Subtitle[b-zhcehv8utv] {
    margin: 2px 0 0;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

/* ── Tabs ────────────────────────────────────────────────────────────────── */
.AdminStart__Tabs[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-xs);
    border-bottom: 2px solid var(--trecker-border-color);
    margin-bottom: var(--trecker-space-md);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.AdminStart__Tab[b-zhcehv8utv] {
    appearance: none;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    min-height: 44px;
    transition: color 0.15s, border-color 0.15s;
}

.AdminStart__Tab:hover[b-zhcehv8utv] {
    color: var(--trecker-text-primary, inherit);
}

.AdminStart__Tab--active[b-zhcehv8utv] {
    color: var(--trecker-primary, #ff7a3d);
    border-bottom-color: var(--trecker-primary, #ff7a3d);
}

.AdminStart__TabBadge[b-zhcehv8utv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--trecker-success-bg, #dcfce7);
    color: var(--trecker-success, #16a34a);
    font-size: 0.72rem;
    font-weight: 700;
}

/* ── Info banner ─────────────────────────────────────────────────────────── */
.AdminStart__InfoBanner[b-zhcehv8utv] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
    border: 1px solid var(--trecker-border-color);
    border-left: 3px solid var(--trecker-primary, #ff7a3d);
    border-radius: var(--trecker-radius, 8px);
    background: var(--trecker-bg-secondary, #fafafa);
    font-size: var(--trecker-font-size-sm);
}

/* ── Scope selector card ─────────────────────────────────────────────────── */
.AdminStart__ScopeRow[b-zhcehv8utv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm) var(--trecker-space-md);
}

.AdminStart__ScopeLabel[b-zhcehv8utv] {
    margin: 0;
    white-space: nowrap;
}

.AdminStart__ScopeButtons[b-zhcehv8utv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
}

/* ── Numbering: leading-zeros / pad field ───────────────────────────────── */
.AdminStart__PadField[b-zhcehv8utv] {
    flex: 0 0 180px;
    min-width: 150px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

.AdminStart__PadField[b-zhcehv8utv]  .TreckerInput,
.AdminStart__PadField .TreckerInput[b-zhcehv8utv] {
    width: 100%;
}

.AdminStart__PadHint[b-zhcehv8utv] {
    margin-top: 2px;
    font-size: 0.72rem;
    color: var(--trecker-text-secondary);
}

/* ── Numbering: append vs. fill-empty-slots toggle ──────────────────────── */
.AdminStart__FillMode[b-zhcehv8utv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: var(--trecker-space-sm);
}

.AdminStart__FillModeButtons[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

.AdminStart__FillMode .AdminStart__PadHint[b-zhcehv8utv] {
    max-width: 460px;
}

/* ── Save numbering scheme ───────────────────────────────────────────────── */
.AdminStart__NumberingSave[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-color);
}

.AdminStart__NumberingSave .TreckerButton[b-zhcehv8utv] {
    display: inline-flex;
    align-items: center;
}

.AdminStart__NumberingHint[b-zhcehv8utv] {
    font-size: 0.72rem;
    color: var(--trecker-text-secondary);
}

/* ── "Which drivers are missing" info button ─────────────────────────────── */
.AdminStart__MissingInfoBtn[b-zhcehv8utv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: var(--trecker-radius, 8px);
    border: 1px solid var(--trecker-warning, #d97706);
    background: var(--trecker-warning-bg, #fef3c7);
    color: var(--trecker-warning, #d97706);
    cursor: pointer;
    transition: filter 0.15s ease;
    flex-shrink: 0;
}
.AdminStart__MissingInfoBtn:hover[b-zhcehv8utv] {
    filter: brightness(0.95);
}

/* ── Remove-from-start-list button ───────────────────────────────────────── */
.AdminStart__RemoveBtn[b-zhcehv8utv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* ── Logo-on-bibs toggle ─────────────────────────────────────────────────── */
.AdminStart__LogoToggle[b-zhcehv8utv] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    min-height: 38px;
    padding: 0 var(--trecker-space-sm);
    border: 1px dashed var(--trecker-border-color);
    border-radius: var(--trecker-radius, 8px);
    user-select: none;
}

.AdminStart__LogoToggle input[b-zhcehv8utv] {
    width: 18px;
    height: 18px;
    accent-color: var(--trecker-primary, #ff7a3d);
}

/* ── Radio option (bulk-conflict dialog) ─────────────────────────────────── */
.AdminStart__RadioOption[b-zhcehv8utv] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius, 8px);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.AdminStart__RadioOption input[b-zhcehv8utv] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    accent-color: var(--trecker-primary, #ff7a3d);
}

.AdminStart__RadioOption--active[b-zhcehv8utv] {
    border-color: var(--trecker-primary, #ff7a3d);
    background: var(--trecker-primary-bg, rgba(255, 122, 61, 0.08));
}

/* ── Column option (Aushang PDF column picker) ───────────────────────────── */
.AdminStart__ColOption[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius, 8px);
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    user-select: none;
    transition: border-color 0.15s, background 0.15s;
}

.AdminStart__ColOption:hover[b-zhcehv8utv] {
    border-color: var(--trecker-primary, #ff7a3d);
}

.AdminStart__ColOption input[b-zhcehv8utv] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    accent-color: var(--trecker-primary, #ff7a3d);
}

/* ── Inline number editor ────────────────────────────────────────────────── */
.AdminStart__NumberEdit[b-zhcehv8utv] {
    width: 72px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 2px 4px;
    border: 2px solid transparent;
    border-radius: var(--trecker-radius, 8px);
    background: transparent;
    color: inherit;
    outline: none;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    min-width: 0;
    appearance: none;
    -moz-appearance: textfield;
    font-family: inherit;
    line-height: 1.2;
}

.AdminStart__NumberEdit:hover[b-zhcehv8utv] {
    border-color: var(--trecker-border-color);
    background: var(--trecker-bg-secondary, #fafafa);
}

.AdminStart__NumberEdit:focus[b-zhcehv8utv] {
    border-color: var(--trecker-primary, #ff7a3d);
    background: var(--trecker-bg-primary, #fff);
    cursor: text;
    box-shadow: 0 0 0 3px var(--trecker-primary-bg, rgba(255,122,61,.12));
}

/* ── Numbering preview ───────────────────────────────────────────────────── */
.AdminStart__Preview[b-zhcehv8utv] {
    margin-top: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: var(--trecker-bg-secondary, #fafafa);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius, 8px);
}

.AdminStart__PreviewHeader[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    margin-bottom: 6px;
}

.AdminStart__PreviewTitle[b-zhcehv8utv] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--trecker-text-secondary);
}

.AdminStart__PreviewRefresh[b-zhcehv8utv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--trecker-primary, #ff7a3d);
    background: var(--trecker-primary-bg, rgba(255,122,61,.08));
    border: 1px solid var(--trecker-primary, #ff7a3d);
    border-radius: var(--trecker-radius-sm, 6px);
    padding: 4px 10px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.AdminStart__PreviewRefresh:hover[b-zhcehv8utv] {
    background: var(--trecker-primary, #ff7a3d);
    color: #fff;
}

.AdminStart__PreviewGrid[b-zhcehv8utv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.AdminStart__PreviewRow[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.AdminStart__PreviewClass[b-zhcehv8utv] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary);
    min-width: 100px;
    flex-shrink: 0;
}

.AdminStart__PreviewNums[b-zhcehv8utv] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}

.AdminStart__PreviewNum[b-zhcehv8utv] {
    font-family: var(--trecker-font-mono, monospace);
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--trecker-primary, #ff7a3d);
    background: var(--trecker-primary-bg, rgba(255,122,61,.08));
    border-radius: 4px;
    padding: 2px 7px;
}

.AdminStart__PreviewEllipsis[b-zhcehv8utv] {
    color: var(--trecker-text-secondary);
    font-size: 0.82rem;
}

/* ── Mobile ──────────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .AdminStart__Header[b-zhcehv8utv] {
        margin-bottom: var(--trecker-space-md);
    }

    .AdminStart__Icon[b-zhcehv8utv] {
        width: 32px;
        height: 32px;
    }

    .AdminStart__Title[b-zhcehv8utv] {
        font-size: 1.25rem;
    }

    .AdminStart__Tab[b-zhcehv8utv] {
        padding: var(--trecker-space-sm);
        font-size: 0.82rem;
    }

    /* Scope label stacks above its buttons on narrow screens */
    .AdminStart__ScopeRow[b-zhcehv8utv] {
        flex-direction: column;
        align-items: stretch;
    }

    .AdminStart__ScopeButtons[b-zhcehv8utv] {
        width: 100%;
    }

    .AdminStart__ScopeButtons[b-zhcehv8utv]  .TreckerButton,
    .AdminStart__ScopeButtons .TreckerButton[b-zhcehv8utv] {
        flex: 1 1 auto;
    }

    .AdminStart__PadField[b-zhcehv8utv] {
        flex: 1 1 100%;
    }

    .AdminStart__LogoToggle[b-zhcehv8utv] {
        flex: 1 1 100%;
        justify-content: center;
    }
}

/* ═══ 3. Utility classes replacing the former inline style attributes ═══════ */

.AdminStart__MeetupAlert[b-zhcehv8utv] { margin: var(--trecker-space-md) 0; }

.AdminStart__BannerIcon[b-zhcehv8utv] {
    flex-shrink: 0;
    color: var(--trecker-primary, #ff7a3d);
}

/* Generic filter/action rows */
.AdminStart__FilterRow[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    align-items: flex-end;
}
.AdminStart__FilterGroup[b-zhcehv8utv] {
    flex: 1 1 250px;
    min-width: 0;
    margin-bottom: 0;
}
.AdminStart__FilterGroup--sm[b-zhcehv8utv] {
    flex: 1 1 200px;
    min-width: 0;
    margin-bottom: 0;
}
.AdminStart__ActionRow[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: center;
}
.AdminStart__ExportRow[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}
.AdminStart__BtnGroup[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-xs);
}
.AdminStart__BtnGroupWrap[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    align-items: center;
}
.AdminStart__BtnIcon[b-zhcehv8utv] { margin-right: 4px; }
.AdminStart__BtnIcon18[b-zhcehv8utv] {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

/* Collapsible panel cards */
.AdminStart__PanelCard[b-zhcehv8utv] { padding: var(--trecker-space-md); }
.AdminStart__GenCard[b-zhcehv8utv] { padding: var(--trecker-space-lg); }
.AdminStart__PanelHeader[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
}
.AdminStart__PanelHeaderSplit[b-zhcehv8utv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.AdminStart__PanelIcon[b-zhcehv8utv] {
    color: var(--trecker-text-secondary);
    flex-shrink: 0;
}
.AdminStart__PanelBody[b-zhcehv8utv] {
    margin-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-color);
    padding-top: var(--trecker-space-md);
}
.AdminStart__Chevron[b-zhcehv8utv] {
    width: 18px;
    height: 18px;
    color: var(--trecker-text-secondary);
    transform: rotate(0deg);
    transition: transform 0.2s;
    flex-shrink: 0;
}
.AdminStart__Chevron--open[b-zhcehv8utv] { transform: rotate(180deg); }
.AdminStart__Chevron--end[b-zhcehv8utv] { margin-left: auto; }

/* Numbering panel */
.AdminStart__NumberingRow[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    align-items: flex-end;
    margin-top: var(--trecker-space-sm);
}
.AdminStart__PrefixList[b-zhcehv8utv] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-sm);
}
.AdminStart__PrefixRow[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}
.AdminStart__PrefixLabel[b-zhcehv8utv] { min-width: 120px; }
.AdminStart__PrefixInput[b-zhcehv8utv] { width: 80px; }
.AdminStart__CustomHint[b-zhcehv8utv] { margin-top: var(--trecker-space-sm); }
.AdminStart__NoMargin[b-zhcehv8utv] { margin: 0; }
.AdminStart__GlobalHint[b-zhcehv8utv] {
    font-size: 0.72rem;
    margin: 4px 0 0;
}

/* Start-list group + entry cards */
.AdminStart__GroupTitle[b-zhcehv8utv] {
    border-bottom: 1px solid var(--trecker-border-color);
    padding-bottom: var(--trecker-space-xs);
}
.AdminStart__EntryList[b-zhcehv8utv] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}
.AdminStart__EntryCard[b-zhcehv8utv] { padding: var(--trecker-space-md); }
.AdminStart__EntryCard--dimmed[b-zhcehv8utv] { opacity: 0.6; }
.AdminStart__EntryRow[b-zhcehv8utv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
}
.AdminStart__EntryLeft[b-zhcehv8utv] {
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}
.AdminStart__EntryNum[b-zhcehv8utv] {
    min-width: 50px;
    text-align: center;
}
.AdminStart__SortCard[b-zhcehv8utv] { padding: var(--trecker-space-sm) var(--trecker-space-md); }
.AdminStart__SortRow[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}
.AdminStart__SortLabel[b-zhcehv8utv] {
    margin: 0;
    white-space: nowrap;
}

/* Badges */
.AdminStart__BadgeMuted[b-zhcehv8utv] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}
.AdminStart__BadgeWarn[b-zhcehv8utv] {
    background: var(--trecker-warning-bg, #fef3c7);
    color: var(--trecker-warning, #d97706);
}
.AdminStart__BadgeSuccess[b-zhcehv8utv] {
    background: var(--trecker-success-bg, #dcfce7);
    color: var(--trecker-success, #16a34a);
}
.AdminStart__BadgeSm[b-zhcehv8utv] { font-size: 0.75rem; }

/* Modals */
.AdminStart__ModalFooter[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}
.AdminStart__RadioColumn[b-zhcehv8utv] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}
.AdminStart__ConflictList[b-zhcehv8utv] {
    padding-left: var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.AdminStart__SmallText[b-zhcehv8utv] { font-size: 0.85rem; }

/* Queue-info card on the Startliste tab */
.AdminStart__QueueInfoCard[b-zhcehv8utv] {
    padding: var(--trecker-space-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}
.AdminStart__InlineRow[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}
.AdminStart__Icon18[b-zhcehv8utv] {
    width: 18px;
    height: 18px;
    color: var(--trecker-text-secondary);
    flex-shrink: 0;
}
.AdminStart__Icon18--warn[b-zhcehv8utv] { color: var(--trecker-warning, #d97706); }

/* Queue tab: filters + auto-advance */
.AdminStart__CheckWrap[b-zhcehv8utv] {
    display: flex;
    align-items: flex-end;
}
.AdminStart__CheckLabel[b-zhcehv8utv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    min-height: 44px;
}
.AdminStart__CheckBox[b-zhcehv8utv] {
    width: 20px;
    height: 20px;
    accent-color: var(--trecker-accent);
}

/* Queue tab: cards & stats */
.AdminStart__CenterCard[b-zhcehv8utv] {
    padding: var(--trecker-space-lg);
    text-align: center;
}
.AdminStart__CenterCard--xl[b-zhcehv8utv] { padding: var(--trecker-space-xl); }
.AdminStart__InlineBtn[b-zhcehv8utv] {
    display: inline-flex;
    margin-top: var(--trecker-space-md);
}
.AdminStart__StatsRow[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-md);
    flex-wrap: wrap;
}
.AdminStart__StatValue[b-zhcehv8utv] { font-size: 1.25rem; }
.AdminStart__StatValue--ok[b-zhcehv8utv] { color: var(--trecker-success, #16a34a); }
.AdminStart__StatValue--warn[b-zhcehv8utv] { color: var(--trecker-warning, #d97706); }
.AdminStart__MtSm[b-zhcehv8utv] { margin-top: var(--trecker-space-sm); }
.AdminStart__BigBtn[b-zhcehv8utv] {
    padding: var(--trecker-space-md) var(--trecker-space-xl);
    font-size: 1.05rem;
}
.AdminStart__BigBtnIcon[b-zhcehv8utv] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.AdminStart__StatusGrid[b-zhcehv8utv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: var(--trecker-space-sm);
}
.AdminStart__StatusGrid--mt[b-zhcehv8utv] { margin-top: var(--trecker-space-md); }
.AdminStart__StatusGrid--mb[b-zhcehv8utv] { margin-bottom: var(--trecker-space-lg); }
.AdminStart__StatCard[b-zhcehv8utv] {
    padding: var(--trecker-space-sm);
    text-align: center;
}
.AdminStart__StatCard--ondeck[b-zhcehv8utv] {
    border-color: var(--trecker-info, #3b82f6);
    background: var(--trecker-info-bg, #eff6ff);
}
.AdminStart__StatCard--active[b-zhcehv8utv] {
    border-color: var(--trecker-success, #16a34a);
    background: var(--trecker-success-bg, #dcfce7);
}
.AdminStart__StatNum[b-zhcehv8utv] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
}

/* Queue tab: table */
.AdminStart__TableScroll[b-zhcehv8utv] { overflow-x: auto; }
.AdminStart__QRow--active[b-zhcehv8utv] { background: rgba(22, 163, 74, 0.06); }
.AdminStart__QRow--ondeck[b-zhcehv8utv] { background: rgba(59, 130, 246, 0.06); }
.AdminStart__QRow--skipped[b-zhcehv8utv] { opacity: 0.55; }
.AdminStart__QRow--completed[b-zhcehv8utv] { opacity: 0.7; }
.AdminStart__TdPos[b-zhcehv8utv] {
    font-family: monospace;
    font-weight: 700;
    font-size: 1rem;
}
.AdminStart__TdNum[b-zhcehv8utv] {
    font-family: monospace;
    color: var(--trecker-text-secondary);
}
.AdminStart__TdNumStrong[b-zhcehv8utv] {
    font-family: monospace;
    font-weight: 600;
}
.AdminStart__CheckYes[b-zhcehv8utv] {
    color: var(--trecker-success, #16a34a);
    font-weight: 600;
}
.AdminStart__CheckNo[b-zhcehv8utv] { color: var(--trecker-text-muted, #9ca3af); }
.AdminStart__PosInput[b-zhcehv8utv] {
    width: 48px;
    text-align: center;
    padding: 2px 4px;
    height: 30px;
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-radius);
    font-size: var(--trecker-font-size-sm);
}
.AdminStart__PosInput--wide[b-zhcehv8utv] {
    width: 52px;
    height: 32px;
}
.AdminStart__HintText[b-zhcehv8utv] {
    margin-top: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

/* Queue tab: bulk-import scope row */
.AdminStart__ScopeRowSm[b-zhcehv8utv] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: var(--trecker-space-md);
}
.AdminStart__FormNarrow[b-zhcehv8utv] { max-width: 300px; }
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminTeam.razor.rz.scp.css */
/* TreckerTreck — Team-Verwaltung */

.AdminTeam[b-9zx8bul1oy] {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ─── Header ─── */
.AdminTeam__Header[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.AdminTeam__Icon[b-9zx8bul1oy] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.AdminTeam__Title[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 640px;
    line-height: 1.5;
}

.AdminTeam__HeaderActions[b-9zx8bul1oy] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.AdminTeam__Alert[b-9zx8bul1oy] {
    margin: 0;
}

/* ─── Card (invite generator) ─── */
.AdminTeam__Card[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    border-color: rgba(255, 122, 61, 0.4);
}
.AdminTeam__Card--invite[b-9zx8bul1oy] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.06), transparent 70%);
}

.AdminTeam__CardHeader[b-9zx8bul1oy] {
    margin-bottom: 14px;
}

.AdminTeam__CardTitle[b-9zx8bul1oy] {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
}

.AdminTeam__CardHint[b-9zx8bul1oy] {
    margin: 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.55;
}

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

.AdminTeam__CardActions[b-9zx8bul1oy] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

/* ─── Generated link box ─── */
.AdminTeam__LinkBox[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    font-size: 12px;
    font-weight: 700;
    color: #ff7a3d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.AdminTeam__LinkRow[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    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-9zx8bul1oy] {
    border-radius: 0;
    border: none;
    border-left: 1px solid var(--trecker-border);
    min-width: 110px;
    flex-shrink: 0;
}
.AdminTeam__LinkHint[b-9zx8bul1oy] {
    margin: 0;
    font-size: 11px;
    color: var(--trecker-text-secondary);
}

/* ─── Section / counter ─── */
.AdminTeam__SectionHeader[b-9zx8bul1oy] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.AdminTeam__SectionTitle[b-9zx8bul1oy] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
.AdminTeam__Counter[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    text-align: center;
    padding: 40px 20px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}
.AdminTeam__EmptyIcon[b-9zx8bul1oy] {
    font-size: 48px;
    margin-bottom: 4px;
}
.AdminTeam__EmptyTitle[b-9zx8bul1oy] {
    margin: 8px 0 4px;
    font-size: 16px;
    font-weight: 700;
}
.AdminTeam__EmptyText[b-9zx8bul1oy] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 13px;
}

/* ─── Member list ─── */
.AdminTeam__MemberList[b-9zx8bul1oy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.AdminTeam__Member[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    border-color: rgba(255, 122, 61, 0.4);
    background: var(--trecker-bg-tertiary);
}
.AdminTeam__Member--creator[b-9zx8bul1oy] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 70%);
    border-color: rgba(255, 122, 61, 0.4);
}

.AdminTeam__Avatar[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    background: var(--trecker-accent-gradient);
    color: white;
    border-color: transparent;
}

.AdminTeam__MemberInfo[b-9zx8bul1oy] {
    min-width: 0;
}
.AdminTeam__MemberName[b-9zx8bul1oy] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.AdminTeam__MemberMeta[b-9zx8bul1oy] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.AdminTeam__MemberSide[b-9zx8bul1oy] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    text-align: right;
}

.AdminTeam__AssignedAt[b-9zx8bul1oy] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    font-variant-numeric: tabular-nums;
}

.AdminTeam__RoleBadge[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    background: rgba(229, 72, 77, 0.18);
    color: #e5484d;
}
.AdminTeam__RoleBadge--admin[b-9zx8bul1oy] {
    background: rgba(255, 122, 61, 0.18);
    color: #ff7a3d;
}
.AdminTeam__RoleBadge--manager[b-9zx8bul1oy] {
    background: rgba(59, 130, 246, 0.18);
    color: #3b82f6;
}
.AdminTeam__RoleBadge--helper[b-9zx8bul1oy] {
    background: rgba(224, 160, 0, 0.20);
    color: #b07e00;
}
.AdminTeam__RoleBadge--driver[b-9zx8bul1oy] {
    background: rgba(46, 160, 67, 0.18);
    color: #2ea043;
}

.AdminTeam__RemoveBtn[b-9zx8bul1oy] {
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    min-height: 32px;
}

/* ─── Invitations list ─── */
.AdminTeam__InviteList[b-9zx8bul1oy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.AdminTeam__Invite[b-9zx8bul1oy] {
    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-9zx8bul1oy] { border-left-color: #e0a000; }
.AdminTeam__Invite--used[b-9zx8bul1oy]    { border-left-color: #2ea043; opacity: 0.85; }
.AdminTeam__Invite--expired[b-9zx8bul1oy] { border-left-color: #7a7168; opacity: 0.7; }
.AdminTeam__Invite--revoked[b-9zx8bul1oy] { border-left-color: #e5484d; opacity: 0.7; }

.AdminTeam__InviteIcon[b-9zx8bul1oy] {
    font-size: 22px;
    width: 36px;
    text-align: center;
}

.AdminTeam__InviteBody[b-9zx8bul1oy] {
    min-width: 0;
}
.AdminTeam__InviteMeta[b-9zx8bul1oy] {
    font-size: 13px;
    color: var(--trecker-text-primary);
}
.AdminTeam__InviteNote[b-9zx8bul1oy] {
    margin-top: 3px;
    font-size: 12px;
    color: var(--trecker-text-secondary);
    font-style: italic;
}

.AdminTeam__InviteSide[b-9zx8bul1oy] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.AdminTeam__InviteBadge[b-9zx8bul1oy] {
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.AdminTeam__InviteBadge--pending[b-9zx8bul1oy] { background: rgba(224, 160, 0, 0.20); color: #b07e00; }
.AdminTeam__InviteBadge--used[b-9zx8bul1oy]    { background: rgba(46, 160, 67, 0.18); color: #2ea043; }
.AdminTeam__InviteBadge--expired[b-9zx8bul1oy] { background: rgba(122, 113, 104, 0.20); color: var(--trecker-text-secondary); }
.AdminTeam__InviteBadge--revoked[b-9zx8bul1oy] { background: rgba(229, 72, 77, 0.18); color: #e5484d; }

.AdminTeam__InviteAction[b-9zx8bul1oy] {
    padding: 4px 10px;
    font-size: 11px;
    min-height: 28px;
}

/* ─── Modal ─── */
.AdminTeam__Modal[b-9zx8bul1oy] {
    max-width: 480px;
    width: 100%;
}
.AdminTeam__ModalTitle[b-9zx8bul1oy] {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: #e5484d;
}
.AdminTeam__ModalBody[b-9zx8bul1oy] {
    margin: 0 0 18px;
    color: var(--trecker-text-primary);
    line-height: 1.55;
}
.AdminTeam__ModalActions[b-9zx8bul1oy] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

/* ─── Ownership Transfer ─── */
.AdminTeam__Card--transfer[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    border-color: rgba(224, 160, 0, 0.65);
}

.AdminTeam__TransferEmpty[b-9zx8bul1oy] {
    margin: 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.55;
}

.AdminTeam__TransferBtn[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    background: rgba(224, 160, 0, 0.28);
    border-color: rgba(224, 160, 0, 0.65);
}

.AdminTeam__ModalTitle--transfer[b-9zx8bul1oy] {
    color: #b07e00;
}

.AdminTeam__TransferWarningList[b-9zx8bul1oy] {
    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-9zx8bul1oy] {
    color: var(--trecker-text-secondary);
}

/* ─── Mobile ─── */
@media (max-width: 768px) {
    .AdminTeam__Header[b-9zx8bul1oy] {
        flex-direction: column;
        align-items: stretch;
    }
    .AdminTeam__HeaderActions .TreckerButton[b-9zx8bul1oy] {
        flex: 1;
        min-height: 44px;
    }
    .AdminTeam__Member[b-9zx8bul1oy] {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "avatar info"
            "side   side"
            "remove remove";
        gap: 10px;
    }
    .AdminTeam__Avatar[b-9zx8bul1oy] { grid-area: avatar; }
    .AdminTeam__MemberInfo[b-9zx8bul1oy] { grid-area: info; }
    .AdminTeam__MemberSide[b-9zx8bul1oy] {
        grid-area: side;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }
    .AdminTeam__RemoveBtn[b-9zx8bul1oy] {
        grid-area: remove;
        min-height: 40px;
    }
    .AdminTeam__Invite[b-9zx8bul1oy] {
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "icon body"
            "side side";
    }
    .AdminTeam__InviteIcon[b-9zx8bul1oy] { grid-area: icon; }
    .AdminTeam__InviteBody[b-9zx8bul1oy] { grid-area: body; }
    .AdminTeam__InviteSide[b-9zx8bul1oy] {
        grid-area: side;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .AdminTeam__LinkRow[b-9zx8bul1oy] {
        flex-direction: column;
    }
    .AdminTeam__CopyBtn[b-9zx8bul1oy] {
        border-left: none;
        border-top: 1px solid var(--trecker-border);
        min-height: 44px;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .AdminTeam__Title[b-9zx8bul1oy] {
        font-size: 18px;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminTicketScan.razor.rz.scp.css */
.ats-page[b-pv83ph8n2z] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
}

.ats-head[b-pv83ph8n2z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ats-title[b-pv83ph8n2z] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.ats-grid[b-pv83ph8n2z] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-lg);
}

.ats-scan[b-pv83ph8n2z],
.ats-result[b-pv83ph8n2z] {
    padding: var(--trecker-space-lg);
}

.ats-manual[b-pv83ph8n2z] {
    margin-top: var(--trecker-space-md);
}

.ats-manual-row[b-pv83ph8n2z] {
    display: flex;
    gap: var(--trecker-space-sm);
}

.ats-manual-row .TreckerInput[b-pv83ph8n2z] {
    flex: 1;
}

.ats-ticket[b-pv83ph8n2z] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-left: 4px solid var(--trecker-border, #e5e7eb);
    padding-left: var(--trecker-space-md);
}

.ats-ticket--valid[b-pv83ph8n2z] {
    border-left-color: var(--trecker-success, #16a34a);
}

.ats-ticket--used[b-pv83ph8n2z] {
    border-left-color: var(--trecker-danger, #dc2626);
}

.ats-ticket-type[b-pv83ph8n2z] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 4px 0 0;
}

.ats-ticket-buyer[b-pv83ph8n2z] {
    font-weight: 600;
    margin: 0;
}

.ats-ticket-actions[b-pv83ph8n2z] {
    margin-top: var(--trecker-space-md);
}

.ats-list[b-pv83ph8n2z] {
    padding: var(--trecker-space-lg);
}

.ats-list-head[b-pv83ph8n2z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

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

/* Tablet/desktop: scanner + result side by side (genuine two-column, not a stretched phone) */
@media (min-width: 900px) {
    .ats-grid[b-pv83ph8n2z] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminTimetable.razor.rz.scp.css */
/* ── AdminTimetable — scoped styles (token-based, ex-inline) ── */

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

.att-header-icon[b-1w16vjp8h9] {
    width: 20px;
    height: 20px;
    color: var(--trecker-secondary);
    flex-shrink: 0;
}

.att-page-title[b-1w16vjp8h9] {
    margin: 0;
}

/* Day tab row */
.att-day-tabs[b-1w16vjp8h9] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* Add/edit form */
.att-form-card[b-1w16vjp8h9] {
    padding: var(--trecker-space-md);
}

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

.att-form-row--center[b-1w16vjp8h9] {
    align-items: center;
}

.att-form-row--end[b-1w16vjp8h9] {
    align-items: flex-end;
}

/* Form field widths (all capped at 100% so nothing overflows on mobile) */
.att-field-grow[b-1w16vjp8h9] {
    flex: 1;
    min-width: 200px;
    max-width: 100%;
}

.att-field-grow-narrow[b-1w16vjp8h9] {
    flex: 1;
    min-width: 160px;
    max-width: 100%;
}

.att-field-w100[b-1w16vjp8h9] {
    flex: 0 1 100px;
    min-width: 100px;
    max-width: 100%;
}

.att-field-w120[b-1w16vjp8h9] {
    flex: 0 1 120px;
    min-width: 120px;
    max-width: 100%;
}

.att-field-w140[b-1w16vjp8h9] {
    flex: 0 1 140px;
    min-width: 140px;
    max-width: 100%;
}

.att-field-w160[b-1w16vjp8h9] {
    flex: 0 1 160px;
    min-width: 140px;
    max-width: 100%;
}

.att-field-w200[b-1w16vjp8h9] {
    flex: 0 1 200px;
    min-width: 170px;
    max-width: 100%;
}

.att-check-label[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-md);
}

.att-check-inline[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-bottom: 2px;
}

.att-divider[b-1w16vjp8h9] {
    margin: var(--trecker-space-md) 0;
    border-color: var(--trecker-border);
}

.att-subheading[b-1w16vjp8h9] {
    font-size: var(--trecker-font-size-sm);
}

.att-status-detail[b-1w16vjp8h9] {
    margin-left: var(--trecker-space-sm);
}

.att-actions[b-1w16vjp8h9] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* Conflict warning (was Bootstrap #fff3cd/#ffc107/#856404) */
.att-conflict-alert[b-1w16vjp8h9] {
    background: var(--trecker-warning-bg);
    border: 1px solid var(--trecker-warning);
    color: var(--trecker-warning);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-sm);
}

/* Notify-drivers hint row */
.att-notify-row[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.att-notify-text[b-1w16vjp8h9] {
    flex: 1;
    min-width: 200px;
}

/* Loading state */
.att-loading-card[b-1w16vjp8h9] {
    padding: var(--trecker-space-lg);
    text-align: center;
}

/* ── Toolbar ── */
.att-toolbar[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    justify-content: space-between;
}

.att-toolbar-secondary[b-1w16vjp8h9] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ── Entry cards (timeline design) ── */
.att-entry[b-1w16vjp8h9] {
    position: relative;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-left: 3px solid var(--trecker-text-tertiary);
    border-radius: var(--trecker-radius-md);
    margin-bottom: var(--trecker-space-sm);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.att-entry:hover[b-1w16vjp8h9] {
    box-shadow: var(--trecker-shadow-sm);
    border-color: rgba(255, 122, 61, 0.3);
}

.att-entry--class[b-1w16vjp8h9] {
    border-left-color: var(--trecker-accent);
}

.att-entry--general[b-1w16vjp8h9] {
    border-left-color: var(--trecker-info, #2997ff);
}

.att-entry--buffer[b-1w16vjp8h9] {
    border-left-color: var(--trecker-text-tertiary);
    opacity: 0.75;
    border-top-style: dashed;
    border-right-style: dashed;
    border-bottom-style: dashed;
}

/* Stechen span (Klasse + Stechen / nur Stechen) — distinct purple accent. */
.att-entry--stechen[b-1w16vjp8h9] {
    border-left-color: var(--trecker-purple, #8b5cf6);
    background: color-mix(in srgb, var(--trecker-purple, #8b5cf6) 5%, transparent);
}

.att-entry--conflict[b-1w16vjp8h9] {
    border-left-color: var(--trecker-warning) !important;
    background: color-mix(in srgb, var(--trecker-warning) 6%, transparent);
}

.att-entry-inner[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: 10px var(--trecker-space-md);
    flex-wrap: wrap;
}

/* Time column */
.att-time-col[b-1w16vjp8h9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 64px;
    flex-shrink: 0;
    text-align: center;
}

.att-time-start[b-1w16vjp8h9] {
    font-family: var(--trecker-font-mono);
    font-size: var(--trecker-font-size-base);
    font-weight: 700;
    color: var(--trecker-text-primary);
    line-height: 1.2;
}

.att-time-end[b-1w16vjp8h9] {
    font-family: var(--trecker-font-mono);
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    line-height: 1.4;
}

.att-time-dur[b-1w16vjp8h9] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin-top: 2px;
}

/* Entry body */
.att-entry-body[b-1w16vjp8h9] {
    flex: 1;
    min-width: 120px;
}

.att-entry-title[b-1w16vjp8h9] {
    display: block;
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

.att-entry-sub[b-1w16vjp8h9] {
    display: block;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-top: 1px;
}

.att-entry-tags[b-1w16vjp8h9] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 5px;
}

.att-entry-tags:empty[b-1w16vjp8h9] {
    display: none;
}

/* Entry action buttons */
.att-entry-btns[b-1w16vjp8h9] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
    align-items: center;
}

/* Empty state */
.att-empty[b-1w16vjp8h9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--trecker-space-3xl, 48px) var(--trecker-space-lg);
    text-align: center;
    color: var(--trecker-text-tertiary);
}

/* Status badges (Bootstrap palette -> brand tokens) */
.att-badge-success[b-1w16vjp8h9] {
    background: var(--trecker-success-bg);
    color: var(--trecker-success);
}

.att-badge-warning[b-1w16vjp8h9] {
    background: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

.att-badge-error[b-1w16vjp8h9] {
    background: var(--trecker-error-bg);
    color: var(--trecker-error);
}

.att-badge-info[b-1w16vjp8h9] {
    background: var(--trecker-info-bg);
    color: var(--trecker-info);
    border: 1px solid color-mix(in srgb, var(--trecker-info) 35%, transparent);
}

.att-badge-neutral[b-1w16vjp8h9] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.att-badge-stechen[b-1w16vjp8h9] {
    background: color-mix(in srgb, var(--trecker-purple, #8b5cf6) 16%, transparent);
    color: var(--trecker-purple, #8b5cf6);
    border: 1px solid color-mix(in srgb, var(--trecker-purple, #8b5cf6) 40%, transparent);
}

/* Track (Bahn) section header — colour comes from the --track-color custom property set inline */
.att-track-header[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin: var(--trecker-space-xl) 0 var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-left: 4px solid var(--track-color, var(--trecker-accent));
    background: color-mix(in srgb, var(--track-color, var(--trecker-accent)) 8%, transparent);
    border-radius: var(--trecker-border-radius-sm);
}

.att-track-header:first-child[b-1w16vjp8h9] {
    margin-top: 0;
}

.att-track-dot[b-1w16vjp8h9] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--track-color, var(--trecker-accent));
    flex-shrink: 0;
}

.att-track-name[b-1w16vjp8h9] {
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

.att-track-empty[b-1w16vjp8h9] {
    margin: 0 0 var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    font-style: italic;
}

/* Class -> Bahn assignment panel */
.att-bahn-assign-grid[b-1w16vjp8h9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: var(--trecker-space-sm);
}

.att-bahn-assign-row[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    border: 1px solid var(--trecker-border);
    border-left: 4px solid var(--track-color, var(--trecker-text-tertiary));
    border-radius: var(--trecker-border-radius-sm);
    background: var(--trecker-bg-secondary);
}

.att-bahn-assign-dot[b-1w16vjp8h9] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--track-color, var(--trecker-text-tertiary));
    flex-shrink: 0;
}

.att-bahn-assign-name[b-1w16vjp8h9] {
    flex: 1;
    min-width: 0;
    font-weight: var(--trecker-font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.att-bahn-assign-select[b-1w16vjp8h9] {
    flex: 0 0 auto;
    width: auto;
    max-width: 45%;
}

/* Delete confirmation modal */
.att-modal-actions[b-1w16vjp8h9] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ── View-mode switch (Zeitplan | Alle Zeiten) — segmented pill control ── */
.att-mode-switch[b-1w16vjp8h9] {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    margin-top: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md, 10px);
}

.att-mode-btn[b-1w16vjp8h9] {
    appearance: none;
    border: none;
    background: transparent;
    color: var(--trecker-text-secondary);
    font-weight: var(--trecker-font-weight-semibold);
    font-size: var(--trecker-font-size-sm);
    padding: 7px 18px;
    border-radius: var(--trecker-border-radius-sm, 7px);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.att-mode-btn:hover[b-1w16vjp8h9] {
    color: var(--trecker-text-primary);
}

.att-mode-btn--active[b-1w16vjp8h9] {
    background: var(--trecker-accent);
    color: #fff;
}

/* ── "Alle Zeiten" overview/editor ── */
.att-at[b-1w16vjp8h9] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    margin-top: var(--trecker-space-lg);
}

.att-at-msg[b-1w16vjp8h9] {
    margin: 0;
}

.att-at-card[b-1w16vjp8h9] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md, 12px);
    padding: var(--trecker-space-lg);
}

.att-at-card-head[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.att-at-h2[b-1w16vjp8h9] {
    margin: 0;
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

.att-at-sub[b-1w16vjp8h9] {
    margin: 4px 0 var(--trecker-space-md);
}

/* Hinweise (non-blocking logic checks) */
.att-at-hints[b-1w16vjp8h9] {
    border-left: 3px solid var(--trecker-warning);
}

.att-at-hints--ok[b-1w16vjp8h9] {
    border-left-color: var(--trecker-success);
}

.att-at-hints-head[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    color: var(--trecker-warning);
}

.att-at-hints--ok .att-at-hints-head[b-1w16vjp8h9] {
    color: var(--trecker-success);
}

.att-at-hints-title[b-1w16vjp8h9] {
    font-weight: var(--trecker-font-weight-semibold);
}

.att-at-hints-list[b-1w16vjp8h9] {
    list-style: none;
    margin: var(--trecker-space-md) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.att-at-hint[b-1w16vjp8h9] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-sm);
    font-size: var(--trecker-font-size-sm);
    border-left: 3px solid transparent;
}

.att-at-hint--warn[b-1w16vjp8h9] {
    background: var(--trecker-warning-bg);
    color: var(--trecker-warning);
    border-left-color: var(--trecker-warning);
}

.att-at-hint--info[b-1w16vjp8h9] {
    background: var(--trecker-info-bg);
    color: var(--trecker-info);
    border-left-color: var(--trecker-info);
}

.att-at-hints-note[b-1w16vjp8h9] {
    margin: var(--trecker-space-md) 0 0;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

/* Shared inline field rows */
.att-at-inline[b-1w16vjp8h9],
.att-at-day[b-1w16vjp8h9],
.att-at-signup[b-1w16vjp8h9],
.att-at-class-fields[b-1w16vjp8h9] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    align-items: flex-end;
}

.att-at-fg[b-1w16vjp8h9] {
    flex: 1;
    min-width: 160px;
    max-width: 100%;
    margin: 0;
}

.att-at-fg-sm[b-1w16vjp8h9] {
    flex: 0 1 130px;
    min-width: 120px;
    max-width: 100%;
    margin: 0;
}

.att-at-fg-xs[b-1w16vjp8h9] {
    flex: 0 1 96px;
    min-width: 84px;
    max-width: 100%;
    margin: 0;
}

.att-at-inline-btn[b-1w16vjp8h9],
.att-at-signup-btn[b-1w16vjp8h9],
.att-at-class-btn[b-1w16vjp8h9] {
    flex: 0 0 auto;
    white-space: nowrap;
}

/* Event days */
.att-at-days[b-1w16vjp8h9] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.att-at-day[b-1w16vjp8h9] {
    padding: var(--trecker-space-md);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-sm);
    background: var(--trecker-bg-secondary);
}

.att-at-day-btns[b-1w16vjp8h9] {
    display: flex;
    gap: var(--trecker-space-xs);
    align-items: flex-end;
}

/* Anmeldungen */
.att-at-signup[b-1w16vjp8h9] {
    padding: var(--trecker-space-md) 0;
    border-top: 1px solid var(--trecker-border);
}

.att-at-signup:first-of-type[b-1w16vjp8h9] {
    border-top: none;
    padding-top: 0;
}

.att-at-signup-name[b-1w16vjp8h9] {
    flex: 1 1 100%;
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

/* Klassen & Zeiten */
.att-at-class[b-1w16vjp8h9] {
    padding: var(--trecker-space-md) 0;
    border-top: 1px solid var(--trecker-border);
}

.att-at-class:first-of-type[b-1w16vjp8h9] {
    border-top: none;
    padding-top: 0;
}

.att-at-class-head[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-sm);
}

.att-at-class-name[b-1w16vjp8h9] {
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

/* Tablet+ : give day rows a genuine multi-column grid instead of a stretched phone stack */
@media (min-width: 768px) {
    .att-at-day[b-1w16vjp8h9] {
        display: flex;
        gap: var(--trecker-space-md);
        flex-wrap: nowrap;
        align-items: flex-end;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminTranslations.razor.rz.scp.css */
/* Task 5 — /Admin/Translations manager. TT-* base + a few layout helpers. */
.AdmTr__Head[b-xpa2uq6fhq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.AdmTr__Card[b-xpa2uq6fhq] {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.AdmTr__CardTitle[b-xpa2uq6fhq] {
    font-size: 1.1rem;
    margin: 0 0 0.75rem;
}

.AdmTr__SubTitle[b-xpa2uq6fhq] {
    font-size: 0.95rem;
    margin: 1rem 0 0.5rem;
}

.AdmTr__TableWrap[b-xpa2uq6fhq] {
    overflow-x: auto;
}

.AdmTr__Table[b-xpa2uq6fhq] {
    width: 100%;
    min-width: 480px;
}

.AdmTr__AddLangRow[b-xpa2uq6fhq],
.AdmTr__AddKeyRow[b-xpa2uq6fhq] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.AdmTr__AddKeyText[b-xpa2uq6fhq] {
    flex: 1 1 22rem;
    min-width: 12rem;
}

.AdmTr__SortInput[b-xpa2uq6fhq] {
    max-width: 8rem;
}

.AdmTr__GridHead[b-xpa2uq6fhq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.AdmTr__Search[b-xpa2uq6fhq] {
    flex: 1 1 18rem;
    max-width: 24rem;
}

.AdmTr__KeyBlock[b-xpa2uq6fhq] {
    border: 1px solid rgba(128, 128, 128, 0.25);
    border-radius: 10px;
    padding: 0.75rem 0.9rem;
    margin-bottom: 0.75rem;
}

.AdmTr__KeyHead[b-xpa2uq6fhq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.AdmTr__KeyName[b-xpa2uq6fhq] {
    font-size: 0.9rem;
    word-break: break-all;
}

.AdmTr__KeyActions[b-xpa2uq6fhq] {
    display: flex;
    gap: 0.4rem;
}

.AdmTr__Fields[b-xpa2uq6fhq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.6rem;
}

.AdmTr__Field[b-xpa2uq6fhq] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.AdmTr__FieldLabel[b-xpa2uq6fhq] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.65;
}

.AdmTr__TextArea[b-xpa2uq6fhq] {
    width: 100%;
    resize: vertical;
    font-size: 0.9rem;
}

.AdmTr__More[b-xpa2uq6fhq] {
    text-align: center;
    margin-top: 0.5rem;
}

@media (max-width: 640px) {
    .AdmTr__Fields[b-xpa2uq6fhq] {
        grid-template-columns: 1fr;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminUmfrageBearbeiten.razor.rz.scp.css */
/* AdminUmfrageBearbeiten — page-specific layout only. Base TT- classes live in trecker-TT-base.css. */

/* Publish toggle row */
.TT-publish-row[b-ijpqfsfpw0] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}

.TT-publish-btn[b-ijpqfsfpw0] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--trecker-border);
    cursor: pointer;
    font: inherit;
    background: transparent;
    font-size: 12.5px;
    transition: border-color 0.15s ease;
}

.TT-publish-btn:hover[b-ijpqfsfpw0] {
    border-color: rgba(255, 122, 61, 0.4);
}

/* Item list */
.TT-item-list[b-ijpqfsfpw0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.TT-item-card[b-ijpqfsfpw0] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.15s, box-shadow 0.15s;
    position: relative;
}
.TT-item-card:hover[b-ijpqfsfpw0] {
    border-color: var(--trecker-border-medium);
    box-shadow: var(--trecker-shadow-card);
}
.TT-item-card[b-ijpqfsfpw0]::before {
    content: "";
    position: absolute;
    left: 0; top: 14px; bottom: 14px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--trecker-border-medium);
}
.TT-item-card.TT-item-card--full[b-ijpqfsfpw0]::before {
    background: var(--trecker-success);
}
.TT-item-card.TT-item-card--empty[b-ijpqfsfpw0]::before {
    background: var(--trecker-warning);
}
.TT-item-card.TT-item-card--ok[b-ijpqfsfpw0]::before {
    background: var(--trecker-accent);
}

.TT-item-card-head[b-ijpqfsfpw0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px 12px 18px;
    border-bottom: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
    flex-wrap: wrap;
}

.TT-item-eyebrow[b-ijpqfsfpw0] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-tertiary, var(--trecker-text-secondary));
    font-weight: 600;
    margin-bottom: 2px;
}

.TT-item-title-row[b-ijpqfsfpw0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.TT-item-name[b-ijpqfsfpw0] {
    font-size: 14px;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.TT-item-actions[b-ijpqfsfpw0] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-left: auto;
}

.TT-item-desc[b-ijpqfsfpw0] {
    font-size: 12.5px;
    color: var(--trecker-text-secondary);
    padding: 8px 14px;
    margin: 0;
    border-bottom: 1px solid var(--trecker-border);
}

/* Option list */
.TT-opt-list[b-ijpqfsfpw0] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.TT-opt-row[b-ijpqfsfpw0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-bottom: 1px solid var(--trecker-border);
    font-size: 13px;
}

.TT-opt-row:last-child[b-ijpqfsfpw0] {
    border-bottom: none;
}

.TT-opt-label[b-ijpqfsfpw0] {
    flex: 1;
    min-width: 0;
}

.TT-opt-actions[b-ijpqfsfpw0] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.TT-publish-hint[b-ijpqfsfpw0] {
    font-size: 11.5px;
}

.TT-section-count[b-ijpqfsfpw0] {
    font-size: 12px;
    margin-left: 8px;
}

.TT-item-card-info[b-ijpqfsfpw0] {
    flex: 1;
    min-width: 0;
}

.TT-form-foot[b-ijpqfsfpw0] {
    display: flex;
    justify-content: flex-end;
}

.TT-sort-item-btns[b-ijpqfsfpw0] {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

@media (max-width: 600px) {
    .TT-item-card-head[b-ijpqfsfpw0] {
        flex-direction: column;
    }

    .TT-item-actions[b-ijpqfsfpw0] {
        margin-left: 0;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminUmfrageDashboard.razor.rz.scp.css */
/* AdminUmfrageDashboard — page-specific layout only. Base TT- classes live in trecker-TT-base.css. */

.TT-dash-items[b-cye1lgbgej] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.TT-dash-item[b-cye1lgbgej] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.TT-dash-item-head[b-cye1lgbgej] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.TT-dash-item-title[b-cye1lgbgej] {
    font-size: 14px;
    font-weight: 600;
    color: var(--trecker-text-primary);
    flex: 1;
    min-width: 0;
}

.TT-dash-item-meta[b-cye1lgbgej] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.TT-dash-item-desc[b-cye1lgbgej] {
    font-size: 12.5px;
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminUmfrageLinks.razor.rz.scp.css */
/* AdminUmfrageLinks — page-specific layout only. Base TT- classes live in trecker-TT-base.css. */

.TT-link-list[b-vudtwh4im8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.TT-link-row[b-vudtwh4im8] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-left: 3px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.15s ease;
}

.TT-link-row.is-active[b-vudtwh4im8] {
    border-left-color: var(--trecker-success, rgba(46, 160, 67, 0.8));
}

.TT-link-row.is-expired[b-vudtwh4im8] {
    border-left-color: var(--trecker-error, rgba(218, 54, 51, 0.8));
    opacity: 0.75;
}

.TT-link-row.is-inactive[b-vudtwh4im8] {
    border-left-color: var(--trecker-border-medium, rgba(128, 128, 128, 0.5));
    opacity: 0.8;
}

.TT-link-body[b-vudtwh4im8] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.TT-link-header[b-vudtwh4im8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.TT-link-title-row[b-vudtwh4im8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.TT-link-label[b-vudtwh4im8] {
    font-size: 15px;
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
}

.TT-link-stats[b-vudtwh4im8] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--trecker-text-tertiary, var(--trecker-text-secondary));
}

.TT-link-url-box[b-vudtwh4im8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
}

.TT-link-url[b-vudtwh4im8] {
    font-size: 12px;
    color: var(--trecker-text-secondary);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.TT-link-foot[b-vudtwh4im8] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 8px;
    border-top: 1px solid var(--trecker-border);
}

@media (max-width: 560px) {
    .TT-link-foot[b-vudtwh4im8] {
        flex-direction: column;
        align-items: stretch;
    }

    .TT-link-foot .TT-btn[b-vudtwh4im8] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminUmfragenUebersicht.razor.rz.scp.css */
/* AdminUmfragenUebersicht — page-specific layout only. Base TT- classes live in trecker-TT-base.css. */

.TT-drag-handle[b-ko6o6fc0ls] {
    cursor: grab;
    color: var(--trecker-text-tertiary);
    font-size: 16px;
    padding: 0 8px;
    flex-shrink: 0;
    align-self: center;
    user-select: none;
}

.TT-drag-handle:active[b-ko6o6fc0ls] {
    cursor: grabbing;
}

.TT-survey-list[b-ko6o6fc0ls] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.TT-survey-row[b-ko6o6fc0ls] {
    display: flex;
    gap: 0;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-left: 3px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.15s ease;
}

.TT-survey-row:hover[b-ko6o6fc0ls] {
    border-color: rgba(255, 122, 61, 0.35);
    border-left-color: rgba(255, 122, 61, 0.5);
}

.TT-survey-row.is-archived[b-ko6o6fc0ls] {
    opacity: 0.65;
}

.TT-survey-row-left[b-ko6o6fc0ls] {
    flex: 1;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.TT-survey-row-right[b-ko6o6fc0ls] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
    border-left: 1px solid var(--trecker-border);
    min-width: 120px;
}

.TT-survey-title[b-ko6o6fc0ls] {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    color: var(--trecker-text-primary);
}

.TT-survey-title-row[b-ko6o6fc0ls] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.TT-survey-desc[b-ko6o6fc0ls] {
    font-size: 12.5px;
    color: var(--trecker-text-secondary);
    margin: 0;
}

.TT-survey-meta[b-ko6o6fc0ls] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 11.5px;
    color: var(--trecker-text-tertiary, var(--trecker-text-secondary));
}

.TT-survey-actions[b-ko6o6fc0ls] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

@media (max-width: 560px) {
    .TT-survey-row[b-ko6o6fc0ls] {
        flex-direction: column;
    }

    .TT-survey-row-right[b-ko6o6fc0ls] {
        border-left: none;
        border-top: 1px solid var(--trecker-border);
        flex-direction: row;
        flex-wrap: wrap;
    }
}
/* _content/TreckerTreckWebsite.Shared/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-85gaejhrmv] {
    max-width: 1100px;
    margin: 0 auto;
    padding: var(--trecker-space-lg);
}

.UserDetail__Loading[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
}

/* --- Loading text spacing --- */
.ud-loading-text[b-85gaejhrmv] {
    margin-top: var(--trecker-space-md);
}

/* --- Not Found card --- */
.ud-not-found-card[b-85gaejhrmv] {
    max-width: 420px;
    margin: var(--trecker-space-2xl) auto;
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.ud-not-found-icon[b-85gaejhrmv] {
    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-85gaejhrmv] {
    margin-top: var(--trecker-space-lg);
    display: inline-block;
}

/* --- Breadcrumb --- */
.UserDetail__Breadcrumb[b-85gaejhrmv] {
    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-85gaejhrmv] {
    color: var(--trecker-text-secondary);
    text-decoration: none;
}

.UserDetail__BreadcrumbLink:hover[b-85gaejhrmv] {
    color: var(--trecker-text-primary);
}

.UserDetail__BreadcrumbSep[b-85gaejhrmv] {
    color: var(--trecker-text-secondary);
    opacity: .5;
}

.UserDetail__BreadcrumbCurrent[b-85gaejhrmv] {
    color: var(--trecker-text-primary);
    font-weight: 600;
}

/* --- Header card --- */
.UserDetail__HeaderCard[b-85gaejhrmv] {
    margin-bottom: var(--trecker-space-lg);
}

.UserDetail__HeaderMain[b-85gaejhrmv] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.UserDetail__Avatar[b-85gaejhrmv] {
    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-85gaejhrmv] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.UserDetail__HeaderInfo[b-85gaejhrmv] {
    flex: 1;
    min-width: 0;
}

.UserDetail__Name[b-85gaejhrmv] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-xs);
}

.UserDetail__Email[b-85gaejhrmv] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: 0 0 var(--trecker-space-xs);
}

.UserDetail__HeaderMeta[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
}

.UserDetail__Badges[b-85gaejhrmv] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.UserDetail__MetaInfo[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.UserDetail__EditBtn[b-85gaejhrmv] {
    margin-top: var(--trecker-space-xs);
}

/* --- Edit form (checkbox group) --- */
.ud-checkbox-group[b-85gaejhrmv] {
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-sm);
}

.ud-checkbox-label[b-85gaejhrmv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    padding-bottom: 2px;
}

.ud-checkbox-input[b-85gaejhrmv] {
    width: 16px;
    height: 16px;
}

.ud-checkbox-text[b-85gaejhrmv] {
    margin: 0;
}

/* --- Edit form --- */
.UserDetail__EditForm[b-85gaejhrmv] {
    padding-top: var(--trecker-space-xs);
}

.UserDetail__EditRow[b-85gaejhrmv] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-md);
}

.UserDetail__EditRow .TreckerFormGroup[b-85gaejhrmv] {
    flex: 1;
    min-width: 180px;
}

.UserDetail__EditActions[b-85gaejhrmv] {
    display: flex;
    gap: var(--trecker-space-sm);
}

/* --- Header action buttons row --- */
.ud-header-actions[b-85gaejhrmv] {
    display: flex;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-xs);
}

/* --- SVG icon inline in button --- */
.ud-btn-icon[b-85gaejhrmv] {
    margin-right: 4px;
    vertical-align: middle;
}

/* --- Stats row --- */
.UserDetail__Stats[b-85gaejhrmv] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.UserDetail__StatCard[b-85gaejhrmv] {
    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-85gaejhrmv] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: var(--trecker-space-xs);
    color: var(--trecker-text-primary);
}

.UserDetail__StatLabel[b-85gaejhrmv] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* --- Tabs --- */
.UserDetail__Tabs[b-85gaejhrmv] {
    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-85gaejhrmv] {
    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-85gaejhrmv] {
    color: var(--trecker-text-primary);
}

.UserDetail__Tab--active[b-85gaejhrmv] {
    color: var(--trecker-primary, #007AFF);
    border-bottom-color: var(--trecker-primary, #007AFF);
    font-weight: 600;
}

.UserDetail__TabBadge[b-85gaejhrmv] {
    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-85gaejhrmv] {
    background: var(--trecker-primary-bg, rgba(0,122,255,.15));
    color: var(--trecker-primary, #007AFF);
}

/* --- Tab content --- */
.UserDetail__TabContent[b-85gaejhrmv] {
    min-height: 200px;
}

/* --- Empty state --- */
.UserDetail__EmptyState[b-85gaejhrmv] {
    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-85gaejhrmv] {
    opacity: .3;
    margin-bottom: var(--trecker-space-md);
}

/* --- Table wrapper with scroll --- */
.UserDetail__TableWrap[b-85gaejhrmv] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* --- Awards flex row --- */
.ud-awards-row[b-85gaejhrmv] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

/* --- Full Pull badge --- */
.ud-badge-fullpull[b-85gaejhrmv] {
    background: var(--trecker-full-pull-bg, rgba(255,214,10,.15));
    color: var(--trecker-full-pull, #FFD60A);
}

/* --- Tractor grid --- */
.UserDetail__TractorGrid[b-85gaejhrmv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
}

.UserDetail__TractorCard[b-85gaejhrmv] {
    flex: 1;
    min-width: 240px;
    max-width: 320px;
    padding: 0;
    overflow: hidden;
}

.UserDetail__TractorImage[b-85gaejhrmv] {
    width: 100%;
    height: 140px;
    background: var(--trecker-bg-secondary);
    overflow: hidden;
}

/* --- Tractor image (actual <img>) --- */
.ud-tractor-img[b-85gaejhrmv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--trecker-radius-sm) var(--trecker-radius-sm) 0 0;
}

.UserDetail__TractorImagePlaceholder[b-85gaejhrmv] {
    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-85gaejhrmv] {
    opacity: .3;
}

.UserDetail__TractorInfo[b-85gaejhrmv] {
    padding: var(--trecker-space-md);
}

/* --- Tractor info header row --- */
.ud-tractor-header[b-85gaejhrmv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

/* --- Tractor brand/model text --- */
.ud-tractor-name[b-85gaejhrmv] {
    font-size: var(--trecker-font-size-base);
}

.UserDetail__TractorSpecs[b-85gaejhrmv] {
    display: flex;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.UserDetail__TractorSpec[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

/* --- Role management --- */
.UserDetail__RoleList[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.UserDetail__RoleRow[b-85gaejhrmv] {
    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-85gaejhrmv] {
    min-width: 100px;
    text-align: center;
}

/* --- Section divider (border-top separator) --- */
.ud-section-divider[b-85gaejhrmv] {
    border-top: 1px solid var(--trecker-border-color);
    margin-top: var(--trecker-space-lg);
    padding-top: var(--trecker-space-lg);
}

.ud-section-divider--sm[b-85gaejhrmv] {
    margin-top: var(--trecker-space-sm);
    padding-top: var(--trecker-space-sm);
}

/* --- Datenschutz tab --- */
.ud-privacy-card .TreckerToggleRow[b-85gaejhrmv] {
    padding: var(--trecker-space-sm) 0;
}

.ud-privacy-intro[b-85gaejhrmv] {
    margin-bottom: var(--trecker-space-md);
}

.ud-privacy-toggle-desc[b-85gaejhrmv] {
    display: block;
    margin-top: 2px;
}

.ud-privacy-actions[b-85gaejhrmv] {
    display: flex;
    justify-content: flex-end;
}

/* --- Event roles list --- */
.ud-event-roles-list[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

/* --- Event role row --- */
.ud-event-role-row[b-85gaejhrmv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Event role link --- */
.ud-event-role-link[b-85gaejhrmv] {
    color: var(--trecker-accent);
    text-decoration: none;
}

.UserDetail__AddRoleRow[b-85gaejhrmv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

/* --- Role select minimum width --- */
.ud-role-select[b-85gaejhrmv] {
    min-width: 200px;
}

/* --- Activity --- */
.UserDetail__ActivityGrid[b-85gaejhrmv] {
    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-85gaejhrmv] {
    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-85gaejhrmv] {
    border-bottom: none;
}

/* --- Timeline --- */
.UserDetail__Timeline[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    padding-left: var(--trecker-space-xl);
}

.UserDetail__Timeline[b-85gaejhrmv]::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: var(--trecker-border-color);
}

.UserDetail__TimelineItem[b-85gaejhrmv] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) 0;
    position: relative;
}

.UserDetail__TimelineDot[b-85gaejhrmv] {
    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-85gaejhrmv] {
    background: var(--trecker-success, #34C759);
    border-color: var(--trecker-success, #34C759);
}

.UserDetail__TimelineDot--info[b-85gaejhrmv] {
    background: var(--trecker-primary, #007AFF);
    border-color: var(--trecker-primary, #007AFF);
}

.UserDetail__TimelineContent[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* --- Rank colors --- */
.UserDetail__Gold[b-85gaejhrmv] {
    color: #FFD60A;
}

.UserDetail__Silver[b-85gaejhrmv] {
    color: #AEAEB2;
}

.UserDetail__Bronze[b-85gaejhrmv] {
    color: #C96520;
}

/* --- Modal overlay --- */
.UserDetail__ModalOverlay[b-85gaejhrmv] {
    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-85gaejhrmv] {
    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-85gaejhrmv] {
    text-align: center;
    padding: var(--trecker-space-3xl);
}

/* --- Delete loading spinner centered --- */
.ud-modal-spinner[b-85gaejhrmv] {
    margin: 0 auto var(--trecker-space-md);
}

/* --- Modal header row --- */
.ud-modal-header[b-85gaejhrmv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

/* --- Modal icon circles --- */
.ud-modal-icon-error[b-85gaejhrmv] {
    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-85gaejhrmv] {
    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-85gaejhrmv] {
    margin: 0;
}

/* --- Modal subtitle --- */
.ud-modal-subtitle[b-85gaejhrmv] {
    margin: 4px 0 0;
}

/* --- Alert small font --- */
.ud-alert-sm[b-85gaejhrmv] {
    font-size: var(--trecker-font-size-sm);
}

/* --- Delete preview --- */
.UserDetail__DeletePreview[b-85gaejhrmv] {
    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-85gaejhrmv] {
    font-size: var(--trecker-font-size-sm);
}

/* --- Delete preview "keep" heading --- */
.ud-preview-heading-keep[b-85gaejhrmv] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-success, #34C759);
}

.UserDetail__DeleteList[b-85gaejhrmv] {
    margin: 0 0 0 var(--trecker-space-md);
    padding: 0;
    list-style: disc;
    color: var(--trecker-text-secondary);
}

.UserDetail__DeleteList li[b-85gaejhrmv] {
    padding: 2px 0;
}

.UserDetail__DeleteList--keep[b-85gaejhrmv] {
    color: var(--trecker-success, #34C759);
}

/* --- Championship results protected banner --- */
.ud-champ-protected[b-85gaejhrmv] {
    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-85gaejhrmv] {
    color: #FFD60A;
    margin: 0;
}

.ud-champ-protected-text[b-85gaejhrmv] {
    margin: 2px 0 0;
}

/* --- Confirm label --- */
.ud-confirm-label[b-85gaejhrmv] {
    font-size: var(--trecker-font-size-sm);
}

/* --- Modal footer actions --- */
.ud-modal-footer[b-85gaejhrmv] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    margin-top: var(--trecker-space-lg);
}

/* --- Delete spinner inline --- */
.ud-delete-spinner[b-85gaejhrmv] {
    border-color: var(--trecker-border);
    border-top-color: #fff;
}

/* --- Delete log --- */
.UserDetail__DeleteLog[b-85gaejhrmv] {
    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-85gaejhrmv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-xs) 0;
}

.UserDetail__DeleteLogEntry--error[b-85gaejhrmv] {
    color: var(--trecker-error, #FF453A);
}

/* --- Log entry SVG icon --- */
.ud-log-icon[b-85gaejhrmv] {
    flex-shrink: 0;
}

/* --- Send-notification textarea --- */
.ud-notify-textarea[b-85gaejhrmv] {
    width: 100%;
    resize: vertical;
    min-height: 110px;
    font-family: inherit;
    line-height: 1.5;
}

/* ============================================================================
   ABZEICHEN TAB + ABZEICHEN-SUCHE MODAL
   ============================================================================ */

/* --- Tab header (title + search button) --- */
.ud-badges-head[b-85gaejhrmv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-md);
}

.ud-badges-title[b-85gaejhrmv] {
    margin: 0;
}

/* --- Earned badges grid --- */
.ud-badges-grid[b-85gaejhrmv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: var(--trecker-space-lg);
    align-items: start;
}

.ud-badge-cell[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-xs);
    text-align: center;
}

.ud-badge-date[b-85gaejhrmv] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

/* --- Search modal (wider than the delete modal) --- */
.ud-badge-search-modal[b-85gaejhrmv] {
    max-width: 720px;
}

.ud-badge-search-icon[b-85gaejhrmv] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--trecker-primary-bg, rgba(0,122,255,.15));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ud-badge-search-close[b-85gaejhrmv] {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--trecker-text-secondary);
    font-size: 1.75rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 var(--trecker-space-xs);
    align-self: flex-start;
}

.ud-badge-search-close:hover[b-85gaejhrmv] {
    color: var(--trecker-text-primary);
}

/* --- Catalog picker grid --- */
.ud-badge-picker-grid[b-85gaejhrmv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    gap: var(--trecker-space-md);
}

.ud-badge-picker-cell[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-xs);
    background: none;
    border: 1px solid transparent;
    border-radius: var(--trecker-radius-md);
    padding: var(--trecker-space-sm) var(--trecker-space-xs);
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.ud-badge-picker-cell:hover[b-85gaejhrmv] {
    background: var(--trecker-bg-secondary);
    border-color: var(--trecker-border-color);
}

.ud-badge-picker-name[b-85gaejhrmv] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-primary);
    text-align: center;
    line-height: 1.2;
}

/* --- Holder list --- */
.ud-badge-back[b-85gaejhrmv] {
    margin-bottom: var(--trecker-space-md);
}

.ud-holder-head[b-85gaejhrmv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
    padding-bottom: var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border-color);
}

.ud-holder-emblem[b-85gaejhrmv] {
    flex-shrink: 0;
}

.ud-holder-badge-name[b-85gaejhrmv] {
    margin: 0 0 2px;
}

.ud-holder-loading[b-85gaejhrmv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--trecker-space-xl);
}

.ud-holder-empty[b-85gaejhrmv],
.ud-holder-count[b-85gaejhrmv] {
    margin: 0 0 var(--trecker-space-sm);
}

.ud-holder-link[b-85gaejhrmv] {
    color: var(--trecker-accent);
    text-decoration: none;
}

.ud-holder-link:hover[b-85gaejhrmv] {
    text-decoration: underline;
}

/* --- Tier pills --- */
.ud-tier-pill[b-85gaejhrmv] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    color: #1a1a1a;
}

.ud-tier-pill--bronze[b-85gaejhrmv]   { background: #c87b3c; color: #fff; }
.ud-tier-pill--silver[b-85gaejhrmv]   { background: #9fa7b0; }
.ud-tier-pill--gold[b-85gaejhrmv]     { background: #e6b400; }
.ud-tier-pill--diamond[b-85gaejhrmv]  { background: #56c9e6; }

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

    .UserDetail__HeaderMain[b-85gaejhrmv] {
        flex-direction: column;
        gap: var(--trecker-space-md);
    }

    .UserDetail__HeaderMeta[b-85gaejhrmv] {
        align-items: flex-start;
    }

    .UserDetail__Badges[b-85gaejhrmv] {
        justify-content: flex-start;
    }

    .UserDetail__MetaInfo[b-85gaejhrmv] {
        align-items: flex-start;
    }

    .UserDetail__Stats[b-85gaejhrmv] {
        gap: var(--trecker-space-sm);
    }

    .UserDetail__StatCard[b-85gaejhrmv] {
        min-width: calc(50% - var(--trecker-space-sm));
        flex: none;
    }

    .UserDetail__Tabs[b-85gaejhrmv] {
        gap: 0;
    }

    .UserDetail__Tab[b-85gaejhrmv] {
        font-size: var(--trecker-font-size-xs);
        padding: var(--trecker-space-sm) var(--trecker-space-sm);
    }

    .UserDetail__TractorCard[b-85gaejhrmv] {
        min-width: calc(100% - 0px);
        max-width: 100%;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .UserDetail__StatCard[b-85gaejhrmv] {
        min-width: calc(50% - var(--trecker-space-xs));
    }

    .UserDetail__EditRow[b-85gaejhrmv] {
        flex-direction: column;
    }

    .ud-modal-footer[b-85gaejhrmv] {
        flex-direction: column;
    }

    .ud-modal-footer .TreckerButton[b-85gaejhrmv] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .ud-header-actions[b-85gaejhrmv] {
        flex-direction: column;
    }
}
/* _content/TreckerTreckWebsite.Shared/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-d8gd18jq0z] {
    min-height: 100vh;
    min-height: 100dvh;
    padding: var(--trecker-space-lg);
}

/* --- Loading / Empty --- */
.AdminUsers__Loading[b-d8gd18jq0z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-4xl) 0;
}

.AdminUsers__Empty[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    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-d8gd18jq0z] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
}

.AdminUsers__HeaderIcon[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    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-d8gd18jq0z] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 2px 0 0;
}

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

/* --- Filters --- */
.AdminUsers__Filters[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex: 1;
    min-width: 200px;
}

.AdminUsers__SearchInput[b-d8gd18jq0z] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
}

.AdminUsers__SearchInput[b-d8gd18jq0z]::placeholder {
    color: var(--trecker-text-tertiary);
}

.AdminUsers__FilterGroup[b-d8gd18jq0z] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Sort row --- */
.au-sort-row[b-d8gd18jq0z] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.au-sort-label[b-d8gd18jq0z] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    font-weight: 500;
    white-space: nowrap;
    margin-right: 2px;
}

.au-sort-btn[b-d8gd18jq0z] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius-sm);
    padding: 4px 10px;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
    white-space: nowrap;
    min-height: 30px;
}

.au-sort-btn:hover[b-d8gd18jq0z] {
    border-color: var(--trecker-accent);
    color: var(--trecker-text-primary);
}

.au-sort-btn--active[b-d8gd18jq0z] {
    background: var(--trecker-accent-light);
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
    font-weight: 600;
}

.au-sort-dir[b-d8gd18jq0z] {
    opacity: 0.8;
}

/* --- Card grid --- */
.AdminUsers__Grid[b-d8gd18jq0z] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-lg);
}

/* --- User card --- */
.UserCard[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border-color: var(--trecker-accent);
}

.UserCard__Header[b-d8gd18jq0z] {
    position: relative;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.UserCard__Role[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    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-d8gd18jq0z] {
    padding: var(--trecker-space-md);
    text-align: center;
}

.UserCard__Name[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    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-d8gd18jq0z] {
    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-d8gd18jq0z] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 500;
}

/* Clickable card */
.UserCard--clickable[b-d8gd18jq0z] {
    cursor: pointer;
}

/* Email verification badge — bottom-left of header */
.UserCard__EmailBadge[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    background: var(--trecker-success-bg, rgba(52,199,89,0.15));
    color: var(--trecker-success);
}

.UserCard__EmailBadge--unverified[b-d8gd18jq0z] {
    background: var(--trecker-error-bg);
    color: var(--trecker-error);
}

/* Additional role badges row */
.UserCard__Roles[b-d8gd18jq0z] {
    display: flex;
    gap: 4px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 6px;
}

/* Last-login label in footer */
.UserCard__Login[b-d8gd18jq0z] {
    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-d8gd18jq0z]  { background: var(--trecker-error-bg);   color: var(--trecker-error);  }
.TreckerBadge--admin[b-d8gd18jq0z] { background: var(--trecker-accent-light); color: var(--trecker-accent); }
.TreckerBadge--eventmanager[b-d8gd18jq0z] { background: var(--trecker-info-bg);    color: var(--trecker-info);   }
.TreckerBadge--bremswagen[b-d8gd18jq0z] { background: rgba(255,159,10,0.15); color: #ff9f0a; }
.TreckerBadge--fotograf[b-d8gd18jq0z] { background: rgba(191,90,242,0.15); color: #bf5af2; }
.TreckerBadge--fahrer[b-d8gd18jq0z] { background: var(--trecker-bg-tertiary); color: var(--trecker-text-secondary); }

/* ============================================================================
   au- prefixed classes — replacements for inline styles
   ============================================================================ */

/* --- Spacing utilities --- */
.au-mt-md[b-d8gd18jq0z] {
    margin-top: var(--trecker-space-md);
}

.au-mb-lg[b-d8gd18jq0z] {
    margin-bottom: var(--trecker-space-lg);
}

.au-mb-md[b-d8gd18jq0z] {
    margin-bottom: var(--trecker-space-md);
}

.au-mt-lg[b-d8gd18jq0z] {
    margin-top: var(--trecker-space-lg);
}

.au-mt-xl[b-d8gd18jq0z] {
    margin-top: var(--trecker-space-xl);
}

/* --- No-access card --- */
.au-no-access-card[b-d8gd18jq0z] {
    max-width: 420px;
    margin: var(--trecker-space-2xl) auto;
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.au-login-link[b-d8gd18jq0z] {
    margin-top: var(--trecker-space-lg);
    display: inline-block;
}

/* --- Icon circles (modals, no-access) --- */
.au-icon-circle[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    background: var(--trecker-error-bg);
}

.au-icon-circle--accent[b-d8gd18jq0z] {
    background: var(--trecker-accent-light);
}

.au-icon-circle--info[b-d8gd18jq0z] {
    background: var(--trecker-info-bg);
}

/* --- Button inline icon --- */
.au-btn-icon[b-d8gd18jq0z] {
    margin-right: 4px;
    vertical-align: middle;
}

/* --- Search icon --- */
.au-search-icon[b-d8gd18jq0z] {
    flex-shrink: 0;
    opacity: 0.5;
}

/* --- Filter tab row --- */
.au-tab-row[b-d8gd18jq0z] {
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* --- Event select dropdown --- */
.au-event-select[b-d8gd18jq0z] {
    min-width: 160px;
}

/* --- Pending invitations card --- */
.au-pending-card[b-d8gd18jq0z] {
    margin-bottom: var(--trecker-space-lg);
    overflow: hidden;
}

.au-pending-toggle[b-d8gd18jq0z] {
    width: 100%;
    padding: var(--trecker-space-md);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
}

.au-pending-toggle-label[b-d8gd18jq0z] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.au-pending-badge[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    opacity: 0.5;
}

/* --- Invite table --- */
.au-invite-table-wrap[b-d8gd18jq0z] {
    overflow-x: auto;
    border-top: 1px solid var(--trecker-border-color);
}

.au-invite-table[b-d8gd18jq0z] {
    width: 100%;
    font-size: var(--trecker-font-size-sm);
    border-collapse: collapse;
}

.au-invite-table thead tr[b-d8gd18jq0z] {
    background: var(--trecker-bg-secondary);
}

.au-invite-table th[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    border-top: 1px solid var(--trecker-border-color);
}

.au-invite-table td[b-d8gd18jq0z] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
}

.au-invite-table-secondary[b-d8gd18jq0z] {
    color: var(--trecker-text-secondary);
}

.au-invite-table-notes[b-d8gd18jq0z] {
    color: var(--trecker-text-secondary);
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.au-invite-actions[b-d8gd18jq0z] {
    display: flex;
    gap: var(--trecker-space-xs);
}

.au-btn-revoke[b-d8gd18jq0z] {
    color: var(--trecker-error);
}

/* --- Role mini badge --- */
.au-role-badge-mini[b-d8gd18jq0z] {
    font-size: 10px;
    padding: 1px 6px;
}

/* --- User card status colors --- */
.au-status-active[b-d8gd18jq0z] {
    color: var(--trecker-success);
}

.au-status-inactive[b-d8gd18jq0z] {
    color: var(--trecker-error);
}

/* --- User card login meta --- */
.au-login-meta[b-d8gd18jq0z] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-xs);
}

.au-login-meta--italic[b-d8gd18jq0z] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-xs);
    font-style: italic;
}

/* --- User card event bar --- */
.au-event-bar[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* --- Pagination --- */
.au-pagination[b-d8gd18jq0z] {
    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-d8gd18jq0z] {
    font-size: var(--trecker-font-size-sm);
}

.au-pagination-buttons[b-d8gd18jq0z] {
    display: flex;
    gap: var(--trecker-space-xs);
}

/* --- Modal header --- */
.au-modal-header[b-d8gd18jq0z] {
    text-align: center;
    margin-bottom: var(--trecker-space-lg);
}

.au-modal-title[b-d8gd18jq0z] {
    margin: 0;
}

.au-modal-subtitle[b-d8gd18jq0z] {
    margin: var(--trecker-space-xs) 0 0;
    font-size: var(--trecker-font-size-sm);
}

/* --- Form: checkbox row --- */
.au-checkbox-row[b-d8gd18jq0z] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.au-checkbox[b-d8gd18jq0z] {
    width: 18px;
    height: 18px;
}

.au-checkbox-label[b-d8gd18jq0z] {
    margin: 0;
    cursor: pointer;
}

/* --- Form: AGB checkbox row --- */
.au-agb-row[b-d8gd18jq0z] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
}

.au-agb-checkbox[b-d8gd18jq0z] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
}

.au-agb-label[b-d8gd18jq0z] {
    margin: 0;
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.au-agb-link[b-d8gd18jq0z] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

/* --- Modal footer actions --- */
.au-modal-actions[b-d8gd18jq0z] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-xl);
}

.au-modal-actions--lg[b-d8gd18jq0z] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}

.au-modal-btn[b-d8gd18jq0z] {
    flex: 1;
}

/* --- Invite link input --- */
.au-invite-link-input[b-d8gd18jq0z] {
    font-size: var(--trecker-font-size-xs);
    cursor: pointer;
}

/* --- Textarea resize --- */
.au-textarea-resize[b-d8gd18jq0z] {
    resize: vertical;
}

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

    .AdminUsers__Header[b-d8gd18jq0z] {
        flex-direction: column;
        align-items: flex-start;
    }

    .AdminUsers__Actions[b-d8gd18jq0z] {
        width: 100%;
    }

    .AdminUsers__Actions .TreckerButton[b-d8gd18jq0z] {
        flex: 1;
        justify-content: center;
    }

    .AdminUsers__Grid[b-d8gd18jq0z] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
        gap: var(--trecker-space-md);
    }

    .au-modal-actions[b-d8gd18jq0z],
    .au-modal-actions--lg[b-d8gd18jq0z] {
        flex-direction: column;
    }

    .au-modal-btn[b-d8gd18jq0z] {
        flex: none;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

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

    .AdminUsers__Filters[b-d8gd18jq0z] {
        flex-direction: column;
        align-items: stretch;
    }

    .au-event-select[b-d8gd18jq0z] {
        min-width: 0;
        width: 100%;
    }

    .au-pagination[b-d8gd18jq0z] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .au-pagination-buttons[b-d8gd18jq0z] {
        justify-content: center;
        flex-wrap: wrap;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminVehicleCards.razor.rz.scp.css */
.vc-page[b-68hlgdqsld] {
    padding-bottom: 3rem;
}

.vc-hint[b-68hlgdqsld] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--trecker-warning-bg, #fff8e1);
    border: 1px solid var(--trecker-warning-border, #f0d47a);
    color: var(--trecker-warning-text, #7a5b00);
    border-radius: 0.6rem;
    padding: 0.6rem 0.85rem;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.vc-loading[b-68hlgdqsld] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

.vc-controls[b-68hlgdqsld] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.vc-search[b-68hlgdqsld] {
    flex: 1 1 16rem;
    min-width: 0;
}

.vc-count[b-68hlgdqsld] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #6b7280);
}

.vc-grid[b-68hlgdqsld] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(13rem, 100%), 1fr));
    gap: 1rem;
    justify-items: center;
}

.vc-card-wrap[b-68hlgdqsld] {
    position: relative;
    display: block;
    width: 100%;
    max-width: 18rem;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    container-type: inline-size;
    transition: transform 0.15s ease;
}

.vc-card-wrap:hover[b-68hlgdqsld],
.vc-card-wrap:focus-visible[b-68hlgdqsld] {
    transform: translateY(-0.25rem);
}

.vc-card-wrap[b-68hlgdqsld]  .tve-card {
    width: 100%;
    font-size: 5.33cqw;
}

.vc-count--muted[b-68hlgdqsld] {
    opacity: 0.75;
}

/* Gast-Umschalter — gleiche Optik wie der Filter auf /Admin/Tractors. */
.vc-toggle[b-68hlgdqsld] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #6b7280);
    cursor: pointer;
    white-space: nowrap;
}

.vc-toggle input[type="checkbox"][b-68hlgdqsld] {
    accent-color: var(--trecker-accent, #3d8b45);
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/* Hinweis auf verwaiste Trecker (Konto existiert nicht mehr) + Sprung zur Bereinigung. */
.vc-orphan-hint[b-68hlgdqsld] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: 0.65rem 0.85rem;
    border-radius: var(--trecker-border-radius-md, 8px);
    border: 1px solid var(--trecker-warning, #d99a1e);
    background: var(--trecker-warning-light, rgba(217, 154, 30, 0.12));
    color: var(--trecker-text-primary, #111);
    font-size: 0.85rem;
}

.vc-orphan-hint svg[b-68hlgdqsld] {
    flex-shrink: 0;
    color: var(--trecker-warning, #d99a1e);
}

.vc-orphan-hint span[b-68hlgdqsld] {
    flex: 1 1 12rem;
}

.vc-flags[b-68hlgdqsld] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    pointer-events: none;
}

.vc-noimg-badge[b-68hlgdqsld],
.vc-flag[b-68hlgdqsld] {
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    pointer-events: none;
}

.vc-flag--guest[b-68hlgdqsld] {
    background: rgba(71, 85, 105, 0.9);
}

.vc-flag--orphan[b-68hlgdqsld] {
    background: var(--trecker-error, #c0392b);
}

/* Sichtbarkeits-Icon (Auge/Schloss) — Gegenstueck zu .vc-flags, oben rechts statt oben links,
   damit es nicht mit Gast-/Waisen-Badges kollidiert. Rein informativ, kein Klick-Handler. */
.vc-visibility[b-68hlgdqsld] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    pointer-events: none;
}

.vc-owner[b-68hlgdqsld] {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: var(--trecker-text-secondary, #6b7280);
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Editor ──────────────────────────────────────────────── */
.vc-editor[b-68hlgdqsld] {
    display: grid;
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.vc-editor-emblem[b-68hlgdqsld] {
    width: 100%;
    container-type: inline-size;
    position: sticky;
    top: 0;
}

.vc-editor-emblem[b-68hlgdqsld]  .tve-card {
    width: 100%;
    font-size: 5.33cqw;
}

.vc-editor-controls[b-68hlgdqsld] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-width: 0;
}

.vc-field[b-68hlgdqsld] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #6b7280);
    flex: 1;
    min-width: 0;
}

.vc-field--check[b-68hlgdqsld] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
}

.vc-field-row[b-68hlgdqsld] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.vc-slider[b-68hlgdqsld] {
    width: 100%;
    accent-color: var(--trecker-primary, #1f6f3c);
}

.vc-error[b-68hlgdqsld] {
    margin: 0;
    color: var(--trecker-danger, #b42318);
    font-size: 0.85rem;
}

.vc-btn-spinner[b-68hlgdqsld] {
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    margin-right: 0.4em;
    animation: vc-spin-b-68hlgdqsld 0.7s linear infinite;
    vertical-align: -0.1em;
}

@keyframes vc-spin-b-68hlgdqsld {
    to { transform: rotate(360deg); }
}

@media (max-width: 640px) {
    .vc-editor[b-68hlgdqsld] {
        grid-template-columns: 1fr;
    }

    .vc-editor-emblem[b-68hlgdqsld] {
        width: 100%;
        max-width: 13rem;
        margin: 0 auto;
        position: static;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminVerlosungDetail.razor.rz.scp.css */
/* AdminVerlosungDetail — Einstellungen, Los-Topf, Ziehung mit Animation, Gewinner, Protokoll.
   Scoped CSS gilt nur pro Komponente, daher sind die geteilten Bausteine (VerlStat,
   VerlList__Field, VerlCard__Pill) hier bewusst noch einmal definiert. Keine Inline-Styles. */

.VerlDet[b-dk9y8wdrgk] {
    padding: var(--trecker-space-lg);
}

.VerlDet__Loading[b-dk9y8wdrgk] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* ── Kopf ─────────────────────────────────────────────────────── */

.VerlDet__Header[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.VerlDet__HeaderLeft[b-dk9y8wdrgk] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.VerlDet__Back[b-dk9y8wdrgk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-card);
    color: var(--trecker-text-secondary);
}

.VerlDet__Back:hover[b-dk9y8wdrgk] {
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
}

.VerlDet__Back svg[b-dk9y8wdrgk] {
    width: 18px;
    height: 18px;
}

.VerlDet__Eyebrow[b-dk9y8wdrgk] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.VerlDet__Title[b-dk9y8wdrgk] {
    margin: 0;
    font-size: var(--trecker-font-size-xl);
    font-weight: var(--trecker-font-weight-semibold);
    overflow-wrap: anywhere;
}

.VerlDet__HeaderActions[b-dk9y8wdrgk] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.VerlDet__Status[b-dk9y8wdrgk] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: var(--trecker-border-radius-full);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-light);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.VerlDet__Status--good[b-dk9y8wdrgk] {
    background: var(--trecker-success-bg);
    border-color: var(--trecker-success);
    color: var(--trecker-success);
}

.VerlDet__Status--strong[b-dk9y8wdrgk] {
    background: var(--trecker-fullpull-bg);
    border-color: var(--trecker-fullpull);
    color: var(--trecker-fullpull);
}

.VerlDet__Status--muted[b-dk9y8wdrgk] {
    opacity: 0.75;
}

.VerlDet__Status--info[b-dk9y8wdrgk] {
    background: var(--trecker-info-bg);
    border-color: var(--trecker-info);
    color: var(--trecker-info);
}

/* ── Abschnitte ───────────────────────────────────────────────── */

.VerlDet__Section[b-dk9y8wdrgk] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
}

.VerlDet__Section h2[b-dk9y8wdrgk] {
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlDet__SubHeading[b-dk9y8wdrgk] {
    margin: var(--trecker-space-lg) 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-md);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-secondary);
}

.VerlDet__SectionHead[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-md);
}

.VerlDet__Muted[b-dk9y8wdrgk] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: var(--trecker-space-xs) 0 var(--trecker-space-md);
}

.VerlDet__Row[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.VerlDet__Row--draw[b-dk9y8wdrgk] {
    align-items: flex-end;
}

.VerlDet__DrawButtons[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: center;
}

/* ── Geteilte Formular-Bausteine (scoped, daher hier erneut) ──── */

.VerlList__Field[b-dk9y8wdrgk] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    flex: 1 1 200px;
    min-width: 0;
    margin-bottom: var(--trecker-space-md);
}

.VerlList__Field--wide[b-dk9y8wdrgk] {
    flex: 2 1 320px;
}

.VerlList__Field--narrow[b-dk9y8wdrgk] {
    flex: 0 1 140px;
}

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

.VerlList__Check[b-dk9y8wdrgk] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
}

.VerlList__Row--checks[b-dk9y8wdrgk] {
    gap: var(--trecker-space-lg);
}

.VerlList__Empty[b-dk9y8wdrgk] {
    color: var(--trecker-text-secondary);
    text-align: center;
    padding: var(--trecker-space-lg);
}

.VerlCard__Pill[b-dk9y8wdrgk] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--trecker-border-radius-full);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-light);
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    white-space: nowrap;
}

.VerlCard__Pill--good[b-dk9y8wdrgk] {
    background: var(--trecker-success-bg);
    border-color: var(--trecker-success);
    color: var(--trecker-success);
}

.VerlCard__Pill--bad[b-dk9y8wdrgk] {
    background: var(--trecker-error-bg);
    border-color: var(--trecker-error);
    color: var(--trecker-error);
}

.VerlCard__Pill--strong[b-dk9y8wdrgk] {
    background: var(--trecker-fullpull-bg);
    border-color: var(--trecker-fullpull);
    color: var(--trecker-fullpull);
}

.VerlCard__Pill--muted[b-dk9y8wdrgk] {
    opacity: 0.7;
}

/* ── Kennzahlen ───────────────────────────────────────────────── */

.VerlDet__Stats[b-dk9y8wdrgk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.VerlStat[b-dk9y8wdrgk] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius);
    padding: 8px 12px;
    min-width: 0;
}

.VerlStat--brand[b-dk9y8wdrgk] {
    border-color: var(--trecker-accent);
    background: var(--trecker-accent-light);
}

.VerlStat__Label[b-dk9y8wdrgk] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-xs);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.VerlStat__Value[b-dk9y8wdrgk] {
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
    line-height: 1.15;
}

/* ── Teilnahme-Link ───────────────────────────────────────────── */

/* Schmale Leiste, in jedem Tab sichtbar — das ist der Link, der gepostet wird. */
.VerlLinkBar[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: 8px 12px;
    margin-bottom: var(--trecker-space-md);
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-card);
}

.VerlLinkBar__Label[b-dk9y8wdrgk] {
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-tertiary);
    white-space: nowrap;
}

.VerlLinkBar__Input[b-dk9y8wdrgk] {
    flex: 1 1 240px;
    min-width: 0;
    font-family: var(--trecker-font-mono);
    font-size: var(--trecker-font-size-sm);
}

/* ── Tabs (BandelHub: aktiver Tab = solides Gruen) ─────────────── */

.VerlTabs[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    margin-bottom: var(--trecker-space-lg);
}

.VerlTab[b-dk9y8wdrgk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    min-height: 36px;
    border-radius: var(--trecker-border-radius-sm);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--trecker-transition-fast);
}

.VerlTab:hover:not(.VerlTab--active)[b-dk9y8wdrgk] {
    color: var(--trecker-text-primary);
    border-color: var(--trecker-accent);
}

.VerlTab--active[b-dk9y8wdrgk] {
    background: var(--trecker-accent);
    border-color: var(--trecker-accent);
    color: #fff;
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlTab__Count[b-dk9y8wdrgk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    background: rgba(0, 0, 0, 0.12);
    color: inherit;
}

.VerlTab--active .VerlTab__Count[b-dk9y8wdrgk] {
    background: rgba(0, 0, 0, 0.2);
}

/* ── Kleinteile ───────────────────────────────────────────────── */

.VerlDet__Lead[b-dk9y8wdrgk] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: 0 0 var(--trecker-space-md);
    max-width: 70ch;
}

.VerlDet__HeadTools[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.VerlToggle--on[b-dk9y8wdrgk] {
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
}

/* Ein- und ausklappbarer Block (Los hinzufuegen / Liste einfuegen). */
.VerlDet__Panel[b-dk9y8wdrgk] {
    padding: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
    border-radius: var(--trecker-border-radius);
    border: 1px dashed var(--trecker-border);
    background: var(--trecker-bg-tertiary);
}

.VerlDet__Reload[b-dk9y8wdrgk] {
    min-width: 40px;
}

/* ── Ziehungs-Bühne + Animation ───────────────────────────────── */

.VerlStage[b-dk9y8wdrgk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--trecker-space-sm);
    min-height: 190px;
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-lg);
    border: 1px solid var(--trecker-border);
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 214, 10, 0.10), transparent 65%),
        var(--trecker-bg-tertiary);
    overflow: hidden;
    text-align: center;
}

.VerlStage--rolling[b-dk9y8wdrgk] {
    border-color: var(--trecker-fullpull);
    box-shadow: var(--trecker-fullpull-glow);
}

.VerlStage__Roller[b-dk9y8wdrgk] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-fullpull);
    letter-spacing: 0.01em;
    max-width: 100%;
    overflow-wrap: anywhere;
    animation: verlRoll-b-dk9y8wdrgk 0.14s ease-in-out infinite alternate;
}

@keyframes verlRoll-b-dk9y8wdrgk {
    from { transform: translateY(-5px); opacity: 0.75; }
    to   { transform: translateY(5px);  opacity: 1; }
}

.VerlStage__Winners[b-dk9y8wdrgk] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    width: 100%;
    max-width: 560px;
}

.VerlStage__Winner[b-dk9y8wdrgk] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-fullpull);
    animation: verlReveal-b-dk9y8wdrgk 0.45s cubic-bezier(0.2, 0.9, 0.25, 1) both;
}

@keyframes verlReveal-b-dk9y8wdrgk {
    from { transform: scale(0.9) translateY(8px); opacity: 0; }
    to   { transform: scale(1) translateY(0);     opacity: 1; }
}

.VerlStage__Rank[b-dk9y8wdrgk] {
    font-family: var(--trecker-font-mono);
    color: var(--trecker-fullpull);
    font-weight: var(--trecker-font-weight-semibold);
    flex: 0 0 auto;
}

.VerlStage__Name[b-dk9y8wdrgk] {
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
    overflow-wrap: anywhere;
    text-align: left;
    flex: 1 1 auto;
}

.VerlStage__Tag[b-dk9y8wdrgk] {
    flex: 0 0 auto;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-full);
    padding: 2px 8px;
}

.VerlStage__Caption[b-dk9y8wdrgk],
.VerlStage__Idle[b-dk9y8wdrgk] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

/* Reduzierte Bewegung respektieren (Barrierefreiheit). */
@media (prefers-reduced-motion: reduce) {
    .VerlStage__Roller[b-dk9y8wdrgk],
    .VerlStage__Winner[b-dk9y8wdrgk] {
        animation: none;
    }
}

/* ── Quellen ──────────────────────────────────────────────────── */

.VerlSrc[b-dk9y8wdrgk] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.VerlSrc__Card[b-dk9y8wdrgk] {
    padding: var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-lg);
    border: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-card);
}

.VerlSrc__Card--add[b-dk9y8wdrgk],
.VerlSrc__Card--muted[b-dk9y8wdrgk] {
    border-style: dashed;
    background: var(--trecker-bg-tertiary);
}

.VerlSrc__Card--muted[b-dk9y8wdrgk] {
    opacity: 0.8;
}

/* ── Karten-Kopf: Icon · Titel/Erklaerung · Status-Pills ── */

.VerlSrc__Head[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
}

.VerlSrc__Icon[b-dk9y8wdrgk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
}

.VerlSrc__Icon svg[b-dk9y8wdrgk] {
    width: 20px;
    height: 20px;
}

/* Flach-farbige Icons (BandelHub) — nur das Glyph traegt Farbe. */
.VerlSrc__Icon--web[b-dk9y8wdrgk] { color: #3b82f6; }
.VerlSrc__Icon--manual[b-dk9y8wdrgk] { color: var(--trecker-text-secondary); }
.VerlSrc__Icon--ig[b-dk9y8wdrgk] { color: #d6336c; }
.VerlSrc__Icon--fb[b-dk9y8wdrgk] { color: #1877f2; }

.VerlSrc__HeadText[b-dk9y8wdrgk] {
    flex: 1 1 220px;
    min-width: 0;
}

.VerlSrc__HeadText h3[b-dk9y8wdrgk] {
    margin: 0;
    font-size: var(--trecker-font-size-md);
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlSrc__HeadText p[b-dk9y8wdrgk] {
    margin: 2px 0 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    max-width: 60ch;
}

.VerlSrc__HeadPills[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-xs);
}

/* ── Schritt-fuer-Schritt-Assistent der externen Quellen ── */

.VerlStep[b-dk9y8wdrgk] {
    display: flex;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-md) 0 0;
    border-top: 1px solid var(--trecker-border-light);
    margin-top: var(--trecker-space-md);
}

.VerlStep__Num[b-dk9y8wdrgk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    border-radius: var(--trecker-border-radius-full);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlStep--done .VerlStep__Num[b-dk9y8wdrgk] {
    background: var(--trecker-success-bg);
    border-color: var(--trecker-success);
    color: var(--trecker-success);
}

/* Noch nicht dran: sichtbar, aber zurueckgenommen — die Reihenfolge soll lesbar sein. */
.VerlStep--waiting[b-dk9y8wdrgk] {
    opacity: 0.6;
}

.VerlStep__Body[b-dk9y8wdrgk] {
    flex: 1 1 auto;
    min-width: 0;
}

.VerlStep__Title[b-dk9y8wdrgk] {
    font-weight: var(--trecker-font-weight-semibold);
    font-size: var(--trecker-font-size-sm);
}

.VerlStep__Help[b-dk9y8wdrgk] {
    margin: 2px 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    max-width: 65ch;
}

.VerlStep__Ok[b-dk9y8wdrgk] {
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-success);
    overflow-wrap: anywhere;
}

/* Kurzer Hinweis direkt unter einem Feld (z. B. was das Stichwort genau bewirkt). */
.VerlStep__FieldHelp[b-dk9y8wdrgk] {
    margin: 4px 0 0;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    max-width: 60ch;
}

/* Vorschau der gefundenen Beitrags-Bildunterschrift nach erfolgreichem "Beitrag suchen". */
.VerlSrc__Preview[b-dk9y8wdrgk] {
    margin: var(--trecker-space-sm) 0;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-success);
    background: var(--trecker-success-bg);
    font-size: var(--trecker-font-size-sm);
}

.VerlSrc__Preview p[b-dk9y8wdrgk] {
    margin: 0;
    overflow-wrap: anywhere;
}

/* Seltene Optionen (Mindestlaenge, Mehrfachkommentare) hinter einer Disclosure. */
.VerlSrc__Advanced[b-dk9y8wdrgk] {
    margin: 0 0 var(--trecker-space-md);
}

.VerlSrc__Advanced summary[b-dk9y8wdrgk] {
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    color: var(--trecker-accent);
    padding: var(--trecker-space-xs) 0;
    list-style: none;
}

.VerlSrc__Advanced summary[b-dk9y8wdrgk]::-webkit-details-marker {
    display: none;
}

.VerlSrc__Advanced summary[b-dk9y8wdrgk]::before {
    content: "▸";
    display: inline-block;
    margin-right: 6px;
    transition: transform var(--trecker-transition-fast);
}

.VerlSrc__Advanced[open] summary[b-dk9y8wdrgk]::before {
    transform: rotate(90deg);
}

.VerlSrc__Advanced > .VerlDet__Row[b-dk9y8wdrgk] {
    margin-top: var(--trecker-space-xs);
}

/* ── Klartext-Erklaerung unter den Filter-Feldern ── */

.VerlSrc__Explain[b-dk9y8wdrgk] {
    display: flex;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-tertiary);
}

.VerlSrc__Explain p[b-dk9y8wdrgk] {
    margin: 0;
    font-size: var(--trecker-font-size-sm);
    line-height: 1.45;
    max-width: 65ch;
}

.VerlSrc__Explain p + p[b-dk9y8wdrgk] {
    margin-top: 2px;
    color: var(--trecker-text-secondary);
}

.VerlSrc__ExplainIcon[b-dk9y8wdrgk] {
    flex: 0 0 auto;
    color: var(--trecker-accent);
}

.VerlSrc__ExplainIcon svg[b-dk9y8wdrgk] {
    width: 18px;
    height: 18px;
}

/* ── Aktionsleiste der externen Quelle ── */

.VerlSrc__Actions[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding-top: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-light);
}

.VerlSrc__ActionsInfo[b-dk9y8wdrgk] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

/* "Quelle entfernen" schiebt sich ans Ende, damit es nicht neben Speichern steht. */
.VerlSrc__Remove[b-dk9y8wdrgk] {
    margin-left: auto;
}

/* ── Verbundene Konten ── */

.VerlSrc__Accounts[b-dk9y8wdrgk] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-sm);
}

.VerlAccount[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: 6px 10px;
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-secondary);
}

.VerlAccount__Name[b-dk9y8wdrgk] {
    font-weight: var(--trecker-font-weight-semibold);
    font-size: var(--trecker-font-size-sm);
    word-break: break-word;
}

/* ── Beitrags-Vorschlaege ── */

.VerlSrc__Suggestions[b-dk9y8wdrgk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: var(--trecker-space-sm);
    max-height: 18rem;
    overflow-y: auto;
}

.VerlSrc__Suggestion[b-dk9y8wdrgk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-radius: var(--trecker-border-radius);
    border: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-secondary);
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.VerlSrc__Suggestion:hover[b-dk9y8wdrgk],
.VerlSrc__Suggestion:focus-visible[b-dk9y8wdrgk] {
    border-color: var(--trecker-accent);
}

.VerlSrc__SuggestionText[b-dk9y8wdrgk] {
    word-break: break-word;
    min-width: 0;
}

/* ── Tabellen ─────────────────────────────────────────────────── */

.VerlDet__TableWrap[b-dk9y8wdrgk] {
    /* Breite Tabellen scrollen in ihrem eigenen Container — die Seite selbst nie. */
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
}

.VerlDet__Table[b-dk9y8wdrgk] {
    width: 100%;
    min-width: 620px;
}

/* Dichte Variante fuer die langen Listen (Lose, Protokoll). */
.VerlDet__Table--dense th[b-dk9y8wdrgk],
.VerlDet__Table--dense td[b-dk9y8wdrgk] {
    padding-top: 6px;
    padding-bottom: 6px;
}

.VerlDet__CellName[b-dk9y8wdrgk] {
    font-weight: var(--trecker-font-weight-medium);
    overflow-wrap: anywhere;
}

.VerlDet__CellSub[b-dk9y8wdrgk] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    overflow-wrap: anywhere;
}

.VerlDet__CellComment[b-dk9y8wdrgk] {
    max-width: 320px;
    font-style: italic;
}

.VerlDet__CellSeed[b-dk9y8wdrgk] {
    font-family: var(--trecker-font-mono);
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    overflow-wrap: anywhere;
}

.VerlDet__CellStatus[b-dk9y8wdrgk] {
    display: table-cell;
}

.VerlDet__CellActions[b-dk9y8wdrgk] {
    white-space: nowrap;
}

.VerlDet__RowDisq[b-dk9y8wdrgk] {
    opacity: 0.6;
}

.VerlDet__RowReserve[b-dk9y8wdrgk] {
    background: var(--trecker-bg-stripe);
}

.VerlDet__Import[b-dk9y8wdrgk] {
    font-family: var(--trecker-font-mono);
    font-size: var(--trecker-font-size-sm);
}

/* ── Responsiv: Telefon (≈360 px) ─────────────────────────────── */

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

    .VerlDet__Section[b-dk9y8wdrgk] {
        padding: var(--trecker-space-md);
    }

    .VerlList__Field[b-dk9y8wdrgk],
    .VerlList__Field--wide[b-dk9y8wdrgk],
    .VerlList__Field--narrow[b-dk9y8wdrgk] {
        flex: 1 1 100%;
    }

    .VerlList__Row--checks[b-dk9y8wdrgk] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    .VerlStage[b-dk9y8wdrgk] {
        min-height: 150px;
        padding: var(--trecker-space-md);
    }

    .VerlStage__Roller[b-dk9y8wdrgk] {
        font-size: var(--trecker-font-size-xl);
    }

    .VerlDet__DrawButtons[b-dk9y8wdrgk] {
        width: 100%;
    }

    .VerlDet__DrawButtons > *[b-dk9y8wdrgk] {
        flex: 1 1 auto;
    }

    /* Tabs scrollen horizontal statt in drei Reihen umzubrechen. */
    .VerlTabs[b-dk9y8wdrgk] {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-inline: calc(-1 * var(--trecker-space-md));
        padding-inline: var(--trecker-space-md);
    }

    .VerlTabs[b-dk9y8wdrgk]::-webkit-scrollbar {
        display: none;
    }

    .VerlTab[b-dk9y8wdrgk] {
        flex: 0 0 auto;
    }

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

    .VerlLinkBar__Label[b-dk9y8wdrgk] {
        flex: 1 1 100%;
    }

    /* Auf dem Telefon rutscht "Quelle entfernen" in die eigene Zeile. */
    .VerlSrc__Remove[b-dk9y8wdrgk] {
        margin-left: 0;
        width: 100%;
    }
}

/* ── Tablet: echte Mehrspaltigkeit statt gestrecktem Telefon-Layout ── */

@media (min-width: 641px) and (max-width: 1024px) {
    .VerlDet__Stats[b-dk9y8wdrgk] {
        grid-template-columns: repeat(3, 1fr);
    }

    .VerlList__Field[b-dk9y8wdrgk] {
        flex: 1 1 45%;
    }

    /* Tablet nutzt die Breite: die schmalen Karten (Website/Manuell/Import)
       stehen nebeneinander, der Assistent behaelt die volle Breite. */
    .VerlSrc[b-dk9y8wdrgk] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: start;
    }

    .VerlSrc__Card--wide[b-dk9y8wdrgk],
    .VerlSrc__Card--add[b-dk9y8wdrgk],
    .VerlSrc__Card--muted[b-dk9y8wdrgk],
    .VerlSrc > .TreckerAlert[b-dk9y8wdrgk],
    .VerlSrc > .VerlDet__Muted[b-dk9y8wdrgk] {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1025px) {
    .VerlStage[b-dk9y8wdrgk] {
        min-height: 220px;
    }

    .VerlDet__Stats[b-dk9y8wdrgk] {
        grid-template-columns: repeat(5, 1fr);
    }

    /* Desktop: die drei einfachen Quellen in eine Reihe, Assistent darunter. */
    .VerlSrc[b-dk9y8wdrgk] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: start;
    }

    .VerlSrc__Card--wide[b-dk9y8wdrgk],
    .VerlSrc__Card--add[b-dk9y8wdrgk],
    .VerlSrc__Card--muted[b-dk9y8wdrgk],
    .VerlSrc > .TreckerAlert[b-dk9y8wdrgk],
    .VerlSrc > .VerlDet__Muted[b-dk9y8wdrgk] {
        grid-column: 1 / -1;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminVerlosungen.razor.rz.scp.css */
/* AdminVerlosungen — Übersicht der Verlosungen eines Events (TT-Admin-Look, keine Inline-Styles). */

.VerlList[b-0treethcl4] {
    padding: var(--trecker-space-lg);
}

.VerlList__Header[b-0treethcl4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.VerlList__HeaderLeft[b-0treethcl4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.VerlList__Icon[b-0treethcl4] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    color: var(--trecker-accent);
}

.VerlList__Title[b-0treethcl4] {
    margin: 0;
    font-size: var(--trecker-font-size-xl);
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlList__Subtitle[b-0treethcl4] {
    margin: 2px 0 0;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

.VerlList__HeaderActions[b-0treethcl4] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ── Kennzahlen ───────────────────────────────────────────────── */

.VerlList__Stats[b-0treethcl4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.VerlStat[b-0treethcl4] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md);
}

.VerlStat--brand[b-0treethcl4] {
    border-color: var(--trecker-accent);
    background: var(--trecker-accent-light);
}

.VerlStat__Label[b-0treethcl4] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.VerlStat__Value[b-0treethcl4] {
    margin-top: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-xl);
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlList__Hint[b-0treethcl4] {
    margin-bottom: var(--trecker-space-lg);
}

.VerlList__Hint p[b-0treethcl4] {
    margin: var(--trecker-space-xs) 0 0;
    font-size: var(--trecker-font-size-sm);
}

/* ── Abschnitte + Formular ────────────────────────────────────── */

.VerlList__Section[b-0treethcl4] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
}

.VerlList__Section h2[b-0treethcl4] {
    margin: 0 0 var(--trecker-space-md);
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
}

/* Fieldset-artige Gruppierung innerhalb des "Neue Verlosung"-Formulars. */
.VerlList__Fieldset[b-0treethcl4] {
    border: none;
    margin: 0 0 var(--trecker-space-lg);
    padding: 0;
}

.VerlList__Fieldset:last-of-type[b-0treethcl4] {
    margin-bottom: var(--trecker-space-md);
}

.VerlList__SubHeading[b-0treethcl4] {
    display: block;
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0;
}

.VerlList__Row[b-0treethcl4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-md);
}

.VerlList__Row--checks[b-0treethcl4] {
    gap: var(--trecker-space-lg);
}

.VerlList__Field[b-0treethcl4] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    flex: 1 1 200px;
    min-width: 0;
    margin-bottom: var(--trecker-space-md);
}

.VerlList__Field--wide[b-0treethcl4] {
    flex: 2 1 320px;
}

.VerlList__Field--narrow[b-0treethcl4] {
    flex: 0 1 140px;
}

.VerlList__Field label[b-0treethcl4] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.VerlList__Check[b-0treethcl4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
}

.VerlList__Actions[b-0treethcl4] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.VerlList__Empty[b-0treethcl4],
.VerlList__Loading[b-0treethcl4] {
    color: var(--trecker-text-secondary);
    text-align: center;
    padding: var(--trecker-space-lg);
}

/* ── Karten-Liste ─────────────────────────────────────────────── */

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

.VerlCard[b-0treethcl4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.VerlCard:hover[b-0treethcl4] {
    border-color: var(--trecker-accent);
    background: var(--trecker-bg-card-hover);
}

.VerlCard__Body[b-0treethcl4] {
    flex: 1 1 auto;
    min-width: 0;
}

.VerlCard__TopRow[b-0treethcl4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-xs);
}

.VerlCard__Title[b-0treethcl4] {
    font-weight: var(--trecker-font-weight-semibold);
    overflow-wrap: anywhere;
}

.VerlCard__Meta[b-0treethcl4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
}

/* Kennzahlen als leichte Inline-Reihe statt gleichwertiger Pills — der Status bleibt der einzige Badge. */
.VerlCard__Stats[b-0treethcl4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.VerlCard__Stat[b-0treethcl4] {
    position: relative;
}

.VerlCard__Stat + .VerlCard__Stat[b-0treethcl4]::before {
    content: "·";
    margin-right: var(--trecker-space-sm);
    color: var(--trecker-text-tertiary);
}

.VerlCard__Pill[b-0treethcl4] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--trecker-border-radius-full);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-light);
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.VerlCard__Pill--good[b-0treethcl4] {
    background: var(--trecker-success-bg);
    border-color: var(--trecker-success);
    color: var(--trecker-success);
}

.VerlCard__Pill--strong[b-0treethcl4] {
    background: var(--trecker-fullpull-bg);
    border-color: var(--trecker-fullpull);
    color: var(--trecker-fullpull);
}

.VerlCard__Pill--muted[b-0treethcl4] {
    opacity: 0.75;
}

.VerlCard__Pill--info[b-0treethcl4] {
    background: var(--trecker-info-bg);
    border-color: var(--trecker-info);
    color: var(--trecker-info);
}

.VerlCard__Chevron[b-0treethcl4] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    color: var(--trecker-text-tertiary);
}

/* ── Responsiv: Telefon (≈360 px) ─────────────────────────────── */

@media (max-width: 640px) {
    .VerlList[b-0treethcl4] {
        padding: var(--trecker-space-md);
    }

    .VerlList__Section[b-0treethcl4] {
        padding: var(--trecker-space-md);
    }

    .VerlList__Field[b-0treethcl4],
    .VerlList__Field--wide[b-0treethcl4],
    .VerlList__Field--narrow[b-0treethcl4] {
        flex: 1 1 100%;
    }

    .VerlList__Row--checks[b-0treethcl4] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    .VerlList__HeaderActions[b-0treethcl4] {
        width: 100%;
    }
}

/* ── Tablet: Formularzeilen echt zweispaltig ──────────────────── */

@media (min-width: 641px) and (max-width: 1024px) {
    .VerlList__Field[b-0treethcl4] {
        flex: 1 1 45%;
    }
}
/* _content/TreckerTreckWebsite.Shared/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-6a4o09o7r0] {
    max-width: 1400px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* --- Page header (Helfer-Schichtplan-Stil) --- */
.av-header[b-6a4o09o7r0] {
    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-6a4o09o7r0] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.av-header-icon[b-6a4o09o7r0] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.av-title[b-6a4o09o7r0] {
    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-6a4o09o7r0] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    max-width: 640px;
    line-height: 1.5;
}

.av-header-actions[b-6a4o09o7r0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

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

.av-btn-icon[b-6a4o09o7r0] {
    width: 16px;
    height: 16px;
}

/* --- Role filter tabs --- */
.av-tab-row[b-6a4o09o7r0] {
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Empty state --- */
.av-empty-state[b-6a4o09o7r0] {
    text-align: center;
    padding: 56px 24px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
}
.av-empty-icon[b-6a4o09o7r0] {
    font-size: 56px;
    margin-bottom: 8px;
}
.av-empty-title[b-6a4o09o7r0] {
    font-size: 18px;
    font-weight: 700;
    margin: 8px 0;
}
.av-empty-text[b-6a4o09o7r0] {
    color: var(--trecker-text-secondary);
    margin: 0 0 18px;
}

/* --- Table wrapper --- */
.av-table-wrap[b-6a4o09o7r0] {
    overflow-x: auto;
}

/* --- Table row --- */
.av-table-row-clickable[b-6a4o09o7r0] {
    cursor: pointer;
}

/* --- Email link --- */
.av-email-link[b-6a4o09o7r0] {
    color: var(--trecker-primary);
    text-decoration: underline;
    cursor: pointer;
}

/* --- Pending badge --- */
.av-badge-pending[b-6a4o09o7r0] {
    background: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

/* --- Notes column --- */
.av-notes-cell[b-6a4o09o7r0] {
    max-width: 320px;
}

/* --- Actions cell --- */
.av-actions-cell[b-6a4o09o7r0] {
    display: flex;
    gap: var(--trecker-space-xs);
}

/* --- Modal form grid (2 columns responsive) --- */
.av-form-grid[b-6a4o09o7r0] {
    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-6a4o09o7r0] {
    display: flex;
    flex-direction: column;
}

/* --- Form label --- */
.av-form-label[b-6a4o09o7r0] {
    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-6a4o09o7r0] {
    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-6a4o09o7r0] {
    margin-bottom: var(--trecker-space-md);
}

/* --- Textarea --- */
.av-textarea[b-6a4o09o7r0] {
    font-family: inherit;
    resize: vertical;
}

/* --- Modal footer actions --- */
.av-modal-actions[b-6a4o09o7r0] {
    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-6a4o09o7r0] {
    padding-top: var(--trecker-space-md);
    padding-bottom: var(--trecker-space-md);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .av-header[b-6a4o09o7r0] {
        flex-direction: column;
        align-items: stretch;
    }

    .av-header-actions[b-6a4o09o7r0] {
        width: 100%;
    }

    .av-header-actions .TreckerButton[b-6a4o09o7r0] {
        flex: 1;
        justify-content: center;
        min-height: 44px;
    }

    .av-title[b-6a4o09o7r0] {
        font-size: 18px;
    }

    .av-modal-actions[b-6a4o09o7r0] {
        flex-direction: column;
    }

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

    .av-notes-cell[b-6a4o09o7r0] {
        max-width: 200px;
    }
}

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

    .av-header-row[b-6a4o09o7r0] {
        gap: var(--trecker-space-sm);
    }

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

    .av-notes-cell[b-6a4o09o7r0] {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .av-actions-cell[b-6a4o09o7r0] {
        flex-direction: column;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminVoting.razor.rz.scp.css */
/* TreckerTreck — Voting-Admin (F3). Schichtplan-Style. */

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

.VotingAdmin__Header[b-yr1bp7074e] {
    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);
}
.VotingAdmin__HeaderLeft[b-yr1bp7074e] { display: flex; gap: 14px; align-items: flex-start; min-width: 0; }
.VotingAdmin__Icon[b-yr1bp7074e] { width: 32px; height: 32px; color: #ff7a3d; }
.VotingAdmin__Title[b-yr1bp7074e] {
    margin: 0; font-size: 22px; font-weight: 700;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.VotingAdmin__Subtitle[b-yr1bp7074e] { margin: 4px 0 0; font-size: 13px; color: var(--trecker-text-secondary); }
.VotingAdmin__HeaderActions[b-yr1bp7074e] { display: flex; gap: 8px; flex-wrap: wrap; }

.VotingAdmin__Stats[b-yr1bp7074e] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px;
}
.VStat[b-yr1bp7074e] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px; padding: 16px;
}
.VStat--brand[b-yr1bp7074e] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.1), transparent 70%);
    border-color: rgba(255, 122, 61, 0.3);
}
.VStat__Label[b-yr1bp7074e] {
    font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}
.VStat__Value[b-yr1bp7074e] { font-size: 28px; font-weight: 700; margin-top: 4px; line-height: 1.1; }

.VotingAdmin__Section[b-yr1bp7074e] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px; padding: 18px;
    display: flex; flex-direction: column; gap: 12px;
}
.VotingAdmin__Section h2[b-yr1bp7074e] {
    margin: 0; font-size: 16px; font-weight: 700;
}

.VotingAdmin__SectionHead[b-yr1bp7074e] {
    display: flex; justify-content: space-between; align-items: center;
    gap: 12px; flex-wrap: wrap;
}

.VotingAdmin__Row[b-yr1bp7074e] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;
    align-items: end;
}

.VotingAdmin__Field[b-yr1bp7074e] {
    display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.VotingAdmin__Field--narrow[b-yr1bp7074e] { max-width: 140px; }
.VotingAdmin__Field--wide[b-yr1bp7074e] { grid-column: span 2; }
.VotingAdmin__Field label[b-yr1bp7074e] {
    font-size: 12px; font-weight: 600; color: var(--trecker-text-secondary);
}

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

.VotingAdmin__Actions[b-yr1bp7074e] { display: flex; justify-content: flex-end; gap: 8px; }
.VotingAdmin__Empty[b-yr1bp7074e] { color: var(--trecker-text-secondary); font-size: 13px; margin: 0; }

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

.VCard[b-yr1bp7074e] {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--trecker-border); border-radius: 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease;
}
.VCard:hover[b-yr1bp7074e] { border-color: rgba(255, 122, 61, 0.4); }
.VCard--active[b-yr1bp7074e] {
    border-color: #ff7a3d;
    box-shadow: 0 0 0 1px #ff7a3d inset;
}
.VCard__Body[b-yr1bp7074e] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.VCard__Title[b-yr1bp7074e] { font-size: 14px; font-weight: 600; }
.VCard__Meta[b-yr1bp7074e] { display: flex; gap: 6px; flex-wrap: wrap; }

.VCard__Pill[b-yr1bp7074e] {
    display: inline-block; font-size: 10px; font-weight: 600;
    text-transform: uppercase; letter-spacing: 0.4px; padding: 2px 8px;
    border-radius: 4px;
    background: rgba(127, 127, 127, 0.12); color: var(--trecker-text-secondary);
}
.VCard__Pill--good[b-yr1bp7074e] { background: rgba(46, 160, 67, 0.15); color: #2ea043; }
.VCard__Pill--bad[b-yr1bp7074e]  { background: rgba(229, 72, 77, 0.15); color: #e5484d; }
.VCard__Pill--strong[b-yr1bp7074e] { background: rgba(255, 122, 61, 0.15); color: #ff7a3d; }
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/AdminWalletDesign.razor.rz.scp.css */
.wd-page[b-vk0xkwy3fc] {
    padding: var(--trecker-space-xl);
}

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

.wd-header-icon[b-vk0xkwy3fc] {
    width: 28px;
    height: 28px;
    color: var(--trecker-success);
    flex-shrink: 0;
}

.wd-header-title[b-vk0xkwy3fc] {
    margin: 0;
}

.wd-grid[b-vk0xkwy3fc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--trecker-space-lg);
    margin-top: var(--trecker-space-md);
    align-items: start;
}

@media (min-width: 900px) {
    .wd-grid[b-vk0xkwy3fc] {
        grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
    }
}

.wd-settings[b-vk0xkwy3fc] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    min-width: 0;
}

.wd-card[b-vk0xkwy3fc] {
    padding: var(--trecker-space-lg);
}

.wd-hint[b-vk0xkwy3fc] {
    margin-bottom: var(--trecker-space-md);
}

.wd-toggle[b-vk0xkwy3fc] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
}

.wd-color-rows[b-vk0xkwy3fc] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
}

.wd-color-row[b-vk0xkwy3fc] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.wd-color-row .TreckerFormLabel[b-vk0xkwy3fc] {
    flex: 0 0 170px;
    margin: 0;
}

.wd-color-input[b-vk0xkwy3fc] {
    width: 48px;
    height: 36px;
    padding: 2px;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-sm);
    background: transparent;
    cursor: pointer;
}

.wd-hex-input[b-vk0xkwy3fc] {
    width: 110px;
    font-family: monospace;
}

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

.wd-radio[b-vk0xkwy3fc] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    cursor: pointer;
}

.wd-radio input[b-vk0xkwy3fc] {
    margin-top: 3px;
}

.wd-logo-note[b-vk0xkwy3fc] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    margin-left: 26px;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md);
    background: var(--trecker-bg-secondary);
}

.wd-logo-note-img[b-vk0xkwy3fc] {
    max-height: 40px;
    max-width: 80px;
    object-fit: contain;
    flex-shrink: 0;
}

.wd-upload-block[b-vk0xkwy3fc] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-left: 0;
}

.wd-radio-list .wd-upload-block[b-vk0xkwy3fc] {
    margin-left: 26px;
}

.wd-upload-preview[b-vk0xkwy3fc] {
    max-height: 56px;
    max-width: 120px;
    object-fit: contain;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-sm);
    padding: 4px;
    /* checkerboard so transparency is visible */
    background:
        repeating-conic-gradient(rgba(128, 128, 128, 0.25) 0% 25%, transparent 0% 50%) 0 0 / 14px 14px;
}

.wd-upload-preview-bg[b-vk0xkwy3fc] {
    max-height: 90px;
    max-width: 160px;
}

.wd-file-button[b-vk0xkwy3fc] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.wd-file-input[b-vk0xkwy3fc] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.wd-actions[b-vk0xkwy3fc] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

/* ---- Pass preview ------------------------------------------------------------------------- */

.wd-preview-col[b-vk0xkwy3fc] {
    min-width: 0;
}

.wd-pass[b-vk0xkwy3fc] {
    position: relative;
    width: 100%;
    max-width: 340px;
    border-radius: 18px;
    overflow: hidden;
    color: var(--wd-fg, #fff);
    background:
        radial-gradient(circle at 78% 82%, color-mix(in srgb, var(--wd-accent, #52b96b) 45%, transparent) 0%, transparent 55%),
        linear-gradient(180deg, var(--wd-grad-top, #1d1d1d) 0%, var(--wd-grad-bottom, #2a4a33) 100%);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}

.wd-pass-art[b-vk0xkwy3fc] {
    position: absolute;
    inset: -8%;
    width: 116%;
    height: 116%;
    object-fit: cover;
    filter: blur(16px) brightness(0.62);
}

.wd-pass-art-contain[b-vk0xkwy3fc] {
    object-fit: contain;
    filter: blur(14px) brightness(0.8);
}

.wd-pass-inner[b-vk0xkwy3fc] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
}

.wd-pass-top[b-vk0xkwy3fc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wd-pass-logo[b-vk0xkwy3fc] {
    max-height: 28px;
    max-width: 90px;
    object-fit: contain;
    border-radius: 6px;
}

.wd-pass-org[b-vk0xkwy3fc] {
    font-weight: 600;
    font-size: 15px;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wd-pass-headerfield[b-vk0xkwy3fc] {
    text-align: right;
}

.wd-pass span[b-vk0xkwy3fc] {
    display: block;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wd-label, #9fd6ae);
}

.wd-pass strong[b-vk0xkwy3fc] {
    display: block;
    font-weight: 500;
    font-size: 15px;
    overflow-wrap: anywhere;
}

.wd-pass-primary strong[b-vk0xkwy3fc] {
    font-size: 21px;
    font-weight: 600;
}

.wd-pass-fieldrow[b-vk0xkwy3fc] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.wd-pass-field[b-vk0xkwy3fc] {
    flex: 1;
    min-width: 0;
}

.wd-pass-thumb[b-vk0xkwy3fc] {
    flex: 0 0 56px;
    height: 56px;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 3px solid var(--wd-accent, #52b96b);
}

.wd-pass-thumb img[b-vk0xkwy3fc] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 5px;
}

.wd-pass-thumb-emoji[b-vk0xkwy3fc] {
    font-size: 26px;
    line-height: 1;
}

.wd-pass-qr[b-vk0xkwy3fc] {
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: #fff;
    border-radius: 10px;
    padding: 12px 22px 8px;
    margin-top: 10px;
}

.wd-pass-qr svg[b-vk0xkwy3fc] {
    width: 96px;
    height: 96px;
}

.wd-pass-qr span[b-vk0xkwy3fc] {
    color: #333;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: none;
}

.wd-preview-note[b-vk0xkwy3fc] {
    max-width: 340px;
    margin-top: var(--trecker-space-md);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/EventClone.razor.rz.scp.css */
/* Event duplizieren (/Admin/Events/Clone/{id}) — scoped styles (migrated from inline styles). */

.EventClone[b-1egddn7h4o] {
    padding: var(--trecker-space-xl);
}

.EventClone__Loading[b-1egddn7h4o] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-xl);
}

.EventClone__NoAccessCard[b-1egddn7h4o] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

.EventClone__Card[b-1egddn7h4o] {
    padding: var(--trecker-space-xl);
}

.EventClone__SectionHeading[b-1egddn7h4o] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.EventClone__SectionHeading--spaced[b-1egddn7h4o] {
    margin-top: var(--trecker-space-lg);
}

.EventClone__SectionIcon[b-1egddn7h4o] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.EventClone__SectionIcon--secondary[b-1egddn7h4o] {
    color: var(--trecker-secondary);
}

.EventClone__SectionIcon--primary[b-1egddn7h4o] {
    color: var(--trecker-primary);
}

.EventClone__SourceCard[b-1egddn7h4o] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-muted, #f5f5f5);
}

.EventClone__Row[b-1egddn7h4o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.EventClone__Row--spaced[b-1egddn7h4o] {
    margin-top: var(--trecker-space-md);
}

.EventClone__Field[b-1egddn7h4o] {
    flex: 1 1 200px;
    min-width: 0;
}

.EventClone__Field--medium[b-1egddn7h4o] {
    flex-basis: 240px;
}

.EventClone__Field--wide[b-1egddn7h4o] {
    flex-basis: 300px;
}

.EventClone__CheckLabel[b-1egddn7h4o] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
    font-weight: 500;
}

.EventClone__Checkbox[b-1egddn7h4o] {
    width: 18px;
    height: 18px;
}

.EventClone__SubSection[b-1egddn7h4o] {
    border-left: 3px solid var(--trecker-accent, #f5b301);
    padding-left: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
}

.EventClone__Select[b-1egddn7h4o] {
    font-size: var(--trecker-font-size-sm);
}

.EventClone__Actions[b-1egddn7h4o] {
    gap: var(--trecker-space-md);
    justify-content: flex-end;
    flex-wrap: wrap;
}
/* _content/TreckerTreckWebsite.Shared/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-3yn8m8d0op] {
    padding: var(--trecker-space-xl);
}

/* --- Page header --- */
.ec-header[b-3yn8m8d0op] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

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

.ec-header .TreckerPageTitle[b-3yn8m8d0op] {
    margin: 0;
}

/* --- Card body --- */
.ec-card[b-3yn8m8d0op] {
    padding: var(--trecker-space-xl);
}

/* --- Section headers --- */
.ec-section-header[b-3yn8m8d0op] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.ec-section-header--spaced[b-3yn8m8d0op] {
    margin-top: var(--trecker-space-lg);
}

.ec-section-icon[b-3yn8m8d0op] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.ec-section-icon--primary[b-3yn8m8d0op] { color: var(--trecker-primary); }
.ec-section-icon--info[b-3yn8m8d0op] { color: var(--trecker-info); }
.ec-section-icon--accent[b-3yn8m8d0op] { color: var(--trecker-accent); }

/* --- Form row (flex wrap layout for side-by-side fields) --- */
.ec-form-row[b-3yn8m8d0op] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.ec-field-half[b-3yn8m8d0op] {
    flex: 1 1 300px;
    min-width: 0;
}

.ec-field-third[b-3yn8m8d0op] {
    flex: 1 1 200px;
    min-width: 0;
}

/* --- Upload area --- */
.ec-upload-wrap[b-3yn8m8d0op] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    max-width: 480px;
}

.ec-upload-zone[b-3yn8m8d0op] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    background: var(--trecker-bg-secondary);
    border: 2px dashed var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-lg);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.ec-upload-zone:hover[b-3yn8m8d0op] {
    border-color: var(--trecker-accent);
    background: rgba(var(--trecker-accent-rgb, 245,158,11), 0.04);
}

.ec-upload-zone-icon[b-3yn8m8d0op] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: rgba(var(--trecker-accent-rgb, 245,158,11), 0.12);
    border-radius: var(--trecker-border-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-accent);
}

.ec-upload-zone-text[b-3yn8m8d0op] {
    flex: 1;
    min-width: 0;
}

.ec-upload-hint-title[b-3yn8m8d0op] {
    display: block;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.ec-upload-hint-sub[b-3yn8m8d0op] {
    display: block;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    margin-top: 2px;
}

.ec-upload-choose-btn[b-3yn8m8d0op] {
    flex-shrink: 0;
    padding: 6px 14px;
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-primary);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    white-space: nowrap;
    pointer-events: none;
}


.ec-upload-preview[b-3yn8m8d0op] {
    position: relative;
    max-width: 320px;
    aspect-ratio: 16 / 9;
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    border: 1px solid var(--trecker-border-medium);
}

.ec-upload-preview img[b-3yn8m8d0op] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ec-remove-btn[b-3yn8m8d0op] {
    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-3yn8m8d0op] {
    text-decoration: underline;
}

.ec-remove-btn:focus-visible[b-3yn8m8d0op] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
    border-radius: var(--trecker-border-radius-sm);
}

.ec-upload-note[b-3yn8m8d0op] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    margin-top: 0;
}

/* --- No-access card --- */
.ec-no-access[b-3yn8m8d0op] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

/* --- Form actions row --- */
.ec-actions[b-3yn8m8d0op] {
    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-3yn8m8d0op] {
        padding: var(--trecker-space-md);
    }

    .ec-card[b-3yn8m8d0op] {
        padding: var(--trecker-space-md);
    }

    .ec-field-half[b-3yn8m8d0op],
    .ec-field-third[b-3yn8m8d0op] {
        flex: 1 1 100%;
    }

    .ec-upload-wrap[b-3yn8m8d0op] {
        max-width: 100%;
    }

    .ec-actions[b-3yn8m8d0op] {
        flex-direction: column;
    }

    .ec-actions .TreckerButton[b-3yn8m8d0op],
    .ec-actions a.TreckerButton[b-3yn8m8d0op] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/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-dxaq7jjhe2] {
    padding: var(--trecker-space-xl);
    min-height: 100vh;
}

.ecg-no-access[b-dxaq7jjhe2] {
    padding: var(--trecker-space-xl);
    text-align: center;
}

/* --- Wizard shell --- */
.ecg-wizard[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    font-weight: 500;
}

.ecg-progress-title[b-dxaq7jjhe2] {
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-primary);
    font-weight: 600;
}

.ecg-progress-track[b-dxaq7jjhe2] {
    height: 6px;
    background: var(--trecker-bg-tertiary);
    border-radius: 999px;
    overflow: hidden;
}

.ecg-progress-fill[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    margin: var(--trecker-space-md) var(--trecker-space-xl) 0;
}

/* --- Step body --- */
.ecg-body[b-dxaq7jjhe2] {
    padding: var(--trecker-space-xl);
    flex: 1 1 auto;
}

.ecg-step[b-dxaq7jjhe2] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.ecg-step-title[b-dxaq7jjhe2] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
}

.ecg-step-desc[b-dxaq7jjhe2] {
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-secondary);
    margin: 0;
    line-height: 1.5;
}

.ecg-section-title[b-dxaq7jjhe2] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin-top: var(--trecker-space-sm);
}

.ecg-hint[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.ecg-field-half[b-dxaq7jjhe2] {
    flex: 1 1 280px;
    min-width: 0;
}

.ecg-field-third[b-dxaq7jjhe2] {
    flex: 1 1 180px;
    min-width: 0;
}

/* --- Type cards (step 1) --- */
.ecg-type-cards[b-dxaq7jjhe2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
}

.ecg-type-card[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    outline: 3px solid var(--trecker-accent);
    outline-offset: 2px;
}

.ecg-type-card--active[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    background: rgba(var(--trecker-primary-rgb, 59,130,246), 0.15);
    color: var(--trecker-primary);
}

.ecg-type-card-icon--accent[b-dxaq7jjhe2] {
    background: rgba(var(--trecker-accent-rgb, 245,158,11), 0.15);
    color: var(--trecker-accent);
}

.ecg-type-card-icon--redirect[b-dxaq7jjhe2] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
}

.ecg-type-card-icon--meetup[b-dxaq7jjhe2] {
    background: rgba(139, 92, 246, 0.15);
    color: #7c3aed;
}

.ecg-type-card-title[b-dxaq7jjhe2] {
    font-size: 1rem;
    margin: 0;
}

.ecg-type-card-desc[b-dxaq7jjhe2] {
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
}

.ecg-type-card-badge[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    background: rgba(var(--trecker-primary-rgb, 59,130,246), 0.15);
    color: var(--trecker-primary);
}

.ecg-type-card-badge--accent[b-dxaq7jjhe2] {
    background: rgba(var(--trecker-accent-rgb, 245,158,11), 0.15);
    color: var(--trecker-accent);
}

.ecg-type-card-badge--redirect[b-dxaq7jjhe2] {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
}

.ecg-type-card-badge--meetup[b-dxaq7jjhe2] {
    background: rgba(139, 92, 246, 0.15);
    color: #7c3aed;
}

/* --- Toggle text helper --- */
.ecg-toggles[b-dxaq7jjhe2] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.ecg-toggle-text[b-dxaq7jjhe2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.4;
}

.ecg-toggle-text strong[b-dxaq7jjhe2] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
}

.ecg-toggle-text small[b-dxaq7jjhe2] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

/* --- Upload --- */
.ecg-upload-wrap[b-dxaq7jjhe2] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    max-width: 480px;
}

.ecg-upload-zone[b-dxaq7jjhe2] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    background: var(--trecker-bg-primary);
    border: 2px dashed var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-lg);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.ecg-upload-zone:hover[b-dxaq7jjhe2] {
    border-color: var(--trecker-accent);
    background: rgba(var(--trecker-accent-rgb, 245,158,11), 0.04);
}

.ecg-upload-zone-icon[b-dxaq7jjhe2] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: rgba(var(--trecker-accent-rgb, 245,158,11), 0.12);
    border-radius: var(--trecker-border-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-accent);
}

.ecg-upload-zone-text[b-dxaq7jjhe2] {
    flex: 1;
    min-width: 0;
}

.ecg-upload-hint-title[b-dxaq7jjhe2] {
    display: block;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.ecg-upload-hint-sub[b-dxaq7jjhe2] {
    display: block;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    margin-top: 2px;
}

.ecg-upload-choose-btn[b-dxaq7jjhe2] {
    flex-shrink: 0;
    padding: 6px 14px;
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    white-space: nowrap;
    pointer-events: none;
}


.ecg-upload-preview[b-dxaq7jjhe2] {
    position: relative;
    max-width: 300px;
    aspect-ratio: 16 / 9;
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    border: 1px solid var(--trecker-border-medium);
}

.ecg-upload-preview img[b-dxaq7jjhe2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ecg-remove-btn[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    text-decoration: underline;
}

.ecg-remove-btn:focus-visible[b-dxaq7jjhe2] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
    border-radius: var(--trecker-border-radius-sm);
}

/* --- Redirect button rows (ExternalRedirect type) --- */
.ecg-redirect-row[b-dxaq7jjhe2] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: center;
    margin-bottom: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ecg-redirect-label[b-dxaq7jjhe2] { flex: 1 1 180px; min-width: 0; }
.ecg-redirect-url[b-dxaq7jjhe2]   { flex: 2 1 260px; min-width: 0; }
.ecg-redirect-del[b-dxaq7jjhe2]   { flex-shrink: 0; }

/* --- Summary cards --- */
.ecg-summary-card[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    margin: 0;
    font-size: var(--trecker-font-size-base);
}

.ecg-edit-btn[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    background: var(--trecker-bg-tertiary);
    border-color: var(--trecker-primary);
}

.ecg-edit-btn:focus-visible[b-dxaq7jjhe2] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
}

.ecg-summary-list[b-dxaq7jjhe2] {
    display: grid;
    grid-template-columns: minmax(140px, auto) 1fr;
    gap: 6px var(--trecker-space-md);
    margin: 0;
}

.ecg-summary-list dt[b-dxaq7jjhe2] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
}

.ecg-summary-list dd[b-dxaq7jjhe2] {
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    margin: 0;
    word-break: break-word;
}

/* --- Footer --- */
.ecg-footer[b-dxaq7jjhe2] {
    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-dxaq7jjhe2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
}

.ecg-footer-btn--cancel[b-dxaq7jjhe2] {
    margin-right: auto;
}

.ecg-footer-btn--primary[b-dxaq7jjhe2] {
    margin-left: auto;
}

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

    .ecg-wizard[b-dxaq7jjhe2] {
        border-radius: var(--trecker-border-radius-lg);
        min-height: calc(100vh - var(--trecker-space-md) * 2);
    }

    .ecg-progress[b-dxaq7jjhe2],
    .ecg-body[b-dxaq7jjhe2],
    .ecg-footer[b-dxaq7jjhe2] {
        padding-left: var(--trecker-space-md);
        padding-right: var(--trecker-space-md);
    }

    .ecg-type-cards[b-dxaq7jjhe2] {
        grid-template-columns: 1fr 1fr;
    }
}

/* ============================================================================
   RESPONSIVE: Small tablet (max-width: 600px)
   ============================================================================ */
@media (max-width: 600px) {
    .ecg-type-cards[b-dxaq7jjhe2] {
        grid-template-columns: 1fr;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .ecg-page[b-dxaq7jjhe2] {
        padding: 0;
    }

    .ecg-wizard[b-dxaq7jjhe2] {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        min-height: 100vh;
    }

    .ecg-progress[b-dxaq7jjhe2] {
        padding: var(--trecker-space-md);
    }

    .ecg-body[b-dxaq7jjhe2] {
        padding: var(--trecker-space-md);
    }

    .ecg-footer[b-dxaq7jjhe2] {
        padding: var(--trecker-space-md);
        gap: var(--trecker-space-xs);
    }

    .ecg-field-half[b-dxaq7jjhe2],
    .ecg-field-third[b-dxaq7jjhe2] {
        flex: 1 1 100%;
    }

    .ecg-upload-wrap[b-dxaq7jjhe2] {
        max-width: 100%;
    }

    .ecg-footer-btn[b-dxaq7jjhe2] {
        flex: 1 1 auto;
        justify-content: center;
        padding: 10px 8px;
    }

    .ecg-footer-btn--cancel[b-dxaq7jjhe2] {
        flex: 0 0 auto;
        margin-right: 0;
        padding: 10px 12px;
    }

    .ecg-footer-btn--primary[b-dxaq7jjhe2] {
        margin-left: 0;
    }

    .ecg-summary-list[b-dxaq7jjhe2] {
        grid-template-columns: 1fr;
        gap: 2px var(--trecker-space-md);
    }

    .ecg-summary-list dt[b-dxaq7jjhe2] {
        margin-top: var(--trecker-space-xs);
    }
}
/* _content/TreckerTreckWebsite.Shared/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-o6ms45rfj4] {
    white-space: nowrap;
}

/* --- Tab strip: clearer, more obviously-clickable reiter --- */
.ee-tabs-hint[b-o6ms45rfj4] {
    margin: var(--trecker-space-md) 0 6px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ee-tablist[b-o6ms45rfj4] {
    gap: 6px;
    row-gap: 6px;
    flex-wrap: wrap;
    border-bottom: 2px solid var(--trecker-border-medium, var(--trecker-border));
    padding-bottom: 0;
}

/* Inactive tabs read as raised, clickable buttons */
.ee-tablist .TreckerTab[b-o6ms45rfj4] {
    border: 1px solid var(--trecker-border-medium, var(--trecker-border));
    border-bottom: 2px solid transparent;
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    font-weight: 600;
    opacity: 0.9;
    transition: transform 0.12s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ee-tablist .TreckerTab:hover[b-o6ms45rfj4] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-primary);
    border-color: var(--trecker-accent);
    opacity: 1;
    transform: translateY(-2px);
}

/* Active tab: filled, accent-bordered, connected to the panel below */
.ee-tablist .TreckerTab.TreckerTabActive[b-o6ms45rfj4] {
    background: var(--trecker-bg-card);
    color: var(--trecker-accent);
    border-color: var(--trecker-accent);
    border-bottom: 3px solid var(--trecker-accent);
    opacity: 1;
    box-shadow: 0 -3px 8px -4px rgba(0,0,0,0.25);
    transform: none;
}

.ee-tablist .TreckerTab svg[b-o6ms45rfj4] { opacity: 0.85; }
.ee-tablist .TreckerTab.TreckerTabActive svg[b-o6ms45rfj4] { opacity: 1; }

/* --- Zusatzfelder header: keep the two buttons together --- */
.ee-section-action--group[b-o6ms45rfj4] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

/* ==========================================================================
   Anmeldeformular-Vorschau modal
   ========================================================================== */
.ee-preview-modal[b-o6ms45rfj4] {
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.ee-preview-head[b-o6ms45rfj4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
}

.ee-preview-toggle[b-o6ms45rfj4] {
    display: inline-flex;
    align-self: flex-start;
    margin-top: var(--trecker-space-md);
    border: 1px solid var(--trecker-border-medium, var(--trecker-border));
    border-radius: 999px;
    overflow: hidden;
    background: var(--trecker-bg-secondary);
}

.ee-preview-toggle-btn[b-o6ms45rfj4] {
    appearance: none;
    background: transparent;
    border: 0;
    padding: 8px 18px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    min-height: 40px;
    transition: background 0.12s, color 0.12s;
}

.ee-preview-toggle-btn:hover[b-o6ms45rfj4] { color: var(--trecker-text-primary); }

.ee-preview-toggle-btn.is-active[b-o6ms45rfj4] {
    background: var(--trecker-accent);
    color: #fff;
}

.ee-preview-body[b-o6ms45rfj4] {
    margin-top: var(--trecker-space-md);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    padding-right: 4px;
}

.ee-preview-note[b-o6ms45rfj4] {
    font-size: 0.82rem;
    color: var(--trecker-text-secondary);
    background: var(--trecker-primary-soft, rgba(0,122,255,0.10));
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    padding: 10px 12px;
    line-height: 1.4;
}

.ee-preview-group[b-o6ms45rfj4] {
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg, 12px);
    background: var(--trecker-bg-secondary);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ee-preview-group-title[b-o6ms45rfj4] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
    margin: 0 0 2px;
}

.ee-preview-group .TreckerFormGroup[b-o6ms45rfj4] { margin-bottom: 0; }

.ee-preview-grid[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--trecker-space-sm);
}

.ee-preview-req[b-o6ms45rfj4] { color: var(--trecker-error, #ff3b30); }

.ee-preview-check[b-o6ms45rfj4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: default;
}

.ee-preview-footer[b-o6ms45rfj4] {
    margin-top: var(--trecker-space-md);
    display: flex;
    justify-content: flex-end;
    gap: var(--trecker-space-sm);
}

/* Preview inputs read as clearly non-editable */
.ee-preview-body input[disabled][b-o6ms45rfj4],
.ee-preview-body select[disabled][b-o6ms45rfj4],
.ee-preview-body textarea[disabled][b-o6ms45rfj4] {
    opacity: 0.75;
    cursor: default;
}

/* --- Remove button for images (proper touch target) --- */
.eventedit-remove-btn[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    text-decoration: underline;
}

.eventedit-remove-btn:focus-visible[b-o6ms45rfj4] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
    border-radius: var(--trecker-border-radius-sm);
}

/* --- Days tab row --- */
.eventedit-day-row[b-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    align-items: flex-end;
}

.eventedit-day-nr[b-o6ms45rfj4] {
    flex: 0 0 80px;
    margin-bottom: 0;
}

.eventedit-day-date[b-o6ms45rfj4] {
    flex: 1 1 150px;
    min-width: 0;
    margin-bottom: 0;
}

.eventedit-day-title[b-o6ms45rfj4] {
    flex: 1 1 200px;
    min-width: 0;
    margin-bottom: 0;
}

.eventedit-day-time[b-o6ms45rfj4] {
    flex: 0 0 120px;
    margin-bottom: 0;
}

.eventedit-day-actions[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.eventedit-signup-row .TreckerFormGroup[b-o6ms45rfj4] {
    margin-bottom: 0;
}

.eventedit-signup-name[b-o6ms45rfj4] {
    flex: 1 1 200px;
    min-width: 0;
}

.eventedit-signup-datetime[b-o6ms45rfj4] {
    flex: 1 1 160px;
    min-width: 0;
}

.eventedit-signup-row2[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    margin-bottom: 0;
}

.eventedit-signup-num[b-o6ms45rfj4] {
    flex: 1 1 100px;
    min-width: 80px;
}

.eventedit-signup-sort[b-o6ms45rfj4] {
    flex: 0 1 80px;
    min-width: 60px;
}

.eventedit-signup-check[b-o6ms45rfj4] {
    flex: 0 1 auto;
    display: flex;
    align-items: flex-end;
}

.eventedit-checkbox-label[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 10px 4px;
    min-height: 44px;
}

.eventedit-checkbox[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    cursor: pointer;
    min-height: 44px;
}

.eventedit-signup-badges[b-o6ms45rfj4] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: center;
    flex-wrap: wrap;
}

/* --- Championship linked section --- */
.eventedit-champ-linked[b-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    justify-content: space-between;
}

.eventedit-champ-name[b-o6ms45rfj4] {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.eventedit-champ-select-row[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    padding: 8px 16px;
    min-height: 44px;
    white-space: nowrap;
}

/* --- Signup action bar (save/delete + championship) --- */
.eventedit-signup-actionbar[b-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
}

.eventedit-signup-actionbar-left[b-o6ms45rfj4] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

.eventedit-signup-actionbar-right[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    margin-left: auto;
    flex-wrap: wrap;
}

.eventedit-champ-badge[b-o6ms45rfj4] {
    background: linear-gradient(135deg, #FFD60A, #FF9500);
    color: #000;
}

.eventedit-champ-select[b-o6ms45rfj4] {
    font-size: var(--trecker-font-size-sm);
    padding: 6px 8px;
    min-width: 160px;
    min-height: 44px;
}

/* --- Inline Klassen section --- */
.eventedit-classes-section[b-o6ms45rfj4] {
    margin-top: var(--trecker-space-lg);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
}

.eventedit-classes-header[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    text-decoration: underline;
}

.eventedit-classes-empty[b-o6ms45rfj4] {
    margin: 0;
}

.eventedit-classes-list[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* --- Class summary row (read-only) --- */
.eventedit-class-row[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    background: var(--trecker-bg-hover, rgba(255,255,255,0.06));
}

.eventedit-class-col-name[b-o6ms45rfj4] {
    flex: 2 1 140px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eventedit-class-col-cat[b-o6ms45rfj4] {
    flex: 1 1 80px;
}

.eventedit-class-col-fee[b-o6ms45rfj4] {
    flex: 0 1 80px;
    text-align: right;
}

.eventedit-class-col-max[b-o6ms45rfj4] {
    flex: 0 1 60px;
    text-align: right;
}

.eventedit-class-col-actions[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    padding: 8px;
    min-height: 36px;
    min-width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* --- Class edit form --- */
.eventedit-class-edit[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    margin-bottom: 0;
}

.eventedit-class-edit-row1[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: var(--trecker-space-sm);
}

.eventedit-class-edit-row2[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    min-width: 0;
}

.eventedit-class-edit-field-weight[b-o6ms45rfj4] {
    min-width: 0;
}

.eventedit-class-edit-field-cat[b-o6ms45rfj4] {
    min-width: 0;
}

.eventedit-class-edit-field-sm[b-o6ms45rfj4] {
    min-width: 0;
}

.eventedit-class-edit-field-sort[b-o6ms45rfj4] {
    min-width: 0;
}

.eventedit-class-edit-actions[b-o6ms45rfj4] {
    display: flex;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-sm);
}

/* --- Sponsor form rows --- */
.eventedit-sponsor-assign-row[b-o6ms45rfj4] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: flex-end;
}

.eventedit-sponsor-form-row[b-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: flex-end;
}

.eventedit-sponsor-form-row .TreckerFormGroup[b-o6ms45rfj4] {
    margin-bottom: 0;
}

.eventedit-sponsor-name[b-o6ms45rfj4] {
    flex: 1 1 200px;
    min-width: 0;
}

.eventedit-sponsor-website[b-o6ms45rfj4] {
    flex: 1 1 200px;
    min-width: 0;
}

.eventedit-sponsor-tier[b-o6ms45rfj4] {
    flex: 1 1 140px;
    min-width: 100px;
}

.eventedit-sponsor-logo-row[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    flex: 1 1 250px;
    min-width: 0;
    margin-bottom: 0;
}

.eventedit-file-input[b-o6ms45rfj4] {
    font-size: var(--trecker-font-size-sm);
    padding: 8px;
}

/* InputFile inside .TreckerInput — ensure consistent height and alignment */
[b-o6ms45rfj4] .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-o6ms45rfj4] {
    flex: 0 0 auto;
}

.eventedit-sponsor-logo-preview img[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    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-o6ms45rfj4],
.eventedit-address-result:focus-visible[b-o6ms45rfj4] {
    background: var(--trecker-bg-hover, rgba(255,255,255,0.06));
}

.eventedit-address-result:focus-visible[b-o6ms45rfj4] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: -2px;
}

.eventedit-address-result + .eventedit-address-result[b-o6ms45rfj4] {
    border-top: 1px solid var(--trecker-border);
}

.eventedit-address-result svg[b-o6ms45rfj4] {
    margin-top: 3px;
    color: var(--trecker-accent);
}

/* --- Form action button row (General tab save/back) --- */
.eventedit-form-actions[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
        flex: 0 0 70px;
    }

    .eventedit-day-time[b-o6ms45rfj4] {
        flex: 1 1 100px;
        min-width: 0;
    }

    .eventedit-day-actions[b-o6ms45rfj4] {
        width: 100%;
        justify-content: flex-end;
        padding-top: var(--trecker-space-xs);
    }

    /* Signup: ensure number fields stack in pairs */
    .eventedit-signup-num[b-o6ms45rfj4] {
        flex: 1 1 calc(50% - var(--trecker-space-sm));
    }

    /* Championship link row stacks */
    .eventedit-champ-linked[b-o6ms45rfj4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .eventedit-champ-linked .eventedit-btn-compact[b-o6ms45rfj4] {
        align-self: flex-start;
    }

    /* Signup action bar: stack on tablet */
    .eventedit-signup-actionbar-right[b-o6ms45rfj4] {
        margin-left: 0;
        width: 100%;
    }

    .eventedit-champ-select[b-o6ms45rfj4] {
        flex: 1 1 140px;
        min-width: 0;
    }

    /* Class edit: 2-column grid on tablet */
    .eventedit-class-edit-row1[b-o6ms45rfj4] {
        grid-template-columns: 1fr 1fr;
    }

    .eventedit-class-edit-row2[b-o6ms45rfj4] {
        grid-template-columns: 1fr 1fr 80px;
    }

    /* Class row: hide category/fee/max columns */
    .eventedit-class-col-cat[b-o6ms45rfj4],
    .eventedit-class-col-fee[b-o6ms45rfj4],
    .eventedit-class-col-max[b-o6ms45rfj4] {
        display: none;
    }

    .eventedit-class-col-name[b-o6ms45rfj4] {
        flex: 1 1 auto;
    }

    /* Sponsor form — tier field grows */
    .eventedit-sponsor-tier[b-o6ms45rfj4] {
        flex: 1 1 100%;
    }

    /* Logo preview below the input */
    .eventedit-sponsor-logo-preview[b-o6ms45rfj4] {
        width: 100%;
    }

    .eventedit-sponsor-logo-preview img[b-o6ms45rfj4] {
        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-o6ms45rfj4] {
        display: none;
    }

    /* Days: all fields full width */
    .eventedit-day-nr[b-o6ms45rfj4],
    .eventedit-day-date[b-o6ms45rfj4],
    .eventedit-day-title[b-o6ms45rfj4],
    .eventedit-day-time[b-o6ms45rfj4] {
        flex: 1 1 100%;
    }

    .eventedit-day-nr[b-o6ms45rfj4] {
        flex: 1 1 calc(50% - var(--trecker-space-md));
    }

    .eventedit-day-date[b-o6ms45rfj4] {
        flex: 1 1 calc(50% - var(--trecker-space-md));
    }

    .eventedit-day-actions[b-o6ms45rfj4] {
        width: 100%;
    }

    .eventedit-day-actions .TreckerButton[b-o6ms45rfj4] {
        flex: 1;
    }

    /* Signup form: all fields full width */
    .eventedit-signup-name[b-o6ms45rfj4],
    .eventedit-signup-datetime[b-o6ms45rfj4] {
        flex: 1 1 100%;
    }

    .eventedit-signup-num[b-o6ms45rfj4] {
        flex: 1 1 calc(50% - var(--trecker-space-sm));
    }

    .eventedit-signup-sort[b-o6ms45rfj4] {
        flex: 1 1 calc(50% - var(--trecker-space-sm));
    }

    .eventedit-signup-check[b-o6ms45rfj4] {
        flex: 0 0 auto;
    }

    /* Signup summary: stack vertically */
    .eventedit-signup-summary[b-o6ms45rfj4] {
        gap: var(--trecker-space-sm);
    }

    .eventedit-signup-badges[b-o6ms45rfj4] {
        width: 100%;
        gap: var(--trecker-space-xs);
    }

    /* Championship select: stack */
    .eventedit-champ-select-row[b-o6ms45rfj4] {
        flex-direction: column;
    }

    .eventedit-champ-select-row .TreckerFormGroup[b-o6ms45rfj4] {
        width: 100%;
    }

    .eventedit-champ-select-row .eventedit-btn-compact[b-o6ms45rfj4] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Signup action bar: full-width stack on phone */
    .eventedit-signup-actionbar[b-o6ms45rfj4] {
        flex-direction: column;
        align-items: stretch;
    }

    .eventedit-signup-actionbar-left[b-o6ms45rfj4] {
        width: 100%;
    }

    .eventedit-signup-actionbar-left .TreckerButton[b-o6ms45rfj4] {
        flex: 1;
        text-align: center;
        justify-content: center;
    }

    .eventedit-signup-actionbar-right[b-o6ms45rfj4] {
        width: 100%;
        flex-direction: column;
    }

    .eventedit-champ-select[b-o6ms45rfj4] {
        width: 100%;
    }

    .eventedit-signup-actionbar-right .TreckerButton[b-o6ms45rfj4] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Class edit: single-column on phone */
    .eventedit-class-edit-row1[b-o6ms45rfj4] {
        grid-template-columns: 1fr;
    }

    .eventedit-class-edit-row2[b-o6ms45rfj4] {
        grid-template-columns: 1fr 1fr;
    }

    /* Class row: full-width name + actions */
    .eventedit-class-row[b-o6ms45rfj4] {
        padding: 10px;
    }

    .eventedit-class-col-name[b-o6ms45rfj4] {
        flex: 1 1 100%;
    }

    .eventedit-class-col-actions[b-o6ms45rfj4] {
        margin-left: 0;
    }

    /* Class edit actions: full width */
    .eventedit-class-edit-actions .TreckerButton[b-o6ms45rfj4] {
        flex: 1;
        text-align: center;
        justify-content: center;
    }

    /* Sponsor form: all fields full width */
    .eventedit-sponsor-name[b-o6ms45rfj4],
    .eventedit-sponsor-website[b-o6ms45rfj4],
    .eventedit-sponsor-tier[b-o6ms45rfj4] {
        flex: 1 1 100%;
    }

    .eventedit-sponsor-assign-row[b-o6ms45rfj4] {
        flex-direction: column;
    }

    .eventedit-sponsor-assign-row .TreckerFormGroup[b-o6ms45rfj4] {
        width: 100%;
    }

    .eventedit-sponsor-assign-row .eventedit-btn-compact[b-o6ms45rfj4] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Form actions: full width on mobile */
    .eventedit-form-actions[b-o6ms45rfj4] {
        flex-direction: column;
    }

    .eventedit-form-actions .TreckerButton[b-o6ms45rfj4],
    .eventedit-form-actions a.TreckerButton[b-o6ms45rfj4] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* Sponsor logo row — stack */
    .eventedit-sponsor-logo-input[b-o6ms45rfj4] {
        flex: 1 1 100%;
    }
}

/* ==========================================================================
   Einbettung tab (External events) — compact, neutral, preview-first UI
   ========================================================================== */
.embedtab[b-o6ms45rfj4] {
    width: 100%;
}
.embedtab-grid[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: var(--trecker-space-lg);
    align-items: start;
}
.embedtab-col[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    min-width: 0;
}
.embedtab-card[b-o6ms45rfj4] {
    padding: var(--trecker-space-lg);
}
.embedtab-card-head[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    font-size: 0.98rem;
    margin: 0;
}
.embedtab-selects[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--trecker-space-md);
}
.embedtab-hint[b-o6ms45rfj4] {
    margin-top: var(--trecker-space-sm);
    margin-bottom: 0;
    line-height: 1.4;
}
.embedtab-toggle[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    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-o6ms45rfj4] { color: var(--trecker-text-primary); }
.embedtab-toggle-btn.is-active[b-o6ms45rfj4] {
    background: var(--trecker-bg-primary);
    color: var(--trecker-text-primary);
    font-weight: 600;
}
.embedtab-code[b-o6ms45rfj4] {
    position: relative;
    margin-top: var(--trecker-space-sm);
}
.embedtab-code-text[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    position: absolute;
    top: 8px;
    right: 8px;
}
.embedtab-url[b-o6ms45rfj4] {
    margin-top: var(--trecker-space-md);
}
.embedtab-url-row[b-o6ms45rfj4] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: stretch;
}
.embedtab-url-input[b-o6ms45rfj4] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: "Cascadia Mono", Consolas, monospace;
    font-size: 0.82rem;
}
.embedtab-preview-card[b-o6ms45rfj4] {
    padding: var(--trecker-space-md);
}
.embedtab-preview[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

@media (max-width: 1100px) {
    .embedtab-grid[b-o6ms45rfj4] {
        grid-template-columns: 1fr;
    }
    .embedtab-preview[b-o6ms45rfj4] { height: 560px; }
}
@media (max-width: 520px) {
    .embedtab-selects[b-o6ms45rfj4] { grid-template-columns: 1fr; }
    .embedtab-copy[b-o6ms45rfj4] { position: static; margin-top: var(--trecker-space-sm); width: 100%; justify-content: center; }
    .embedtab-url-row[b-o6ms45rfj4] { flex-direction: column; }
    .embedtab-preview[b-o6ms45rfj4] { 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-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

/* Named section card with header + body */
.ee-section[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: 10px 14px;
    border-bottom: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.ee-section-header[b-o6ms45rfj4]::marker,
.ee-section-header[b-o6ms45rfj4]::-webkit-details-marker {
    display: none;
    content: "";
}

.ee-section:not([open]) > .ee-section-header[b-o6ms45rfj4] {
    border-bottom: none;
}

.ee-section-header:hover[b-o6ms45rfj4] {
    background: var(--trecker-bg-tertiary, var(--trecker-bg-secondary));
}

.ee-section-chevron[b-o6ms45rfj4] {
    flex-shrink: 0;
    color: var(--trecker-text-secondary);
    transition: transform 0.15s ease;
}

.ee-section[open] > .ee-section-header .ee-section-chevron[b-o6ms45rfj4] {
    transform: rotate(90deg);
}

.ee-section-header-icon[b-o6ms45rfj4] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    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-o6ms45rfj4] {
    flex: 1 1 auto;
    min-width: 0;
}

.ee-section-title[b-o6ms45rfj4] {
    font-size: 0.95rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
    color: var(--trecker-text-primary, var(--trecker-text));
}

.ee-section-sub[b-o6ms45rfj4] {
    font-size: 0.78rem;
    color: var(--trecker-text-secondary);
    margin: 1px 0 0;
    line-height: 1.35;
}

.ee-section-action[b-o6ms45rfj4] {
    flex-shrink: 0;
}

.ee-section-body[b-o6ms45rfj4] {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

/* 2-column responsive layout: auto-collapses to 1 column on narrow widths */
.ee-grid-2[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--trecker-space-sm);
}

/* Toggle row — consistent look for on/off settings */
.ee-toggle[b-o6ms45rfj4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 13px;
    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: 46px;
}

.ee-toggle:hover[b-o6ms45rfj4] {
    border-color: var(--trecker-border-medium, var(--trecker-border));
}

.ee-toggle-input[b-o6ms45rfj4] {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: var(--trecker-success, #34C759);
}

.ee-toggle-body[b-o6ms45rfj4] {
    flex: 1 1 auto;
    min-width: 0;
}

.ee-toggle-title[b-o6ms45rfj4] {
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.25;
    color: var(--trecker-text-primary, var(--trecker-text));
    display: block;
}

.ee-toggle-desc[b-o6ms45rfj4] {
    font-size: 0.78rem;
    color: var(--trecker-text-secondary);
    margin: 2px 0 0;
    line-height: 1.35;
}

.ee-toggle-extra[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    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-o6ms45rfj4] {
    border-color: var(--trecker-border-medium, var(--trecker-border));
}

.ee-toggle-group > .ee-toggle[b-o6ms45rfj4] {
    border: 0;
    border-radius: 0;
    background: transparent;
    min-height: 46px;
}

.ee-toggle-group > .ee-toggle-extra-wrap[b-o6ms45rfj4] {
    padding: 0 16px 14px;
}

.ee-toggle-group > .ee-toggle-extra-wrap > .ee-toggle-extra[b-o6ms45rfj4] {
    margin-top: 0;
}

/* Warteliste-Modus (Task 4): Auto-Nachruecken vs. Veranstalter-Benachrichtigung */
.ee-wl-mode[b-o6ms45rfj4] {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.ee-wl-mode-option[b-o6ms45rfj4] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    cursor: pointer;
}

.ee-wl-mode-option input[type="radio"][b-o6ms45rfj4] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: var(--trecker-success, #34C759);
}

.ee-wl-mode-body[b-o6ms45rfj4] {
    display: block;
    min-width: 0;
}

.ee-wl-mode-title[b-o6ms45rfj4] {
    display: block;
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1.25;
    color: var(--trecker-text-primary, var(--trecker-text));
}

.ee-wl-mode-desc[b-o6ms45rfj4] {
    display: block;
    font-size: 0.78rem;
    color: var(--trecker-text-secondary);
    margin-top: 2px;
    line-height: 1.35;
}

/* Stat callout at top of registration tab */
.ee-stat-bar[b-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: 12px 16px;
    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-o6ms45rfj4] {
    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-o6ms45rfj4] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

/* Sticky save bar pinned to viewport bottom */
.ee-sticky-save[b-o6ms45rfj4] {
    position: sticky;
    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-o6ms45rfj4] {
    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-o6ms45rfj4] {
    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-o6ms45rfj4] {
    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-o6ms45rfj4] {
    background: var(--trecker-bg-secondary);
}

.ee-signup-summary-main[b-o6ms45rfj4] {
    flex: 1 1 200px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ee-signup-summary-name[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.ee-signup-summary-badges[b-o6ms45rfj4] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.ee-signup-chevron[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    transform: rotate(180deg);
}

.ee-signup-body[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ee-subsection-title[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    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-o6ms45rfj4] {
    padding-bottom: 0;
    border-bottom: 0;
}

.ee-champ-row[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ee-champ-row .TreckerSelect[b-o6ms45rfj4],
.ee-champ-row select[b-o6ms45rfj4] {
    flex: 1 1 220px;
    min-width: 0;
}

.ee-field-grid[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--trecker-space-sm);
}

.ee-field-grid .TreckerFormGroup[b-o6ms45rfj4] {
    margin-bottom: 0;
    min-width: 0;
}

/* Two state-toggle pills on one row */
.ee-pill-row[b-o6ms45rfj4] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ee-pill[b-o6ms45rfj4] {
    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-o6ms45rfj4] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--trecker-success, #34C759);
}

.ee-pill:hover[b-o6ms45rfj4] {
    border-color: var(--trecker-success, #34C759);
}

.ee-pill--on[b-o6ms45rfj4] {
    border-color: var(--trecker-success, #34C759);
    background: rgba(52,199,89,0.08);
}

.ee-actionbar[b-o6ms45rfj4] {
    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-o6ms45rfj4] { flex: 1 1 auto; }

/* Single labelled field stack (used for inline numeric/text fields) */
.ee-field-row[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* ---- General tab: compact grouped form helpers ---- */
.ee-form-grid[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--trecker-space-sm);
}

.ee-form-grid .TreckerFormGroup[b-o6ms45rfj4] {
    margin-bottom: 0;
    min-width: 0;
}

.ee-stack[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ee-stack .TreckerFormGroup[b-o6ms45rfj4] { margin-bottom: 0; }

/* select + descriptive text on one line (Bahnen / Versuche) */
.ee-inline-control[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ee-inline-control select[b-o6ms45rfj4] {
    width: auto;
    min-width: 88px;
}

.ee-hint[b-o6ms45rfj4] {
    font-size: 0.72rem;
    color: var(--trecker-text-secondary);
    margin: 2px 0 0;
    line-height: 1.4;
}

/* Address search row */
.ee-addr-row[b-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: flex-end;
}

.ee-addr-input[b-o6ms45rfj4] {
    flex: 1 1 260px;
    min-width: 0;
    margin-bottom: 0;
}

.ee-addr-results[b-o6ms45rfj4] {
    padding: var(--trecker-space-sm);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    max-height: 200px;
    overflow-y: auto;
}

/* Map container */
.ee-map[b-o6ms45rfj4] {
    width: 100%;
    height: 320px;
    border-radius: var(--trecker-border-radius-lg);
    border: 1px solid var(--trecker-border-medium);
    z-index: 0;
}

/* Images grid */
.ee-img-grid[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: var(--trecker-space-md);
}

/* Theme picker swatches */
.ee-theme-grid[b-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

@media (max-width: 480px) {
    .ee-map[b-o6ms45rfj4] { height: 240px; }
    .ee-inline-control select[b-o6ms45rfj4] { flex: 1 1 auto; }
}

/* Mobile tightening */
@media (max-width: 640px) {
    .ee-section-header[b-o6ms45rfj4] { padding: 12px 14px; flex-wrap: wrap; }
    .ee-section-body[b-o6ms45rfj4] { padding: 14px; }
    .ee-signup-summary[b-o6ms45rfj4] { padding: 12px 14px; }
    .ee-signup-body[b-o6ms45rfj4] { padding: 14px; gap: var(--trecker-space-md); }
    .ee-sticky-save[b-o6ms45rfj4] { padding: 10px 14px; }
    .ee-sticky-save .TreckerButton[b-o6ms45rfj4] { flex: 1 1 auto; }

    /* Header actions (e.g. Zusatzfelder's two buttons) drop to their own
       full-width row instead of squeezing .ee-section-header-text to zero
       width, which forced its text to wrap one letter per line. */
    .ee-section-action[b-o6ms45rfj4] {
        order: 5;
        flex: 1 1 100%;
        display: flex;
        margin-top: 8px;
        justify-content: flex-end;
    }
}
@media (max-width: 420px) {
    .ee-toggle[b-o6ms45rfj4] { padding: 12px; }
    .ee-stat-bar[b-o6ms45rfj4] { padding: 14px; }
    .ee-subsection-title[b-o6ms45rfj4] { font-size: 0.72rem; }
}

/* Desktop 2-column grid for settings pages */
@media (min-width: 1024px) {
    .ee-settings-page[b-o6ms45rfj4] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--trecker-space-md);
        align-items: start;
    }

    .ee-section--full[b-o6ms45rfj4],
    .ee-sticky-save[b-o6ms45rfj4] {
        grid-column: 1 / -1;
    }
}

/* ===== Weiterleitung tab — redirect button editor ===== */
.ee-redirect-btn-row[b-o6ms45rfj4] {
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-md);
    margin-bottom: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ee-redirect-fields[b-o6ms45rfj4] {
    display: flex;
    flex: 1 1 0;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ee-redirect-label-group[b-o6ms45rfj4] { flex: 1 1 180px; min-width: 0; margin-bottom: 0; }
.ee-redirect-url-group[b-o6ms45rfj4]   { flex: 2 1 260px; min-width: 0; margin-bottom: 0; }

.ee-redirect-actions[b-o6ms45rfj4] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
    align-items: flex-end;
}

@media (max-width: 560px) {
    .ee-redirect-btn-row[b-o6ms45rfj4] { flex-direction: column; align-items: stretch; }
    .ee-redirect-actions[b-o6ms45rfj4] { justify-content: flex-end; }
}

/* ── Standard-Anmeldefelder (Sichtbarkeit/Pflicht pro Feld) ─────────────── */

.ee-sf-hint[b-o6ms45rfj4] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: 0 0 var(--trecker-space-md);
}

.ee-sf-groups[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--trecker-space-lg);
}

.ee-sf-group-title[b-o6ms45rfj4] {
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--trecker-text-secondary);
}

.ee-sf-row[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-xs) 0;
    border-bottom: 1px solid var(--trecker-border-light);
}

.ee-sf-row:last-child[b-o6ms45rfj4] { border-bottom: none; }

.ee-sf-label[b-o6ms45rfj4] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ee-sf-select[b-o6ms45rfj4] {
    flex: 0 0 150px;
    max-width: 150px;
}

@media (max-width: 420px) {
    .ee-sf-row[b-o6ms45rfj4] { flex-wrap: wrap; }
    .ee-sf-select[b-o6ms45rfj4] { flex: 1 1 100%; max-width: 100%; }
}

/* ── Anmelde-Workflow-Simulation (Popup) ─────────────────────────────────── */

.ee-wfsim-open[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border: 1px dashed var(--trecker-primary, #34C759);
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-secondary);
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, background 0.15s ease;
    font: inherit;
    color: inherit;
}

.ee-wfsim-open:hover[b-o6ms45rfj4] {
    background: var(--trecker-bg-tertiary, var(--trecker-bg-secondary));
}

.ee-wfsim-open-icon[b-o6ms45rfj4] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--trecker-success, #34C759) 15%, transparent);
    color: var(--trecker-success, #34C759);
}

.ee-wfsim-open-text[b-o6ms45rfj4] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ee-wfsim-open-title[b-o6ms45rfj4] {
    font-weight: 600;
    font-size: 0.9rem;
}

.ee-wfsim-open-sub[b-o6ms45rfj4] {
    font-size: 0.78rem;
    color: var(--trecker-text-secondary);
}

.ee-wfsim-open-chevron[b-o6ms45rfj4] {
    flex-shrink: 0;
    color: var(--trecker-text-secondary);
}

.ee-wfsim-intro[b-o6ms45rfj4] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

.ee-wfsim-layout[b-o6ms45rfj4] {
    display: grid;
    grid-template-columns: minmax(240px, 340px) 1fr;
    gap: var(--trecker-space-lg);
    align-items: start;
}

@media (max-width: 760px) {
    .ee-wfsim-layout[b-o6ms45rfj4] { grid-template-columns: 1fr; }
}

.ee-wfsim-controls[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.ee-wfsim-heading[b-o6ms45rfj4] {
    margin: 0 0 var(--trecker-space-xs);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-secondary);
}

.ee-wfsim-heading--scenario[b-o6ms45rfj4] {
    margin-top: var(--trecker-space-md);
}

.ee-wfsim-scenario-hint[b-o6ms45rfj4] {
    font-size: 0.75rem;
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-xs);
}

.ee-wfsim-toggle[b-o6ms45rfj4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 11px;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-secondary);
    cursor: pointer;
}

.ee-wfsim-toggle input[type="checkbox"][b-o6ms45rfj4] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    flex-shrink: 0;
    accent-color: var(--trecker-success, #34C759);
    cursor: pointer;
}

.ee-wfsim-toggle--scenario[b-o6ms45rfj4] {
    border-style: dashed;
}

.ee-wfsim-toggle-body[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ee-wfsim-toggle-title[b-o6ms45rfj4] {
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1.25;
}

.ee-wfsim-toggle-desc[b-o6ms45rfj4] {
    font-size: 0.74rem;
    color: var(--trecker-text-secondary);
    line-height: 1.3;
    margin-top: 1px;
}

.ee-wfsim-radio-group[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 2px 0 4px 12px;
    padding-left: 12px;
    border-left: 2px dashed var(--trecker-border);
}

.ee-wfsim-radio[b-o6ms45rfj4] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.8rem;
    cursor: pointer;
}

.ee-wfsim-radio input[b-o6ms45rfj4] {
    margin-top: 2px;
    accent-color: var(--trecker-success, #34C759);
    cursor: pointer;
}

.ee-wfsim-seg[b-o6ms45rfj4] {
    display: flex;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    overflow: hidden;
    margin-bottom: 2px;
}

.ee-wfsim-seg-btn[b-o6ms45rfj4] {
    flex: 1 1 0;
    padding: 8px 10px;
    border: 0;
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.ee-wfsim-seg-btn--on[b-o6ms45rfj4] {
    background: var(--trecker-success, #34C759);
    color: #fff;
}

/* Flow timeline */

.ee-wfsim-flow[b-o6ms45rfj4] {
    min-width: 0;
}

.ee-wfsim-timeline[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
}

.ee-wfsim-node[b-o6ms45rfj4] {
    display: flex;
    gap: 12px;
    min-width: 0;
}

.ee-wfsim-node-rail[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 26px;
}

.ee-wfsim-node-dot[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    flex-shrink: 0;
}

.ee-wfsim-node-line[b-o6ms45rfj4] {
    flex: 1 1 auto;
    width: 2px;
    min-height: 14px;
    background: var(--trecker-border);
    margin: 2px 0;
}

.ee-wfsim-node-body[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-bottom: 16px;
}

.ee-wfsim-node-title[b-o6ms45rfj4] {
    font-weight: 600;
    font-size: 0.88rem;
    line-height: 26px;
}

.ee-wfsim-node-desc[b-o6ms45rfj4] {
    font-size: 0.78rem;
    color: var(--trecker-text-secondary);
    line-height: 1.4;
}

.ee-wfsim-node--ok .ee-wfsim-node-dot[b-o6ms45rfj4] { background: var(--trecker-success, #34C759); }
.ee-wfsim-node--warn .ee-wfsim-node-dot[b-o6ms45rfj4] { background: var(--trecker-warning, #E8A317); }
.ee-wfsim-node--blocked .ee-wfsim-node-dot[b-o6ms45rfj4] { background: var(--trecker-danger, #D0342C); }
.ee-wfsim-node--info .ee-wfsim-node-dot[b-o6ms45rfj4] { background: var(--trecker-text-secondary, #8A8A8E); }

.ee-wfsim-node--result .ee-wfsim-node-body[b-o6ms45rfj4] {
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-secondary);
    padding: 8px 12px 10px;
    margin-bottom: 16px;
}

.ee-wfsim-node--result .ee-wfsim-node-title[b-o6ms45rfj4] { line-height: 1.3; }

.ee-wfsim-node--result.ee-wfsim-node--ok .ee-wfsim-node-body[b-o6ms45rfj4] { border-color: var(--trecker-success, #34C759); }
.ee-wfsim-node--result.ee-wfsim-node--warn .ee-wfsim-node-body[b-o6ms45rfj4] { border-color: var(--trecker-warning, #E8A317); }
.ee-wfsim-node--result.ee-wfsim-node--blocked .ee-wfsim-node-body[b-o6ms45rfj4] { border-color: var(--trecker-danger, #D0342C); }

.ee-wfsim-footer[b-o6ms45rfj4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
}

/* ==========================================================================
   Regeln: freier Text + bis zu 5 Anhänge (Bild/PDF)
   ========================================================================== */
.ee-rules-hint[b-o6ms45rfj4] {
    margin: 4px 0 0;
}

.ee-rule-files[b-o6ms45rfj4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin: var(--trecker-space-sm) 0;
}

.ee-rule-file[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 150px;
    max-width: 100%;
    padding: 8px;
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    background: var(--trecker-bg-secondary);
}

.ee-rule-file-thumb[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    overflow: hidden;
    border-radius: 6px;
    background: var(--trecker-bg-tertiary);
}

.ee-rule-file-thumb img[b-o6ms45rfj4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ee-rule-file-thumb--pdf span[b-o6ms45rfj4] {
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--trecker-text-secondary);
}

.ee-rule-file-meta[b-o6ms45rfj4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.ee-rule-file-name[b-o6ms45rfj4] {
    font-size: 0.75rem;
    color: var(--trecker-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

.ee-rule-file-name:hover[b-o6ms45rfj4] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.ee-rule-file-busy[b-o6ms45rfj4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin: var(--trecker-space-sm) 0;
}

.ee-rule-file-spinner[b-o6ms45rfj4] {
    width: 16px;
    height: 16px;
}

@media (max-width: 480px) {
    .ee-rule-file[b-o6ms45rfj4] {
        width: calc(50% - var(--trecker-space-sm));
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Admin/EventPublishChecklist.razor.rz.scp.css */
.TreckerChecklistHeader[b-xxdc2nred1] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.TreckerChecklistTitleIcon[b-xxdc2nred1] {
    width: 24px;
    height: 24px;
    color: var(--trecker-success);
    flex-shrink: 0;
}

.TreckerChecklistTitle[b-xxdc2nred1] {
    margin: 0;
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
}

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

.TreckerChecklistItem[b-xxdc2nred1] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-radius-sm);
    font-size: 0.95rem;
}

.TreckerChecklistPass[b-xxdc2nred1] {
    background: rgba(34, 197, 94, 0.08);
}

.TreckerChecklistFail[b-xxdc2nred1] {
    background: rgba(239, 68, 68, 0.08);
}

.TreckerChecklistIcon[b-xxdc2nred1] {
    font-size: 1.2rem;
    font-weight: bold;
    width: 1.5rem;
    text-align: center;
    flex-shrink: 0;
}

.TreckerChecklistPass .TreckerChecklistIcon[b-xxdc2nred1] {
    color: #22c55e;
}

.TreckerChecklistFail .TreckerChecklistIcon[b-xxdc2nred1] {
    color: #ef4444;
}

.TreckerChecklistHint[b-xxdc2nred1] {
    margin-left: var(--trecker-space-xs);
}

.TreckerChecklistSummary[b-xxdc2nred1] {
    text-align: center;
}

.TreckerChecklistActions[b-xxdc2nred1] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Auth/Login.razor.rz.scp.css */
/* Login page — scoped styles (extracted from inline styles). */

.login-container[b-49hbl6twee] {
    width: min(480px, 100%);
    padding-top: var(--trecker-space-4xl);
    padding-bottom: var(--trecker-space-4xl);
}

.login-card[b-49hbl6twee] {
    padding: var(--trecker-space-2xl);
}

.login-resend[b-49hbl6twee] {
    text-align: center;
}

.login-link[b-49hbl6twee] {
    color: var(--trecker-text-link);
}

/* --- "Angemeldet bleiben" checkbox row --- */
.login-remember[b-49hbl6twee] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
}

.login-remember__checkbox[b-49hbl6twee] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.login-remember__label[b-49hbl6twee] {
    cursor: pointer;
}

/* --- Turnstile captcha container --- */
.login-turnstile[b-49hbl6twee] {
    display: flex;
    justify-content: center;
}

/* --- Alternative login (E-Mail-Code) --- */
.login-alt[b-49hbl6twee] {
    border-top: 1px solid var(--trecker-border-color);
    padding-top: var(--trecker-space-lg);
}

.login-locked-note[b-49hbl6twee] {
    border-left: 3px solid var(--trecker-accent);
    padding-left: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.login-code-input[b-49hbl6twee] {
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 0.3em;
    font-family: monospace;
}

.login-back-btn[b-49hbl6twee] {
    background: transparent;
    color: var(--trecker-text-secondary);
    border: none;
    text-decoration: underline;
    cursor: pointer;
}

/* --- Hidden session post form --- */
.login-hidden-form[b-49hbl6twee] {
    display: none;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Auth/Register.razor.rz.scp.css */
/* Register page — scoped styles (extracted from inline styles). */

.reg-container[b-bqo057a7hb] {
    max-width: 520px;
    padding-top: var(--trecker-space-3xl);
    padding-bottom: var(--trecker-space-4xl);
}

.reg-card[b-bqo057a7hb] {
    padding: var(--trecker-space-2xl);
}

/* Two-column name row — wraps to a single column on narrow screens. */
.reg-row[b-bqo057a7hb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.reg-row-field[b-bqo057a7hb] {
    flex: 1 1 180px;
    min-width: min(180px, 100%);
}

/* --- Password strength indicator --- */
.pw-strength[b-bqo057a7hb] {
    margin-top: 6px;
}

.pw-strength__bars[b-bqo057a7hb] {
    display: flex;
    gap: 4px;
    height: 4px;
    border-radius: 2px;
    overflow: hidden;
}

.pw-strength__seg[b-bqo057a7hb] {
    flex: 1;
    background: var(--trecker-border-color);
    border-radius: 2px;
    transition: background 0.2s;
}

.pw-strength__label[b-bqo057a7hb] {
    margin-top: 4px;
    display: block;
}

.pw-strength--weak .pw-strength__seg--active[b-bqo057a7hb] { background: var(--trecker-error); }
.pw-strength--weak .pw-strength__label[b-bqo057a7hb] { color: var(--trecker-error); }

.pw-strength--fair .pw-strength__seg--active[b-bqo057a7hb] { background: var(--trecker-warning); }
.pw-strength--fair .pw-strength__label[b-bqo057a7hb] { color: var(--trecker-warning); }

.pw-strength--good .pw-strength__seg--active[b-bqo057a7hb] { background: color-mix(in srgb, var(--trecker-warning) 50%, var(--trecker-success)); }
.pw-strength--good .pw-strength__label[b-bqo057a7hb] { color: color-mix(in srgb, var(--trecker-warning) 50%, var(--trecker-success)); }

.pw-strength--strong .pw-strength__seg--active[b-bqo057a7hb] { background: var(--trecker-success); }
.pw-strength--strong .pw-strength__label[b-bqo057a7hb] { color: var(--trecker-success); }

/* --- Hints below password fields --- */
.reg-hint[b-bqo057a7hb] {
    margin-top: 4px;
    display: block;
}

.reg-hint--match[b-bqo057a7hb] {
    color: var(--trecker-success);
}

/* --- Consent checkbox rows (AGB / Mediennutzung) --- */
.reg-consent[b-bqo057a7hb] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
}

.reg-consent__checkbox[b-bqo057a7hb] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

.reg-consent__label[b-bqo057a7hb] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    line-height: 1.5;
}

.reg-consent__label a[b-bqo057a7hb] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

/* --- Turnstile captcha container --- */
.reg-turnstile[b-bqo057a7hb] {
    display: flex;
    justify-content: center;
}

/* --- Footer link --- */
.reg-link[b-bqo057a7hb] {
    color: var(--trecker-text-link);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Field/FieldAccessInvite.razor.rz.scp.css */
.fai-page[b-7hsycuinby] {
    max-width: 560px;
    margin-top: var(--trecker-space-2xl);
    margin-bottom: var(--trecker-space-2xl);
}

.fai-center[b-7hsycuinby] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg) var(--trecker-space-md);
}

.fai-icon[b-7hsycuinby] {
    font-size: 3rem;
    line-height: 1;
}

.fai-lead[b-7hsycuinby] {
    margin: 0;
    font-size: 1.05rem;
}

.fai-actions[b-7hsycuinby] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    justify-content: center;
    margin-top: var(--trecker-space-sm);
    width: 100%;
}

.fai-actions .TreckerButton[b-7hsycuinby] { flex: 1 1 auto; min-width: 140px; }

@media (max-width: 400px) {
    .fai-actions .TreckerButton[b-7hsycuinby] { flex: 1 1 100%; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Field/FieldResults.razor.rz.scp.css */
/* Technische Abnahme "denied" signal on a driver row — purely informational, does not gate
   result entry. Kept subtle: a red ring around the existing border, no background repaint. */
.field-list-item--inspection-denied[b-00rcma331f] {
    border-color: var(--field-error);
    box-shadow: 0 0 0 2px var(--field-error);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/AllBadges.razor.rz.scp.css */
.allbadges-page[b-v35dj74ojo] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-2xl);
}

.allbadges-header[b-v35dj74ojo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-2xl);
}

/* ── Groups ─────────────────────────────────────────────────────────── */

.allbadges-group[b-v35dj74ojo] {
    margin-bottom: var(--trecker-space-3xl);
}

.allbadges-group-header[b-v35dj74ojo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-xl);
    border-bottom: 1px solid var(--trecker-border);
    padding-bottom: var(--trecker-space-sm);
}

.allbadges-chip[b-v35dj74ojo] {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.allbadges-chip--fahrer[b-v35dj74ojo]     { background: #e8f4fd; color: #1565c0; }
.allbadges-chip--fotograf[b-v35dj74ojo]   { background: #fdf3e8; color: #b45309; }
.allbadges-chip--bremswagen[b-v35dj74ojo] { background: #fde8e8; color: #c62828; }
.allbadges-chip--team[b-v35dj74ojo]       { background: #edf7ed; color: #2e7d32; }

/* ── Badge grid ─────────────────────────────────────────────────────── */

.allbadges-grid[b-v35dj74ojo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: var(--trecker-space-xl) var(--trecker-space-lg);
}

.allbadges-cell[b-v35dj74ojo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--trecker-space-md) var(--trecker-space-sm);
    border-radius: var(--trecker-radius-md);
    transition: background 0.15s;
}

.allbadges-cell:hover[b-v35dj74ojo] {
    background: var(--trecker-surface-hover, rgba(0,0,0,0.04));
}

.allbadges-name[b-v35dj74ojo] {
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    color: var(--trecker-text);
}

.allbadges-label[b-v35dj74ojo] {
    font-size: 0.68rem;
    color: var(--trecker-text-secondary);
    text-align: center;
    line-height: 1.2;
}

.allbadges-label--locked[b-v35dj74ojo] {
    opacity: 0.45;
}

.allbadges-login[b-v35dj74ojo] {
    text-align: center;
    padding: var(--trecker-space-2xl);
}

/* ── Modal ──────────────────────────────────────────────────────────── */

.allbadges-modal[b-v35dj74ojo] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-md);
    text-align: center;
    padding: var(--trecker-space-2xl);
}

.allbadges-modal__close[b-v35dj74ojo] {
    position: absolute;
    top: var(--trecker-space-sm);
    right: var(--trecker-space-md);
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--trecker-text-secondary);
    line-height: 1;
    padding: 4px;
}

.allbadges-modal__emblem[b-v35dj74ojo] {
    transform: scale(1.3);
    margin-bottom: var(--trecker-space-sm);
}

.allbadges-modal__name[b-v35dj74ojo] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

.allbadges-modal__desc[b-v35dj74ojo] {
    font-size: 0.9rem;
    color: var(--trecker-text-secondary);
    max-width: 340px;
    margin: 0;
}

.allbadges-modal__date[b-v35dj74ojo] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary);
    margin: 0;
}

.allbadges-modal__date--locked[b-v35dj74ojo] {
    opacity: 0.5;
    font-style: italic;
}

/* ── Tier table in modal ─────────────────────────────────────────────── */

.allbadges-tiers[b-v35dj74ojo] {
    width: 100%;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.allbadges-tier-row[b-v35dj74ojo] {
    display: grid;
    grid-template-columns: 14px 1fr auto 20px;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: 0.85rem;
    opacity: 0.45;
}

.allbadges-tier-row.is-reached[b-v35dj74ojo] {
    opacity: 1;
}

.allbadges-tier-dot[b-v35dj74ojo] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.allbadges-tier-name[b-v35dj74ojo] { text-align: left; }

.allbadges-tier-req[b-v35dj74ojo] { color: var(--trecker-text-secondary); }

.allbadges-tier-check[b-v35dj74ojo] {
    color: #2e7d32;
    font-weight: 700;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/Dashboard.razor.rz.scp.css */
/* ============================================================================
   Dashboard.razor — Scoped Styles
   ============================================================================
   Participant dashboard layout. Uses design tokens from trecker-variables.css.
   All interactive elements meet 44px touch target.
   Prefix: db- (Dashboard)
   ============================================================================ */

/* --- Page wrapper --- */
.db-page[b-goilut5v44] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
}

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

/* --- Announcement Banner --- */
.db-announcement[b-goilut5v44] {
    background: var(--trecker-warning);
    color: #1a1a2e;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-md);
    margin-bottom: var(--trecker-space-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
}

.db-announcement-body[b-goilut5v44] {
    flex: 1;
}

.db-announcement-text[b-goilut5v44] {
    margin: 0;
    font-weight: 600;
    font-size: var(--trecker-font-size-md);
}

.db-announcement-dismiss[b-goilut5v44] {
    background: rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
}

/* --- Page Header --- */
.db-header[b-goilut5v44] {
    margin-bottom: var(--trecker-space-2xl);
}

.db-header-tag[b-goilut5v44] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
}

.db-header-title[b-goilut5v44] {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--trecker-text-primary);
    letter-spacing: -0.02em;
    margin: 0;
}

/* --- Freunde-Widget --- */
.db-friend-account[b-goilut5v44] {
    color: var(--trecker-accent);
    letter-spacing: 0.08em;
    font-variant-numeric: tabular-nums;
}

.db-friend-empty[b-goilut5v44] {
    padding: var(--trecker-space-lg);
    text-align: center;
}

.db-friend-empty-text[b-goilut5v44] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-xs);
}

.db-friend-empty-sub[b-goilut5v44] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

.db-friend-feed[b-goilut5v44] {
    display: flex;
    flex-direction: column;
}

.db-friend-item[b-goilut5v44] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-xs);
    border-bottom: 1px solid var(--trecker-border);
    text-decoration: none;
    color: inherit;
}

.db-friend-item:last-child[b-goilut5v44] {
    border-bottom: none;
}

.db-friend-item:hover[b-goilut5v44] {
    background: var(--trecker-bg-secondary, rgba(255, 255, 255, 0.03));
}

.db-friend-icon[b-goilut5v44] {
    flex-shrink: 0;
    font-size: 1.1rem;
    width: 1.6rem;
    text-align: center;
}

.db-friend-text[b-goilut5v44] {
    flex: 1;
    min-width: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.db-friend-text strong[b-goilut5v44] {
    color: var(--trecker-text-primary);
}

.db-friend-time[b-goilut5v44] {
    flex-shrink: 0;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

/* --- Live Event Banner --- */
.db-live-banner[b-goilut5v44] {
    background: linear-gradient(135deg, var(--trecker-success) 0%, var(--trecker-success) 100%);
    border-radius: var(--trecker-border-radius-xl);
    padding: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-xl);
    color: white;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
}

.db-live-info[b-goilut5v44] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.db-live-icon[b-goilut5v44] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}

.db-live-dot[b-goilut5v44] {
    width: 12px;
    height: 12px;
}

.db-live-title[b-goilut5v44] {
    margin: 0;
    font-weight: 700;
    font-size: var(--trecker-font-size-lg);
}

.db-live-subtitle[b-goilut5v44] {
    margin: 0;
    opacity: 0.9;
    font-size: var(--trecker-font-size-sm);
}

.db-live-actions[b-goilut5v44] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.db-live-btn[b-goilut5v44] {
    padding: 10px 20px;
    border-radius: var(--trecker-border-radius-md);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.db-live-btn--secondary[b-goilut5v44] {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}

.db-live-btn--primary[b-goilut5v44] {
    background: white;
    color: #34C759;
    font-weight: 700;
}

/* --- Refresh indicator --- */
.db-refresh-text[b-goilut5v44] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    text-align: right;
    margin-bottom: var(--trecker-space-md);
}

/* --- Stat Cards Grid --- */
.db-stat-grid[b-goilut5v44] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-2xl);
}

.db-stat-icon--success[b-goilut5v44] {
    background: var(--trecker-success-bg);
    color: var(--trecker-success);
}

.db-stat-value--sm[b-goilut5v44] {
    font-size: var(--trecker-font-size-md);
}

.db-stat-value--status[b-goilut5v44] {
    font-size: var(--trecker-font-size-lg);
}

.db-stat-value--active[b-goilut5v44] {
    color: var(--trecker-success);
}

.db-stat-value--pending[b-goilut5v44] {
    color: var(--trecker-warning);
}

/* --- Dashboard sections as distinct cards --- */
.db-page .TreckerSection[b-goilut5v44] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-xl);
    padding: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-lg);
}

/* Override global rule that collapses spacing between consecutive sections */
.db-page .TreckerSection + .TreckerSection[b-goilut5v44] {
    padding-top: var(--trecker-space-xl);
    margin-top: 0;
}

/* --- Section Headers --- */
.db-section-header[b-goilut5v44] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-lg);
}

.db-section-actions[b-goilut5v44] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
}

.db-section-title[b-goilut5v44] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0 0 4px;
}

.db-section-subtitle[b-goilut5v44] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- My Tractors --- */
.db-tractor-empty[b-goilut5v44] {
    border: 2px dashed var(--trecker-border);
    border-radius: var(--trecker-border-radius-xl);
    padding: var(--trecker-space-3xl);
    text-align: center;
}

.db-tractor-empty-icon[b-goilut5v44] {
    color: var(--trecker-text-tertiary);
    margin-bottom: var(--trecker-space-md);
}

.db-tractor-grid[b-goilut5v44] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-md);
}

.db-card-link[b-goilut5v44] {
    text-decoration: none;
    color: inherit;
}

.db-placeholder-label[b-goilut5v44] {
    font-size: 11px;
    opacity: 0.6;
}

/* --- Registrations Section --- */
.db-registrations[b-goilut5v44] {
    margin-top: var(--trecker-space-2xl);
}

.db-reg-actions[b-goilut5v44] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.db-reg-empty[b-goilut5v44] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-xl);
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.db-reg-empty-text[b-goilut5v44] {
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

.db-reg-list[b-goilut5v44] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.db-qr-hint[b-goilut5v44] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    cursor: help;
}

.db-reg-event-link[b-goilut5v44] {
    display: block;
    text-decoration: none;
}

.db-reg-event-link:hover[b-goilut5v44] {
    text-decoration: underline;
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .db-page[b-goilut5v44] {
        padding-top: var(--trecker-space-lg);
        padding-bottom: var(--trecker-space-2xl);
    }

    .db-header-title[b-goilut5v44] {
        font-size: clamp(1.5rem, 5vw, 2rem);
    }

    .db-section-header[b-goilut5v44] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--trecker-space-sm);
    }

    .db-live-banner[b-goilut5v44] {
        flex-direction: column;
        align-items: flex-start;
    }

    .db-announcement[b-goilut5v44] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .db-stat-grid[b-goilut5v44] {
        grid-template-columns: repeat(2, 1fr);
    }

    .db-tractor-grid[b-goilut5v44] {
        grid-template-columns: 1fr;
    }

    .db-live-actions[b-goilut5v44] {
        flex-direction: column;
        width: 100%;
    }

    .db-live-btn[b-goilut5v44] {
        justify-content: center;
        width: 100%;
    }

    .db-reg-actions[b-goilut5v44] {
        flex-direction: column;
        width: 100%;
    }

    .db-reg-actions .TreckerButton[b-goilut5v44] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/DriverStatistics.razor.rz.scp.css */
.ds-event-link[b-c1kemwucbl] {
    color: inherit;
    text-decoration: none;
}

.ds-event-link:hover[b-c1kemwucbl] {
    color: var(--trecker-accent);
    text-decoration: underline;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/EditTractor.razor.rz.scp.css */
.et-page[b-949niudiur] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
    padding-left: max(var(--trecker-space-md), env(safe-area-inset-left));
    padding-right: max(var(--trecker-space-md), env(safe-area-inset-right));
}

@media (min-width: 600px) {
    .et-page[b-949niudiur] {
        padding-left: max(var(--trecker-space-xl), env(safe-area-inset-left));
        padding-right: max(var(--trecker-space-xl), env(safe-area-inset-right));
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/Friends.razor.rz.scp.css */
.fr-page[b-5l5stbxx30] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
}

.fr-loading-center[b-5l5stbxx30] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-4xl) 0;
}

.fr-header[b-5l5stbxx30] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.fr-title[b-5l5stbxx30] {
    font-size: clamp(1.6rem, 3vw, 2.25rem);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
    letter-spacing: -0.02em;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/FriendsFeed.razor.rz.scp.css */
.ff-page[b-7c7fi8kljo] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
    max-width: 680px;
}

.ff-loading-center[b-7c7fi8kljo] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-4xl) 0;
}

.ff-header[b-7c7fi8kljo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.ff-title[b-7c7fi8kljo] {
    font-size: clamp(1.6rem, 3vw, 2.25rem);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
    letter-spacing: -0.02em;
}

.ff-sub[b-7c7fi8kljo] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: var(--trecker-space-xs) 0 0;
}

/* ── Feed ── */
.ff-feed[b-7c7fi8kljo] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.ff-item[b-7c7fi8kljo] {
    display: flex;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg);
    align-items: flex-start;
}

.ff-item-icon[b-7c7fi8kljo] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    background: var(--trecker-bg-secondary, rgba(255,255,255,0.05));
}

.ff-icon--achievement[b-7c7fi8kljo] { background: rgba(218, 165, 32, 0.18); }
.ff-icon--signup[b-7c7fi8kljo] { background: rgba(80, 140, 220, 0.16); }
.ff-icon--tractor[b-7c7fi8kljo] { background: rgba(120, 160, 60, 0.16); }

.ff-item-body[b-7c7fi8kljo] {
    min-width: 0;
    flex: 1;
}

.ff-item-head[b-7c7fi8kljo] {
    display: flex;
    align-items: baseline;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ff-item-friend[b-7c7fi8kljo] {
    font-weight: 700;
    color: var(--trecker-text-primary);
    text-decoration: none;
}

.ff-item-friend:hover[b-7c7fi8kljo] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.ff-item-time[b-7c7fi8kljo] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

.ff-item-text[b-7c7fi8kljo] {
    color: var(--trecker-text-primary);
    margin-top: 2px;
    line-height: 1.4;
}

.ff-item-detail[b-7c7fi8kljo] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-top: var(--trecker-space-xs);
}

.ff-badges[b-7c7fi8kljo] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    margin-top: var(--trecker-space-sm);
}

.ff-item--achievement[b-7c7fi8kljo] {
    border-left: 3px solid rgba(218, 165, 32, 0.7);
}

/* ── Mehr laden ── */
.ff-more[b-7c7fi8kljo] {
    display: flex;
    justify-content: center;
    margin-top: var(--trecker-space-lg);
}

/* ── Leerzustand ── */
.ff-empty[b-7c7fi8kljo] {
    text-align: center;
    padding: var(--trecker-space-3xl) var(--trecker-space-lg);
    border: 1px dashed var(--trecker-border);
    border-radius: var(--trecker-border-radius-xl);
}

.ff-empty-text[b-7c7fi8kljo] {
    font-weight: 600;
    font-size: var(--trecker-font-size-lg);
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-xs);
}

.ff-empty-sub[b-7c7fi8kljo] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-lg);
    max-width: 44ch;
    margin-left: auto;
    margin-right: auto;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/GuestClaim.razor.rz.scp.css */
.gc-page[b-r2ew9rzq4f] {
    max-width: 760px;
    padding-top: var(--trecker-space-xl, 2rem);
    margin-bottom: var(--trecker-space-2xl, 3rem);
}

.gc-card[b-r2ew9rzq4f] {
    padding: var(--trecker-space-lg, 1.5rem);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/MeineFotoAnmeldungen.razor.rz.scp.css */
.fg-anm[b-nwouqmlmig] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
    max-width: 820px;
}

.fg-anm-head[b-nwouqmlmig] {
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.fg-anm-card[b-nwouqmlmig] {
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-md);
}

.fg-anm-card-head[b-nwouqmlmig] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.fg-anm-card-head > div:first-child[b-nwouqmlmig] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.fg-anm-gallery[b-nwouqmlmig] {
    margin-top: var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.fg-anm-actions[b-nwouqmlmig] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
}

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

.fg-status[b-nwouqmlmig] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    padding: 2px 10px;
    border-radius: var(--trecker-border-radius-pill, 999px);
    white-space: nowrap;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.fg-status--requested[b-nwouqmlmig] { background: var(--trecker-info-bg); color: var(--trecker-info); }
.fg-status--invited[b-nwouqmlmig]   { background: rgba(191,90,242,0.15); color: #bf5af2; }
.fg-status--accepted[b-nwouqmlmig]  { background: var(--trecker-success-bg); color: var(--trecker-success); }
.fg-status--denied[b-nwouqmlmig]    { background: var(--trecker-error-bg); color: var(--trecker-error); }
.fg-status--cancelled[b-nwouqmlmig] { background: var(--trecker-bg-tertiary); color: var(--trecker-text-secondary); }
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/MyBadges.razor.rz.scp.css */
.badges-page[b-nw27omb2ux] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

.badges-page :deep(.TreckerPageTitle)[b-nw27omb2ux] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.badges-catalog-btn[b-nw27omb2ux] {
    flex-shrink: 0;
    font-size: 0.85rem;
}

.badges-login[b-nw27omb2ux] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.badges-section[b-nw27omb2ux] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: var(--trecker-space-xl) 0 var(--trecker-space-md);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--trecker-border, rgba(255, 255, 255, 0.12));
}

.badges-empty[b-nw27omb2ux] {
    font-size: 0.88rem;
    margin: 0 0 var(--trecker-space-md);
}

.badges-grid[b-nw27omb2ux] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: var(--trecker-space-lg) var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
    justify-items: center;
}

/* The cell is a button — reset native button chrome. */
.badges-cell[b-nw27omb2ux] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
    border: none;
    padding: 6px;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    border-radius: var(--trecker-radius-md, 10px);
    transition: transform 0.12s ease, background 0.12s ease;
}

.badges-cell:hover[b-nw27omb2ux] {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.04);
}

.badges-cell:focus-visible[b-nw27omb2ux] {
    outline: 2px solid var(--trecker-accent, #ff4c1e);
    outline-offset: 2px;
}

.badges-date[b-nw27omb2ux] {
    margin-top: 8px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #9aa0a6);
    text-align: center;
}

.badges-date--locked[b-nw27omb2ux] {
    font-weight: 500;
    opacity: 0.8;
}

/* ── Detail popup ────────────────────────────────────────────── */
.badges-modal[b-nw27omb2ux] {
    position: relative;
    text-align: center;
}

.badges-modal__close[b-nw27omb2ux] {
    position: absolute;
    top: 10px;
    right: 12px;
    background: none;
    border: none;
    font-size: 1.6rem;
    line-height: 1;
    color: var(--trecker-text-secondary, #9aa0a6);
    cursor: pointer;
}

.badges-modal__emblem[b-nw27omb2ux] {
    display: flex;
    justify-content: center;
    margin: var(--trecker-space-sm) 0 var(--trecker-space-md);
}

.badges-modal__name[b-nw27omb2ux] {
    font-size: 1.2rem;
    font-weight: 800;
    margin: 0 0 var(--trecker-space-sm);
}

.badges-modal__desc[b-nw27omb2ux] {
    color: var(--trecker-text-secondary, #9aa0a6);
    font-size: 0.9rem;
    margin: 0 auto var(--trecker-space-md);
    max-width: 320px;
    line-height: 1.4;
}

.badges-tiers[b-nw27omb2ux] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 280px;
    margin: 0 auto var(--trecker-space-md);
    text-align: left;
}

.badges-tier-row[b-nw27omb2ux] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--trecker-border, rgba(255, 255, 255, 0.12));
    background: rgba(255, 255, 255, 0.02);
    opacity: 0.55;
}

.badges-tier-row.is-reached[b-nw27omb2ux] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.06);
}

.badges-tier-dot[b-nw27omb2ux] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

.badges-tier-name[b-nw27omb2ux] {
    font-weight: 700;
    font-size: 0.85rem;
}

.badges-tier-req[b-nw27omb2ux] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #9aa0a6);
}

.badges-tier-check[b-nw27omb2ux] {
    color: #2bb36b;
    font-weight: 800;
    width: 14px;
}

.badges-modal__date[b-nw27omb2ux] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #9aa0a6);
    margin: 0;
}

.badges-modal__date--locked[b-nw27omb2ux] {
    font-weight: 500;
    opacity: 0.8;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/MyCompetitionHistory.razor.rz.scp.css */
.history-event-name-link[b-ky0atns5qt] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.history-event-name-link:hover[b-ky0atns5qt] {
    color: var(--trecker-accent);
    text-decoration: underline;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/MyEventInfos.razor.rz.scp.css */
/* "Meine Event-Infos" single-driver on-field view. Reuses the field theme (.trecker-field
   sets the --field-* variables on the wrapper; these rules inherit them). Tablet = 2×2 grid,
   phone = stacked. */

/* .mei-page is the full-bleed field shell — the .trecker-field wrapper supplies the --field-*
   vars, background and min-height; the inner .field-topbar / .field-content handle the top bar
   and the centered, padded content column (see trecker-field.css). */
.mei-page[b-oj09f8hfmh] {
    min-height: 100vh;
    min-height: 100dvh;
}

/* Honour the device safe-area at the bottom (app notch / home indicator). */
.mei-page .field-content[b-oj09f8hfmh] {
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
}

.mei-notice[b-oj09f8hfmh] {
    text-align: center;
    padding: 48px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.mei-notice h1[b-oj09f8hfmh] {
    font-size: 1.4rem;
    font-weight: 800;
    margin: 0;
    color: var(--field-text);
}

.mei-notice p[b-oj09f8hfmh] {
    margin: 0;
    color: var(--field-text-secondary);
    max-width: 34ch;
}

/* Header */
.mei-head[b-oj09f8hfmh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 18px;
}

.mei-eyebrow[b-oj09f8hfmh] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--field-accent);
}

.mei-event-name[b-oj09f8hfmh] {
    font-size: clamp(1.35rem, 4vw, 1.75rem);
    font-weight: 800;
    margin: 0;
    color: var(--field-text);
    overflow-wrap: anywhere;
}

.mei-event-date[b-oj09f8hfmh] {
    font-size: .95rem;
    color: var(--field-text-secondary);
}

/* Reg switcher — dropdown to pick between several entries to the same event. */
.mei-switcher[b-oj09f8hfmh] {
    margin-bottom: 18px;
}

/* Container grid — tablet/desktop 2 columns, phone stacked */
.mei-grid[b-oj09f8hfmh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 700px) {
    .mei-grid[b-oj09f8hfmh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Identification card is a full-width summary header above the status cards. */
.mei-card--ident[b-oj09f8hfmh] {
    grid-column: 1 / -1;
}

/* Start-number badge in the identification header (solid accent, prominent). */
.mei-startnr-badge[b-oj09f8hfmh] {
    background: var(--field-accent);
    color: #fff;
    font-variant-numeric: tabular-nums;
}

/* Secondary tractor line under the tractor row. */
.mei-tractor-info[b-oj09f8hfmh] {
    margin-top: -4px;
}

.mei-mono[b-oj09f8hfmh] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: .02em;
}

/* .mei-card structure comes from .field-card-header + .field-card-body (see trecker-field.css);
   these rules only add the icon/title layout, clickable + Stechen accents. */
.mei-card--clickable[b-oj09f8hfmh] {
    cursor: pointer;
    transition: border-color .12s ease, transform .12s ease;
}

.mei-card--clickable:hover[b-oj09f8hfmh],
.mei-card--clickable:focus-visible[b-oj09f8hfmh] {
    border-color: var(--field-accent);
    outline: none;
    transform: translateY(-1px);
}

/* Stechen: yellowish outline (outranks normal full-pull / 45+ m) */
.mei-card--stechen[b-oj09f8hfmh] {
    border-color: var(--field-fullpull);
    box-shadow: 0 0 0 1px var(--field-fullpull) inset;
}

/* Icon + title on the left, optional badge (Stechen) pushed to the right by the flex:1 title. */
.mei-card-head[b-oj09f8hfmh] {
    justify-content: flex-start;
    gap: 10px;
}

.mei-card-icon[b-oj09f8hfmh] {
    display: inline-flex;
    color: var(--field-accent);
    flex-shrink: 0;
}

.mei-card-title[b-oj09f8hfmh] {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0;
    color: var(--field-text);
    flex: 1;
}

.mei-stechen-badge[b-oj09f8hfmh] {
    background: var(--field-fullpull-bg);
    color: var(--field-fullpull);
}

.mei-card-body[b-oj09f8hfmh] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mei-row[b-oj09f8hfmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.mei-row-label[b-oj09f8hfmh] {
    font-size: .85rem;
    color: var(--field-text-muted);
}

.mei-row-value[b-oj09f8hfmh] {
    color: var(--field-text);
    font-weight: 600;
    text-align: right;
}

.mei-row-value--strong[b-oj09f8hfmh] {
    font-size: 1.15rem;
    font-weight: 800;
}

.mei-hint[b-oj09f8hfmh] {
    margin: 0;
    font-size: .85rem;
    color: var(--field-text-muted);
}

.mei-hint--ok[b-oj09f8hfmh] { color: var(--field-success); }
.mei-hint--bad[b-oj09f8hfmh] { color: var(--field-error); }
.mei-tap-hint[b-oj09f8hfmh] { font-style: italic; }

.mei-starttime[b-oj09f8hfmh] {
    font-size: clamp(2.2rem, 9vw, 3rem);
    font-weight: 800;
    line-height: 1;
    color: var(--field-accent);
    font-variant-numeric: tabular-nums;
}

.mei-result-main[b-oj09f8hfmh] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.mei-rank[b-oj09f8hfmh] {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--field-text);
}

.mei-result-value[b-oj09f8hfmh] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--field-accent);
}

/* Results popup */
.mei-modal[b-oj09f8hfmh] {
    max-width: 520px;
    width: 100%;
    text-align: left;
}

.mei-attempt-group-label[b-oj09f8hfmh] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--field-text-muted);
    margin: 6px 0 2px;
}

.mei-attempts[b-oj09f8hfmh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ── QR popover (top-right) ─────────────────────────────────────────── */
.mei-qr-btn.is-active[b-oj09f8hfmh] {
    border-color: var(--field-accent);
    color: var(--field-accent);
}

/* Transparent catcher so an outside click / tap dismisses the popover. */
.mei-qr-backdrop[b-oj09f8hfmh] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: transparent;
}

/* Anchored under the sticky topbar, top-right; clamps to the viewport on small phones. */
.mei-qr-pop[b-oj09f8hfmh] {
    position: fixed;
    top: calc(64px + env(safe-area-inset-top, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    z-index: 1001;
    width: min(300px, calc(100vw - 24px));
    padding: 14px;
    background: var(--field-bg);
    border: 2px solid var(--field-border-strong);
    border-radius: var(--field-radius, 12px);
    box-shadow: var(--field-shadow), 0 12px 32px rgba(0, 0, 0, .28);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    animation: mei-qr-in-b-oj09f8hfmh .12s ease;
}

@keyframes mei-qr-in-b-oj09f8hfmh {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.mei-qr-pop-head[b-oj09f8hfmh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.mei-qr-pop-title[b-oj09f8hfmh] {
    font-weight: 800;
    font-size: 1rem;
    color: var(--field-text);
}

.mei-qr-pop-close[b-oj09f8hfmh] {
    width: 32px;
    height: 32px;
    border: none;
    background: var(--field-bg-secondary);
    color: var(--field-text);
    border-radius: var(--field-radius-sm, 8px);
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
}

/* White backing so the QR stays scannable in dark theme. */
.mei-qr-pop-img[b-oj09f8hfmh] {
    width: 220px;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    background: #fff;
    padding: 8px;
}

.mei-qr-pop-code[b-oj09f8hfmh] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: .04em;
    color: var(--field-text);
}

.mei-qr-pop-hint[b-oj09f8hfmh] {
    margin: 0;
    font-size: .8rem;
    color: var(--field-text-muted);
    text-align: center;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/MyRegistrations.razor.rz.scp.css */
/* ── Page shell ── */
.myreg-page[b-1r7qrmimid] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

.myreg-loading[b-1r7qrmimid] {
    padding: var(--trecker-space-3xl) 0;
}

.myreg-login-card[b-1r7qrmimid] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* ── Status filter pills ── */
.myreg-filters[b-1r7qrmimid] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}

.myreg-filter-pill[b-1r7qrmimid] {
    font-size: 13.5px;
    padding: 8px 14px;
    font-weight: 600;
}

.myreg-filter-count[b-1r7qrmimid] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.3rem;
    height: 1.3rem;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(127, 127, 127, 0.2);
    font-size: 11px;
    font-weight: 700;
}

/* ── List / empty state ── */
.myreg-list-wrap[b-1r7qrmimid] {
    margin-top: var(--trecker-space-xl);
}

.myreg-empty[b-1r7qrmimid] {
    border: 1px dashed var(--hp-border, var(--trecker-border));
    border-radius: var(--trecker-border-radius-xl, 16px);
    padding: var(--trecker-space-4xl, 64px) var(--trecker-space-lg);
}

/* ── Card grid ──
   auto-fit (not auto-fill) so a single card fills the row instead of sitting
   next to a wall of empty, unused grid tracks; the per-card max-width then
   stops that single card from stretching absurdly wide on ultra-wide screens. */
.myreg-grid[b-1r7qrmimid] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: var(--trecker-space-lg);
    align-items: start;
}

.myreg-card[b-1r7qrmimid] {
    display: flex;
    flex-direction: column;
    max-width: 560px;
    border-top: 4px solid var(--hp-ink-3, var(--trecker-border));
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.myreg-card:hover[b-1r7qrmimid] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.myreg-card--pending[b-1r7qrmimid]      { border-top-color: var(--hp-warn); }
.myreg-card--approved[b-1r7qrmimid]     { border-top-color: var(--hp-success); }
.myreg-card--rejected[b-1r7qrmimid]     { border-top-color: var(--hp-danger); }
.myreg-card--waitinglist[b-1r7qrmimid]  { border-top-color: var(--hp-primary); }
.myreg-card--cancelled[b-1r7qrmimid]    { border-top-color: var(--hp-ink-3); opacity: 0.72; }

.myreg-card-head[b-1r7qrmimid] {
    align-items: flex-start;
    padding: 20px 22px 16px;
}

.myreg-card-head .hp-card-title[b-1r7qrmimid],
.myreg-event-link[b-1r7qrmimid],
.myreg-event-title[b-1r7qrmimid] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.myreg-event-link[b-1r7qrmimid] {
    text-decoration: none;
    color: inherit;
}

.myreg-event-link:hover[b-1r7qrmimid] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.myreg-event-title[b-1r7qrmimid] {
    margin: 0;
}

.hp-card-pills[b-1r7qrmimid] {
    margin-top: 8px;
    gap: 8px;
}

/* Slightly roomier badges than the default compact hp-pill sizing — this card's
   header is the badges' only content, so they can afford more breathing room. */
.myreg-card-head .hp-pill[b-1r7qrmimid] {
    padding: 5px 12px;
}

.myreg-card-head .hp-pill--sm[b-1r7qrmimid] {
    padding: 4px 10px;
}

/* ── Facts (Klasse / Traktor / Code / Angemeldet) ── */
.myreg-card-body[b-1r7qrmimid] {
    padding: 4px 22px 20px;
}

.myreg-facts[b-1r7qrmimid] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 14px 20px;
    margin: 0;
    padding-top: 16px;
    border-top: 1px solid var(--hp-border, var(--trecker-border));
}

.myreg-fact[b-1r7qrmimid] {
    min-width: 0;
}

.myreg-fact dt[b-1r7qrmimid] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 700;
    color: var(--hp-ink-3, var(--trecker-text-tertiary));
    margin: 0 0 4px;
}

.myreg-fact dd[b-1r7qrmimid] {
    margin: 0;
    font-size: 14.5px;
    font-weight: 600;
    color: var(--hp-ink, var(--trecker-text-primary));
    overflow-wrap: anywhere;
}

.myreg-mono[b-1r7qrmimid] {
    font-family: monospace;
    letter-spacing: 0.04em;
}

.myreg-payment-hint[b-1r7qrmimid] {
    margin: var(--trecker-space-sm) 0 0;
    font-size: 12px;
    color: var(--hp-ink-3, var(--trecker-text-tertiary));
}

.myreg-bankwire-toggle[b-1r7qrmimid] {
    margin-top: var(--trecker-space-sm);
}

.myreg-bankwire-panel[b-1r7qrmimid] {
    margin-top: var(--trecker-space-sm);
    padding-top: var(--trecker-space-sm);
    border-top: 1px solid var(--trecker-border);
}

.myreg-bankwire-grid[b-1r7qrmimid] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--trecker-space-xs) var(--trecker-space-md);
    align-items: baseline;
}

.myreg-resultcard-row[b-1r7qrmimid] {
    display: flex;
    gap: var(--trecker-space-xs);
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--trecker-space-sm);
}

.myreg-resultcard-select[b-1r7qrmimid] {
    max-width: 150px;
}

/* ── Card footer / actions ── */
.myreg-card-foot[b-1r7qrmimid] {
    align-items: center;
    gap: 10px;
    padding: 16px 22px;
    border-top: 1px solid var(--hp-border, var(--trecker-border));
    background: var(--hp-surface-2, rgba(255, 255, 255, 0.02));
}

.myreg-card-foot-primary[b-1r7qrmimid] {
    align-items: center;
    gap: 8px;
}

/* AddToWalletButtons carries its own centering margin meant for standalone use;
   here it sits inline next to myreg-btn, so match that button's box (height +
   vertical position) instead of inheriting the component's default sizing. */
.myreg-card-foot-primary .ttw-wallet[b-1r7qrmimid] {
    margin-top: 0;
    justify-content: flex-start;
}

.myreg-card-foot-primary .ttw-wallet__btn[b-1r7qrmimid] {
    padding: 9px 16px;
    font-size: 13.5px;
    line-height: 1.1;
}

/* Dedicated button style for this page's own footer actions (QR/Beleg/Docs/Stornieren) —
   deliberately NOT the compact admin-table hp-btn sizing, since a driver-facing action row
   needs clearer, more comfortable tap targets and visual weight. AddToWalletButtons keeps its
   own black Apple-badge style on purpose (Apple's brand guideline), so it isn't touched here. */
.myreg-btn[b-1r7qrmimid] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.myreg-btn:active[b-1r7qrmimid] {
    transform: translateY(1px);
}

.myreg-btn:disabled[b-1r7qrmimid] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.myreg-btn--ghost[b-1r7qrmimid] {
    background: var(--hp-surface, transparent);
    border-color: var(--hp-border-2, var(--trecker-border));
    color: var(--hp-ink, var(--trecker-text-primary));
}

.myreg-btn--ghost:hover[b-1r7qrmimid] {
    background: var(--hp-surface-2, rgba(255, 255, 255, 0.06));
    border-color: var(--trecker-accent);
}

.myreg-btn--primary[b-1r7qrmimid] {
    background: var(--trecker-primary, #0E5C2F);
    border-color: var(--trecker-primary, #0E5C2F);
    color: #fff;
}

.myreg-btn--primary:hover[b-1r7qrmimid] {
    background: color-mix(in srgb, var(--trecker-primary, #0E5C2F) 88%, #000);
}

.myreg-pay-btn[b-1r7qrmimid] {
    margin-top: var(--trecker-space-sm, 8px);
}

.myreg-btn--danger[b-1r7qrmimid] {
    background: var(--hp-danger-soft, rgba(220, 60, 60, 0.14));
    border-color: color-mix(in srgb, var(--hp-danger, #d9534f) 35%, transparent);
    color: var(--hp-danger, #d9534f);
}

.myreg-btn--danger:hover[b-1r7qrmimid] {
    background: var(--hp-danger, #d9534f);
    border-color: var(--hp-danger, #d9534f);
    color: #fff;
}

.myreg-modal-actions[b-1r7qrmimid] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: var(--trecker-space-lg);
}

/* ── Tablet: keep a genuine 2-column layout instead of a stretched phone card ── */
@media (min-width: 700px) and (max-width: 1023px) {
    .myreg-grid[b-1r7qrmimid] {
        grid-template-columns: repeat(2, 1fr);
    }

    .myreg-card[b-1r7qrmimid] {
        max-width: none;
    }
}

/* ── Desktop: allow up to 3 columns on wide viewports ── */
@media (min-width: 1400px) {
    .myreg-grid[b-1r7qrmimid] {
        grid-template-columns: repeat(3, 1fr);
    }

    .myreg-card[b-1r7qrmimid] {
        max-width: none;
    }
}

/* ── Phone: full-width tap targets ── */
@media (max-width: 480px) {
    .myreg-card-foot[b-1r7qrmimid] {
        flex-direction: column;
        align-items: stretch;
    }

    .myreg-card-foot-primary[b-1r7qrmimid],
    .myreg-card-foot-end[b-1r7qrmimid] {
        width: 100%;
        margin-left: 0;
    }

    .myreg-card-foot-primary > *[b-1r7qrmimid],
    .myreg-card-foot-end > *[b-1r7qrmimid] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .myreg-filters[b-1r7qrmimid] {
        gap: var(--trecker-space-xs);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/MyTeam.razor.rz.scp.css */
.myteam[b-2o1ia9ikqi] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
    max-width: 860px;
}

/* Hero — mirrors the public team page */
.myteam-hero[b-2o1ia9ikqi] {
    margin-bottom: var(--trecker-space-md);
}

.myteam-hero-banner[b-2o1ia9ikqi] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--trecker-border-radius-lg);
    display: block;
}

.myteam-hero-banner-empty[b-2o1ia9ikqi] {
    background: linear-gradient(135deg, var(--trecker-bg-secondary), var(--trecker-bg-tertiary));
}

.myteam-hero-info[b-2o1ia9ikqi] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    margin-top: calc(-1 * var(--trecker-space-xl));
    padding: 0 var(--trecker-space-md);
}

.myteam-hero-logo[b-2o1ia9ikqi] {
    width: 96px;
    height: 96px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-lg);
    background: var(--trecker-bg-primary);
    border: 3px solid var(--trecker-bg-primary);
    flex-shrink: 0;
}

.myteam-hero-logo-placeholder[b-2o1ia9ikqi] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
    text-transform: uppercase;
}

.myteam-hero-text[b-2o1ia9ikqi] {
    min-width: 0;
    flex: 1;
}

.myteam-hero-text h1[b-2o1ia9ikqi] {
    word-break: break-word;
}

/* Action bar */
.myteam-actions[b-2o1ia9ikqi] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-lg);
    padding: 0 var(--trecker-space-md);
}

.myteam-section[b-2o1ia9ikqi] {
    padding: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-lg);
}

/* Phone tweaks */
@media (max-width: 600px) {
    .myteam-hero-banner[b-2o1ia9ikqi] {
        height: 130px;
    }

    .myteam-hero-info[b-2o1ia9ikqi] {
        gap: var(--trecker-space-sm);
        padding: 0 var(--trecker-space-xs);
    }

    .myteam-hero-logo[b-2o1ia9ikqi] {
        width: 72px;
        height: 72px;
    }

    .myteam-hero-logo-placeholder[b-2o1ia9ikqi] {
        font-size: 2rem;
    }

    .myteam-actions[b-2o1ia9ikqi] {
        padding: 0;
    }

    .myteam-actions .TreckerButton[b-2o1ia9ikqi] {
        flex: 1 1 100%;
        text-align: center;
        justify-content: center;
    }

    .myteam-section[b-2o1ia9ikqi] {
        padding: var(--trecker-space-lg);
    }
}

.myteam-count-badge[b-2o1ia9ikqi] {
    display: inline-block;
    min-width: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--trecker-accent);
    color: #fff;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    text-align: center;
    margin-left: var(--trecker-space-xs);
}

.team-owner-badge[b-2o1ia9ikqi] {
    display: inline-block;
    margin-left: var(--trecker-space-xs);
    padding: 1px 8px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.myteam-requests[b-2o1ia9ikqi] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.myteam-members[b-2o1ia9ikqi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
    gap: var(--trecker-space-sm);
}

.myteam-request[b-2o1ia9ikqi],
.myteam-member[b-2o1ia9ikqi] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
}

.myteam-member[b-2o1ia9ikqi] {
    gap: var(--trecker-space-sm);
}

.myteam-request-info[b-2o1ia9ikqi],
.myteam-member-main[b-2o1ia9ikqi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.myteam-member-main .TreckerFontSemibold[b-2o1ia9ikqi] {
    word-break: break-word;
}

.myteam-request-actions[b-2o1ia9ikqi] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
}

.myteam-member-remove[b-2o1ia9ikqi] {
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .myteam-request[b-2o1ia9ikqi] {
        flex-wrap: wrap;
    }

    .myteam-request-actions[b-2o1ia9ikqi] {
        width: 100%;
    }

    .myteam-request-actions .TreckerButton[b-2o1ia9ikqi] {
        flex: 1;
        justify-content: center;
    }
}

.myteam-member-link[b-2o1ia9ikqi] {
    color: inherit;
    text-decoration: none;
}

.myteam-member-link:hover[b-2o1ia9ikqi] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.myteam-member-avatar[b-2o1ia9ikqi] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--trecker-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    flex-shrink: 0;
}

.myteam-events[b-2o1ia9ikqi] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.myteam-event[b-2o1ia9ikqi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease;
}

.myteam-event:hover[b-2o1ia9ikqi] {
    border-color: var(--trecker-accent);
}

.myteam-event-main[b-2o1ia9ikqi] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.myteam-event-meta[b-2o1ia9ikqi] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
    text-align: right;
}

.myteam-event-rank[b-2o1ia9ikqi] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-accent);
}

/* Settings modal */
.myteam-settings[b-2o1ia9ikqi] {
    max-width: 560px;
    width: calc(100% - 32px);
    max-height: 90vh;
    overflow-y: auto;
}

.myteam-check[b-2o1ia9ikqi] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
}

.myteam-media[b-2o1ia9ikqi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
}

.myteam-media-col[b-2o1ia9ikqi] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.myteam-media-preview[b-2o1ia9ikqi] {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-secondary);
}

.myteam-media-preview-wide[b-2o1ia9ikqi] {
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.myteam-modal-actions[b-2o1ia9ikqi] {
    display: flex;
    justify-content: flex-end;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}
/* _content/TreckerTreckWebsite.Shared/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-2hhwj2hpef] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
}

/* --- Loading center --- */
.td-loading-center[b-2hhwj2hpef] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* --- Empty state --- */
.td-empty-state[b-2hhwj2hpef] {
    min-height: 40vh;
}

.td-back-link[b-2hhwj2hpef] {
    margin-top: var(--trecker-space-md);
}

/* --- Hero Section --- */
.td-hero-grid[b-2hhwj2hpef] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-xl);
}

.td-hero-row[b-2hhwj2hpef] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xl);
    align-items: flex-start;
}

/* --- Tractor Image --- */
.td-image-wrap[b-2hhwj2hpef] {
    width: min(100%, 320px);
    flex-shrink: 0;
}

.td-image-frame[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.td-image-placeholder[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    margin-top: 8px;
}

/* --- Info Panel --- */
.td-info[b-2hhwj2hpef] {
    flex: 1;
    min-width: 240px;
}

.td-info-header[b-2hhwj2hpef] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.td-title[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    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-2hhwj2hpef] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-md);
}

.td-badge-public[b-2hhwj2hpef] {
    display: inline-block;
    padding: 4px 10px;
    background: var(--trecker-success-bg);
    color: var(--trecker-success);
    border-radius: 4px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
}

.td-badge-private[b-2hhwj2hpef] {
    display: inline-block;
    padding: 4px 10px;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    border-radius: 4px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
}

.td-toggle-btn[b-2hhwj2hpef] {
    padding: 4px 8px;
    font-size: var(--trecker-font-size-xs);
}

/* --- Profile Warning --- */
.td-profile-warning[b-2hhwj2hpef] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: var(--trecker-warning-bg);
    border: 1px solid var(--trecker-warning);
    border-radius: var(--trecker-border-radius);
    margin-bottom: var(--trecker-space-md);
}

.td-profile-warning-icon[b-2hhwj2hpef] {
    flex-shrink: 0;
    margin-top: 2px;
}

.td-profile-warning-text[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    line-height: 1.4;
}

.td-profile-warning-link[b-2hhwj2hpef] {
    color: var(--trecker-warning);
    text-decoration: underline;
    margin-left: 4px;
}

/* --- Specs Grid --- */
.td-specs-grid[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    font-size: 11px;
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.td-spec-value[b-2hhwj2hpef] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

/* --- Modifications --- */
.td-modifications[b-2hhwj2hpef] {
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
}

.td-modifications-label[b-2hhwj2hpef] {
    font-size: 11px;
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.td-modifications-text[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    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-2hhwj2hpef] {
    color: var(--trecker-accent);
}

/* --- Fahrzeugschein Card --- */
.td-vehicle-card[b-2hhwj2hpef] {
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-xl);
}

.td-vehicle-card-title[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    font-weight: 400;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.td-vehicle-card-desc[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    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-2hhwj2hpef] {
    flex: 1;
    min-width: 0;
}

.td-file-name[b-2hhwj2hpef] {
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.td-file-meta[b-2hhwj2hpef] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Consent Row --- */
.td-consent-row[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

.td-consent-label[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    line-height: 1.5;
}

/* --- Upload hint --- */
.td-upload-hint[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 4px;
}

.td-upload-input[b-2hhwj2hpef] {
    padding: var(--trecker-space-sm);
}

/* --- Save / compression actions --- */
.td-upload-actions[b-2hhwj2hpef] {
    margin-top: var(--trecker-space-sm);
    display: flex;
    gap: var(--trecker-space-sm);
}

.td-compression-alert[b-2hhwj2hpef] {
    margin-top: var(--trecker-space-sm);
}

.td-compression-title[b-2hhwj2hpef] {
    font-weight: 600;
    margin: 0 0 4px;
}

.td-compression-desc[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    margin: 0 0 var(--trecker-space-sm);
}

.td-compression-actions[b-2hhwj2hpef] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.td-vehicle-card-msg[b-2hhwj2hpef] {
    margin-top: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
}

/* --- Filter + Export Bar --- */
.td-filter-card[b-2hhwj2hpef] {
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
}

.td-filter-bar[b-2hhwj2hpef] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
}

.td-filter-left[b-2hhwj2hpef] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.td-filter-title[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
}

.td-filter-select[b-2hhwj2hpef] {
    min-width: 130px;
    padding: 8px 14px;
}

.td-filter-count[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.td-filter-right[b-2hhwj2hpef] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* --- Empty Events --- */
.td-events-empty[b-2hhwj2hpef] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.td-events-empty-icon[b-2hhwj2hpef] {
    color: var(--trecker-text-tertiary);
    margin-bottom: var(--trecker-space-md);
}

.td-events-empty-text[b-2hhwj2hpef] {
    color: var(--trecker-text-secondary);
    margin: 0;
}

.td-events-empty-cta[b-2hhwj2hpef] {
    margin-top: var(--trecker-space-md);
}

/* --- Event Groups --- */
.td-event-list[b-2hhwj2hpef] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.td-event-card[b-2hhwj2hpef] {
    padding: 0;
    overflow: hidden;
}

.td-event-header[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    font-weight: 700;
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-primary);
}

.td-event-name-link[b-2hhwj2hpef] {
    display: block;
    text-decoration: none;
}

.td-event-name-link:hover[b-2hhwj2hpef] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.td-event-meta[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.td-event-class-count[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

/* --- Entries --- */
.td-entries[b-2hhwj2hpef] {
    display: flex;
    flex-direction: column;
}

.td-entry-row[b-2hhwj2hpef] {
    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-2hhwj2hpef] {
    flex: 1;
    min-width: 180px;
}

.td-entry-signup[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.td-entry-weight-class[b-2hhwj2hpef] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.td-entry-badge[b-2hhwj2hpef] {
    flex-shrink: 0;
}

/* --- Result Area --- */
.td-result-area[b-2hhwj2hpef] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    min-width: 220px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.td-rank-row[b-2hhwj2hpef] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.td-rank-value[b-2hhwj2hpef] {
    font-weight: 700;
    font-size: var(--trecker-font-size-xl);
}

.td-rank-total[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.td-distance[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    font-weight: 500;
}

.td-no-result[b-2hhwj2hpef] {
    min-width: 220px;
    text-align: right;
}

.td-no-result-text[b-2hhwj2hpef] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .td-page[b-2hhwj2hpef] {
        padding-top: var(--trecker-space-lg);
        padding-bottom: var(--trecker-space-2xl);
    }

    .td-hero-row[b-2hhwj2hpef] {
        flex-direction: column;
    }

    .td-image-wrap[b-2hhwj2hpef] {
        width: 100%;
    }

    .td-info[b-2hhwj2hpef] {
        min-width: unset;
    }

    .td-title[b-2hhwj2hpef] {
        font-size: clamp(1.25rem, 5vw, 1.75rem);
    }

    .td-info-header[b-2hhwj2hpef] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    .td-filter-bar[b-2hhwj2hpef] {
        flex-direction: column;
        align-items: flex-start;
    }

    .td-event-header[b-2hhwj2hpef] {
        flex-direction: column;
        align-items: flex-start;
    }

    .td-entry-row[b-2hhwj2hpef] {
        flex-direction: column;
        align-items: flex-start;
    }

    .td-result-area[b-2hhwj2hpef] {
        min-width: unset;
        justify-content: flex-start;
        width: 100%;
    }

    .td-no-result[b-2hhwj2hpef] {
        min-width: unset;
        text-align: left;
    }

    .td-file-row[b-2hhwj2hpef] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .td-stat-grid[b-2hhwj2hpef] {
        grid-template-columns: repeat(2, 1fr);
    }

    .td-specs-grid[b-2hhwj2hpef] {
        grid-template-columns: repeat(2, 1fr);
    }

    .td-filter-right[b-2hhwj2hpef] {
        flex-direction: column;
        width: 100%;
    }

    .td-filter-right .TreckerButton[b-2hhwj2hpef] {
        width: 100%;
        justify-content: center;
    }

    .td-compression-actions[b-2hhwj2hpef] {
        flex-direction: column;
        width: 100%;
    }

    .td-compression-actions .TreckerButton[b-2hhwj2hpef] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Participant/ProfileHub.razor.rz.scp.css */
/* ============================================================================
   ProfileHub — /Profile settings hub (master-detail, iOS-Settings style)
   Prefix: ph-. Desktop/tablet: sidebar + content. Phone: landing menu ↔ section.
   ============================================================================ */

.ph-page[b-vpfysttnv1] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
    padding-left: max(var(--trecker-space-md), env(safe-area-inset-left));
    padding-right: max(var(--trecker-space-md), env(safe-area-inset-right));
}

.ph-layout[b-vpfysttnv1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-xl);
    align-items: start;
}

/* --- Profile header card (top of nav) --- */
.ph-profile-card[b-vpfysttnv1] {
    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-border-radius-xl);
    margin-bottom: var(--trecker-space-lg);
}

.ph-avatar[b-vpfysttnv1] {
    width: 52px;
    height: 52px;
    border-radius: var(--trecker-border-radius-full);
    object-fit: cover;
    border: 2px solid var(--trecker-border-medium);
    flex-shrink: 0;
}

.ph-avatar--placeholder[b-vpfysttnv1] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    font-weight: var(--trecker-font-weight-bold);
}

.ph-profile-text[b-vpfysttnv1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ph-profile-name[b-vpfysttnv1] {
    font-weight: 700;
    color: var(--trecker-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ph-profile-email[b-vpfysttnv1] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Konto-Nummer (fuer Freundschaftsanfragen) — klick = kopieren */
.ph-account-number[b-vpfysttnv1] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.ph-account-number strong[b-vpfysttnv1] {
    color: var(--trecker-accent);
    letter-spacing: 0.06em;
    font-variant-numeric: tabular-nums;
}

.ph-account-number:hover[b-vpfysttnv1] {
    border-color: var(--trecker-accent);
    color: var(--trecker-text-primary);
}

.ph-account-number svg[b-vpfysttnv1] {
    flex-shrink: 0;
    color: var(--trecker-text-tertiary);
}

/* Zaehler-Badge an Nav-Eintraegen (z.B. offene Freundschaftsanfragen) */
.ph-nav-badge[b-vpfysttnv1] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--trecker-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

/* --- Nav groups --- */
.ph-nav-group[b-vpfysttnv1] {
    margin-bottom: var(--trecker-space-lg);
}

.ph-nav-group-title[b-vpfysttnv1] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-tertiary);
    padding: 0 var(--trecker-space-md);
    margin-bottom: var(--trecker-space-xs);
}

.ph-nav-item[b-vpfysttnv1] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: 10px var(--trecker-space-md);
    min-height: 44px;
    border-radius: var(--trecker-border-radius-md);
    color: var(--trecker-text-secondary);
    text-decoration: none;
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

.ph-nav-item:hover[b-vpfysttnv1] {
    background: var(--trecker-bg-subtle);
    color: var(--trecker-text-primary);
}

.ph-nav-item--active[b-vpfysttnv1] {
    background: var(--trecker-accent-bg, rgba(52, 199, 89, 0.12));
    color: var(--trecker-accent);
    font-weight: 600;
}

.ph-nav-item svg[b-vpfysttnv1] {
    flex-shrink: 0;
}

/* --- Content --- */
.ph-content[b-vpfysttnv1] {
    min-width: 0;
}

.ph-back[b-vpfysttnv1] {
    display: none;
    color: var(--trecker-text-secondary);
    text-decoration: none;
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    margin-bottom: var(--trecker-space-md);
    min-height: 44px;
    align-items: center;
}

.ph-back:hover[b-vpfysttnv1] {
    color: var(--trecker-accent);
}

.ph-content-header[b-vpfysttnv1] {
    margin-bottom: var(--trecker-space-lg);
}

.ph-content-title[b-vpfysttnv1] {
    font-size: clamp(1.35rem, 2.5vw, 1.75rem);
    font-weight: 700;
    color: var(--trecker-text-primary);
    letter-spacing: -0.02em;
    margin: 0 0 4px;
}

.ph-content-subtitle[b-vpfysttnv1] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: 0;
}

/* ============================================================================
   Phone (<768px): landing shows nav menu, section shows content + back link
   ============================================================================ */
@media (max-width: 767px) {
    .ph-page[b-vpfysttnv1] {
        padding-top: var(--trecker-space-lg);
    }

    /* Landing: full-width settings menu, content hidden */
    .ph-layout.ph--landing .ph-content[b-vpfysttnv1] {
        display: none;
    }

    /* Section: nav hidden, back link visible */
    .ph-layout:not(.ph--landing) .ph-nav[b-vpfysttnv1] {
        display: none;
    }

    .ph-back[b-vpfysttnv1] {
        display: inline-flex;
    }

    /* Menu items get card-like rows on the phone landing */
    .ph-nav-item[b-vpfysttnv1] {
        background: var(--trecker-bg-card);
        border: 1px solid var(--trecker-border);
        margin-bottom: var(--trecker-space-xs);
        min-height: 52px;
    }

    .ph-nav-item--active[b-vpfysttnv1] {
        background: var(--trecker-bg-card);
        color: var(--trecker-text-secondary);
        font-weight: 500;
    }
}

/* ============================================================================
   Tablet (768–1023px): two columns, narrower sidebar
   ============================================================================ */
@media (min-width: 768px) {
    .ph-layout[b-vpfysttnv1] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .ph-nav[b-vpfysttnv1] {
        position: sticky;
        top: calc(var(--trecker-space-xl) + 60px);
    }
}

/* ============================================================================
   Desktop (>=1024px): wider sidebar
   ============================================================================ */
@media (min-width: 1024px) {
    .ph-page[b-vpfysttnv1] {
        padding-left: max(var(--trecker-space-xl), env(safe-area-inset-left));
        padding-right: max(var(--trecker-space-xl), env(safe-area-inset-right));
    }

    .ph-layout[b-vpfysttnv1] {
        grid-template-columns: 260px minmax(0, 1fr);
        gap: var(--trecker-space-2xl);
    }
}
/* _content/TreckerTreckWebsite.Shared/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-8r7th4ltfo] {
    max-width: 720px;
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

/* --- Loading state --- */
.rg-loading[b-8r7th4ltfo] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-3xl) 0;
}

/* --- Card with centered text and generous padding --- */
.rg-card-center[b-8r7th4ltfo] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* --- Success check icon --- */
.rg-success-icon[b-8r7th4ltfo] {
    font-size: 3rem;
    margin-bottom: var(--trecker-space-md);
}

/* --- Registration code card --- */
.rg-code-card[b-8r7th4ltfo] {
    padding: var(--trecker-space-lg);
    background: var(--trecker-bg-secondary);
}

/* --- QR code card on success screen --- */
.rg-qr-card[b-8r7th4ltfo] {
    margin-top: var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- QR code image --- */
.rg-qr-img[b-8r7th4ltfo] {
    max-width: 200px;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* --- Actions row (flex wrap, centered or end-aligned) --- */
.rg-actions-center[b-8r7th4ltfo] {
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    justify-content: center;
}

.rg-actions-end[b-8r7th4ltfo] {
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
}

/* --- Blocked icon --- */
.rg-blocked-icon[b-8r7th4ltfo] {
    font-size: 3rem;
    margin-bottom: var(--trecker-space-md);
}

/* --- Blocked card padding --- */
.rg-card-blocked[b-8r7th4ltfo] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* --- Required field asterisk --- */
.rg-required[b-8r7th4ltfo] {
    color: var(--trecker-error);
    margin-left: 2px;
}

/* --- Main form card --- */
.rg-form-card[b-8r7th4ltfo] {
    padding: var(--trecker-space-xl);
}

/* --- Info card (secondary bg, spacing below) --- */
.rg-info-card[b-8r7th4ltfo] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    margin-bottom: var(--trecker-space-md);
}

/* --- Signup list container --- */
.rg-signup-list[b-8r7th4ltfo] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

/* --- Signup selectable card --- */
.rg-signup-card[b-8r7th4ltfo] {
    padding: var(--trecker-space-md);
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.15s;
}

.rg-signup-card--selected[b-8r7th4ltfo] {
    border-color: var(--trecker-accent);
}

/* --- Signup card inner layout --- */
.rg-signup-row[b-8r7th4ltfo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

/* --- Radio indicator (outer circle) --- */
.rg-radio-outer[b-8r7th4ltfo] {
    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-8r7th4ltfo] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--trecker-accent);
}

/* --- Signup detail text area --- */
.rg-signup-detail[b-8r7th4ltfo] {
    flex: 1;
}

/* --- Pre-line text for rules/info --- */
.rg-preline[b-8r7th4ltfo] {
    white-space: pre-line;
}

/* --- Alert margin --- */
.rg-alert-mb[b-8r7th4ltfo] {
    margin-bottom: var(--trecker-space-md);
}

/* --- No tractor placeholder --- */
.rg-no-tractor[b-8r7th4ltfo] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-radius: 8px;
}

/* --- Weight warning layout --- */
.rg-weight-warning[b-8r7th4ltfo] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
}

.rg-weight-warning-body[b-8r7th4ltfo] {
    flex: 1;
}

.rg-nowrap[b-8r7th4ltfo] {
    white-space: nowrap;
}

.rg-confirmed[b-8r7th4ltfo] {
    white-space: nowrap;
    color: var(--trecker-accent);
}

/* --- Checkbox label --- */
.rg-checkbox-label[b-8r7th4ltfo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
}

.rg-checkbox-input[b-8r7th4ltfo] {
    width: 18px;
    height: 18px;
}

/* Treffen multi-tractor rows */
.rg-tractor-multi[b-8r7th4ltfo] {
    padding: var(--trecker-space-sm) 0;
    border-bottom: 1px solid var(--trecker-border-light);
}
.rg-tractor-multi:last-child[b-8r7th4ltfo] {
    border-bottom: none;
}
.rg-showcase-note[b-8r7th4ltfo] {
    margin-top: var(--trecker-space-xs);
    width: 100%;
}

/* --- Summary card --- */
.rg-summary-card[b-8r7th4ltfo] {
    padding: var(--trecker-space-xl);
    border: 2px solid var(--trecker-accent);
}

.rg-summary-title[b-8r7th4ltfo] {
    color: var(--trecker-accent);
}

/* --- Summary grid --- */
.rg-summary-grid[b-8r7th4ltfo] {
    display: grid;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

/* --- Summary row --- */
.rg-summary-row[b-8r7th4ltfo] {
    display: flex;
    gap: var(--trecker-space-md);
}

.rg-summary-label[b-8r7th4ltfo] {
    min-width: 130px;
    flex-shrink: 0;
}

/* --- Event header (fixed event display when coming from specific event link) --- */
.rg-event-header[b-8r7th4ltfo] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius);
    margin-bottom: var(--trecker-space-md);
}

.rg-event-header-label[b-8r7th4ltfo] {
    font-size: var(--trecker-text-xs);
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* --- Section divider between form sections --- */
.rg-section-divider[b-8r7th4ltfo] {
    height: 1px;
    background: var(--trecker-border);
    margin: var(--trecker-space-lg) 0;
}

/* --- Extra top margin when no divider precedes a section --- */
.rg-section-divider-top[b-8r7th4ltfo] {
    margin-top: var(--trecker-space-lg);
}

/* --- Auto-selected weight class display --- */
.rg-auto-select-info[b-8r7th4ltfo] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius);
}

.rg-auto-label[b-8r7th4ltfo] {
    font-size: var(--trecker-text-xs);
    color: var(--trecker-accent);
}

/* --- Empty events placeholder --- */
.rg-no-events[b-8r7th4ltfo] {
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .rg-container[b-8r7th4ltfo] {
        padding-top: var(--trecker-space-md);
        padding-bottom: var(--trecker-space-xl);
    }

    .rg-summary-row[b-8r7th4ltfo] {
        flex-direction: column;
        gap: var(--trecker-space-xs);
    }

    .rg-summary-label[b-8r7th4ltfo] {
        min-width: unset;
    }

    .rg-signup-row[b-8r7th4ltfo] {
        gap: var(--trecker-space-sm);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .rg-card-center[b-8r7th4ltfo] {
        padding: var(--trecker-space-lg);
    }

    .rg-form-card[b-8r7th4ltfo] {
        padding: var(--trecker-space-md);
    }

    .rg-summary-card[b-8r7th4ltfo] {
        padding: var(--trecker-space-md);
    }

    .rg-actions-center[b-8r7th4ltfo],
    .rg-actions-end[b-8r7th4ltfo] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    .rg-actions-center > *[b-8r7th4ltfo],
    .rg-actions-end > *[b-8r7th4ltfo] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/BremswagenList.razor.rz.scp.css */
/* =========================================================================
   Directory list — Bremswagen-Teams. Shared visual language with Teams & Fotografen.
   Cover-card grid: banner cover + overlapping logo avatar. Tuned for
   desktop, mobile browser, and the native app (large tap targets, 1-col phone).
   ========================================================================= */

.dir[b-jho45nww75] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

/* ===== Hero header ===== */
.dir-hero[b-jho45nww75] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.dir-hero__title[b-jho45nww75] {
    margin: 0;
    font-size: clamp(1.6rem, 4vw, 2.25rem);
    font-weight: var(--trecker-font-weight-bold);
    letter-spacing: var(--trecker-letter-spacing-tight);
    color: var(--trecker-text-primary);
    line-height: var(--trecker-line-height-tight);
}

.dir-hero__sub[b-jho45nww75] {
    margin: 6px 0 0;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-md);
}

/* ===== Toolbar (search + count) ===== */
.dir-toolbar[b-jho45nww75] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-xl);
}

.dir-search[b-jho45nww75] {
    position: relative;
    flex: 1 1 260px;
    min-width: 0;
}

.dir-search__icon[b-jho45nww75] {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: var(--trecker-text-tertiary);
    pointer-events: none;
}

.dir-search__input[b-jho45nww75] {
    width: 100%;
    height: 48px;
    padding: 0 var(--trecker-space-md) 0 44px;
    border-radius: var(--trecker-radius-full);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-card);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-base);
    transition: border-color var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast);
}

.dir-search__input[b-jho45nww75]::placeholder { color: var(--trecker-text-tertiary); }

.dir-search__input:focus[b-jho45nww75] {
    outline: none;
    border-color: var(--trecker-accent);
    box-shadow: 0 0 0 3px var(--trecker-accent-light);
}

.dir-count[b-jho45nww75] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    white-space: nowrap;
}

/* ===== Grid ===== */
.dir-grid[b-jho45nww75] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 264px), 1fr));
    gap: var(--trecker-space-lg);
}

/* ===== Card ===== */
.dir-card[b-jho45nww75] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--trecker-radius-lg);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-card);
    box-shadow: var(--trecker-shadow-card);
    text-decoration: none;
    color: inherit;
    transition: transform var(--trecker-transition-normal), box-shadow var(--trecker-transition-normal), border-color var(--trecker-transition-normal);
}

.dir-card:hover[b-jho45nww75] {
    transform: translateY(-4px);
    box-shadow: var(--trecker-shadow-lg);
    border-color: var(--trecker-accent);
}

.dir-card:focus-visible[b-jho45nww75] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
}

/* ===== Cover (banner) ===== */
.dir-cover[b-jho45nww75] {
    position: relative;
    aspect-ratio: 16 / 7;
    background: var(--trecker-bg-tertiary);
    overflow: hidden;
}

.dir-cover img[b-jho45nww75] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.dir-cover--empty[b-jho45nww75] {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--trecker-accent-light), transparent 60%),
        linear-gradient(135deg, var(--trecker-bg-tertiary), var(--trecker-bg-secondary));
}

.dir-cover__mono[b-jho45nww75] {
    font-size: 3.5rem;
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-accent);
    opacity: 0.22;
    text-transform: uppercase;
    line-height: 1;
}

/* ===== Logo avatar (overlaps cover) ===== */
.dir-logo[b-jho45nww75] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    object-fit: contain;
    background: var(--trecker-bg-card);
    border: 3px solid var(--trecker-bg-card);
    box-shadow: var(--trecker-shadow-sm);
    margin: -38px 0 0 var(--trecker-space-md);
    position: relative;
    z-index: 1;
}

.dir-logo--placeholder[b-jho45nww75] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
    text-transform: uppercase;
}

/* ===== Body ===== */
.dir-body[b-jho45nww75] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: var(--trecker-space-sm) var(--trecker-space-md) var(--trecker-space-md);
}

.dir-name[b-jho45nww75] {
    font-size: var(--trecker-font-size-md);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dir-meta[b-jho45nww75] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    min-height: 20px;
}

.dir-chip[b-jho45nww75] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-section);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-radius-full);
    padding: 4px 10px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dir-chip svg[b-jho45nww75] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    color: var(--trecker-text-tertiary);
}

/* ===== Empty state ===== */
.dir-empty[b-jho45nww75] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-3xl) var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
    text-align: center;
}

.dir-empty svg[b-jho45nww75] {
    width: 48px;
    height: 48px;
    color: var(--trecker-text-tertiary);
    opacity: 0.7;
}

.dir-empty p[b-jho45nww75] { margin: 0; font-size: var(--trecker-font-size-md); }

/* ===== Skeleton loading ===== */
.dir-card--skeleton[b-jho45nww75] { pointer-events: none; }

.dir-skel[b-jho45nww75] {
    position: relative;
    overflow: hidden;
    background: var(--trecker-bg-tertiary);
}

.dir-skel[b-jho45nww75]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, var(--trecker-bg-hover-subtle), transparent);
    animation: dirShimmer-b-jho45nww75 1.3s infinite;
}

.dir-skel--line[b-jho45nww75] {
    height: 12px;
    border-radius: 6px;
}

.dir-skel--short[b-jho45nww75] { width: 55%; }

@keyframes dirShimmer-b-jho45nww75 {
    100% { transform: translateX(100%); }
}

/* ===== Responsive ===== */
@media (max-width: 640px) {
    .dir[b-jho45nww75] { padding-top: var(--trecker-space-lg); }

    .dir-hero[b-jho45nww75] {
        align-items: stretch;
        flex-direction: column;
        gap: var(--trecker-space-md);
    }

    .dir-grid[b-jho45nww75] {
        grid-template-columns: 1fr;
        gap: var(--trecker-space-md);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/BremswagenProfile.razor.rz.scp.css */
.bw-profile[b-axh4ni3dlt] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

/* ---- Hero (banner + overlapping logo, titles below the banner edge) ---- */
.bw-hero[b-axh4ni3dlt] {
    position: relative;
    margin-bottom: var(--trecker-space-xl);
}

.bw-banner[b-axh4ni3dlt] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: var(--trecker-border-radius-xl);
    box-shadow: var(--trecker-shadow-md);
}

/* No banner uploaded: quiet, branded header instead of a loud solid gradient */
.bw-banner-empty[b-axh4ni3dlt] {
    height: 150px;
    box-shadow: none;
    border: 1px solid var(--trecker-border);
    background:
        radial-gradient(110% 180% at 12% -20%, var(--trecker-accent-light) 0%, transparent 55%),
        radial-gradient(90% 150% at 95% 120%, var(--trecker-accent-light) 0%, transparent 50%),
        repeating-linear-gradient(-55deg, transparent 0 26px, var(--trecker-accent-light) 26px 27px),
        linear-gradient(165deg, var(--trecker-bg-secondary) 0%, var(--trecker-bg-tertiary) 100%);
}

.bw-hero-head[b-axh4ni3dlt] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-lg);
    margin-top: -48px;
    padding: 0 var(--trecker-space-lg);
}

.bw-logo[b-axh4ni3dlt] {
    width: 108px;
    height: 108px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-xl);
    background: var(--trecker-bg-card);
    border: 4px solid var(--trecker-bg-primary);
    box-shadow: var(--trecker-shadow-lg);
    flex-shrink: 0;
}

.bw-logo-placeholder[b-axh4ni3dlt] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--trecker-accent);
    background:
        radial-gradient(120% 120% at 30% 20%, var(--trecker-accent-light), transparent 70%),
        var(--trecker-bg-card);
    text-transform: uppercase;
}

.bw-hero-titles[b-axh4ni3dlt] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 2px;
    min-width: 0;
}

.bw-hero-name[b-axh4ni3dlt] {
    line-height: 1.15;
    letter-spacing: -0.02em;
}

/* ---- Role chip + count chips ---- */
.bw-role-chip[b-axh4ni3dlt] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
}

.bw-hero-counts[b-axh4ni3dlt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bw-count-chip[b-axh4ni3dlt] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
}

.bw-count-chip svg[b-axh4ni3dlt] {
    color: var(--trecker-accent);
    flex-shrink: 0;
}

/* ---- Section cards (accent bar in front of headings) ---- */
.bw-section[b-axh4ni3dlt] {
    padding: var(--trecker-space-xl);
    margin-top: var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
}

.bw-section > h2[b-axh4ni3dlt],
.bw-col-title[b-axh4ni3dlt] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bw-section > h2[b-axh4ni3dlt]::before,
.bw-col-title[b-axh4ni3dlt]::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--trecker-accent-gradient);
    flex-shrink: 0;
}

/* ---- Tech spec tiles ---- */
.bw-spec-grid[b-axh4ni3dlt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
    gap: var(--trecker-space-md);
}

.bw-spec[b-axh4ni3dlt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-border-radius-md);
    border-left: 3px solid var(--trecker-accent);
}

.bw-spec-label[b-axh4ni3dlt] {
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-text-secondary);
    font-weight: 600;
}

.bw-spec > span:last-child[b-axh4ni3dlt] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

/* ---- Socials & badges ---- */
.bw-socials[b-axh4ni3dlt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}

/* Icon-only buttons — the platform never shows the raw social/website URL as text. */
.bw-social-button[b-axh4ni3dlt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--trecker-border);
    border-radius: 50%;
    background-color: var(--trecker-surface);
    color: var(--trecker-text-primary);
    text-decoration: none;
    transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    cursor: pointer;
}

.bw-social-button:hover[b-axh4ni3dlt] {
    background-color: var(--trecker-bg-secondary);
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
    transform: translateY(-2px);
}

.bw-social-icon[b-axh4ni3dlt] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.bw-badges[b-axh4ni3dlt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

/* ---- Events (date-tile cards + friendly empty state) ---- */
.bw-events[b-axh4ni3dlt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: var(--trecker-space-xl);
    margin-top: var(--trecker-space-2xl);
}

.bw-events-col[b-axh4ni3dlt] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.bw-events-empty[b-axh4ni3dlt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-xl);
    border: 1px dashed var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-sm);
    text-align: center;
}

.bw-events-empty svg[b-axh4ni3dlt] {
    opacity: 0.7;
}

.bw-event-card[b-axh4ni3dlt] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    text-decoration: none;
    color: inherit;
    border-radius: var(--trecker-border-radius-md);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.bw-event-date[b-axh4ni3dlt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 52px;
    flex-shrink: 0;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.bw-event-date--past[b-axh4ni3dlt] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.bw-event-day[b-axh4ni3dlt] {
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1;
}

.bw-event-month[b-axh4ni3dlt] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

.bw-event-info[b-axh4ni3dlt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.bw-event-chevron[b-axh4ni3dlt] {
    flex-shrink: 0;
    color: var(--trecker-text-tertiary);
    transition: transform 0.15s ease, color 0.15s ease;
}

.bw-event-card:hover .bw-event-chevron[b-axh4ni3dlt] {
    color: var(--trecker-accent);
    transform: translateX(2px);
}

/* ---- Responsive ---- */
@media (max-width: 640px) {
    .bw-banner[b-axh4ni3dlt] {
        height: 150px;
    }

    .bw-banner-empty[b-axh4ni3dlt] {
        height: 120px;
    }

    .bw-hero-head[b-axh4ni3dlt] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--trecker-space-sm);
        margin-top: -44px;
        padding: 0 var(--trecker-space-md);
    }

    .bw-logo[b-axh4ni3dlt] {
        width: 88px;
        height: 88px;
    }

    .bw-hero-titles[b-axh4ni3dlt] {
        padding-bottom: 0;
    }

    .bw-section[b-axh4ni3dlt] {
        padding: var(--trecker-space-lg);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/ChampionshipInviteAccept.razor.rz.scp.css */
.ci-page[b-ogw8bb713y] {
    padding-top: var(--trecker-space-lg);
    padding-bottom: calc(var(--trecker-space-2xl) + env(safe-area-inset-bottom, 0px));
}

.ci-loading[b-ogw8bb713y] {
    padding: var(--trecker-space-3xl);
    text-align: center;
}

.ci-hero[b-ogw8bb713y] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    align-items: flex-start;
}

.ci-card[b-ogw8bb713y] {
    padding: var(--trecker-space-lg);
    min-width: 0;
}

.ci-grid[b-ogw8bb713y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--trecker-space-lg);
    align-items: start;
}

.ci-form-row[b-ogw8bb713y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--trecker-space-md);
}

.ci-list[b-ogw8bb713y] {
    margin: 0;
    padding-left: 1.15rem;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ci-chips[b-ogw8bb713y] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
}

.ci-actions[b-ogw8bb713y] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

/* Tablet: Zeiten nebeneinander. */
@media (min-width: 600px) {
    .ci-form-row[b-ogw8bb713y] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Desktop/Tablet-Landscape: Auswahl links, Erklaerung rechts. */
@media (min-width: 900px) {
    .ci-grid[b-ogw8bb713y] {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/ChampionshipStandings.razor.rz.scp.css */
.ChampStandings[b-f469iukfp4] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: calc(var(--trecker-space-3xl) + env(safe-area-inset-bottom, 0px));
}

.ChampStandings__Loading[b-f469iukfp4] {
    padding: var(--trecker-space-3xl);
    text-align: center;
}

/* ── Uebersicht: Toolbar ────────────────────────────────────────────── */
.ChampStandings__Toolbar[b-f469iukfp4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: center;
    justify-content: space-between;
}

.ChampStandings__Search[b-f469iukfp4] {
    flex: 1 1 240px;
    min-width: 0;
}

.ChampStandings__ViewToggle[b-f469iukfp4] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
}

/* ── Uebersicht: Karten ────────────────────────────────────────────── */
.ChampStandings__Grid[b-f469iukfp4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: var(--trecker-space-md);
}

.ChampStandings__ChampCard[b-f469iukfp4] {
    padding: var(--trecker-space-lg);
    text-decoration: none;
    color: inherit;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    min-width: 0;
}

.ChampStandings__ChampCard:hover[b-f469iukfp4] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.ChampStandings__CardHead[b-f469iukfp4] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: center;
    min-width: 0;
}

.ChampStandings__CardTitle[b-f469iukfp4] {
    min-width: 0;
}

.ChampStandings__CardTitle h2[b-f469iukfp4],
.ChampStandings__CardTitle p[b-f469iukfp4] {
    margin: 0;
}

.ChampStandings__CardLogo[b-f469iukfp4] {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    object-fit: contain;
    border-radius: 10px;
    background: var(--trecker-bg-secondary);
}

.ChampStandings__CardLogo--empty[b-f469iukfp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.35rem;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
}

.ChampStandings__CardDesc[b-f469iukfp4] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Uebersicht: Liste ─────────────────────────────────────────────── */
.ChampStandings__ListView[b-f469iukfp4] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ChampStandings__ListRow[b-f469iukfp4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    text-decoration: none;
    color: inherit;
    min-width: 0;
}

.ChampStandings__RowLogo[b-f469iukfp4] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    object-fit: contain;
    border-radius: 8px;
    background: var(--trecker-bg-secondary);
}

.ChampStandings__RowMain[b-f469iukfp4] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

/* ── Detail: Hero ──────────────────────────────────────────────────── */
.ChampStandings__Hero[b-f469iukfp4] {
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius);
    overflow: hidden;
    background: var(--trecker-bg-secondary);
}

.ChampStandings__HeroBanner[b-f469iukfp4] {
    aspect-ratio: 4 / 1;
    min-height: 110px;
    max-height: 260px;
    overflow: hidden;
}

.ChampStandings__HeroBanner img[b-f469iukfp4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ChampStandings__HeroBanner--plain[b-f469iukfp4] {
    background: linear-gradient(135deg, var(--trecker-bg-tertiary), var(--trecker-bg-secondary));
}

.ChampStandings__HeroBody[b-f469iukfp4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ChampStandings__HeroLogo[b-f469iukfp4] {
    width: 84px;
    height: 84px;
    flex-shrink: 0;
    object-fit: contain;
    border-radius: 12px;
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-border-color);
    margin-top: -42px;
}

.ChampStandings__HeroText[b-f469iukfp4] {
    flex: 1;
    min-width: 0;
}

.ChampStandings__HeroText h1[b-f469iukfp4],
.ChampStandings__HeroText p[b-f469iukfp4] {
    margin: 0;
}

.ChampStandings__BackBtn[b-f469iukfp4] {
    flex-shrink: 0;
}

.ChampStandings__Provisional[b-f469iukfp4] {
    font-weight: 600;
}

/* ── Detail: Layout (Events links, Wertung rechts) ─────────────────── */
.ChampStandings__Layout[b-f469iukfp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--trecker-space-lg);
    align-items: start;
}

.ChampStandings__Side[b-f469iukfp4] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    min-width: 0;
}

.ChampStandings__Panel[b-f469iukfp4] {
    padding: var(--trecker-space-lg);
    min-width: 0;
}

.ChampStandings__Panel h2[b-f469iukfp4],
.ChampStandings__Panel h3[b-f469iukfp4] {
    margin: 0;
}

.ChampStandings__Main[b-f469iukfp4] {
    min-width: 0;
}

.ChampStandings__MainHead h2[b-f469iukfp4] {
    margin: 0;
}

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

.ChampStandings__EventItem[b-f469iukfp4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--trecker-space-sm);
    background: var(--trecker-bg-primary);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius);
    text-decoration: none;
    color: inherit;
    min-height: 44px;
}

.ChampStandings__EventItem--done[b-f469iukfp4] {
    border-color: var(--trecker-success);
}

.ChampStandings__Facts[b-f469iukfp4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: var(--trecker-space-sm);
    margin: 0;
}

.ChampStandings__Facts dt[b-f469iukfp4],
.ChampStandings__Facts dd[b-f469iukfp4] {
    margin: 0;
}

.ChampStandings__Contact[b-f469iukfp4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.ChampStandings__Rules summary[b-f469iukfp4] {
    cursor: pointer;
    font-weight: 600;
    min-height: 32px;
}

.ChampStandings__RulesBody[b-f469iukfp4] {
    padding-top: var(--trecker-space-sm);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

.ChampStandings__RulesBody ol[b-f469iukfp4] {
    margin-left: 1.25rem;
}

/* ── Detail: Wertung ───────────────────────────────────────────────── */
.ChampStandings__Tabs[b-f469iukfp4] {
    display: flex;
    gap: var(--trecker-space-xs);
    flex-wrap: wrap;
    overflow-x: auto;
}

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

.ChampStandings__Row[b-f469iukfp4] {
    padding: var(--trecker-space-md);
}

.ChampStandings__RowPodium[b-f469iukfp4] {
    border-left: 4px solid var(--trecker-accent);
}

.ChampStandings__RowInner[b-f469iukfp4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ChampStandings__Rank[b-f469iukfp4] {
    min-width: 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--trecker-border-radius-full);
    background: var(--trecker-bg-tertiary);
    font-weight: 700;
    flex-shrink: 0;
}

.ChampStandings__RankGold[b-f469iukfp4] {
    background: linear-gradient(135deg, #FFD700, #FFA500);
    color: #1a1a1a;
}

.ChampStandings__RankSilver[b-f469iukfp4] {
    background: linear-gradient(135deg, #C0C0C0, #A8A8A8);
    color: #1a1a1a;
}

.ChampStandings__RankBronze[b-f469iukfp4] {
    background: linear-gradient(135deg, #A0622A, #8B5518);
    color: #fff;
}

.ChampStandings__Driver[b-f469iukfp4] {
    flex: 1;
    min-width: 150px;
}

.ChampStandings__Driver p[b-f469iukfp4] {
    margin: 0;
}

.ChampStandings__Stats[b-f469iukfp4] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: center;
    flex-wrap: wrap;
}

.ChampStandings__Stat[b-f469iukfp4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 50px;
}

.ChampStandings__Stat span[b-f469iukfp4] {
    line-height: 1.3;
}

.ChampStandings__Points[b-f469iukfp4] {
    min-width: 70px;
}

.ChampStandings__Dropped[b-f469iukfp4] {
    text-decoration: line-through;
}

.ChampStandings__Breakdown[b-f469iukfp4] {
    margin-top: var(--trecker-space-sm);
    padding-top: var(--trecker-space-sm);
    border-top: 1px solid var(--trecker-border-color);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ChampStandings__BreakdownRow[b-f469iukfp4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    border-radius: var(--trecker-border-radius-sm);
}

.ChampStandings__BreakdownRow:nth-child(even)[b-f469iukfp4] {
    background: var(--trecker-bg-secondary);
}

.ChampStandings__BreakdownRowDropped[b-f469iukfp4] {
    opacity: 0.65;
}

.ChampStandings__BreakdownRowDropped span[b-f469iukfp4] {
    text-decoration: line-through;
}

.ChampStandings__ExpandBtn[b-f469iukfp4] {
    display: block;
    width: 100%;
    margin-top: var(--trecker-space-xs);
    padding: var(--trecker-space-xs);
    background: transparent;
    border: none;
    color: var(--trecker-accent);
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    text-align: center;
    min-height: 44px;
}

.ChampStandings__ExpandBtn:hover[b-f469iukfp4] {
    text-decoration: underline;
}

/* Tablet: Zwei Spalten (Events schmal links, Wertung breit rechts). */
@media (min-width: 820px) {
    .ChampStandings__Layout[b-f469iukfp4] {
        grid-template-columns: minmax(240px, 0.8fr) minmax(0, 2fr);
    }
}

/* Desktop: mehr Luft fuer die Wertung. */
@media (min-width: 1200px) {
    .ChampStandings__Layout[b-f469iukfp4] {
        grid-template-columns: minmax(280px, 0.7fr) minmax(0, 2.3fr);
    }
}

@media (max-width: 640px) {
    .ChampStandings__RowInner[b-f469iukfp4] {
        gap: var(--trecker-space-sm);
    }

    .ChampStandings__Stats[b-f469iukfp4] {
        width: 100%;
        justify-content: space-between;
    }

    .ChampStandings__Stat[b-f469iukfp4] {
        flex: 1;
    }

    .ChampStandings__Driver[b-f469iukfp4] {
        min-width: 0;
        flex: 1 1 calc(100% - 60px);
    }

    .ChampStandings__BackBtn[b-f469iukfp4] {
        width: 100%;
        text-align: center;
    }

    .ChampStandings__HeroLogo[b-f469iukfp4] {
        width: 64px;
        height: 64px;
        margin-top: -32px;
    }

    .ChampStandings__ViewToggle[b-f469iukfp4] {
        width: 100%;
    }

    .ChampStandings__ViewToggle .TreckerButton[b-f469iukfp4] {
        flex: 1;
    }

    .ChampStandings__BreakdownRow[b-f469iukfp4] {
        flex-wrap: wrap;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/DesignExamplePage.razor.rz.scp.css */
/* Design System Example Page — scoped layout only */

.ds-wrap[b-36boe96ej2] {
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 24px 80px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  font-family: "Inter", system-ui, sans-serif;
  color: var(--hp-ink, #e8e8e8);
}

.ds-page-head[b-36boe96ej2] {
  border-bottom: 1px solid var(--hp-border);
  padding-bottom: 20px;
}
.ds-page-title[b-36boe96ej2] {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}
.ds-page-sub[b-36boe96ej2] {
  font-size: 14px;
  color: var(--hp-ink-3, #888);
  line-height: 1.5;
}

.ds-section[b-36boe96ej2] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ds-h2[b-36boe96ej2] {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--hp-ink-3, #888);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--hp-border);
}
.ds-h2 code[b-36boe96ej2] {
  font-size: 11px;
  font-family: "JetBrains Mono", monospace;
  background: var(--hp-surface-2);
  padding: 1px 5px;
  border-radius: 4px;
  border: 1px solid var(--hp-border);
}

.ds-row[b-36boe96ej2] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ds-wrap-row[b-36boe96ej2] {
  flex-wrap: wrap;
}

.ds-divider[b-36boe96ej2] {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--hp-ink-3);
}
.ds-divider[b-36boe96ej2]::before,
.ds-divider[b-36boe96ej2]::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--hp-border);
}

.ds-token-grid[b-36boe96ej2] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
}
.ds-token[b-36boe96ej2] {
  height: 60px;
  border-radius: 10px;
  border: 1px solid var(--hp-border);
  display: flex;
  align-items: flex-end;
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 600;
  color: var(--hp-ink);
  position: relative;
  overflow: hidden;
}
.ds-token span[b-36boe96ej2] {
  background: rgba(0,0,0,0.45);
  padding: 2px 5px;
  border-radius: 4px;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px;
  color: #fff;
}

/* Override hp-topbar sticky for preview */
.ds-section .hp-topbar[b-36boe96ej2] {
  position: static;
  margin: 0;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Developers.razor.rz.scp.css */
/* Developers / API-Doku Page (F7). */

.DevDocs[b-djfi7dipe8] {
    max-width: 900px;
    margin: 0 auto;
    padding: 32px 16px;
    line-height: 1.6;
}

.DevDocs__Header[b-djfi7dipe8] { margin-bottom: 24px; }

.DevDocs__Title[b-djfi7dipe8] {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.DevDocs__Subtitle[b-djfi7dipe8] {
    margin: 8px 0 0;
    color: var(--trecker-text-secondary);
    font-size: 16px;
}

.DevDocs__Toc[b-djfi7dipe8] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    padding: 12px 16px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    margin-bottom: 32px;
    font-size: 13px;
}

.DevDocs__Toc a[b-djfi7dipe8] {
    color: var(--trecker-text-secondary);
    text-decoration: none;
    font-weight: 600;
}

.DevDocs__Toc a:hover[b-djfi7dipe8] {
    color: #ff7a3d;
}

.DevDocs__Section[b-djfi7dipe8] {
    margin-bottom: 40px;
}

.DevDocs__Section h2[b-djfi7dipe8] {
    margin: 0 0 12px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid var(--trecker-border);
    padding-bottom: 8px;
}

.DevDocs__Section h3[b-djfi7dipe8] {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
}

.DevDocs__Section p[b-djfi7dipe8] { margin: 8px 0; }
.DevDocs__Section code[b-djfi7dipe8] {
    background: rgba(127, 127, 127, 0.15);
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}

.DevDocs__Code[b-djfi7dipe8] {
    background: #0d1117;
    color: #f0f6fc;
    padding: 14px;
    border-radius: 8px;
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    font-size: 13px;
    overflow-x: auto;
    margin: 8px 0;
}

.DevDocs__Table[b-djfi7dipe8] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 8px;
}

.DevDocs__Table th[b-djfi7dipe8], .DevDocs__Table td[b-djfi7dipe8] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--trecker-border);
    text-align: left;
    font-size: 14px;
}

.DevDocs__Table th[b-djfi7dipe8] {
    color: var(--trecker-text-secondary);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.DevDocs__List[b-djfi7dipe8] {
    margin: 8px 0;
    padding-left: 20px;
}

.DevDocs__Section details[b-djfi7dipe8] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 8px;
}

.DevDocs__Section summary[b-djfi7dipe8] {
    cursor: pointer;
    font-weight: 600;
    color: var(--trecker-text-primary);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/DriverCareer.razor.rz.scp.css */
/* ============================================================================
   DriverCareer.razor -- Scoped Styles
   Prefix: "dc-" for DriverCareer.
   ============================================================================ */

.dc-page[b-wpktlkpts5] {
    padding: var(--trecker-space-md);
    max-width: 1280px;
    margin: 0 auto;
    color: var(--trecker-text-primary);
}

.dc-not-found[b-wpktlkpts5] {
    text-align: center;
    padding: var(--trecker-space-3xl);
}

.dc-not-found-text[b-wpktlkpts5] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-lg);
    margin: 0;
}

/* --- Header card --- */
.dc-header-card[b-wpktlkpts5] {
    background-color: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--trecker-shadow-xl);
    margin-bottom: var(--trecker-space-lg);
}

.dc-header-body[b-wpktlkpts5] {
    padding: var(--trecker-space-lg);
}

.dc-header-layout[b-wpktlkpts5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--trecker-space-lg);
}

.dc-avatar[b-wpktlkpts5] {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--trecker-accent-gradient);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    font-weight: 700;
    flex-shrink: 0;
}

.dc-info[b-wpktlkpts5] {
    flex: 1;
    min-width: 200px;
}

.dc-name[b-wpktlkpts5] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    margin: 0;
}

.dc-team[b-wpktlkpts5] {
    font-size: var(--trecker-font-size-lg);
    color: var(--trecker-text-secondary);
    margin: var(--trecker-space-xs) 0 0;
}

.dc-location[b-wpktlkpts5] {
    color: var(--trecker-text-tertiary);
    margin: 2px 0 0;
}

.dc-profile-link[b-wpktlkpts5] {
    align-self: flex-start;
}

/* --- Section heading --- */
.dc-section-heading[b-wpktlkpts5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-lg);
}

/* --- Stats grid --- */
.dc-stats-grid[b-wpktlkpts5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

/* --- Best results grid --- */
.dc-best-grid[b-wpktlkpts5] {
    margin-bottom: var(--trecker-space-lg);
}

.dc-best-body[b-wpktlkpts5] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

/* --- Season tab bar (mirrors th-season-tabs) --- */
.dc-season-tabs[b-wpktlkpts5] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-lg);
    padding: var(--trecker-space-sm);
    background-color: var(--trecker-bg-tertiary);
    border-radius: var(--trecker-border-radius-lg);
    border: 1px solid var(--trecker-border);
    flex-wrap: wrap;
}

.dc-season-tab[b-wpktlkpts5] {
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    background-color: transparent;
    color: var(--trecker-text-secondary);
    border: none;
    border-radius: var(--trecker-border-radius-md);
    cursor: pointer;
    font-weight: 600;
    transition: all var(--trecker-transition-fast);
}

.dc-season-tab--active[b-wpktlkpts5] {
    background-color: var(--trecker-accent);
    color: #fff;
}

/* --- Empty state --- */
.dc-empty[b-wpktlkpts5] {
    text-align: center;
    padding: var(--trecker-space-2xl);
}

.dc-empty--with-margin[b-wpktlkpts5] {
    margin-bottom: var(--trecker-space-lg);
}

.dc-empty-text[b-wpktlkpts5] {
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Results table --- */
.dc-table-wrap[b-wpktlkpts5] {
    overflow-x: auto;
    margin-bottom: var(--trecker-space-2xl);
}

.dc-table[b-wpktlkpts5] {
    width: 100%;
    border-collapse: collapse;
}

.dc-table thead tr[b-wpktlkpts5] {
    background-color: var(--trecker-bg-tertiary);
    border-bottom: 1px solid var(--trecker-border);
}

.dc-table th[b-wpktlkpts5] {
    padding: var(--trecker-space-md);
    text-align: left;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.dc-table td[b-wpktlkpts5] {
    padding: var(--trecker-space-md);
}

.dc-table tbody tr[b-wpktlkpts5] {
    border-bottom: 1px solid var(--trecker-border-light);
    transition: background-color var(--trecker-transition-fast);
}

.dc-table tbody tr:hover[b-wpktlkpts5] {
    background-color: var(--trecker-bg-hover-subtle);
}

.dc-cell-bold[b-wpktlkpts5] {
    font-weight: 600;
}

/* --- Tractor history cards --- */
.dc-tractor-history[b-wpktlkpts5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.dc-tractor-history-card[b-wpktlkpts5] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.dc-tractor-history-card:hover[b-wpktlkpts5] {
    border-color: var(--trecker-accent);
    transform: translateY(-2px);
}

.dc-tractor-history-name[b-wpktlkpts5] {
    font-weight: 700;
    color: var(--trecker-accent);
    text-decoration: none;
    font-size: var(--trecker-font-size-lg);
}

.dc-tractor-history-sub[b-wpktlkpts5] {
    color: var(--trecker-text-secondary);
    margin: 2px 0 0;
}

.dc-tractor-history-meta[b-wpktlkpts5] {
    text-align: right;
}

.dc-tractor-history-events[b-wpktlkpts5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
    margin: 4px 0 0;
}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */
@media (max-width: 768px) {
    .dc-page[b-wpktlkpts5] {
        padding: var(--trecker-space-sm);
    }

    .dc-season-tabs[b-wpktlkpts5] {
        gap: var(--trecker-space-xs);
    }

    .dc-season-tab[b-wpktlkpts5] {
        padding: var(--trecker-space-sm) var(--trecker-space-md);
        font-size: var(--trecker-font-size-sm);
    }
}

@media (max-width: 480px) {
    .dc-season-tabs[b-wpktlkpts5] {
        flex-direction: column;
    }

    .dc-season-tab[b-wpktlkpts5] {
        width: 100%;
        text-align: center;
    }

    .dc-tractor-history-card[b-wpktlkpts5] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dc-tractor-history-meta[b-wpktlkpts5] {
        text-align: left;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/DriverProfile.razor.rz.scp.css */
.dp-profile[b-iashzu2ouj] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

.dp-loading[b-iashzu2ouj] {
    padding: var(--trecker-space-3xl);
}

.dp-private[b-iashzu2ouj] {
    padding: var(--trecker-space-3xl);
    text-align: center;
}

.dp-private-back[b-iashzu2ouj] {
    margin-top: var(--trecker-space-lg);
}

.dp-back-link[b-iashzu2ouj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-decoration: none;
}

.dp-back-link:hover[b-iashzu2ouj] {
    color: var(--trecker-accent);
}

/* ---- Hero: dunkles Banner + ueberlappender Avatar + Stat-Kacheln ---- */
.dp-hero[b-iashzu2ouj] {
    margin-bottom: var(--trecker-space-xl);
}

.dp-banner[b-iashzu2ouj] {
    position: relative;
    width: 100%;
    height: 170px;
    border-radius: var(--trecker-border-radius-xl);
    overflow: hidden;
    background:
        radial-gradient(120% 190% at 15% -30%, rgba(255, 255, 255, 0.14) 0%, transparent 55%),
        repeating-linear-gradient(-55deg, transparent 0 30px, rgba(255, 255, 255, 0.05) 30px 31px),
        linear-gradient(160deg, #1f6f3c 0%, #14512a 55%, #0c331a 100%);
}

.dp-banner-glow[b-iashzu2ouj] {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(60% 120% at 85% 110%, rgba(230, 197, 60, 0.28) 0%, transparent 60%);
}

.dp-hero-head[b-iashzu2ouj] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-lg);
    margin-top: -52px;
    padding: 0 var(--trecker-space-lg);
}

.dp-avatar[b-iashzu2ouj] {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--trecker-bg-card);
    border: 4px solid var(--trecker-bg-primary);
    box-shadow: var(--trecker-shadow-lg);
    flex-shrink: 0;
}

.dp-avatar-placeholder[b-iashzu2ouj] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    font-weight: 800;
    color: #fff;
    background:
        radial-gradient(120% 120% at 30% 20%, rgba(255, 255, 255, 0.2), transparent 70%),
        var(--trecker-accent, #1f6f3c);
    text-transform: uppercase;
}

.dp-hero-titles[b-iashzu2ouj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 4px;
    min-width: 0;
    flex: 1;
}

.dp-hero-name[b-iashzu2ouj] {
    margin: 0;
    font-size: clamp(1.45rem, 4vw, 2rem);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.02em;
}

.dp-role-chip[b-iashzu2ouj] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
}

.dp-hero-sub[b-iashzu2ouj] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: 0;
}

.dp-hero-sub-dot[b-iashzu2ouj] {
    margin: 0 6px;
    color: var(--trecker-text-tertiary);
}

.dp-hero-actions[b-iashzu2ouj] {
    padding-bottom: 8px;
    flex-shrink: 0;
}

/* ---- Stat-Kacheln ---- */
.dp-stat-tiles[b-iashzu2ouj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.5rem), 1fr));
    gap: var(--trecker-space-sm);
    margin: var(--trecker-space-lg) 0 var(--trecker-space-md);
}

.dp-stat-tile[b-iashzu2ouj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: var(--trecker-space-md) var(--trecker-space-sm);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    text-align: center;
}

.dp-stat-value[b-iashzu2ouj] {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.dp-stat-label[b-iashzu2ouj] {
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--trecker-text-tertiary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* ---- Socials ---- */
.dp-socials[b-iashzu2ouj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.dp-social-button[b-iashzu2ouj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--trecker-border);
    border-radius: 50%;
    background-color: var(--trecker-surface);
    color: var(--trecker-text-primary);
    text-decoration: none;
    transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    cursor: pointer;
}

.dp-social-button:hover[b-iashzu2ouj] {
    background-color: var(--trecker-bg-secondary);
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
    transform: translateY(-2px);
}

.dp-social-icon[b-iashzu2ouj] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

/* ---- Sections ---- */
.dp-section[b-iashzu2ouj] {
    padding: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
}

.dp-section-plain[b-iashzu2ouj] {
    margin-bottom: var(--trecker-space-2xl);
}

.dp-section > h2[b-iashzu2ouj],
.dp-section-plain > h2[b-iashzu2ouj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dp-section > h2[b-iashzu2ouj]::before,
.dp-section-plain > h2[b-iashzu2ouj]::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--trecker-accent-gradient);
    flex-shrink: 0;
}

.dp-badges[b-iashzu2ouj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

/* ---- FIFA-Fahrzeugkarten (TreckerVehicleEmblem, skaliert per Container-Query) ---- */
.dp-emblem-grid[b-iashzu2ouj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(14rem, 100%), 1fr));
    gap: 1.1rem;
    justify-items: center;
}

.dp-emblem-wrap[b-iashzu2ouj] {
    display: block;
    width: 100%;
    max-width: 19rem;
    text-decoration: none;
    color: inherit;
    container-type: inline-size;
    transition: transform 0.15s ease;
}

a.dp-emblem-wrap:hover[b-iashzu2ouj],
a.dp-emblem-wrap:focus-visible[b-iashzu2ouj] {
    transform: translateY(-0.25rem);
}

/* 16px bei 300px Kartenbreite → skaliert mit der Spaltenbreite. */
.dp-emblem-wrap[b-iashzu2ouj]  .tve-card {
    width: 100%;
    font-size: 5.33cqw;
}

/* ---- Trecker ohne FIFA-Karte (Spec-Karten) ---- */
.dp-tractor-grid[b-iashzu2ouj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: var(--trecker-space-md);
}

.dp-tractor-grid--secondary[b-iashzu2ouj] {
    margin-top: var(--trecker-space-md);
}

.dp-tractor-card[b-iashzu2ouj] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.dp-tractor-specs[b-iashzu2ouj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
}

.dp-tractor-spec-label[b-iashzu2ouj] {
    color: var(--trecker-text-secondary);
    margin-right: 4px;
}

.dp-tractor-actions[b-iashzu2ouj] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
    flex-wrap: wrap;
}

/* ---- History table ---- */
.dp-empty[b-iashzu2ouj] {
    padding: var(--trecker-space-2xl) 0;
}

.dp-table-wrap[b-iashzu2ouj] {
    overflow-x: auto;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
}

.dp-table[b-iashzu2ouj] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--trecker-font-size-sm);
}

.dp-table thead th[b-iashzu2ouj] {
    position: sticky;
    top: 0;
    text-align: left;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-secondary);
    border-bottom: 1px solid var(--trecker-border);
}

.dp-table tbody tr[b-iashzu2ouj] {
    border-bottom: 1px solid var(--trecker-border-light);
    transition: background 0.15s ease;
}

.dp-table tbody tr:hover[b-iashzu2ouj] {
    background: var(--trecker-bg-hover-subtle);
}

.dp-table tbody tr:last-child[b-iashzu2ouj] {
    border-bottom: 0;
}

.dp-table td[b-iashzu2ouj] {
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    vertical-align: middle;
}

/* ---- Responsive ---- */
@media (max-width: 640px) {
    .dp-banner[b-iashzu2ouj] {
        height: 130px;
    }

    .dp-hero-head[b-iashzu2ouj] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--trecker-space-sm);
        margin-top: -46px;
        padding: 0 var(--trecker-space-md);
    }

    .dp-avatar[b-iashzu2ouj] {
        width: 92px;
        height: 92px;
    }

    .dp-hero-titles[b-iashzu2ouj] {
        padding-bottom: 0;
    }

    .dp-hero-actions[b-iashzu2ouj] {
        padding-bottom: 0;
    }

    .dp-stat-tiles[b-iashzu2ouj] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 6rem), 1fr));
    }

    .dp-emblem-grid[b-iashzu2ouj] {
        grid-template-columns: repeat(auto-fill, minmax(min(10.5rem, 100%), 1fr));
        gap: 0.75rem;
    }

    .dp-section[b-iashzu2ouj] {
        padding: var(--trecker-space-lg);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/EmbedWidget.razor.rz.scp.css */
/* F7 Embed-Widget — eigenstaendiges, schlankes Styling fuer iFrame-Einbettung. */

.EmbedRoot[b-o0cqordfcg] {
    --bg: #ffffff;
    --fg: #1a1a1a;
    --muted: #777;
    --border: #e5e7eb;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: var(--bg);
    color: var(--fg);
    padding: 16px;
    min-height: 100vh;
    box-sizing: border-box;
}

.EmbedRoot--dark[b-o0cqordfcg] {
    --bg: #0d1117;
    --fg: #f0f6fc;
    --muted: #8b949e;
    --border: #30363d;
}

@media (prefers-color-scheme: dark) {
    .EmbedRoot--auto[b-o0cqordfcg] {
        --bg: #0d1117;
        --fg: #f0f6fc;
        --muted: #8b949e;
        --border: #30363d;
    }
}

.EmbedRoot__Header[b-o0cqordfcg] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid var(--border);
    padding-bottom: 8px;
    margin-bottom: 12px;
}

.EmbedRoot__EventName[b-o0cqordfcg] {
    font-size: 16px;
    font-weight: 700;
    color: var(--fg);
}

.EmbedRoot__WidgetType[b-o0cqordfcg] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--accent);
    font-weight: 700;
}

.EmbedRoot__Footer[b-o0cqordfcg] {
    margin-top: 14px;
    text-align: right;
    font-size: 10px;
}

.EmbedRoot__Footer a[b-o0cqordfcg] {
    color: var(--muted);
    text-decoration: none;
}

.EmbedRoot__Footer a:hover[b-o0cqordfcg] {
    color: var(--accent);
}

.EmbedRoot__Skeleton[b-o0cqordfcg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.EmbedRoot__SkeletonLine[b-o0cqordfcg] {
    height: 14px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--border), transparent, var(--border));
    background-size: 200% 100%;
    animation: embedShimmer-b-o0cqordfcg 1.5s linear infinite;
}

@keyframes embedShimmer-b-o0cqordfcg {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.EmbedRoot__Error[b-o0cqordfcg] {
    padding: 16px;
    border: 1px solid #e5484d;
    border-radius: 8px;
    background: rgba(229, 72, 77, 0.08);
    color: #e5484d;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.EmbedRoot__Empty[b-o0cqordfcg] {
    color: var(--muted);
    text-align: center;
    padding: 24px;
}

/* NextEvent */
.EmbedRoot__NextEvent[b-o0cqordfcg] {
    text-align: center;
    padding: 12px;
}

.EmbedRoot__NextEventDate[b-o0cqordfcg] {
    font-size: 28px;
    font-weight: 700;
    color: var(--accent);
}

.EmbedRoot__NextEventLocation[b-o0cqordfcg] {
    color: var(--muted);
    margin-top: 4px;
    font-size: 14px;
}

.EmbedRoot__NextEventLink[b-o0cqordfcg] {
    display: inline-block;
    margin-top: 12px;
    color: var(--accent);
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
}

/* LiveTicker */
.EmbedRoot__Live[b-o0cqordfcg] {
    text-align: center;
    padding: 16px;
}

.EmbedRoot__LiveLabel[b-o0cqordfcg] {
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.EmbedRoot__LiveDriver[b-o0cqordfcg] {
    font-size: 22px;
    font-weight: 700;
    margin-top: 4px;
}

.EmbedRoot__LiveTractor[b-o0cqordfcg] {
    color: var(--muted);
    font-size: 14px;
    margin-top: 2px;
}

.EmbedRoot__LivePause[b-o0cqordfcg] {
    margin-top: 12px;
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.4);
    padding: 6px 12px;
    border-radius: 6px;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px;
}

/* Tables (Results / StartList) */
.EmbedRoot__Table[b-o0cqordfcg] {
    overflow: auto;
}

.EmbedRoot__Table table[b-o0cqordfcg] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.EmbedRoot__Table th[b-o0cqordfcg] {
    text-align: left;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--muted);
    border-bottom: 1px solid var(--border);
    padding: 6px 8px;
    font-weight: 600;
}

.EmbedRoot__Table td[b-o0cqordfcg] {
    padding: 8px;
    border-bottom: 1px solid var(--border);
}

.EmbedRoot__Table tr:last-child td[b-o0cqordfcg] {
    border-bottom: none;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/EventBriefing.razor.rz.scp.css */
/* Public Driver-Briefing-Page (F2). */

.BriefingPage[b-pda2y6i1qi] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.BriefingPage__Loading[b-pda2y6i1qi] {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

.BriefingPage__Header[b-pda2y6i1qi] {
    border-bottom: 1px solid var(--trecker-border);
    padding-bottom: 12px;
}

.BriefingPage__Title[b-pda2y6i1qi] {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.BriefingPage__Subtitle[b-pda2y6i1qi] {
    margin: 4px 0 0;
    color: var(--trecker-text-secondary);
    font-size: 15px;
    font-weight: 600;
}

.BriefingPage__Stamp[b-pda2y6i1qi] {
    margin: 4px 0 0;
    color: var(--trecker-text-secondary);
    font-size: 12px;
}

.BriefingPage__AckBox[b-pda2y6i1qi] {
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
}

.BriefingPage__AckBox--ok[b-pda2y6i1qi] {
    border-color: rgba(46, 160, 67, 0.4);
    background: linear-gradient(135deg, rgba(46, 160, 67, 0.1), transparent 70%);
}

.BriefingPage__AckBox--required[b-pda2y6i1qi] {
    border-color: rgba(245, 158, 11, 0.4);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), transparent 70%);
}

.BriefingPage__Content[b-pda2y6i1qi] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 24px;
    line-height: 1.7;
    font-size: 15px;
    color: var(--trecker-text-primary);
}

.BriefingPage__Content h1[b-pda2y6i1qi],
.BriefingPage__Content h2[b-pda2y6i1qi],
.BriefingPage__Content h3[b-pda2y6i1qi] {
    margin-top: 1.2em;
    margin-bottom: 0.5em;
}

.BriefingPage__Content h1[b-pda2y6i1qi] { font-size: 1.6em; }
.BriefingPage__Content h2[b-pda2y6i1qi] { font-size: 1.3em; }
.BriefingPage__Content h3[b-pda2y6i1qi] { font-size: 1.1em; }

.BriefingPage__Content ul[b-pda2y6i1qi],
.BriefingPage__Content ol[b-pda2y6i1qi] {
    padding-left: 1.5em;
    margin: 8px 0;
}

.BriefingPage__Content a[b-pda2y6i1qi] {
    color: #ff7a3d;
}

.BriefingPage__Attachment[b-pda2y6i1qi] {
    display: flex;
    justify-content: flex-start;
}

.BriefingPage__AckPanel[b-pda2y6i1qi] {
    background: var(--trecker-bg-secondary);
    border: 1px solid rgba(255, 122, 61, 0.4);
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.BriefingPage__Confirm[b-pda2y6i1qi] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    cursor: pointer;
}

.BriefingPage__Confirm input[type="checkbox"][b-pda2y6i1qi] {
    width: 18px;
    height: 18px;
    accent-color: #ff7a3d;
    margin-top: 1px;
}

.BriefingPage__Notice[b-pda2y6i1qi] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.BriefingPage__Notice--inline[b-pda2y6i1qi] {
    padding: 12px 16px;
    text-align: left;
}

.BriefingPage__Notice h1[b-pda2y6i1qi] {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

.BriefingPage__Notice p[b-pda2y6i1qi] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: 14px;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/EventInfo.razor.rz.scp.css */
/* ============================================================================
   EventInfo.razor — Scoped Styles
   ============================================================================
   Public event detail page layout. Uses design tokens from
   trecker-variables.css. Prefix: "ei-" for page-specific classes.
   All existing EIP__*, EventInfoPage__*, SidebarCard__* classes preserved.
   ============================================================================ */

/* === PAGE ROOT === */
.EIP[b-i5lwvei9n5] {
    background: var(--trecker-bg-primary);
    min-height: 100vh;
    min-height: 100dvh;
}

/* === NOT-FOUND STATE === */
.ei-not-found-wrapper[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

.ei-not-found-card[b-i5lwvei9n5] {
    text-align: center;
    padding: var(--trecker-space-2xl);
    max-width: 400px;
}

.ei-not-found-back[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-md);
}

/* === LOADING SPINNER === */
.ei-loading[b-i5lwvei9n5] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

/* === HERO === */
.EIP__Hero[b-i5lwvei9n5] {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: flex-end;
    /* No-image fallback: dark base with a warm accent glow instead of the flat blue gradient. */
    background:
        radial-gradient(900px 420px at 88% -20%, rgba(255, 122, 61, 0.28), transparent 65%),
        radial-gradient(700px 380px at -10% 110%, rgba(255, 122, 61, 0.12), transparent 60%),
        linear-gradient(135deg, #14181f 0%, #1a212c 55%, #10151c 100%);
    overflow: hidden;
}

.EIP__HeroBg[b-i5lwvei9n5] {
    position: absolute;
    inset: 0;
}

.EIP__HeroBg img[b-i5lwvei9n5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* I11: Hero text sits on top of arbitrary event logos — bright/white logos used to wash out the
   text. The text-region of the gradient was 0.22 at the top, which fails WCAG AA when the logo
   underneath is light. Strengthen the top stop and add a horizontal shadow band behind the text
   wrapper so contrast holds regardless of logo color. */
.EIP__HeroOverlay[b-i5lwvei9n5] {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.92) 0%,
        rgba(0, 0, 0, 0.65) 45%,
        rgba(0, 0, 0, 0.40) 100%
    );
}

.EIP__HeroContent[b-i5lwvei9n5] {
    position: relative;
    z-index: 1;
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 100%;
}

.EIP__BackLink[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 1rem;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    /* I17: proper tap target on mobile (Apple HIG 44pt minimum) — pill keeps the 44px height. */
    padding: 10px 16px 10px 12px;
    min-height: 44px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.EIP__BackLink:hover[b-i5lwvei9n5],
.EIP__BackLink:focus-visible[b-i5lwvei9n5] {
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.28);
    outline: none;
}

.EIP__HeroEyebrow[b-i5lwvei9n5] {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--trecker-accent, #ff7a3d);
    margin-bottom: 0.375rem;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}

.EIP__Title[b-i5lwvei9n5] {
    font-size: clamp(1.6rem, 4.5vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #fff;
    margin: 0 0 1rem 0;
    line-height: 1.1;
    max-width: 760px;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

.EIP__HeroMeta[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.125rem;
}

/* Glass chips instead of bare text rows */
.EIP__HeroMetaItem[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
    font-weight: 500;
    padding: 6px 13px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.EIP__HeroMetaItem--open[b-i5lwvei9n5] {
    color: #4ade80;
    font-weight: 700;
    background: rgba(74, 222, 128, 0.14);
    border-color: rgba(74, 222, 128, 0.35);
}

.EIP__HeroMetaItem--open .ei-icon-hero-meta[b-i5lwvei9n5] {
    animation: eip-pulse-b-i5lwvei9n5 2s infinite;
}

@keyframes eip-pulse-b-i5lwvei9n5 {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.55; }
}

.EIP__HeroActions[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

/* === SOCIAL-MEDIA-LINKS IM HERO === */
.EIP__SocialRow[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.9rem;
}

.EIP__SocialLink[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    transition: background 0.15s ease, transform 0.15s ease;
}

.EIP__SocialLink:hover[b-i5lwvei9n5],
.EIP__SocialLink:focus-visible[b-i5lwvei9n5] {
    background: rgba(255, 255, 255, 0.28);
    transform: translateY(-2px);
    color: #fff;
}

.EIP__SocialIcon[b-i5lwvei9n5] {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
}

/* === VORSCHAU-BANNER === */
.EIP__PreviewBanner[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fffbe6;
    border-bottom: 2px solid #f5a623;
    color: #7a5000;
    padding: 10px 20px;
    font-size: 0.9rem;
}

.EIP__PreviewBannerIcon[b-i5lwvei9n5] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #f5a623;
}

/* === TAB BAR === */
.EIP__TabsBar[b-i5lwvei9n5] {
    /* Frosted sticky bar so content scrolling underneath reads as depth */
    background: color-mix(in srgb, var(--trecker-bg-primary) 85%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--trecker-border);
    position: sticky;
    /* I15: when --trecker-header-height isn't set (some layouts), use 72px desktop / 56px mobile fallback. */
    top: var(--trecker-header-height, 72px);
    z-index: 10;
}
@media (max-width: 700px) {
    .EIP__TabsBar[b-i5lwvei9n5] { top: var(--trecker-header-height, 56px); }
}

.EIP__TabsContainer[b-i5lwvei9n5] {
    padding-top: 0;
    padding-bottom: 0;
}

/* Pill-style tabs (TreckerEventSubNav is only used on this page, so the
   restyle is scoped here via ::deep instead of editing the global component CSS). */
.EIP__TabsContainer[b-i5lwvei9n5]  .TreckerEventSubNav--desktop {
    border-bottom: none;
    gap: 6px;
    padding: 10px 2px;
}

.EIP__TabsContainer[b-i5lwvei9n5]  .TreckerEventSubNavItem {
    border-bottom: none;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 8px 16px;
    min-height: 38px;
    font-weight: 600;
}

.EIP__TabsContainer[b-i5lwvei9n5]  .TreckerEventSubNavItem:hover {
    background: var(--trecker-bg-secondary);
    border-color: var(--trecker-border);
    color: var(--trecker-text-primary);
}

.EIP__TabsContainer[b-i5lwvei9n5]  .TreckerEventSubNavItem--active,
.EIP__TabsContainer[b-i5lwvei9n5]  .TreckerEventSubNavItem--active:hover {
    background: var(--trecker-accent);
    border-color: var(--trecker-accent);
    color: #fff;
    box-shadow: 0 2px 10px color-mix(in srgb, var(--trecker-accent) 40%, transparent);
}

/* Mobile burger toggle becomes a rounded card button */
.EIP__TabsContainer[b-i5lwvei9n5]  .TreckerEventSubNavToggle {
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    background: var(--trecker-bg-card);
    margin: 10px 0;
    box-shadow: var(--trecker-shadow-sm);
}

.EIP__TabsContainer[b-i5lwvei9n5]  .TreckerEventSubNavDropdown {
    border-radius: 14px;
    border-top: 1px solid var(--trecker-border);
    top: calc(100% - 6px);
}

/* === BODY === */
.EIP__Body[b-i5lwvei9n5] {
    padding: 1.75rem 0 3.5rem;
}

.EIP__Grid[b-i5lwvei9n5] {
    display: grid;
    grid-template-columns: 1fr min(290px, 32vw);
    gap: 2rem;
    align-items: start;
}

.EIP__Main[b-i5lwvei9n5] {
    min-width: 0;
}

.EIP__Sidebar[b-i5lwvei9n5] {
    position: sticky;
    top: calc(var(--trecker-header-height, 72px) + 56px);
}

/* === INFO TAB SECTIONS === */
.EventInfoPage__Section[b-i5lwvei9n5] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--trecker-border-subtle);
}

.EventInfoPage__Section--last[b-i5lwvei9n5] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.EventInfoPage__SectionTitle[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--trecker-text-primary);
    margin: 0 0 1rem 0;
    letter-spacing: -0.02em;
}

/* Small rounded accent bar in front of every section title */
.EventInfoPage__SectionTitle[b-i5lwvei9n5]::before {
    content: '';
    flex-shrink: 0;
    width: 4px;
    height: 1.15em;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--trecker-accent), color-mix(in srgb, var(--trecker-accent) 45%, transparent));
}

.EventInfoPage__Description[b-i5lwvei9n5] {
    color: var(--trecker-text-secondary);
    line-height: 1.75;
    white-space: pre-line;
    margin: 0;
}

/* Spec Grid */
.EventInfoPage__SpecGrid[b-i5lwvei9n5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 0.75rem;
}

.EventInfoPage__Spec[b-i5lwvei9n5] {
    padding: 1rem;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 14px;
    text-align: center;
    box-shadow: var(--trecker-shadow-sm);
}

.EventInfoPage__SpecLabel[b-i5lwvei9n5] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.25rem;
}

.EventInfoPage__SpecValue[b-i5lwvei9n5] {
    display: block;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.1;
    color: var(--trecker-accent);
}

.EventInfoPage__SpecUnit[b-i5lwvei9n5] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    margin-left: 2px;
}

/* Days List */
.EventInfoPage__DaysList[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.EventInfoPage__DayItem[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem 1.125rem;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 14px;
    box-shadow: var(--trecker-shadow-sm);
    transition: border-color 0.15s ease;
}

.EventInfoPage__DayItem:hover[b-i5lwvei9n5] {
    border-color: color-mix(in srgb, var(--trecker-accent) 45%, var(--trecker-border));
}

.EventInfoPage__DayInfo[b-i5lwvei9n5] {
    flex: 1;
    min-width: 0;
}

.EventInfoPage__DayLabel[b-i5lwvei9n5] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--trecker-accent);
    background: color-mix(in srgb, var(--trecker-accent) 12%, transparent);
    padding: 2px 9px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.25rem;
}

.EventInfoPage__DayDate[b-i5lwvei9n5] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
    font-size: 0.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.EventInfoPage__DayTime[b-i5lwvei9n5] {
    font-family: var(--trecker-font-mono);
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--trecker-accent);
    white-space: nowrap;
    flex-shrink: 0;
    padding: 4px 11px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--trecker-accent) 10%, transparent);
}

/* Rules Box */
.EventInfoPage__RulesBox[b-i5lwvei9n5] {
    padding: 1.25rem 1.5rem;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-left: 3px solid var(--trecker-accent);
    border-radius: 14px;
    box-shadow: var(--trecker-shadow-sm);
}

.EventInfoPage__RulesText[b-i5lwvei9n5] {
    color: var(--trecker-text-secondary);
    white-space: pre-line;
    line-height: 1.75;
    margin: 0;
}

/* === FILTER BAR (Signup + Class dropdowns) === */
.ei-filter-bar[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.ei-filter-field[b-i5lwvei9n5] {
    flex: 1;
    min-width: 180px;
    max-width: 300px;
}

.ei-filter-label[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    display: block;
    margin-bottom: var(--trecker-space-xs);
}

.ei-filter-reset-note[b-i5lwvei9n5] {
    margin-left: 6px;
    color: var(--trecker-accent);
    font-size: var(--trecker-font-size-xs);
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

/* === TAB HEADINGS (shared across tabs) === */
.ei-tab-heading[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--trecker-font-size-xl);
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0 0 var(--trecker-space-lg);
}

.ei-tab-heading[b-i5lwvei9n5]::before {
    content: '';
    flex-shrink: 0;
    width: 4px;
    height: 1.05em;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--trecker-accent), color-mix(in srgb, var(--trecker-accent) 45%, transparent));
}

/* === LIVE BUTTON === */
.ei-live-btn[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    margin-bottom: var(--trecker-space-lg);
}

/* === ZEITPLAN TAB === */
.ei-zeitplan-day[b-i5lwvei9n5] {
    margin-bottom: var(--trecker-space-xl);
}

.ei-zeitplan-day-title[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    margin: 0 0 var(--trecker-space-md);
}

.ei-zeitplan-card[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-medium);
    border-radius: 14px;
    padding: var(--trecker-space-lg);
    box-shadow: var(--trecker-shadow-sm);
}

.ei-zeitplan-card-title[b-i5lwvei9n5] {
    font-weight: 600;
    margin: 0 0 var(--trecker-space-sm);
}

.ei-zeitplan-card-time[b-i5lwvei9n5] {
    font-family: var(--trecker-font-mono);
    color: var(--trecker-accent);
    margin: 0;
}

/* === ZEITPLAN (redesigned schedule) === */
.ei-zp[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.ei-zp-toolbar[b-i5lwvei9n5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ei-zp-title[b-i5lwvei9n5] {
    margin: 0;
}

.ei-zp-note[b-i5lwvei9n5] {
    margin: var(--trecker-space-xs) 0 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    max-width: 60ch;
}

.ei-zp-print[b-i5lwvei9n5] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ei-zp-live[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    background: var(--trecker-success-bg, rgba(52, 199, 89, 0.1));
    border-radius: var(--trecker-border-radius-md);
    align-self: flex-start;
    flex-wrap: wrap;
}

.ei-zp-live-time[b-i5lwvei9n5] {
    margin-left: auto;
    font-family: var(--trecker-font-mono);
    color: var(--trecker-text-tertiary);
}

.ei-zp-schedule[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xl);
}

.ei-zp-day[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ei-zp-day-title[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    margin: 0;
}

/* Multi-track: one column per Bahn on desktop, stacked on mobile */
.ei-zp-tracks[b-i5lwvei9n5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: var(--trecker-space-lg);
    align-items: start;
}

.ei-zp-track[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    min-width: 0;
}

.ei-zp-track-head[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-weight: 600;
    color: var(--trecker-text-primary);
    padding: 6px 10px;
    border-left: 4px solid var(--track-color, var(--trecker-accent));
    background: color-mix(in srgb, var(--track-color, var(--trecker-accent)) 12%, transparent);
    border-radius: var(--trecker-border-radius-sm);
}

.ei-zp-track-dot[b-i5lwvei9n5] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--track-color, var(--trecker-accent));
    flex-shrink: 0;
}

.ei-zp-signups[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
}

.ei-zp-signup[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ei-zp-signup-head[b-i5lwvei9n5] {
    display: flex;
    align-items: baseline;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.ei-zp-signup-name[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
}

.ei-zp-signup-date[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

/* The schedule list itself */
.ei-zp-list[b-i5lwvei9n5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.ei-zp-card[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-medium);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: var(--trecker-shadow-sm);
}

.ei-zp-row[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border-light);
}

.ei-zp-row:last-child[b-i5lwvei9n5] {
    border-bottom: none;
}

.ei-zp-row--active[b-i5lwvei9n5] {
    background: color-mix(in srgb, var(--trecker-success, #34c759) 8%, transparent);
}

.ei-zp-row--past[b-i5lwvei9n5] {
    opacity: 0.5;
}

.ei-zp-row--buffer[b-i5lwvei9n5] {
    background: var(--trecker-bg-secondary);
}

.ei-zp-time[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    min-width: 64px;
    flex-shrink: 0;
    font-family: var(--trecker-font-mono);
}

.ei-zp-time-main[b-i5lwvei9n5] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.ei-zp-time-end[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.ei-zp-time-delta[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs, 0.72rem);
    font-weight: 600;
}

.ei-zp-time-delta--late[b-i5lwvei9n5] {
    color: var(--trecker-warning);
}

.ei-zp-time-delta--early[b-i5lwvei9n5] {
    color: var(--trecker-success);
}

.ei-zp-body[b-i5lwvei9n5] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ei-zp-name[b-i5lwvei9n5] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.ei-zp-name--muted[b-i5lwvei9n5] {
    font-weight: 500;
    color: var(--trecker-text-tertiary);
}

.ei-zp-sub[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
}

.ei-zp-meta[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.ei-zp-eta[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
    white-space: nowrap;
    flex-shrink: 0;
}

.ei-zp-badge[b-i5lwvei9n5] {
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .ei-zp-toolbar[b-i5lwvei9n5] {
        flex-direction: column;
    }

    .ei-zp-print[b-i5lwvei9n5] {
        align-self: flex-start;
    }
}

/* === ANMELDUNG TAB === */
.ei-reg-notes[b-i5lwvei9n5] {
    background: rgba(41, 151, 255, 0.08);
    border: 1px solid rgba(41, 151, 255, 0.3);
    border-left: 3px solid #2997FF;
    border-radius: 14px;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-xl);
}

.ei-reg-notes-title[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: #2997FF;
    margin: 0 0 var(--trecker-space-xs);
}

.ei-reg-notes-body[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
    white-space: pre-line;
    line-height: 1.6;
}

.ei-reg-container[b-i5lwvei9n5] {
    max-width: 600px;
}

.ei-reg-card[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-medium);
    border-radius: 14px;
    padding: var(--trecker-space-xl);
    box-shadow: var(--trecker-shadow-sm);
}

.ei-reg-card--centered[b-i5lwvei9n5] {
    text-align: center;
}

.ei-reg-card--border-light[b-i5lwvei9n5] {
    border-color: var(--trecker-border);
}

.ei-reg-text[b-i5lwvei9n5] {
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-lg);
}

.ei-reg-text--no-margin[b-i5lwvei9n5] {
    margin: 0;
}

.ei-reg-class-count[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
    margin: 0 0 var(--trecker-space-md);
}

/* Signup cards grid */
.ei-signup-grid[b-i5lwvei9n5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: var(--trecker-space-lg);
}

.ei-signup-card[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-medium);
    border-top: 3px solid var(--trecker-accent);
    border-radius: 14px;
    padding: var(--trecker-space-xl);
    display: flex;
    flex-direction: column;
    box-shadow: var(--trecker-shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.ei-signup-card:hover[b-i5lwvei9n5] {
    transform: translateY(-2px);
    box-shadow: var(--trecker-shadow-lg);
}

.ei-signup-card-title[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-sm);
}

.ei-signup-card-desc[b-i5lwvei9n5] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: 0 0 var(--trecker-space-md);
    line-height: 1.5;
}

.ei-signup-meta[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.ei-signup-meta-tag[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    padding: 3px 10px;
    border-radius: 999px;
}

.ei-signup-status[b-i5lwvei9n5] {
    margin-top: auto;
}

.ei-signup-deadline[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-warning);
    margin: 0 0 var(--trecker-space-sm);
}

.ei-signup-deadline-bold[b-i5lwvei9n5] {
    font-weight: 700;
}

.ei-signup-places[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin: 0 0 var(--trecker-space-sm);
}

.ei-signup-badge-open[b-i5lwvei9n5] {
    margin-bottom: var(--trecker-space-sm);
    display: inline-block;
}

.ei-signup-badge-closed[b-i5lwvei9n5] {
    display: inline-block;
}

.ei-signup-rules[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
    padding-top: var(--trecker-space-sm);
}

.ei-signup-rules-summary[b-i5lwvei9n5] {
    cursor: pointer;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.ei-signup-rules-text[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: var(--trecker-space-sm) 0 0;
    line-height: 1.5;
}

.ei-signup-pdf[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
    padding-top: var(--trecker-space-sm);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.ei-signup-pdf-link[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-primary);
    text-decoration: none;
    font-weight: 600;
}

.ei-signup-pdf-link:hover[b-i5lwvei9n5] {
    text-decoration: underline;
}

.ei-signup-pdf-note[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    font-style: italic;
}

.ei-signup-cta-wrapper[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-xl);
    max-width: 600px;
}

/* === CTA FRAGMENT === */
.ei-cta-hint[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
    margin: 0 0 var(--trecker-space-sm);
}

.ei-cta-buttons[b-i5lwvei9n5] {
    display: flex;
    gap: var(--trecker-space-sm);
}

/* === KLASSEN TAB === */
.ei-klassen-group[b-i5lwvei9n5] {
    margin-bottom: var(--trecker-space-xl);
}

.ei-klassen-group-header[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
    padding-bottom: var(--trecker-space-sm);
    border-bottom: 1px solid var(--trecker-border);
}

.ei-klassen-group-title[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
}

.ei-klassen-group-title--secondary[b-i5lwvei9n5] {
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

.ei-klassen-group-count[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 22px;
    padding: 0 8px;
    border-radius: 20px;
    background: color-mix(in srgb, var(--trecker-accent) 12%, transparent);
    color: var(--trecker-accent);
    font-size: 11px;
    font-weight: 700;
}

.ei-klassen-grid[b-i5lwvei9n5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
}

/* Class card */
.ei-class-card[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-medium);
    border-radius: 14px;
    padding: var(--trecker-space-lg);
    box-shadow: var(--trecker-shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.ei-class-card:hover[b-i5lwvei9n5] {
    transform: translateY(-2px);
    box-shadow: var(--trecker-shadow-lg);
    border-color: color-mix(in srgb, var(--trecker-accent) 50%, var(--trecker-border));
}

.ei-class-category[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    color: var(--trecker-accent);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.ei-class-name[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--trecker-text-primary);
    margin: 4px 0;
}

.ei-class-weight[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.ei-class-max[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin-top: 4px;
}

/* === SVG ICON SIZING === */
.ei-icon-back[b-i5lwvei9n5] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.ei-icon-hero-meta[b-i5lwvei9n5] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.ei-icon-xs[b-i5lwvei9n5] {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.ei-icon-sidebar-zoom[b-i5lwvei9n5] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.ei-icon-lg[b-i5lwvei9n5] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.ei-icon-xl[b-i5lwvei9n5] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

/* === STARTLISTE + ERGEBNISSE LIST === */
.ei-result-list[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

/* All pulls of a driver ("68,50 / FP / 45,56"), shown as small muted secondary text under the
   driver/tractor block. Wraps instead of stretching the row for drivers with many attempts. */
.ei-result-pulls[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* === TEILNEHMER TAB === */
.ei-teilnehmer-filter[b-i5lwvei9n5] {
    margin-bottom: var(--trecker-space-lg);
}

/* ── Treffen run-status banner ── */
.ei-runstatus[b-i5lwvei9n5] {
    margin: var(--trecker-space-md) 0;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-md);
    font-size: var(--trecker-font-size-sm);
}
.ei-runstatus--cancelled[b-i5lwvei9n5] {
    background: rgba(220, 38, 38, 0.12);
    color: #b91c1c;
    border: 1px solid rgba(220, 38, 38, 0.3);
}
.ei-runstatus--delayed[b-i5lwvei9n5] {
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

/* ── Treffen showcase: brand tally chips + filters + owner note ── */
.ei-showcase-tally[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    margin-bottom: var(--trecker-space-md);
}
.ei-tally-chip[b-i5lwvei9n5] {
    border: 1px solid var(--trecker-border-medium);
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    border-radius: 999px;
    padding: 3px 12px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}
.ei-tally-chip--active[b-i5lwvei9n5] {
    background: #7c3aed;
    border-color: #7c3aed;
    color: #fff;
}
.ei-showcase-filters[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}
.ei-showcase-note[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-xs);
    font-size: 0.8rem;
    font-style: italic;
    color: var(--trecker-text-secondary);
}

.ei-teilnehmer-select[b-i5lwvei9n5] {
    max-width: 300px;
}

.ei-teilnehmer-count[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

.ei-teilnehmer-grid[b-i5lwvei9n5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-md);
}

/* Consistent 14px radius + hover-lift for the shared participant card on this page */
.ei-teilnehmer-grid[b-i5lwvei9n5]  .TreckerTeilnehmerCard {
    border-radius: 14px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.ei-teilnehmer-grid[b-i5lwvei9n5]  .TreckerTeilnehmerCard:hover {
    transform: translateY(-2px);
}

/* Popup placeholder overrides */
.ei-placeholder-hidden[b-i5lwvei9n5] {
    display: none;
}

.ei-placeholder-full-height[b-i5lwvei9n5] {
    height: 100%;
}

.ei-placeholder-hidden-full[b-i5lwvei9n5] {
    display: none;
    height: 100%;
}

.ei-participant-initials[b-i5lwvei9n5] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--trecker-text-secondary);
}

.ei-popup-name--anon[b-i5lwvei9n5] {
    color: var(--trecker-text-tertiary);
}

.ei-popup-bio-section[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
}

.ei-popup-bio-text[b-i5lwvei9n5] {
    margin: var(--trecker-space-xs) 0 0;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    line-height: 1.5;
}

.ei-popup-profile-links[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border);
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* === SIDEBAR === */
.SidebarCard[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 0.875rem;
    box-shadow: var(--trecker-shadow-sm);
}

.SidebarCard__Image[b-i5lwvei9n5] {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: var(--trecker-bg-secondary);
}

.SidebarCard__Image img[b-i5lwvei9n5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.SidebarCard__Title[b-i5lwvei9n5] {
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--trecker-accent);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0.875rem 1rem 0.375rem;
}

.SidebarCard__Content[b-i5lwvei9n5] {
    padding: 0 1rem 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.SidebarCard__Item[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.SidebarCard__Icon[b-i5lwvei9n5] {
    display: block;
    font-size: 1rem;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

.SidebarCard__Text[b-i5lwvei9n5] {
    font-size: 0.875rem;
    color: var(--trecker-text-primary);
    margin: 0 1rem 0.875rem;
    white-space: pre-line;
    line-height: 1.5;
}

.SidebarCard__Content .SidebarCard__Text[b-i5lwvei9n5] {
    margin: 0;
}

.SidebarCard__ContactName[b-i5lwvei9n5] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0;
}

.SidebarCard__ContactLink[b-i5lwvei9n5] {
    font-size: 0.875rem;
    color: var(--trecker-accent);
    text-decoration: none;
    display: block;
}

.SidebarCard__ContactLink:hover[b-i5lwvei9n5] {
    text-decoration: underline;
}

.SidebarCard__LocationName[b-i5lwvei9n5] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 2px;
    font-size: 0.875rem;
}

.SidebarCard__LocationAddress[b-i5lwvei9n5] {
    font-size: 0.875rem;
    color: var(--trecker-text-secondary);
    white-space: pre-line;
    margin: 0;
    line-height: 1.5;
}

.SidebarCard__Action[b-i5lwvei9n5] {
    padding: 0.25rem 1rem 0.875rem;
}

.SidebarCard__MapButton[b-i5lwvei9n5] {
    flex: 1;
    justify-content: center;
    text-align: center;
    min-width: 0;
}

.ei-sidebar-map-links[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-sm);
}

.ei-sidebar-map-icon[b-i5lwvei9n5] {
    vertical-align: middle;
    margin-right: 3px;
}

/* OpenStreetMap embed in sidebar */
.EIP__SidebarMap[b-i5lwvei9n5] {
    width: 100%;
    height: 200px;
    background: var(--trecker-bg-secondary);
    z-index: 0;
}

/* Prevent Leaflet tile edges from bleeding outside card radius */
.SidebarCard--image .EIP__SidebarMap[b-i5lwvei9n5] {
    border-bottom: 1px solid var(--trecker-border-subtle);
}

/* Leaflet attribution: make compact in sidebar */
.EIP__SidebarMap .leaflet-control-attribution[b-i5lwvei9n5] {
    font-size: 9px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Geländeplan below the location map in the sidebar */
.SidebarCard__GelaendePlan[b-i5lwvei9n5] {
    border-top: 1px solid var(--trecker-border-subtle);
    padding-top: var(--trecker-space-sm);
}

.SidebarCard__GelaendePlanTitle[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-xs) 0;
    padding: 0 var(--trecker-space-md);
}

/* === GELÄNDEPLAN TAB === */
.ei-map-tab-wrap[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--trecker-space-xs);
}

.ei-map-tab-img[b-i5lwvei9n5] {
    max-width: 640px;
    width: 100%;
    border-radius: var(--trecker-border-radius-lg) !important;
    overflow: hidden;
}

/* Interactive marked-spots map below the static Geländeplan image */
.ei-venue-map-section[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-2xl);
}

.ei-venue-map-heading[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-md) 0;
}

.ei-venue-map[b-i5lwvei9n5] {
    width: 100%;
    height: 440px;
    max-width: 100%;
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    z-index: 0;
}

.ei-venue-points[b-i5lwvei9n5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-lg);
}

.ei-venue-point[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 14px;
    padding: var(--trecker-space-md);
    box-shadow: var(--trecker-shadow-sm);
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.ei-venue-point:hover[b-i5lwvei9n5] {
    border-color: var(--trecker-accent);
    transform: translateY(-2px);
    box-shadow: var(--trecker-shadow-lg);
}

/* Color-coded category badge (circle + icon) */
.ei-venue-cat[b-i5lwvei9n5] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: var(--trecker-font-size-sm);
    font-weight: 700;
    background: var(--trecker-accent);
}

.ei-venue-cat--parken[b-i5lwvei9n5] { background: var(--trecker-info); }
.ei-venue-cat--camping[b-i5lwvei9n5] { background: var(--trecker-text-tertiary); }
.ei-venue-cat--zuschauer[b-i5lwvei9n5] { background: var(--trecker-success); }
.ei-venue-cat--fahrer[b-i5lwvei9n5] { background: #5e5ce6; }
.ei-venue-cat--toiletten[b-i5lwvei9n5] { background: var(--trecker-success); }
.ei-venue-cat--essen[b-i5lwvei9n5] { background: var(--trecker-warning); }
.ei-venue-cat--haendler[b-i5lwvei9n5] { background: #af52de; }
.ei-venue-cat--eingang[b-i5lwvei9n5] { background: var(--trecker-warning); }
.ei-venue-cat--medizinisch[b-i5lwvei9n5] { background: var(--trecker-error); }
.ei-venue-cat--info[b-i5lwvei9n5] { background: var(--trecker-info); }
.ei-venue-cat--track[b-i5lwvei9n5] { background: var(--trecker-accent); }
.ei-venue-cat--default[b-i5lwvei9n5] { background: var(--trecker-accent); }

.ei-venue-point-body[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.ei-venue-point-label[b-i5lwvei9n5] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.ei-venue-point-desc[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.ei-venue-point-cat-name[b-i5lwvei9n5] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-tertiary);
    margin-top: 2px;
}

/* === FOTOS TAB === */
.ei-foto-request[b-i5lwvei9n5] {
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-secondary);
    padding: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ei-foto-request-title[b-i5lwvei9n5] {
    font-weight: 600;
    margin: 0;
}

.ei-foto-request-sent[b-i5lwvei9n5] {
    color: var(--trecker-success);
    margin: 0;
}

.ei-foto-request-error[b-i5lwvei9n5] {
    color: var(--trecker-error);
    margin: 0;
}

.ei-fotos-grid[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.ei-foto-card[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 14px;
    padding: var(--trecker-space-md);
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    box-shadow: var(--trecker-shadow-sm);
    transition: border-color 0.15s ease;
}

.ei-foto-card:hover[b-i5lwvei9n5] {
    border-color: color-mix(in srgb, var(--trecker-accent) 45%, var(--trecker-border));
}

.ei-foto-card-icon[b-i5lwvei9n5] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: var(--trecker-bg-secondary);
    border-radius: var(--trecker-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-secondary);
}

.ei-foto-card-icon svg[b-i5lwvei9n5] {
    width: 22px;
    height: 22px;
}

.ei-foto-card-info[b-i5lwvei9n5] {
    flex: 1;
    min-width: 0;
}

.ei-foto-card-name[b-i5lwvei9n5] {
    font-weight: 600;
    font-size: var(--trecker-font-size-md);
    color: var(--trecker-text-primary);
}

.ei-foto-card-company[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-top: 2px;
}

.ei-foto-card-links[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-xs);
}

.ei-foto-link[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    background: var(--trecker-primary, #2e7d32);
    color: #fff;
    border-radius: 6px;
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    text-decoration: none;
    transition: opacity 0.15s;
}

.ei-foto-link:hover[b-i5lwvei9n5] {
    opacity: 0.85;
}

.ei-foto-link svg[b-i5lwvei9n5] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* ============================================================================
   RESPONSIVE: Large tablet (max-width: 1024px)
   ============================================================================ */
@media (max-width: 1024px) {
    .EIP__Grid[b-i5lwvei9n5] {
        grid-template-columns: 1fr min(250px, 30vw);
        gap: 1.5rem;
    }
}

/* ============================================================================
   RESPONSIVE: Tablet / small screen (max-width: 860px)
   ============================================================================ */
@media (max-width: 860px) {
    .EIP__Hero[b-i5lwvei9n5] {
        min-height: 230px;
    }

    .EIP__HeroContent[b-i5lwvei9n5] {
        padding-top: 1.25rem;
        padding-bottom: 1.375rem;
    }

    .EIP__BackLink[b-i5lwvei9n5] {
        margin-bottom: 0.625rem;
        padding: 8px 14px 8px 10px;
        min-height: 40px;
    }

    .EIP__Title[b-i5lwvei9n5] {
        font-size: clamp(1.35rem, 6vw, 1.85rem);
        margin-bottom: 0.75rem;
    }

    .EIP__HeroMeta[b-i5lwvei9n5] {
        gap: 0.375rem;
        margin-bottom: 0.875rem;
    }

    .EIP__HeroMetaItem[b-i5lwvei9n5] {
        font-size: 0.78rem;
        padding: 5px 11px;
    }

    .EIP__Grid[b-i5lwvei9n5] {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    /* Sidebar shows ABOVE main content on mobile */
    .EIP__Sidebar[b-i5lwvei9n5] {
        position: static;
        order: -1;
    }

    /* Hide sidebar on mobile when not on info tab */
    .EIP__Sidebar--hideOnMobile[b-i5lwvei9n5] {
        display: none;
    }

    .EIP__Main[b-i5lwvei9n5] {
        order: 1;
    }

    .EIP__Body[b-i5lwvei9n5] {
        padding: 1rem 0 2rem;
    }

    .EventInfoPage__DayItem[b-i5lwvei9n5] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .EventInfoPage__SpecGrid[b-i5lwvei9n5] {
        grid-template-columns: 1fr 1fr;
    }

    .EventInfoPage__SectionTitle[b-i5lwvei9n5] {
        font-size: 1rem;
    }

    /* Sidebar map gets taller on mobile (full-width card) */
    .EIP__SidebarMap[b-i5lwvei9n5] {
        height: 250px;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .ei-filter-bar[b-i5lwvei9n5] {
        flex-direction: column;
    }

    .ei-filter-field[b-i5lwvei9n5] {
        max-width: none;
    }

    .ei-signup-grid[b-i5lwvei9n5] {
        grid-template-columns: 1fr;
    }

    .ei-klassen-grid[b-i5lwvei9n5] {
        grid-template-columns: 1fr;
    }

    .ei-teilnehmer-grid[b-i5lwvei9n5] {
        grid-template-columns: 1fr;
    }

    .ei-cta-buttons[b-i5lwvei9n5] {
        flex-direction: column;
    }

    .ei-cta-buttons .TreckerButton[b-i5lwvei9n5] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* Bremswagen section */
.bw-event-list[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.bw-event-item[b-i5lwvei9n5] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: flex-start;
    padding: var(--trecker-space-md);
    border: 1px solid var(--trecker-border);
    border-radius: 14px;
    background: var(--trecker-bg-card);
    box-shadow: var(--trecker-shadow-sm);
    transition: border-color 0.15s ease;
}

.bw-event-item:hover[b-i5lwvei9n5] {
    border-color: color-mix(in srgb, var(--trecker-accent) 45%, var(--trecker-border));
}

.bw-event-logo[b-i5lwvei9n5] {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-secondary);
    flex-shrink: 0;
}

.bw-event-body[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.bw-event-name[b-i5lwvei9n5] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    text-decoration: none;
}

a.bw-event-name:hover[b-i5lwvei9n5] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.bw-event-classes[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-accent);
}

.bw-event-tech[b-i5lwvei9n5],
.bw-event-bio[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

/* === FAN-VOTING RESULTS TAB === */
.ei-voting-subtitle[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: calc(-1 * var(--trecker-space-sm)) 0 var(--trecker-space-lg);
}

.ei-voting-podium[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ei-voting-card[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-left: 4px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md);
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    overflow: hidden;
    transition: border-color 0.15s;
}

.ei-voting-card--gold[b-i5lwvei9n5]   { border-left-color: #f5c518; }
.ei-voting-card--silver[b-i5lwvei9n5] { border-left-color: #a8a8a8; }
.ei-voting-card--bronze[b-i5lwvei9n5] { border-left-color: #cd7f32; }

.ei-voting-card-rank[b-i5lwvei9n5] {
    flex-shrink: 0;
    width: 36px;
    text-align: center;
    font-size: var(--trecker-font-size-xl);
    font-weight: 800;
    color: var(--trecker-text-secondary);
    line-height: 1;
}

.ei-voting-card--gold   .ei-voting-card-rank[b-i5lwvei9n5] { color: #b8930a; }
.ei-voting-card--silver .ei-voting-card-rank[b-i5lwvei9n5] { color: #888; }
.ei-voting-card--bronze .ei-voting-card-rank[b-i5lwvei9n5] { color: #a0622a; }

.ei-voting-card-photo[b-i5lwvei9n5] {
    flex-shrink: 0;
    width: 80px;
    height: 60px;
    border-radius: var(--trecker-radius-sm);
    overflow: hidden;
    background: var(--trecker-bg-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ei-voting-card-photo img[b-i5lwvei9n5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ei-voting-card-info[b-i5lwvei9n5] {
    flex: 1;
    min-width: 0;
}

.ei-voting-card-name[b-i5lwvei9n5] {
    font-weight: 700;
    font-size: var(--trecker-font-size-md);
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ei-voting-card-driver[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ei-voting-card-votes[b-i5lwvei9n5] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    line-height: 1;
}

.ei-voting-votes-count[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 800;
    color: var(--trecker-accent, #ff7a3d);
}

.ei-voting-votes-label[b-i5lwvei9n5] {
    font-size: 11px;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@media (max-width: 480px) {
    .ei-voting-card-photo[b-i5lwvei9n5] { width: 56px; height: 44px; }
    .ei-voting-card-rank[b-i5lwvei9n5]  { width: 28px; font-size: var(--trecker-font-size-lg); }
}

/* ===== SPONSOREN TAB ===== */
.ei-sponsor-intro[b-i5lwvei9n5] {
    margin: 0 0 var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
}

.ei-sponsor-tier[b-i5lwvei9n5] {
    margin-bottom: var(--trecker-space-xl);
}

.ei-sponsor-tier-label[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--trecker-text-secondary);
}

.ei-sponsor-dot[b-i5lwvei9n5] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ei-sponsor-dot--platinum[b-i5lwvei9n5] { background: #d7d9dc; }
.ei-sponsor-dot--gold[b-i5lwvei9n5]     { background: #f5c518; }
.ei-sponsor-dot--silver[b-i5lwvei9n5]   { background: #b9c0c7; }
.ei-sponsor-dot--bronze[b-i5lwvei9n5]   { background: #cd7f32; }

.ei-sponsor-grid[b-i5lwvei9n5] {
    display: grid;
    gap: var(--trecker-space-md);
}

.ei-sponsor-grid--platinum[b-i5lwvei9n5] { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.ei-sponsor-grid--gold[b-i5lwvei9n5]     { grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); }
.ei-sponsor-grid--silver[b-i5lwvei9n5],
.ei-sponsor-grid--bronze[b-i5lwvei9n5]   { grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr)); }

.ei-sponsor-card[b-i5lwvei9n5] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    text-decoration: none;
    color: inherit;
    box-shadow: var(--trecker-shadow-card);
    transition: transform var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast), border-color var(--trecker-transition-fast);
}

.ei-sponsor-card:not(.ei-sponsor-card--nolink):hover[b-i5lwvei9n5] {
    transform: translateY(-3px);
    box-shadow: var(--trecker-shadow-lg);
    border-color: var(--trecker-border-medium);
}

.ei-sponsor-card--nolink[b-i5lwvei9n5] { cursor: default; }

.ei-sponsor-logo[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    margin-bottom: var(--trecker-space-sm);
}

.ei-sponsor-grid--platinum .ei-sponsor-logo[b-i5lwvei9n5] { height: 88px; }

.ei-sponsor-logo img[b-i5lwvei9n5] {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.ei-sponsor-monogram[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: var(--trecker-border-radius-lg);
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
}

.ei-sponsor-name[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.ei-sponsor-desc[b-i5lwvei9n5] {
    margin-top: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    line-height: var(--trecker-line-height-normal);
    color: var(--trecker-text-secondary);
}

/* ── Signup choice modal ─────────────────────────────────── */
.ei-signup-choice-modal[b-i5lwvei9n5] {
    position: relative;
    background: var(--trecker-bg-card);
    border-radius: var(--trecker-border-radius-xl);
    padding: var(--trecker-space-xl);
    width: 100%;
    max-width: 460px;
    box-shadow: var(--trecker-shadow-lg);
}

.ei-signup-choice-close[b-i5lwvei9n5] {
    position: absolute;
    top: var(--trecker-space-md);
    right: var(--trecker-space-md);
}

.ei-signup-choice-title[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-lg);
    padding-right: var(--trecker-space-xl);
}

.ei-signup-choice-options[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.ei-signup-choice-card[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-lg);
    border: 2px solid var(--trecker-border-color);
    background: var(--trecker-bg-primary);
    color: var(--trecker-text-primary);
    text-decoration: none;
    transition: border-color 150ms ease, background 150ms ease;
    cursor: pointer;
}

.ei-signup-choice-card:hover[b-i5lwvei9n5] {
    border-color: var(--trecker-accent);
    background: var(--trecker-bg-secondary);
}

.ei-signup-choice-icon[b-i5lwvei9n5] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-accent);
}

.ei-signup-choice-icon svg[b-i5lwvei9n5] {
    width: 22px;
    height: 22px;
}

.ei-signup-choice-text[b-i5lwvei9n5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ei-signup-choice-text strong[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
}

.ei-signup-choice-text span[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.ei-signup-choice-arrow[b-i5lwvei9n5] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: var(--trecker-text-tertiary);
}

@media (max-width: 480px) {
    .ei-signup-choice-modal[b-i5lwvei9n5] {
        border-radius: var(--trecker-border-radius-xl) var(--trecker-border-radius-xl) 0 0;
        max-width: 100%;
        padding: var(--trecker-space-lg);
    }
}

/* ==========================================================================
   Regel-Anhänge (bis zu 5 Bilder/PDFs unter dem Regeln-Freitext)
   ========================================================================== */
.ei-rule-files[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
}

.ei-rule-file[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 160px;
    max-width: 100%;
    padding: 8px;
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    background: var(--trecker-bg-secondary);
    text-decoration: none;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.ei-rule-file:hover[b-i5lwvei9n5] {
    border-color: var(--trecker-accent);
    transform: translateY(-2px);
}

.ei-rule-file img[b-i5lwvei9n5] {
    width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.ei-rule-file-icon[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 110px;
    border-radius: 6px;
    background: var(--trecker-bg-tertiary);
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--trecker-text-secondary);
}

.ei-rule-file-name[b-i5lwvei9n5] {
    font-size: 0.75rem;
    color: var(--trecker-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .ei-rule-file[b-i5lwvei9n5] {
        width: calc(50% - var(--trecker-space-sm));
    }
}

/* Tablet and up: let the row breathe with slightly larger cards. */
@media (min-width: 768px) {
    .ei-rule-file[b-i5lwvei9n5] {
        width: 190px;
    }

    .ei-rule-file img[b-i5lwvei9n5],
    .ei-rule-file-icon[b-i5lwvei9n5] {
        height: 130px;
    }
}

/* ── Interaktiver Geländeplan (Designer) — öffentlicher Viewer ── */
.ei-gplan-section[b-i5lwvei9n5] { margin-bottom: 1.5rem; }

.ei-gplan-filters[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 0.6rem;
}

.ei-gplan-chip[b-i5lwvei9n5] {
    border: 1px solid var(--trecker-border-color, #d8d5cc);
    background: var(--trecker-bg-secondary, #f4f2ec);
    border-radius: 99px;
    padding: 0.3rem 0.75rem;
    font-size: 0.78rem;
    cursor: pointer;
    opacity: 0.55;
    min-height: 34px;
}

.ei-gplan-chip--on[b-i5lwvei9n5] {
    opacity: 1;
    border-color: var(--trecker-primary, #3f7d3a);
    background: rgba(70, 140, 70, 0.12);
    font-weight: 600;
}

.ei-gplan-wrap[b-i5lwvei9n5] { position: relative; }

.ei-gplan-controls[b-i5lwvei9n5] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: flex;
    gap: 6px;
    z-index: 10;
}

.ei-gplan-controls button[b-i5lwvei9n5] {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: rgba(255, 255, 255, 0.92);
    font-size: 1.05rem;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

.ei-gplan-controls button:hover[b-i5lwvei9n5] { background: #fff; }

.ei-gplan-places[b-i5lwvei9n5] { margin-top: 1rem; }

@media (max-width: 640px) {
    .ei-gplan-controls button[b-i5lwvei9n5] { width: 44px; height: 44px; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/EventListPublic.razor.rz.scp.css */
/* ============================================================================
   EventListPublic — Scoped Styles
   Prefix: elp- (Event List Public)
   ============================================================================ */

/* === PAGE ROOT === */
.elp-root[b-k43qbl96qb] {
    padding-top: var(--trecker-space-2xl);
    padding-bottom: var(--trecker-space-4xl);
}

/* === PAGE HEADER === */
.elp-header[b-k43qbl96qb] {
    margin-bottom: var(--trecker-space-2xl);
}

.elp-header-eyebrow[b-k43qbl96qb] {
    display: block;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--trecker-accent);
    margin-bottom: 6px;
}

.elp-header-title[b-k43qbl96qb] {
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 800;
    color: var(--trecker-text-primary);
    letter-spacing: -0.03em;
    margin: 0 0 10px;
    line-height: 1.15;
}

.elp-header-sub[b-k43qbl96qb] {
    font-size: var(--trecker-font-size-base);
    color: var(--trecker-text-secondary);
    margin: 0;
    max-width: 480px;
    line-height: 1.6;
}

/* === CONTROLS BAR — single row on desktop === */
.elp-controls-bar[b-k43qbl96qb] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-xl);
    flex-wrap: nowrap;
}

.elp-controls-right[b-k43qbl96qb] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex: 1;
    min-width: 0;
}

.elp-dropdowns[b-k43qbl96qb] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-shrink: 0;
}

.elp-filter-toggle[b-k43qbl96qb] {
    display: none;
}

.elp-toggle-chevron[b-k43qbl96qb] {
    transition: transform 0.2s;
    flex-shrink: 0;
}

.elp-toggle-chevron--up[b-k43qbl96qb] {
    transform: rotate(180deg);
}

/* === VIEW TABS === */
.elp-view-tabs[b-k43qbl96qb] {
    display: inline-flex;
    gap: 3px;
    background: var(--trecker-bg-secondary);
    border-radius: 10px;
    padding: 4px;
    flex-shrink: 0;
    border: 1px solid var(--trecker-border);
}

.elp-view-tab[b-k43qbl96qb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 7px;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    background: none;
    border: none;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.elp-view-tab:hover[b-k43qbl96qb] {
    color: var(--trecker-text-primary);
}

.elp-view-tab--active[b-k43qbl96qb] {
    background: var(--trecker-bg-card);
    color: var(--trecker-text-primary);
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}

.elp-search[b-k43qbl96qb] {
    flex: 1;
    min-width: 0;
}

.elp-year-select[b-k43qbl96qb] {
    width: auto;
    flex-shrink: 0;
}

.elp-category-select[b-k43qbl96qb] {
    width: auto;
    flex-shrink: 0;
}

/* === MAP LEGEND (shown when "Alle anzeigen" is active) === */
.elp-map-legend[b-k43qbl96qb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
    margin-top: var(--trecker-space-md);
}

.elp-map-legend-item[b-k43qbl96qb] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: 0.85rem;
    color: var(--trecker-text-secondary);
}

.elp-map-legend-dot[b-k43qbl96qb] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

.elp-map-legend-dot--treck[b-k43qbl96qb] { background: #ff7a3d; }
.elp-map-legend-dot--treffen[b-k43qbl96qb] { background: #7c3aed; }

/* === EVENT-KIND CHIP on cards === */
.elp-cat-chip[b-k43qbl96qb] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 2px 8px;
    border-radius: 999px;
    margin: 4px 0 2px;
}

.elp-cat-chip--treck[b-k43qbl96qb] {
    background: rgba(255, 122, 61, 0.14);
    color: #c2410c;
}

.elp-cat-chip--treffen[b-k43qbl96qb] {
    background: rgba(124, 58, 237, 0.14);
    color: #6d28d9;
}

/* === SECTION === */
.elp-section[b-k43qbl96qb] {
    margin-bottom: var(--trecker-space-3xl);
}

.elp-section-head[b-k43qbl96qb] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-lg);
    padding-bottom: var(--trecker-space-sm);
    border-bottom: 1px solid var(--trecker-border);
}

.elp-section-title[b-k43qbl96qb] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
}

.elp-section-count[b-k43qbl96qb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 22px;
    padding: 0 8px;
    border-radius: 20px;
    background: var(--trecker-accent-light, rgba(0,120,255,0.1));
    color: var(--trecker-accent);
    font-size: 11px;
    font-weight: 700;
}

/* === UPCOMING GRID === */
.elp-upcoming-grid[b-k43qbl96qb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    gap: var(--trecker-space-lg);
}

/* === EVENT CARD === */
.elp-card[b-k43qbl96qb] {
    display: flex;
    flex-direction: column;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.elp-card:hover[b-k43qbl96qb] {
    box-shadow: var(--trecker-shadow-lg);
    border-color: var(--trecker-accent);
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}

/* === CARD IMAGE === */
.elp-card-img[b-k43qbl96qb] {
    position: relative;
    padding-top: 56.25%;
    background: var(--trecker-bg-secondary);
    overflow: hidden;
}

.elp-card-img img[b-k43qbl96qb] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.elp-card:hover .elp-card-img img[b-k43qbl96qb] {
    transform: scale(1.05);
}

.elp-card-img--hasImg[b-k43qbl96qb]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 60%);
    pointer-events: none;
}

.elp-card-placeholder[b-k43qbl96qb] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-tertiary);
    opacity: 0.4;
}

/* === BADGE === */
.elp-badge[b-k43qbl96qb] {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    z-index: 2;
    color: #fff;
}

.elp-badge--live[b-k43qbl96qb] {
    background: var(--trecker-success, #22c55e);
    animation: elp-pulse-b-k43qbl96qb 2s infinite;
}

.elp-badge--today[b-k43qbl96qb] {
    background: var(--trecker-warning, #f59e0b);
}

.elp-badge--soon[b-k43qbl96qb] {
    background: var(--trecker-accent);
}

.elp-badge--done[b-k43qbl96qb] {
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(4px);
    color: rgba(255,255,255,0.8);
}

@keyframes elp-pulse-b-k43qbl96qb {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.72; }
}

/* === CARD BODY === */
.elp-card-body[b-k43qbl96qb] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 5px;
}

.elp-card-date[b-k43qbl96qb] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-accent);
}

.elp-card-name[b-k43qbl96qb] {
    font-size: var(--trecker-font-size-base);
    font-weight: 700;
    color: var(--trecker-text-primary);
    line-height: 1.3;
}

.elp-card-location[b-k43qbl96qb] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.elp-card-footer[b-k43qbl96qb] {
    margin-top: auto;
    padding-top: 10px;
}

.elp-reg-open[b-k43qbl96qb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    color: var(--trecker-success, #22c55e);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.elp-reg-open[b-k43qbl96qb]::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--trecker-success, #22c55e);
    animation: elp-pulse-b-k43qbl96qb 2s infinite;
}

/* === PAST SECTION === */
.elp-past-section[b-k43qbl96qb] {
    opacity: 0.88;
}

.elp-past-grid[b-k43qbl96qb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
}

.elp-past-card[b-k43qbl96qb] {
    display: flex;
    flex-direction: column;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.18s ease, border-color 0.18s ease;
}

.elp-past-card:hover[b-k43qbl96qb] {
    box-shadow: var(--trecker-shadow-md);
    border-color: var(--trecker-border-hover, var(--trecker-accent));
    text-decoration: none;
    color: inherit;
}

.elp-past-card-img[b-k43qbl96qb] {
    position: relative;
    padding-top: 56%;
    background: var(--trecker-bg-secondary);
    overflow: hidden;
}

.elp-past-card-img img[b-k43qbl96qb] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(20%);
    transition: transform 0.3s ease;
}

.elp-past-card:hover .elp-past-card-img img[b-k43qbl96qb] {
    transform: scale(1.04);
}

.elp-past-placeholder[b-k43qbl96qb] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-tertiary);
    opacity: 0.3;
}

.elp-past-badge[b-k43qbl96qb] {
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(4px);
    color: rgba(255,255,255,0.75);
}

.elp-past-card-body[b-k43qbl96qb] {
    padding: 12px 14px;
}

.elp-past-card-name[b-k43qbl96qb] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin-bottom: 3px;
    line-height: 1.3;
}

.elp-past-card-date[b-k43qbl96qb] {
    font-size: 11px;
    color: var(--trecker-text-tertiary);
}

/* ── Calendar card ──────────────────────────────────────── */

.cal-card[b-k43qbl96qb] {
    padding: var(--trecker-space-lg);
}

.cal-nav[b-k43qbl96qb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-lg);
}

.cal-nav-title[b-k43qbl96qb] {
    margin: 0;
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
}

/* ── Calendar grids ─────────────────────────────────────── */

.cal-header-grid[b-k43qbl96qb],
.cal-grid[b-k43qbl96qb] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
}

.cal-header-grid[b-k43qbl96qb] {
    margin-bottom: 3px;
}

.cal-weekday[b-k43qbl96qb] {
    text-align: center;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    padding: 5px 0;
}

/* ── Day cells ───────────────────────────────────────────── */

.cal-cell-empty[b-k43qbl96qb] {
    min-height: 62px;
    min-width: 0;
}

.cal-cell[b-k43qbl96qb] {
    min-height: 62px;
    min-width: 0;
    padding: 5px;
    border-radius: 7px;
    position: relative;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    transition: border-color 0.15s;
}

.cal-cell--today[b-k43qbl96qb] {
    background: var(--trecker-accent-light, rgba(0,120,255,0.08));
    border-color: var(--trecker-accent);
}

.cal-cell--has-events[b-k43qbl96qb] {
    border-color: var(--trecker-border-hover, rgba(255,255,255,0.12));
}

.cal-day-num[b-k43qbl96qb] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 400;
    color: var(--trecker-text-secondary);
    margin-bottom: 2px;
}

.cal-day-num--today[b-k43qbl96qb] {
    font-weight: 700;
    color: var(--trecker-accent);
}

/* ── Event badge links ───────────────────────────────────── */

.cal-event[b-k43qbl96qb] {
    display: block;
    font-size: 10px;
    line-height: 1.3;
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    max-width: 100%;
}

/* ── Calendar overflow popover ───────────────────────────── */

.cal-overflow-btn[b-k43qbl96qb] {
    font-size: 10px;
    color: var(--trecker-text-secondary);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
}

.cal-overflow-popover[b-k43qbl96qb] {
    position: absolute;
    z-index: 50;
    margin-top: 4px;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: 9px;
    padding: 10px;
    min-width: 220px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.22);
}

.cal-overflow-date[b-k43qbl96qb] {
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 12px;
    color: var(--trecker-text-primary);
}

.cal-overflow-item[b-k43qbl96qb] {
    display: block;
    font-size: 12px;
    padding: 4px 6px;
    border-radius: 4px;
    text-decoration: none;
    color: var(--trecker-text-primary);
}

.cal-overflow-item:hover[b-k43qbl96qb] {
    background: var(--trecker-bg-secondary);
}

.cal-overflow-loc[b-k43qbl96qb] {
    color: var(--trecker-text-secondary);
}

/* ── Map view ────────────────────────────────────────────── */

.elp-map-wrap[b-k43qbl96qb] {
    width: 100%;
    height: 580px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--trecker-border);
    box-shadow: var(--trecker-shadow-md);
}

.elp-map-hint[b-k43qbl96qb] {
    font-size: 12px;
    color: var(--trecker-text-tertiary);
    margin-top: var(--trecker-space-sm);
    text-align: center;
}

.elp-map-past-toggle[b-k43qbl96qb] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: 0.85rem;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    margin-bottom: var(--trecker-space-md);
}

.elp-map-past-toggle input[type="checkbox"][b-k43qbl96qb] {
    accent-color: var(--trecker-accent);
    width: 15px;
    height: 15px;
    cursor: pointer;
}

/* ── Mobile (≤ 640 px) — collapsible filters ─────────────── */

@media (max-width: 640px) {
    .elp-controls-bar[b-k43qbl96qb] {
        flex-wrap: wrap;
    }

    .elp-view-tabs[b-k43qbl96qb] {
        width: 100%;
        justify-content: stretch;
    }

    .elp-view-tab[b-k43qbl96qb] {
        flex: 1;
        justify-content: center;
    }

    .elp-controls-right[b-k43qbl96qb] {
        width: 100%;
        flex-wrap: wrap;
    }

    .elp-filter-toggle[b-k43qbl96qb] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 7px 12px;
        border-radius: 8px;
        font-size: var(--trecker-font-size-sm);
        font-weight: 600;
        color: var(--trecker-text-secondary);
        background: var(--trecker-bg-secondary);
        border: 1px solid var(--trecker-border);
        cursor: pointer;
        flex-shrink: 0;
        transition: color 0.15s, border-color 0.15s;
    }

    .elp-filter-toggle:hover[b-k43qbl96qb] {
        color: var(--trecker-text-primary);
        border-color: var(--trecker-border-hover, var(--trecker-accent));
    }

    .elp-dropdowns[b-k43qbl96qb] {
        width: 100%;
        flex-wrap: wrap;
    }

    .elp-dropdowns--mobile-hidden[b-k43qbl96qb] {
        display: none;
    }

    .elp-category-select[b-k43qbl96qb],
    .elp-year-select[b-k43qbl96qb] {
        flex: 1;
    }
}

/* ── App (MAUI Hybrid): always use touch-friendly filter layout ─────────── */

.elp-controls-bar--app[b-k43qbl96qb] {
    flex-wrap: wrap;
}

.elp-controls-bar--app .elp-view-tabs[b-k43qbl96qb] {
    width: 100%;
    justify-content: stretch;
}

.elp-controls-bar--app .elp-view-tab[b-k43qbl96qb] {
    flex: 1;
    justify-content: center;
}

.elp-controls-bar--app .elp-controls-right[b-k43qbl96qb] {
    width: 100%;
    flex-wrap: wrap;
}

.elp-controls-bar--app .elp-filter-toggle[b-k43qbl96qb] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    border-radius: 8px;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.15s, border-color 0.15s;
}

.elp-controls-bar--app .elp-dropdowns[b-k43qbl96qb] {
    width: 100%;
    flex-wrap: wrap;
}

.elp-controls-bar--app .elp-dropdowns--mobile-hidden[b-k43qbl96qb] {
    display: none;
}

.elp-controls-bar--app .elp-category-select[b-k43qbl96qb],
.elp-controls-bar--app .elp-year-select[b-k43qbl96qb] {
    flex: 1;
}

/* ── Small mobile (≤ 480 px) ─────────────────────────────── */

@media (max-width: 480px) {
    .elp-map-wrap[b-k43qbl96qb] {
        height: 380px;
        border-radius: 10px;
    }

    .elp-upcoming-grid[b-k43qbl96qb] {
        grid-template-columns: 1fr;
    }

    .elp-past-grid[b-k43qbl96qb] {
        grid-template-columns: repeat(2, 1fr);
    }

    .cal-card[b-k43qbl96qb] {
        padding: var(--trecker-space-sm);
    }

    .cal-cell[b-k43qbl96qb],
    .cal-cell-empty[b-k43qbl96qb] {
        min-height: 40px;
        padding: 2px;
        border-radius: 3px;
    }

    .cal-day-num[b-k43qbl96qb] {
        font-size: 9px;
    }

    .cal-event[b-k43qbl96qb] {
        font-size: 8px;
        padding: 1px 2px;
        border-radius: 2px;
        margin-bottom: 1px;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/EventPress.razor.rz.scp.css */
/* F5 Public Press-Page. */

.PressPage[b-h4wd35oj15] {
    max-width: 760px;
    margin: 0 auto;
    padding: 32px 16px 64px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.PressPage__Loading[b-h4wd35oj15] {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

.PressPage__Header[b-h4wd35oj15] {
    border-bottom: 1px solid var(--trecker-border);
    padding-bottom: 16px;
}

.PressPage__Eyebrow[b-h4wd35oj15] {
    font-size: 11px;
    font-weight: 700;
    color: #ff7a3d;
    letter-spacing: 1.5px;
}

.PressPage__Headline[b-h4wd35oj15] {
    margin: 6px 0 0;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--trecker-text-primary);
}

.PressPage__Meta[b-h4wd35oj15] {
    margin: 8px 0 0;
    color: var(--trecker-text-secondary);
    font-size: 14px;
}

.PressPage__Body p[b-h4wd35oj15] {
    line-height: 1.7;
    font-size: 15px;
    color: var(--trecker-text-primary);
    margin: 0 0 12px;
}

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

.PressPage__Contact h2[b-h4wd35oj15] {
    margin: 0 0 8px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}

.PressPage__Contact p[b-h4wd35oj15] { margin: 4px 0; }

.PressPage__Download[b-h4wd35oj15] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.1), transparent 70%);
    border: 1px solid rgba(255, 122, 61, 0.4);
    border-radius: 12px;
    padding: 24px;
    text-align: center;
}

.PressPage__Download h2[b-h4wd35oj15] {
    margin: 0 0 6px;
    font-size: 18px;
}

.PressPage__Download p[b-h4wd35oj15] {
    margin: 0 0 12px;
    color: var(--trecker-text-secondary);
}

.PressPage__Notice[b-h4wd35oj15] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 32px;
    text-align: center;
}

.PressPage__Notice h1[b-h4wd35oj15] {
    margin: 0;
    font-size: 22px;
}

.PressPage__Notice p[b-h4wd35oj15] {
    margin: 8px 0 0;
    color: var(--trecker-text-secondary);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/EventVoting.razor.rz.scp.css */
/* F3 Public Voting-Page. */

.VotingPage[b-uvetevof34] {
    max-width: 1100px; margin: 0 auto; padding: 32px 16px 64px;
    display: flex; flex-direction: column; gap: 18px;
}

.VotingPage__Loading[b-uvetevof34] {
    display: flex; justify-content: center; padding: 48px 0;
}

.VotingPage__Header[b-uvetevof34] {
    border-bottom: 1px solid var(--trecker-border);
    padding-bottom: 16px;
}

.VotingPage__Eyebrow[b-uvetevof34] {
    font-size: 11px; font-weight: 700; color: var(--trecker-text-secondary);
    text-transform: uppercase; letter-spacing: 1.5px;
}

.VotingPage__Title[b-uvetevof34] {
    margin: 6px 0 0; font-size: 32px; font-weight: 800;
    background: var(--trecker-accent-gradient);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

.VotingPage__Description[b-uvetevof34] {
    margin: 8px 0 0; color: var(--trecker-text-secondary);
}

.VotingPage__Meta[b-uvetevof34] {
    margin-top: 6px; display: flex; gap: 8px; flex-wrap: wrap;
    color: var(--trecker-text-secondary); font-size: 13px;
}

.VotingPage__ThankYou[b-uvetevof34] {
    background: linear-gradient(135deg, rgba(46, 160, 67, 0.12), transparent 70%);
    border: 1px solid rgba(46, 160, 67, 0.4);
    border-radius: 10px; padding: 12px 16px;
    display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
    font-size: 14px;
}

.VotingPage__ClosedNote[b-uvetevof34] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 10px; padding: 12px 16px;
    color: var(--trecker-text-secondary); font-size: 13px;
    text-align: center;
}

.VotingPage__Grid[b-uvetevof34] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
}

.VoteCard[b-uvetevof34] {
    display: flex; flex-direction: column;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px; overflow: hidden;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.VoteCard:hover[b-uvetevof34] {
    transform: translateY(-2px);
    border-color: rgba(255, 122, 61, 0.4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.VoteCard--mine[b-uvetevof34] {
    border-color: #2ea043;
    box-shadow: 0 0 0 1px #2ea043 inset;
}

.VoteCard__Photo[b-uvetevof34] {
    aspect-ratio: 4 / 3;
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.08), transparent 70%);
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
}

.VoteCard__Photo img[b-uvetevof34] {
    width: 100%; height: 100%; object-fit: cover;
}

.VoteCard__Body[b-uvetevof34] {
    padding: 12px 14px;
    display: flex; flex-direction: column; gap: 4px;
    flex: 1;
}

.VoteCard__Name[b-uvetevof34] { font-size: 16px; font-weight: 700; }
.VoteCard__Driver[b-uvetevof34] { font-size: 13px; color: var(--trecker-text-secondary); }
.VoteCard__Votes[b-uvetevof34] {
    margin-top: 8px;
    font-size: 13px; font-weight: 600; color: #ff7a3d;
}

.VoteCard__Btn[b-uvetevof34] {
    border-radius: 0;
    padding: 12px;
    width: 100%;
}

/* ---- not-available notice ---- */
.VotingPage__Notice[b-uvetevof34] {
    padding: 80px 16px; text-align: center;
    color: var(--trecker-text-secondary);
}
.VotingPage__Notice h1[b-uvetevof34] {
    font-size: 24px; font-weight: 700; margin-bottom: 8px;
    color: var(--trecker-text);
}

/* ---- Live start-order strip ---- */
.LiveQueue[b-uvetevof34] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px; overflow: hidden;
}

.LiveQueue__Header[b-uvetevof34] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 16px;
    background: rgba(255, 122, 61, 0.06);
    border-bottom: 1px solid var(--trecker-border);
    font-size: 13px; font-weight: 700;
}

.LiveQueue__Dot[b-uvetevof34] {
    width: 8px; height: 8px; border-radius: 50%;
    background: #e33; flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(227, 51, 51, 0.3);
    animation: lq-pulse-b-uvetevof34 1.4s ease-in-out infinite;
}

@keyframes lq-pulse-b-uvetevof34 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}

.LiveQueue__Title[b-uvetevof34] { font-weight: 700; }
.LiveQueue__Class[b-uvetevof34] {
    margin-left: 4px; font-size: 12px; font-weight: 500;
    color: var(--trecker-text-secondary);
}
.LiveQueue__Paused[b-uvetevof34] {
    margin-left: auto;
    font-size: 11px; font-weight: 700; letter-spacing: 1px;
    color: #f0a500;
    background: rgba(240, 165, 0, 0.12);
    border-radius: 4px; padding: 2px 7px;
}

.LiveQueue__Strip[b-uvetevof34] {
    display: flex; gap: 0; overflow-x: auto;
    padding: 12px 16px; gap: 12px;
    scrollbar-width: thin;
}

.LiveQueue__Card[b-uvetevof34] {
    flex: 0 0 120px; display: flex; flex-direction: column;
    background: var(--trecker-bg);
    border: 1px solid var(--trecker-border);
    border-radius: 10px; overflow: hidden;
    transition: border-color 0.15s, opacity 0.15s;
}

.LiveQueue__Card--current[b-uvetevof34] {
    border-color: #ff7a3d;
    box-shadow: 0 0 0 2px rgba(255, 122, 61, 0.25);
}

.LiveQueue__Card--past[b-uvetevof34] {
    opacity: 0.45;
    filter: grayscale(60%);
}

.LiveQueue__CardPhoto[b-uvetevof34] {
    position: relative;
    aspect-ratio: 4 / 3;
    background: linear-gradient(135deg, rgba(255,122,61,0.06), transparent);
    overflow: hidden; display: flex; align-items: center; justify-content: center;
}

.LiveQueue__CardPhoto img[b-uvetevof34] {
    width: 100%; height: 100%; object-fit: cover;
}

.LiveQueue__NowBadge[b-uvetevof34] {
    position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%);
    background: #ff7a3d; color: #fff;
    font-size: 10px; font-weight: 800; letter-spacing: 0.5px;
    padding: 2px 8px; border-radius: 4px;
    white-space: nowrap;
}

.LiveQueue__CardBody[b-uvetevof34] {
    padding: 7px 8px;
}

.LiveQueue__CardName[b-uvetevof34] {
    font-size: 12px; font-weight: 700;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.LiveQueue__CardDriver[b-uvetevof34] {
    font-size: 11px; color: var(--trecker-text-secondary);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Fahrer.razor.rz.scp.css */
.fr-page[b-g9f91n4788] {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.fr-header[b-g9f91n4788] {
    margin-bottom: 1.25rem;
}

.fr-title[b-g9f91n4788] {
    font-size: clamp(1.6rem, 4vw, 2.2rem);
    font-weight: 800;
    margin: 0 0 0.35rem;
}

.fr-sub[b-g9f91n4788] {
    color: var(--trecker-text-secondary, #6b7280);
    margin: 0;
    max-width: 46rem;
}

.fr-loading[b-g9f91n4788] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

/* ── Controls ─────────────────────────────────────────────── */
.fr-controls[b-g9f91n4788] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.fr-search[b-g9f91n4788] {
    flex: 1 1 14rem;
    min-width: 0;
}

.fr-select[b-g9f91n4788] {
    flex: 0 1 12rem;
    min-width: 0;
}

.fr-view-tabs[b-g9f91n4788] {
    display: flex;
    gap: 0.25rem;
    background: var(--trecker-bg-secondary, #f1f3f5);
    border-radius: 0.6rem;
    padding: 0.2rem;
}

.fr-view-tab[b-g9f91n4788] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: none;
    background: transparent;
    padding: 0.45rem 0.8rem;
    border-radius: 0.45rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #6b7280);
    cursor: pointer;
}

.fr-view-tab--active[b-g9f91n4788] {
    background: var(--trecker-primary, #1f6f3c);
    color: #fff;
}

.fr-result-count[b-g9f91n4788] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #6b7280);
    margin-bottom: 1rem;
}

.fr-empty[b-g9f91n4788] {
    padding: 3rem 1rem;
}

/* ── Karten-Grid ──────────────────────────────────────────── */
.fr-grid[b-g9f91n4788] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(13rem, 100%), 1fr));
    gap: 1rem;
}

.fr-card[b-g9f91n4788] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: var(--trecker-text-primary, #111827);
    border: 1px solid var(--trecker-border, #e5e7eb);
    background: var(--trecker-bg-card, #fff);
    border-radius: 1rem;
    padding: 1.25rem 1rem 1rem;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.fr-card:hover[b-g9f91n4788],
.fr-card:focus-visible[b-g9f91n4788] {
    transform: translateY(-0.2rem);
    border-color: var(--trecker-primary, #1f6f3c);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.fr-card-top[b-g9f91n4788] {
    margin-bottom: 0.75rem;
}

.fr-avatar[b-g9f91n4788] {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 3px solid var(--trecker-primary, #1f6f3c);
}

.fr-avatar--placeholder[b-g9f91n4788] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--trecker-primary, #1f6f3c);
    color: #fff;
    font-weight: 800;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
}

.fr-card-body[b-g9f91n4788] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0;
    width: 100%;
    margin-bottom: 0.85rem;
}

.fr-card-name[b-g9f91n4788] {
    font-weight: 700;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fr-card-club[b-g9f91n4788] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #6b7280);
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fr-card-stats[b-g9f91n4788] {
    display: flex;
    width: 100%;
    border-top: 1px solid var(--trecker-border, #e5e7eb);
    padding-top: 0.7rem;
    margin-top: auto;
}

.fr-card-stat[b-g9f91n4788] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    min-width: 0;
}

.fr-card-stat + .fr-card-stat[b-g9f91n4788] {
    border-left: 1px solid var(--trecker-border, #e5e7eb);
}

.fr-card-stat-value[b-g9f91n4788] {
    font-weight: 800;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.fr-card-stat-label[b-g9f91n4788] {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--trecker-text-tertiary, #9ca3af);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* ── Listenansicht ───────────────────────────────────────── */
.fr-list[b-g9f91n4788] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fr-row[b-g9f91n4788] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    text-decoration: none;
    color: var(--trecker-text-primary, #111827);
    border: 1px solid var(--trecker-border, #e5e7eb);
    background: var(--trecker-bg-card, #fff);
    border-radius: 0.75rem;
    padding: 0.6rem 0.85rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.fr-row:hover[b-g9f91n4788],
.fr-row:focus-visible[b-g9f91n4788] {
    border-color: var(--trecker-primary, #1f6f3c);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.fr-row-avatar[b-g9f91n4788] {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    font-size: 0.95rem;
}

.fr-row-main[b-g9f91n4788] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.fr-row-name[b-g9f91n4788] {
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fr-row-club[b-g9f91n4788] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #6b7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fr-row-stats[b-g9f91n4788] {
    display: flex;
    gap: 0.9rem;
    flex-shrink: 0;
    color: var(--trecker-text-secondary, #6b7280);
    font-size: 0.8rem;
}

.fr-row-chevron[b-g9f91n4788] {
    flex-shrink: 0;
    color: var(--trecker-text-tertiary, #9ca3af);
}

/* ── Mobil ────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .fr-grid[b-g9f91n4788] {
        grid-template-columns: repeat(auto-fill, minmax(min(9.5rem, 100%), 1fr));
        gap: 0.75rem;
    }

    .fr-card[b-g9f91n4788] {
        padding: 1rem 0.6rem 0.75rem;
    }

    .fr-avatar[b-g9f91n4788] {
        width: 4rem;
        height: 4rem;
    }

    .fr-row-stats[b-g9f91n4788] {
        display: none;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Fahrzeuge.razor.rz.scp.css */
.fz-page[b-vbbvib2amc] {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

.fz-header[b-vbbvib2amc] {
    margin-bottom: 1.25rem;
}

.fz-title[b-vbbvib2amc] {
    font-size: clamp(1.6rem, 4vw, 2.2rem);
    font-weight: 800;
    margin: 0 0 0.35rem;
}

.fz-sub[b-vbbvib2amc] {
    color: var(--trecker-text-secondary, #6b7280);
    margin: 0;
    max-width: 46rem;
}

.fz-loading[b-vbbvib2amc] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

/* ── Controls ─────────────────────────────────────────────── */
.fz-controls[b-vbbvib2amc] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.fz-controls-row[b-vbbvib2amc] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex-wrap: wrap;
}

.fz-search[b-vbbvib2amc] {
    flex: 1 1 14rem;
    min-width: 0;
}

.fz-view-tabs[b-vbbvib2amc] {
    display: flex;
    gap: 0.25rem;
    background: var(--trecker-bg-secondary, #f1f3f5);
    border-radius: 0.6rem;
    padding: 0.2rem;
}

.fz-view-tab[b-vbbvib2amc] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: none;
    background: transparent;
    padding: 0.45rem 0.8rem;
    border-radius: 0.45rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #6b7280);
    cursor: pointer;
}

.fz-view-tab--active[b-vbbvib2amc] {
    background: var(--trecker-primary, #1f6f3c);
    color: #fff;
}

.fz-select[b-vbbvib2amc] {
    flex: 1 1 11rem;
    min-width: 0;
}

.fz-select--year[b-vbbvib2amc] {
    flex: 0 1 9rem;
}

.fz-result-count[b-vbbvib2amc] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #6b7280);
    margin-bottom: 1rem;
}

.fz-empty[b-vbbvib2amc] {
    padding: 3rem 1rem;
}

/* ── Karten-Grid: volle FIFA-Embleme, Groesse skaliert per Container-Query ── */
.fz-grid[b-vbbvib2amc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr));
    gap: 1.1rem;
    justify-items: center;
}

.fz-card-wrap[b-vbbvib2amc] {
    display: block;
    width: 100%;
    max-width: 20rem;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    container-type: inline-size;
    transition: transform 0.15s ease;
}

.fz-card-wrap:hover[b-vbbvib2amc],
.fz-card-wrap:focus-visible[b-vbbvib2amc] {
    transform: translateY(-0.25rem);
}

/* 16px bei 300px Kartenbreite → skaliert mit der Spaltenbreite. */
.fz-card-wrap[b-vbbvib2amc]  .tve-card {
    width: 100%;
    font-size: 5.33cqw;
}

/* ── Listenansicht ───────────────────────────────────────── */
.fz-list[b-vbbvib2amc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fz-row[b-vbbvib2amc] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    text-align: left;
    color: var(--trecker-text-primary, #111827);
    border: 1px solid var(--trecker-border, #e5e7eb);
    background: var(--trecker-bg-card, #fff);
    border-radius: 0.75rem;
    padding: 0.6rem 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.fz-row:hover[b-vbbvib2amc],
.fz-row:focus-visible[b-vbbvib2amc] {
    border-color: var(--trecker-primary, #1f6f3c);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.fz-row-thumb[b-vbbvib2amc] {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 0.55rem;
    overflow: hidden;
    flex-shrink: 0;
    background: var(--trecker-bg-secondary, #f1f3f5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-tertiary, #9ca3af);
}

.fz-row-thumb img[b-vbbvib2amc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.fz-row-main[b-vbbvib2amc] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.fz-row-name[b-vbbvib2amc] {
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fz-row-subname[b-vbbvib2amc] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #6b7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fz-row-stats[b-vbbvib2amc] {
    display: flex;
    gap: 0.9rem;
    flex-shrink: 0;
    color: var(--trecker-text-secondary, #6b7280);
    font-size: 0.8rem;
}

.fz-score-pill[b-vbbvib2amc] {
    flex-shrink: 0;
    min-width: 2.6rem;
    text-align: center;
    padding: 0.35rem 0.5rem;
    border-radius: 0.55rem;
    font-weight: 800;
    color: #fff;
}

.fz-score-pill--unrated[b-vbbvib2amc] { background: #6b7280; }
.fz-score-pill--bronze[b-vbbvib2amc] { background: linear-gradient(160deg, #8a5a2c, #5c3a19); }
.fz-score-pill--silver[b-vbbvib2amc] { background: linear-gradient(160deg, #7d8994, #4c565e); }
.fz-score-pill--gold[b-vbbvib2amc] { background: linear-gradient(160deg, #c9a227, #8a6d10); }
.fz-score-pill--legend[b-vbbvib2amc] { background: linear-gradient(160deg, #1c2a8a, #0a0d24); box-shadow: 0 0 0 1px #3fd8ff inset; }

/* ── Detail-Popup ─────────────────────────────────────────── */
.fz-detail[b-vbbvib2amc] {
    display: grid;
    grid-template-columns: minmax(11rem, 15rem) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.fz-detail-emblem[b-vbbvib2amc] {
    width: 100%;
    container-type: inline-size;
}

.fz-detail-emblem[b-vbbvib2amc]  .tve-card {
    width: 100%;
    font-size: 5.33cqw;
}

.fz-detail-info[b-vbbvib2amc] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-width: 0;
}

.fz-detail-specs[b-vbbvib2amc] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.fz-detail-spec[b-vbbvib2amc] {
    background: var(--trecker-bg-secondary, #f1f3f5);
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.fz-detail-stats[b-vbbvib2amc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
    gap: 0.5rem;
}

.fz-detail-stat[b-vbbvib2amc] {
    background: var(--trecker-bg-secondary, #f8f9fa);
    border: 1px solid var(--trecker-border, #e5e7eb);
    border-radius: 0.6rem;
    padding: 0.55rem 0.6rem;
    font-size: 0.72rem;
    color: var(--trecker-text-secondary, #6b7280);
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.fz-detail-stat span[b-vbbvib2amc] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--trecker-text-primary, #111827);
}

.fz-detail-heading[b-vbbvib2amc] {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0;
}

.fz-detail-results[b-vbbvib2amc] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.fz-detail-result[b-vbbvib2amc] {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    font-size: 0.85rem;
    border-bottom: 1px dashed var(--trecker-border, #e5e7eb);
    padding-bottom: 0.35rem;
}

.fz-detail-result-date[b-vbbvib2amc] {
    color: var(--trecker-text-tertiary, #9ca3af);
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.fz-detail-result-main[b-vbbvib2amc] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.fz-detail-result-event[b-vbbvib2amc] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Alle Versuche der Klasse ("68,50 / FP / 45,56") — eine Zeile, damit viele Versuche
   die Zeilenhoehe nicht sprengen. */
.fz-detail-result-pulls[b-vbbvib2amc] {
    font-size: 0.72rem;
    color: var(--trecker-text-tertiary, #9ca3af);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Gewichtsklasse (e.g. "Standard", "Super Sport") — secondary info line,
   rendered between event name and pulls if present. */
.fz-detail-result-class[b-vbbvib2amc] {
    font-size: 0.72rem;
    color: var(--trecker-text-tertiary, #9ca3af);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fz-detail-result-rank[b-vbbvib2amc] {
    font-weight: 700;
    flex-shrink: 0;
}

.fz-detail-loading[b-vbbvib2amc] {
    display: flex;
    justify-content: center;
    padding: 1.5rem 0;
}

/* ── Mobil ────────────────────────────────────────────────── */
@media (max-width: 640px) {
    .fz-grid[b-vbbvib2amc] {
        grid-template-columns: repeat(auto-fill, minmax(min(10.5rem, 100%), 1fr));
        gap: 0.75rem;
    }

    .fz-row-stats[b-vbbvib2amc] {
        display: none;
    }

    .fz-detail[b-vbbvib2amc] {
        grid-template-columns: 1fr;
    }

    .fz-detail-emblem[b-vbbvib2amc] {
        width: 100%;
        max-width: 14rem;
        margin: 0 auto;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/FotografList.razor.rz.scp.css */
/* =========================================================================
   Directory list — Fotografen. Shared visual language with Teams & Bremswagen.
   Cover-card grid: banner cover + overlapping logo avatar. Tuned for
   desktop, mobile browser, and the native app (large tap targets, 1-col phone).
   ========================================================================= */

.dir[b-er2w9e82ka] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

/* ===== Hero header ===== */
.dir-hero[b-er2w9e82ka] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.dir-hero__title[b-er2w9e82ka] {
    margin: 0;
    font-size: clamp(1.6rem, 4vw, 2.25rem);
    font-weight: var(--trecker-font-weight-bold);
    letter-spacing: var(--trecker-letter-spacing-tight);
    color: var(--trecker-text-primary);
    line-height: var(--trecker-line-height-tight);
}

.dir-hero__sub[b-er2w9e82ka] {
    margin: 6px 0 0;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-md);
}

/* ===== Toolbar (search + count) ===== */
.dir-toolbar[b-er2w9e82ka] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-xl);
}

.dir-search[b-er2w9e82ka] {
    position: relative;
    flex: 1 1 260px;
    min-width: 0;
}

.dir-search__icon[b-er2w9e82ka] {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: var(--trecker-text-tertiary);
    pointer-events: none;
}

.dir-search__input[b-er2w9e82ka] {
    width: 100%;
    height: 48px;
    padding: 0 var(--trecker-space-md) 0 44px;
    border-radius: var(--trecker-radius-full);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-card);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-base);
    transition: border-color var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast);
}

.dir-search__input[b-er2w9e82ka]::placeholder { color: var(--trecker-text-tertiary); }

.dir-search__input:focus[b-er2w9e82ka] {
    outline: none;
    border-color: var(--trecker-accent);
    box-shadow: 0 0 0 3px var(--trecker-accent-light);
}

.dir-count[b-er2w9e82ka] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    white-space: nowrap;
}

/* ===== Grid ===== */
.dir-grid[b-er2w9e82ka] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 264px), 1fr));
    gap: var(--trecker-space-lg);
}

/* ===== Card ===== */
.dir-card[b-er2w9e82ka] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--trecker-radius-lg);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-card);
    box-shadow: var(--trecker-shadow-card);
    text-decoration: none;
    color: inherit;
    transition: transform var(--trecker-transition-normal), box-shadow var(--trecker-transition-normal), border-color var(--trecker-transition-normal);
}

.dir-card:hover[b-er2w9e82ka] {
    transform: translateY(-4px);
    box-shadow: var(--trecker-shadow-lg);
    border-color: var(--trecker-accent);
}

.dir-card:focus-visible[b-er2w9e82ka] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
}

/* ===== Cover (banner) ===== */
.dir-cover[b-er2w9e82ka] {
    position: relative;
    aspect-ratio: 16 / 7;
    background: var(--trecker-bg-tertiary);
    overflow: hidden;
}

.dir-cover img[b-er2w9e82ka] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.dir-cover--empty[b-er2w9e82ka] {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--trecker-accent-light), transparent 60%),
        linear-gradient(135deg, var(--trecker-bg-tertiary), var(--trecker-bg-secondary));
}

.dir-cover__mono[b-er2w9e82ka] {
    font-size: 3.5rem;
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-accent);
    opacity: 0.22;
    text-transform: uppercase;
    line-height: 1;
}

/* ===== Logo avatar (overlaps cover) ===== */
.dir-logo[b-er2w9e82ka] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    object-fit: contain;
    background: var(--trecker-bg-card);
    border: 3px solid var(--trecker-bg-card);
    box-shadow: var(--trecker-shadow-sm);
    margin: -38px 0 0 var(--trecker-space-md);
    position: relative;
    z-index: 1;
}

.dir-logo--placeholder[b-er2w9e82ka] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
    text-transform: uppercase;
}

/* ===== Body ===== */
.dir-body[b-er2w9e82ka] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: var(--trecker-space-sm) var(--trecker-space-md) var(--trecker-space-md);
}

.dir-name[b-er2w9e82ka] {
    font-size: var(--trecker-font-size-md);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dir-meta[b-er2w9e82ka] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    min-height: 20px;
}

.dir-chip[b-er2w9e82ka] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-section);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-radius-full);
    padding: 4px 10px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dir-chip svg[b-er2w9e82ka] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    color: var(--trecker-text-tertiary);
}

/* ===== Empty state ===== */
.dir-empty[b-er2w9e82ka] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-3xl) var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
    text-align: center;
}

.dir-empty svg[b-er2w9e82ka] {
    width: 48px;
    height: 48px;
    color: var(--trecker-text-tertiary);
    opacity: 0.7;
}

.dir-empty p[b-er2w9e82ka] { margin: 0; font-size: var(--trecker-font-size-md); }

/* ===== Skeleton loading ===== */
.dir-card--skeleton[b-er2w9e82ka] { pointer-events: none; }

.dir-skel[b-er2w9e82ka] {
    position: relative;
    overflow: hidden;
    background: var(--trecker-bg-tertiary);
}

.dir-skel[b-er2w9e82ka]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, var(--trecker-bg-hover-subtle), transparent);
    animation: dirShimmer-b-er2w9e82ka 1.3s infinite;
}

.dir-skel--line[b-er2w9e82ka] {
    height: 12px;
    border-radius: 6px;
}

.dir-skel--short[b-er2w9e82ka] { width: 55%; }

@keyframes dirShimmer-b-er2w9e82ka {
    100% { transform: translateX(100%); }
}

/* ===== Responsive ===== */
@media (max-width: 640px) {
    .dir[b-er2w9e82ka] { padding-top: var(--trecker-space-lg); }

    .dir-hero[b-er2w9e82ka] {
        align-items: stretch;
        flex-direction: column;
        gap: var(--trecker-space-md);
    }

    .dir-grid[b-er2w9e82ka] {
        grid-template-columns: 1fr;
        gap: var(--trecker-space-md);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/FotografProfile.razor.rz.scp.css */
.fg-profile[b-g6soz730l5] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

/* ---- Hero (banner + overlapping logo, titles below the banner edge) ---- */
.fg-hero[b-g6soz730l5] {
    position: relative;
    margin-bottom: var(--trecker-space-xl);
}

.fg-banner[b-g6soz730l5] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: var(--trecker-border-radius-xl);
    box-shadow: var(--trecker-shadow-md);
}

/* No banner uploaded: quiet, branded header instead of a loud solid gradient */
.fg-banner-empty[b-g6soz730l5] {
    height: 150px;
    box-shadow: none;
    border: 1px solid var(--trecker-border);
    background:
        radial-gradient(110% 180% at 12% -20%, var(--trecker-accent-light) 0%, transparent 55%),
        radial-gradient(90% 150% at 95% 120%, var(--trecker-accent-light) 0%, transparent 50%),
        repeating-linear-gradient(-55deg, transparent 0 26px, var(--trecker-accent-light) 26px 27px),
        linear-gradient(165deg, var(--trecker-bg-secondary) 0%, var(--trecker-bg-tertiary) 100%);
}

.fg-hero-head[b-g6soz730l5] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-lg);
    margin-top: -48px;
    padding: 0 var(--trecker-space-lg);
}

.fg-logo[b-g6soz730l5] {
    width: 108px;
    height: 108px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-xl);
    background: var(--trecker-bg-card);
    border: 4px solid var(--trecker-bg-primary);
    box-shadow: var(--trecker-shadow-lg);
    flex-shrink: 0;
}

.fg-logo-placeholder[b-g6soz730l5] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--trecker-accent);
    background:
        radial-gradient(120% 120% at 30% 20%, var(--trecker-accent-light), transparent 70%),
        var(--trecker-bg-card);
    text-transform: uppercase;
}

.fg-hero-titles[b-g6soz730l5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 2px;
    min-width: 0;
}

.fg-hero-name[b-g6soz730l5] {
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.fg-hero-meta[b-g6soz730l5] {
    margin: 0;
    font-size: var(--trecker-font-size-sm);
}

/* ---- Role chip + count chips ---- */
.fg-role-chip[b-g6soz730l5] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
}

.fg-hero-counts[b-g6soz730l5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fg-count-chip[b-g6soz730l5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
}

.fg-count-chip svg[b-g6soz730l5] {
    color: var(--trecker-accent);
    flex-shrink: 0;
}

/* ---- Section cards (accent bar in front of headings) ---- */
.fg-section[b-g6soz730l5] {
    padding: var(--trecker-space-xl);
    margin-top: var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
}

.fg-section > h2[b-g6soz730l5],
.fg-col-title[b-g6soz730l5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fg-section > h2[b-g6soz730l5]::before,
.fg-col-title[b-g6soz730l5]::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--trecker-accent-gradient);
    flex-shrink: 0;
}

/* ---- Socials ---- */
.fg-socials[b-g6soz730l5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}

/* Icon-only buttons — the platform never shows the raw social/website URL as text. */
.fg-social-button[b-g6soz730l5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--trecker-border);
    border-radius: 50%;
    background-color: var(--trecker-surface);
    color: var(--trecker-text-primary);
    text-decoration: none;
    transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    cursor: pointer;
}

.fg-social-button:hover[b-g6soz730l5] {
    background-color: var(--trecker-bg-secondary);
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
    transform: translateY(-2px);
}

.fg-social-icon[b-g6soz730l5] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.fg-badges[b-g6soz730l5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

/* ---- Events (date-tile cards + friendly empty state) ---- */
.fg-events[b-g6soz730l5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: var(--trecker-space-xl);
    margin-top: var(--trecker-space-2xl);
}

.fg-events-col[b-g6soz730l5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.fg-events-empty[b-g6soz730l5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-xl);
    border: 1px dashed var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-sm);
    text-align: center;
}

.fg-events-empty svg[b-g6soz730l5] {
    opacity: 0.7;
}

.fg-event-card[b-g6soz730l5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    text-decoration: none;
    color: inherit;
    border-radius: var(--trecker-border-radius-md);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

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

.fg-event-date[b-g6soz730l5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 52px;
    flex-shrink: 0;
    align-self: flex-start;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.fg-event-date--past[b-g6soz730l5] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.fg-event-day[b-g6soz730l5] {
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1;
}

.fg-event-month[b-g6soz730l5] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

.fg-event-info[b-g6soz730l5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.fg-event-link[b-g6soz730l5] {
    color: inherit;
    text-decoration: none;
}

.fg-event-link:hover[b-g6soz730l5] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.fg-gallery-btn[b-g6soz730l5] {
    align-self: flex-start;
    margin-top: var(--trecker-space-xs);
}

.fg-event-chevron[b-g6soz730l5] {
    flex-shrink: 0;
    color: var(--trecker-text-tertiary);
    transition: transform 0.15s ease, color 0.15s ease;
}

.fg-event-card:hover .fg-event-chevron[b-g6soz730l5] {
    color: var(--trecker-accent);
    transform: translateX(2px);
}

/* ---- Responsive ---- */
@media (max-width: 640px) {
    .fg-banner[b-g6soz730l5] {
        height: 150px;
    }

    .fg-banner-empty[b-g6soz730l5] {
        height: 120px;
    }

    .fg-hero-head[b-g6soz730l5] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--trecker-space-sm);
        margin-top: -44px;
        padding: 0 var(--trecker-space-md);
    }

    .fg-logo[b-g6soz730l5] {
        width: 88px;
        height: 88px;
    }

    .fg-hero-titles[b-g6soz730l5] {
        padding-bottom: 0;
    }

    .fg-section[b-g6soz730l5] {
        padding: var(--trecker-space-lg);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Gallery.razor.rz.scp.css */
/* Gallery page — scoped styles (extracted from inline styles). */

.gal-container[b-t4jl9zwz74] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

.gal-loading[b-t4jl9zwz74] {
    padding: var(--trecker-space-3xl);
}

/* Responsive grid for albums and photos. */
.gal-grid[b-t4jl9zwz74] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
}

/* --- Album cards --- */
.gal-album-card[b-t4jl9zwz74] {
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.gal-album-cover[b-t4jl9zwz74] {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.gal-album-cover--empty[b-t4jl9zwz74] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--trecker-bg-tertiary);
}

.gal-album-cover img[b-t4jl9zwz74] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gal-album-body[b-t4jl9zwz74] {
    padding: var(--trecker-space-md);
}

/* --- Album detail --- */
.gal-back-btn[b-t4jl9zwz74] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
}

.gal-photo-img[b-t4jl9zwz74] {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.gal-photo-caption[b-t4jl9zwz74] {
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
}

/* --- Lightbox --- */
.gal-lightbox[b-t4jl9zwz74] {
    position: fixed;
    inset: 0;
    z-index: var(--trecker-z-modal);
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: var(--trecker-space-md);
    touch-action: pan-y;
}

.gal-lb-close[b-t4jl9zwz74] {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
}

.gal-lb-nav[b-t4jl9zwz74] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    min-height: 48px;
    padding: 0;
    font-size: 1.5rem;
}

.gal-lb-nav--prev[b-t4jl9zwz74] {
    left: 16px;
}

.gal-lb-nav--next[b-t4jl9zwz74] {
    right: 16px;
}

.gal-lb-img[b-t4jl9zwz74] {
    max-width: 85vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-md);
}

.gal-lb-caption[b-t4jl9zwz74] {
    position: absolute;
    bottom: var(--trecker-space-lg);
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 0 var(--trecker-space-lg);
}

.gal-lb-caption-text[b-t4jl9zwz74] {
    font-size: var(--trecker-font-size-md);
    margin-bottom: var(--trecker-space-xs);
}

.gal-lb-counter[b-t4jl9zwz74] {
    font-size: var(--trecker-font-size-sm);
    opacity: 0.7;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/GastAnmeldung.razor.rz.scp.css */
/* Gast-Anmeldung page — scoped styles (migrated from the former global <style> block). */

.ga-page[b-bq7vc8scmp] {
    max-width: 680px;
    margin: var(--trecker-space-2xl) auto;
    padding: 0 var(--trecker-space-md);
}

.ga-center[b-bq7vc8scmp] {
    text-align: center;
    padding: var(--trecker-space-3xl) var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-md);
}

.ga-state-icon[b-bq7vc8scmp] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ga-state-icon--warn[b-bq7vc8scmp] {
    background: rgba(255, 159, 10, 0.15);
    color: var(--trecker-warning, #ff9f0a);
}

.ga-state-icon--success[b-bq7vc8scmp] {
    background: rgba(52, 199, 89, 0.15);
    color: var(--trecker-success, #34c759);
}

.ga-state-icon--email[b-bq7vc8scmp] {
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.ga-state-title[b-bq7vc8scmp] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--trecker-text-color);
    margin: 0;
}

.ga-state-sub[b-bq7vc8scmp] {
    color: var(--trecker-text-secondary);
    margin: 0;
    max-width: 400px;
    line-height: 1.6;
}

.ga-state-sub--sm[b-bq7vc8scmp] {
    font-size: var(--trecker-font-size-sm);
}

.ga-code-box[b-bq7vc8scmp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-xs);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-xl);
    margin-top: var(--trecker-space-sm);
}

.ga-code-label[b-bq7vc8scmp] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--trecker-text-secondary);
}

.ga-code-value[b-bq7vc8scmp] {
    font-size: 1.8rem;
    font-weight: 800;
    font-family: monospace;
    letter-spacing: 0.1em;
    color: var(--trecker-primary);
}

.ga-mt[b-bq7vc8scmp] {
    margin-top: var(--trecker-space-sm);
}

.ga-card[b-bq7vc8scmp] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-color);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
}

.ga-header[b-bq7vc8scmp] {
    padding: var(--trecker-space-xl) var(--trecker-space-xl) var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border-color);
}

.ga-title[b-bq7vc8scmp] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--trecker-text-color);
    margin: 0 0 var(--trecker-space-xs);
}

.ga-subtitle[b-bq7vc8scmp] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

.ga-notes[b-bq7vc8scmp] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: var(--trecker-space-sm) 0 0;
    padding: var(--trecker-space-sm);
    background: var(--trecker-bg-primary);
    border-radius: var(--trecker-border-radius);
    border-left: 3px solid var(--trecker-primary);
}

.ga-form[b-bq7vc8scmp] {
    padding: var(--trecker-space-lg) var(--trecker-space-xl);
}

.ga-section[b-bq7vc8scmp] {
    margin-bottom: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border-color);
}

.ga-section:last-of-type[b-bq7vc8scmp] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.ga-section-title[b-bq7vc8scmp] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

.ga-grid[b-bq7vc8scmp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--trecker-space-md);
}

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

.ga-label[b-bq7vc8scmp] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    color: var(--trecker-text-color);
}

.ga-input-error[b-bq7vc8scmp] {
    border-color: var(--trecker-error) !important;
}

.ga-error-text[b-bq7vc8scmp] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-error);
}

.ga-ok-text[b-bq7vc8scmp] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-success);
}

.ga-alert[b-bq7vc8scmp] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius);
    margin-bottom: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
}

.ga-alert--warn[b-bq7vc8scmp] {
    background: rgba(255, 159, 10, 0.12);
    color: var(--trecker-warning, #ff9f0a);
    border: 1px solid rgba(255, 159, 10, 0.3);
}

.ga-alert--error[b-bq7vc8scmp] {
    background: rgba(255, 69, 58, 0.12);
    color: var(--trecker-error, #ff453a);
    border: 1px solid rgba(255, 69, 58, 0.3);
}

.ga-pdf-section[b-bq7vc8scmp] {
    padding-bottom: var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border-color);
    margin-bottom: var(--trecker-space-xl);
}

.ga-pdf-link[b-bq7vc8scmp] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-primary);
    text-decoration: none;
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    border: 1px solid var(--trecker-primary);
    border-radius: var(--trecker-border-radius);
    margin-bottom: var(--trecker-space-md);
}

.ga-pdf-link:hover[b-bq7vc8scmp] {
    background: var(--trecker-accent-light);
}

.ga-pdf-accept[b-bq7vc8scmp] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-color);
    cursor: pointer;
    margin-bottom: var(--trecker-space-xs);
}

.ga-pdf-accept--error[b-bq7vc8scmp] {
    color: var(--trecker-error);
}

.ga-pdf-accept input[type="checkbox"][b-bq7vc8scmp] {
    flex-shrink: 0;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    accent-color: var(--trecker-primary);
}

.ga-actions[b-bq7vc8scmp] {
    padding-top: var(--trecker-space-lg);
    display: flex;
    justify-content: flex-end;
}

.ga-submit-btn[b-bq7vc8scmp] {
    min-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--trecker-space-sm);
}

@media (max-width: 600px) {
    .ga-grid[b-bq7vc8scmp] {
        grid-template-columns: 1fr;
    }

    .ga-form[b-bq7vc8scmp] {
        padding: var(--trecker-space-md);
    }

    .ga-header[b-bq7vc8scmp] {
        padding: var(--trecker-space-md);
    }

    .ga-actions[b-bq7vc8scmp] {
        justify-content: stretch;
    }

    .ga-submit-btn[b-bq7vc8scmp] {
        width: 100%;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/HelferEntryDelete.razor.rz.scp.css */
/* HelferEntryDelete — button styles (scoped, consistent with other public pages) */

.uf-btn[b-xfjvhrmrr3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 20px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid var(--trecker-border-medium);
    background: var(--trecker-bg-card);
    color: var(--trecker-text-primary);
    font: 600 14px/1 inherit;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.12s, border-color 0.12s;
    min-width: 130px;
    justify-content: center;
}
.uf-btn:disabled[b-xfjvhrmrr3] { opacity: 0.45; cursor: not-allowed; }

.uf-btn--ghost[b-xfjvhrmrr3] {
    background: transparent;
    color: var(--trecker-text-secondary);
    border-color: var(--trecker-border);
}
.uf-btn--ghost:not(:disabled):hover[b-xfjvhrmrr3] {
    background: var(--trecker-bg-secondary);
    color: var(--trecker-text-primary);
    border-color: var(--trecker-border-medium);
}

.uf-btn--danger[b-xfjvhrmrr3] {
    background: var(--trecker-error-bg);
    color: var(--trecker-error);
    border-color: transparent;
}
.uf-btn--danger:not(:disabled):hover[b-xfjvhrmrr3] {
    background: var(--trecker-error);
    color: #fff;
}

.hd-subtle[b-xfjvhrmrr3] {
    margin-top: 10px;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

@media (max-width: 480px) {
    .uf-btn[b-xfjvhrmrr3] { width: 100%; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/HelferTimetableSignup.razor.rz.scp.css */
/* =====================================================================
 * HelferTimetableSignup — fully self-contained scoped styles (uf-*)
 * Global layout (uf-pub-bg, uf-pub-card, uf-pub-head…) is in
 * wwwroot/css/trecker-survey-signup.css
 * ===================================================================== */

/* ─── Pub-card enhancement ────────────────────────────────────────── */
.uf-pub-card[b-4e9430o12g] {
  box-shadow: 0 4px 24px rgba(0,0,0,0.18), 0 1px 4px rgba(0,0,0,0.14);
}

/* ─── Empty state ─────────────────────────────────────────────────── */
.uf-empty[b-4e9430o12g] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  padding: 40px 24px;
}

.uf-empty-illu[b-4e9430o12g] {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--trecker-accent-light), transparent);
  display: grid;
  place-items: center;
  color: var(--trecker-accent);
}

.uf-empty h3[b-4e9430o12g] {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  color: var(--trecker-text-primary);
}

.uf-empty p[b-4e9430o12g] {
  font-size: 14px;
  color: var(--trecker-text-secondary);
  margin: 0;
  max-width: 380px;
}

/* ─── Badges ──────────────────────────────────────────────────────── */
.uf-badge[b-4e9430o12g] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  background: var(--trecker-bg-secondary);
  color: var(--trecker-text-secondary);
  border: 1px solid var(--trecker-border);
}

.uf-badge--sm[b-4e9430o12g] { padding: 2px 7px; font-size: 11px; }

.uf-badge--neutral[b-4e9430o12g] {
  background: var(--trecker-bg-secondary);
  color: var(--trecker-text-secondary);
  border-color: var(--trecker-border);
}

.uf-badge--sky[b-4e9430o12g] {
  background: #e0f2fe;
  color: #0369a1;
  border-color: transparent;
}

/* ─── Alerts ──────────────────────────────────────────────────────── */
.uf-alert[b-4e9430o12g] {
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
  margin: 8px 0;
}

.uf-alert--warn[b-4e9430o12g] {
  background: #fff3e0;
  color: #e65100;
  border-left: 3px solid #e65100;
}

.uf-alert--danger[b-4e9430o12g] {
  background: var(--trecker-error-bg);
  color: var(--trecker-error);
  border-left: 3px solid var(--trecker-error);
}

/* ─── Day tabs ────────────────────────────────────────────────────── */
.uf-day-tabs[b-4e9430o12g] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 16px 0 8px;
}

.uf-day-tab[b-4e9430o12g] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 14px 8px;
  background: var(--trecker-bg-card);
  border: 1px solid var(--trecker-border);
  border-radius: 10px;
  text-decoration: none;
  color: var(--trecker-text-secondary);
  font-size: 13px;
  transition: border-color 0.12s, box-shadow 0.12s;
  min-width: 120px;
  overflow: hidden;
}

.uf-day-tab:hover[b-4e9430o12g] {
  border-color: var(--trecker-border-medium);
}

.uf-day-tab.is-active[b-4e9430o12g] {
  border-color: var(--trecker-accent);
  box-shadow: inset 0 -3px 0 var(--trecker-accent);
  color: var(--trecker-text-primary);
}

.uf-day-tab-label[b-4e9430o12g] {
  font-size: 14px;
  font-weight: 600;
  color: var(--trecker-text-primary);
}

.uf-day-tab-num[b-4e9430o12g] {
  font-size: 12px;
  color: var(--trecker-text-tertiary);
}

.uf-day-tab-meta[b-4e9430o12g] {
  font-size: 11px;
  color: var(--trecker-text-tertiary);
  margin-top: 4px;
}

.uf-day-tab-bar[b-4e9430o12g] {
  height: 3px;
  background: var(--trecker-border);
  border-radius: 2px;
  margin-top: 6px;
}

.uf-day-tab-bar span[b-4e9430o12g] {
  display: block;
  height: 100%;
  background: var(--trecker-accent);
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* ─── Jobs grid ───────────────────────────────────────────────────── */
.uf-pub-jobs[b-4e9430o12g] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 16px;
}

.uf-pub-job[b-4e9430o12g] {
  background: var(--trecker-bg-card);
  border: 1px solid var(--trecker-border);
  border-radius: 14px;
  overflow: hidden;
}

.uf-pub-job-head[b-4e9430o12g] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px 12px;
  border-bottom: 1px solid var(--trecker-border);
  background: var(--trecker-bg-secondary);
}

.uf-pub-job-name[b-4e9430o12g] {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  color: var(--trecker-text-primary);
  flex: 1;
}

/* ─── Slot list ───────────────────────────────────────────────────── */
.uf-slots[b-4e9430o12g] {
  list-style: none;
  margin: 0;
  padding: 0;
}

.uf-slot[b-4e9430o12g] {
  border-bottom: 1px solid var(--trecker-border);
}

.uf-slot:last-child[b-4e9430o12g] { border-bottom: none; }

/* ─── Slot tap button ─────────────────────────────────────────────── */
.uf-slot-tap[b-4e9430o12g] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: background 0.1s;
}

.uf-slot-tap:not(:disabled):hover[b-4e9430o12g] { background: var(--trecker-bg-hover-subtle); }
.uf-slot-tap:disabled[b-4e9430o12g] { cursor: default; }

.uf-slot--bookable .uf-slot-tap[b-4e9430o12g] { cursor: pointer; }

/* ─── Slot time ───────────────────────────────────────────────────── */
.uf-slot-time[b-4e9430o12g] {
  font-size: 15px;
  font-weight: 600;
  color: var(--trecker-text-primary);
  font-family: "JetBrains Mono", monospace;
}

.uf-slot-dash[b-4e9430o12g] { color: var(--trecker-text-tertiary); }

/* ─── Slot right side ─────────────────────────────────────────────── */
.uf-slot-right[b-4e9430o12g] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.uf-slot-badge[b-4e9430o12g] {
  font-size: 12px;
  color: var(--trecker-text-tertiary);
  background: var(--trecker-bg-secondary);
  border: 1px solid var(--trecker-border);
  border-radius: 6px;
  padding: 2px 8px;
}

.uf-slot-count[b-4e9430o12g] {
  font-size: 12px;
  color: var(--trecker-text-secondary);
}

/* ─── Slot status dot ─────────────────────────────────────────────── */
.uf-slot-dot[b-4e9430o12g] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--trecker-border-medium);
}

.uf-slot-dot--frei[b-4e9430o12g]     { background: var(--trecker-success); }
.uf-slot-dot--fast-voll[b-4e9430o12g] { background: #e65100; }
.uf-slot-dot--voll[b-4e9430o12g]     { background: var(--trecker-error); }
.uf-slot-dot--break[b-4e9430o12g]    { background: var(--trecker-border-medium); }

/* ─── Slot fill bar ───────────────────────────────────────────────── */
.uf-slot-fill[b-4e9430o12g] {
  height: 3px;
  background: var(--trecker-border);
  margin: 0 18px 0;
}

.uf-slot-fill span[b-4e9430o12g] {
  display: block;
  height: 100%;
  background: var(--trecker-accent);
  transition: width 0.3s ease;
}

/* ─── Slot states ─────────────────────────────────────────────────── */
.uf-slot--break .uf-slot-tap[b-4e9430o12g] { opacity: 0.55; }
.uf-slot--voll .uf-slot-time[b-4e9430o12g] { color: var(--trecker-text-tertiary); }
.uf-slot--voll .uf-slot-fill span[b-4e9430o12g] { background: var(--trecker-error); }

/* ─── Slot note ───────────────────────────────────────────────────── */
.uf-slot-note[b-4e9430o12g] {
  font-size: 12px;
  color: var(--trecker-text-secondary);
  padding: 4px 18px 8px;
}

/* ─── Slot helper names ───────────────────────────────────────────── */
.uf-slot-names[b-4e9430o12g] {
  list-style: none;
  margin: 0;
  padding: 6px 18px 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.uf-slot-name[b-4e9430o12g] {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--trecker-bg-secondary);
  border: 1px solid var(--trecker-border);
  border-radius: 20px;
  padding: 3px 10px 3px 4px;
}

.uf-slot-avatar[b-4e9430o12g] {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--trecker-accent-light);
  color: var(--trecker-accent);
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 700;
  flex-shrink: 0;
}

.uf-slot-name-text[b-4e9430o12g] {
  font-size: 12px;
  color: var(--trecker-text-secondary);
}

/* ─── Overlay / Modal ─────────────────────────────────────────────── */
.uf-overlay[b-4e9430o12g] {
  position: fixed;
  inset: 0;
  background: var(--trecker-bg-overlay);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.uf-modal[b-4e9430o12g] {
  background: var(--trecker-bg-card);
  border: 1px solid var(--trecker-border-medium);
  border-radius: 16px;
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 8px 40px rgba(0,0,0,0.28);
}

.uf-modal-head[b-4e9430o12g] {
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--trecker-border);
}

.uf-modal-head h3[b-4e9430o12g] {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: var(--trecker-text-primary);
}

.uf-modal-head--success[b-4e9430o12g] {
  border-left: 4px solid var(--trecker-success);
  background: var(--trecker-success-bg);
}

.uf-modal-head--success h3[b-4e9430o12g] { color: var(--trecker-success); }

.uf-modal-eyebrow[b-4e9430o12g] {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--trecker-text-tertiary);
  margin-bottom: 4px;
}

.uf-modal-body[b-4e9430o12g] {
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.uf-modal-body p[b-4e9430o12g] {
  font-size: 14px;
  color: var(--trecker-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.uf-modal-hint[b-4e9430o12g] {
  font-size: 13px;
  color: var(--trecker-text-secondary);
  margin: 0;
}

.uf-modal-foot[b-4e9430o12g] {
  padding: 14px 20px;
  border-top: 1px solid var(--trecker-border);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  background: var(--trecker-bg-secondary);
  border-radius: 0 0 16px 16px;
}

/* ─── Success icon ────────────────────────────────────────────────── */
.uf-success-icon[b-4e9430o12g] {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--trecker-success-bg);
  color: var(--trecker-success);
  display: grid;
  place-items: center;
  align-self: center;
}

/* ─── Forms ───────────────────────────────────────────────────────── */
.uf-field[b-4e9430o12g] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.uf-field-label[b-4e9430o12g] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--trecker-text-tertiary);
}

.uf-required[b-4e9430o12g] { color: var(--trecker-error); }
.uf-mute[b-4e9430o12g]     { color: var(--trecker-text-tertiary); font-weight: 400; }

.uf-input[b-4e9430o12g] {
  width: 100%;
  padding: 10px 12px;
  background: var(--trecker-bg-input);
  border: 1px solid var(--trecker-border);
  border-radius: 8px;
  color: var(--trecker-text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: border-color 0.12s, box-shadow 0.12s;
  box-sizing: border-box;
}

.uf-input:focus[b-4e9430o12g] {
  outline: none;
  border-color: var(--trecker-border-focus);
  box-shadow: 0 0 0 3px var(--trecker-accent-light);
}

/* ─── Buttons ─────────────────────────────────────────────────────── */
.uf-btn[b-4e9430o12g] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  white-space: nowrap;
  transition: background 0.12s, box-shadow 0.12s, opacity 0.12s;
  font-family: inherit;
  line-height: 1.4;
}

.uf-btn:disabled[b-4e9430o12g] { opacity: 0.45; cursor: not-allowed; }

/* CTA: orange fill is allowed on public pages */
.uf-btn--cta[b-4e9430o12g] {
  background: var(--trecker-accent);
  color: #fff;
}

.uf-btn--cta:not(:disabled):hover[b-4e9430o12g] {
  background: var(--trecker-accent-hover, #e05e25);
}

.uf-btn--ghost[b-4e9430o12g] {
  background: transparent;
  color: var(--trecker-text-secondary);
  border: 1px solid var(--trecker-border);
}

.uf-btn--ghost:not(:disabled):hover[b-4e9430o12g] {
  background: var(--trecker-bg-hover-subtle);
  color: var(--trecker-text-primary);
  border-color: var(--trecker-border-medium);
}

/* ─── Delete URL box ──────────────────────────────────────────────── */
.uf-link-url-box[b-4e9430o12g] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--trecker-bg-secondary);
  border: 1px solid var(--trecker-border);
  border-radius: 8px;
}

.uf-link-url[b-4e9430o12g] {
  flex: 1;
  font-size: 12px;
  color: var(--trecker-text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ─── Mono ────────────────────────────────────────────────────────── */
.uf-mono[b-4e9430o12g] {
  font-family: "JetBrains Mono", monospace;
  font-feature-settings: "tnum";
}

/* ─── Header actions group ────────────────────────────────────────── */
.uf-pub-head-actions[b-4e9430o12g] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* ─── My-shifts list item ─────────────────────────────────────────── */
.uf-shift-item[b-4e9430o12g] {
  font-size: 14px;
  color: var(--trecker-text-primary);
  margin: 0;
  padding: 8px 12px;
  background: var(--trecker-bg-secondary);
  border: 1px solid var(--trecker-border);
  border-radius: 8px;
  font-weight: 500;
}

/* ─── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 480px) {
  .uf-day-tabs[b-4e9430o12g] { gap: 6px; }
  .uf-day-tab[b-4e9430o12g]  { min-width: 100px; padding: 8px 12px 6px; }
  .uf-modal[b-4e9430o12g]    { border-radius: 12px; }
  .uf-pub-head-actions[b-4e9430o12g] { gap: 6px; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/History.razor.rz.scp.css */
.history-page[b-rri6vxyiz7] {
    max-width: var(--trecker-max-width);
    margin-inline: auto;
    padding: var(--trecker-space-lg);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Home.razor.rz.scp.css */
/* Home.razor — scoped styles (hp- prefix) */

/* Event-kind chip on listing cards */
.hp-cat-chip[b-nj3bj2d8kb] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 2px 8px;
    border-radius: 999px;
    margin: 2px 0 4px;
}
.hp-cat-chip--treck[b-nj3bj2d8kb] { background: rgba(255, 122, 61, 0.14); color: #c2410c; }
.hp-cat-chip--treffen[b-nj3bj2d8kb] { background: rgba(124, 58, 237, 0.14); color: #6d28d9; }

/* === Hero Buttons === */
.hp-hero-actions[b-nj3bj2d8kb] {
    display: flex;
    justify-content: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.hp-hero-btn[b-nj3bj2d8kb] {
    font-size: 1.1rem;
    padding: var(--trecker-space-md) var(--trecker-space-xl);
}

/* === CTA Buttons (inverted for dark background) === */
.hp-cta-actions[b-nj3bj2d8kb] {
    display: flex;
    justify-content: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.TreckerButton.hp-cta-btn-register[b-nj3bj2d8kb] {
    background: #ffffff;
    color: var(--trecker-accent);
    font-weight: 600;
    padding: var(--trecker-space-md) var(--trecker-space-xl);
}

.TreckerButton.hp-cta-btn-register:hover[b-nj3bj2d8kb] {
    background: #f0f0f0;
    color: var(--trecker-accent);
}

.hp-cta-btn-login[b-nj3bj2d8kb] {
    background: rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-weight: 600;
    padding: var(--trecker-space-md) var(--trecker-space-xl);
    border: 2px solid rgba(255, 255, 255, 0.4);
}

[data-theme="dark"] .hp-cta-btn-login[b-nj3bj2d8kb] {
    background: rgba(0, 0, 0, 0.45);
}

/* === Loading States === */
.hp-skeleton-container[b-nj3bj2d8kb] {
    padding: var(--trecker-space-3xl) 0;
}

.hp-skeleton-grid[b-nj3bj2d8kb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
    gap: var(--trecker-space-lg);
}

.hp-skeleton-card[b-nj3bj2d8kb] {
    padding: 0;
    overflow: hidden;
}

.hp-skeleton-image[b-nj3bj2d8kb] {
    height: 180px;
    border-radius: var(--trecker-border-radius-md) var(--trecker-border-radius-md) 0 0;
}

.hp-skeleton-body[b-nj3bj2d8kb] {
    padding: var(--trecker-space-md);
}

.hp-skeleton-title[b-nj3bj2d8kb] {
    height: 20px;
    border-radius: 4px;
    margin-bottom: 8px;
}

.hp-skeleton-sub[b-nj3bj2d8kb] {
    height: 14px;
    width: 60%;
    border-radius: 4px;
}

.hp-loading-center[b-nj3bj2d8kb] {
    padding: var(--trecker-space-4xl) 0;
    text-align: center;
}

.hp-loading-text[b-nj3bj2d8kb] {
    margin-top: var(--trecker-space-md);
}

/* === Logged-In Dashboard === */
.hp-dashboard[b-nj3bj2d8kb] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
}

.hp-greeting[b-nj3bj2d8kb] {
    margin-bottom: var(--trecker-space-2xl);
}

.hp-greeting-tag[b-nj3bj2d8kb] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    margin: 0 0 4px;
}

.hp-greeting-title[b-nj3bj2d8kb] {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    color: var(--trecker-text-primary);
    letter-spacing: -0.02em;
    margin: 0;
}

/* === Sections === */
.hp-section[b-nj3bj2d8kb] {
    margin-bottom: var(--trecker-space-3xl);
}

.hp-section--bordered[b-nj3bj2d8kb] {
    padding-top: var(--trecker-space-xl);
    border-top: 1px solid var(--trecker-border);
}

.hp-section--bordered-light[b-nj3bj2d8kb] {
    padding-top: var(--trecker-space-xl);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.hp-section-header[b-nj3bj2d8kb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.hp-section-header--xl[b-nj3bj2d8kb] {
    margin-bottom: var(--trecker-space-2xl);
}

.hp-section-tag[b-nj3bj2d8kb] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-accent);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    margin: 0 0 4px;
}

.hp-section-title[b-nj3bj2d8kb] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
}

.hp-section-title--hero[b-nj3bj2d8kb] {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    letter-spacing: -0.02em;
}

/* === Card Grids === */
.hp-event-grid[b-nj3bj2d8kb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 360px));
    justify-content: start;
    gap: var(--trecker-space-lg);
}

.hp-event-grid--wide[b-nj3bj2d8kb] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 400px));
    justify-content: start;
    grid-auto-rows: auto;
}

.hp-tractor-grid[b-nj3bj2d8kb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 320px));
    justify-content: start;
    gap: var(--trecker-space-md);
}

.hp-past-events-grid[b-nj3bj2d8kb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 340px));
    justify-content: start;
    gap: var(--trecker-space-md);
}

/* === Card Links === */
.hp-card-link[b-nj3bj2d8kb] {
    text-decoration: none;
    color: inherit;
}

.hp-card-link--faded[b-nj3bj2d8kb] {
    text-decoration: none;
    opacity: 0.8;
}

/* === Past Event Image === */
.hp-past-image-padding[b-nj3bj2d8kb] {
    padding-top: 56%;
}

.hp-past-image-filter[b-nj3bj2d8kb] {
    filter: grayscale(25%);
}

/* === Empty States === */
.hp-empty-card[b-nj3bj2d8kb] {
    text-align: center;
    padding: var(--trecker-space-2xl);
}

.hp-empty-card--dashed[b-nj3bj2d8kb] {
    border-style: dashed;
    border-width: 2px;
}

.hp-empty-icon[b-nj3bj2d8kb] {
    margin: 0 auto var(--trecker-space-md);
    opacity: 0.3;
}

.hp-empty-title[b-nj3bj2d8kb] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-xs);
}

.hp-empty-text[b-nj3bj2d8kb] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

.hp-empty-tractor-title[b-nj3bj2d8kb] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-sm);
}

.hp-empty-tractor-text[b-nj3bj2d8kb] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

/* === Public Landing extras === */
.hp-landing-container[b-nj3bj2d8kb] {
    position: relative;
    z-index: 1;
}

.hp-reg-open-stat[b-nj3bj2d8kb] {
    color: var(--trecker-success);
}

/* === Responsive === */
@media (max-width: 768px) {
    .hp-dashboard[b-nj3bj2d8kb] {
        padding-top: var(--trecker-space-lg);
        padding-bottom: var(--trecker-space-2xl);
    }

    .hp-greeting-title[b-nj3bj2d8kb] {
        font-size: clamp(1.5rem, 5vw, 2rem);
    }

    .hp-section-header[b-nj3bj2d8kb] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .hp-hero-actions[b-nj3bj2d8kb],
    .hp-cta-actions[b-nj3bj2d8kb] {
        flex-direction: column;
        align-items: stretch;
    }

    .hp-hero-btn[b-nj3bj2d8kb],
    .hp-cta-btn-register[b-nj3bj2d8kb],
    .hp-cta-btn-login[b-nj3bj2d8kb] {
        text-align: center;
    }

    .hp-skeleton-grid[b-nj3bj2d8kb],
    .hp-event-grid[b-nj3bj2d8kb],
    .hp-event-grid--wide[b-nj3bj2d8kb],
    .hp-tractor-grid[b-nj3bj2d8kb],
    .hp-past-events-grid[b-nj3bj2d8kb] {
        grid-template-columns: 1fr;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Kommentator.razor.rz.scp.css */
/* ── Root ────────────────────────────────────────────────────────── */
.Kom[b-bsk64mw4mq] {
    background: var(--trecker-bg-primary, #121212);
    color: var(--trecker-text-primary, #f0f0f0);
    min-height: 100vh;
    min-height: 100dvh; /* iOS Safari: avoid the address-bar gap */
    display: flex;
    flex-direction: column;
    font-family: var(--trecker-font-family, sans-serif);
}

/* ── Page-local light / dark palettes ────────────────────────────────
   The live layout is forced dark, so the page owns its own theme by
   defining the trecker variables on its root. Every descendant reads
   these via var(), so a single class swap recolours the whole page.
   color-scheme also makes native controls (select, scrollbars) match. */
.Kom--theme-dark[b-bsk64mw4mq] {
    color-scheme: dark;
    --trecker-bg-primary: #121212;
    --trecker-bg-secondary: #1a1a1a;
    --trecker-bg-tertiary: #242424;
    --trecker-text-primary: #f0f0f0;
    --trecker-text-secondary: #9a9a9a;
    --trecker-text-tertiary: #6b6b6b;
    --trecker-border: #2a2a2a;
    --trecker-accent: #f6ad55;
    --trecker-error: #e53e3e;
    --trecker-warning: #f6ad55;
    --trecker-fullpull: #FFD60A;
    --trecker-dnf: #8e8e93;
}

.Kom--theme-light[b-bsk64mw4mq] {
    color-scheme: light;
    --trecker-bg-primary: #eef0f3;
    --trecker-bg-secondary: #ffffff;
    --trecker-bg-tertiary: #e4e7ec;
    --trecker-text-primary: #16181d;
    --trecker-text-secondary: #545b66;
    --trecker-text-tertiary: #858b96;
    --trecker-border: #d4d8df;
    --trecker-accent: #c2700f; /* darker amber stays legible as text on white */
    --trecker-error: #c53030;
    --trecker-warning: #b7791f;
    --trecker-fullpull: #a76a00;
    --trecker-dnf: #6b7280;
}

.Kom__Center[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    gap: var(--trecker-space-lg);
}

.Kom__ErrorTitle[b-bsk64mw4mq] {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--trecker-text-secondary, #888);
    margin: 0;
}

.Kom__ErrorSub[b-bsk64mw4mq] {
    font-size: 1.1rem;
    color: var(--trecker-text-tertiary, #666);
    margin: 0;
}

/* ── Top Bar ─────────────────────────────────────────────────────── */
.Kom__TopBar[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem var(--trecker-space-xl);
    background: var(--trecker-bg-secondary, #1a1a1a);
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    min-height: 56px;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

/* Mobile-only: hamburger (opens the driver drawer). Hidden on desktop;
   the media query below reveals it. */
.Kom__MenuBtn[b-bsk64mw4mq] {
    display: none;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 6px);
    color: var(--trecker-text-secondary, #999);
    cursor: pointer;
    padding: 0.3rem 0.45rem;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color 0.15s, border-color 0.15s;
}

.Kom__MenuBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
}

/* Mobile-only driver-drawer chrome (still a slide-in panel on narrow screens). */
.Kom__DrawerHeader[b-bsk64mw4mq],
.Kom__DrawerBackdrop[b-bsk64mw4mq] {
    display: none;
}

.Kom__DrawerTitle[b-bsk64mw4mq] {
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--trecker-text-secondary, #9a9a9a);
}

.Kom__DrawerClose[b-bsk64mw4mq] {
    background: transparent;
    border: none;
    color: var(--trecker-text-secondary, #999);
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    border-radius: var(--trecker-radius-sm, 6px);
}

.Kom__DrawerClose:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    background: var(--trecker-bg-tertiary, #242424);
}

.Kom__TopBarLeft[b-bsk64mw4mq],
.Kom__TopBarRight[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.Kom__LiveDot[b-bsk64mw4mq] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--trecker-error, #e53e3e);
    animation: komPulse-b-bsk64mw4mq 1.5s infinite;
    flex-shrink: 0;
}

.Kom__EventTitle[b-bsk64mw4mq] {
    font-size: 1.2rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50vw;
}

.Kom__PollingBadge[b-bsk64mw4mq] {
    font-size: 0.8rem;
    color: var(--trecker-warning, #f6ad55);
    font-weight: 600;
}

.Kom__FullscreenBtn[b-bsk64mw4mq] {
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 4px);
    color: var(--trecker-text-secondary, #888);
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    display: flex;
    align-items: center;
    transition: color 0.15s;
}

.Kom__FullscreenBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
}

/* ── Settings button (⚙) — visible on desktop AND mobile, opens the
   settings popup below (theme / follow-live / text size). ──────────── */
.Kom__SettingsBtn[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 6px);
    color: var(--trecker-text-secondary, #999);
    cursor: pointer;
    padding: 0.3rem 0.5rem;
    flex-shrink: 0;
    transition: color 0.15s, border-color 0.15s;
}

.Kom__SettingsBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
}

/* ── Settings popup ──────────────────────────────────────────────────
   A centered modal (same shape as the Siegerehrung popup further down),
   used identically on desktop and mobile — no anchored dropdown anymore. */
.Kom__SettingsBackdrop[b-bsk64mw4mq] {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-md);
}

.Kom__SettingsModal[b-bsk64mw4mq] {
    width: min(92vw, 380px);
    max-height: min(88vh, 560px);
    display: flex;
    flex-direction: column;
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
    overflow: hidden;
}

.Kom__SettingsModalHeader[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    flex-shrink: 0;
}

.Kom__SettingsModalTitle[b-bsk64mw4mq] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--trecker-text-primary, #f0f0f0);
}

.Kom__SettingsModalClose[b-bsk64mw4mq] {
    background: transparent;
    border: none;
    color: var(--trecker-text-secondary, #999);
    cursor: pointer;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    border-radius: var(--trecker-radius-sm, 6px);
}

.Kom__SettingsModalClose:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    background: var(--trecker-bg-tertiary, #242424);
}

.Kom__SettingsModalContent[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    padding: var(--trecker-space-lg);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

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

.Kom__SettingsLabel[b-bsk64mw4mq] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary, #9a9a9a);
}

.Kom__SettingsRow[b-bsk64mw4mq] {
    display: flex;
    gap: 8px;
}

/* Equal-width option buttons; the active one gets the accent (primary) fill,
   the rest stay outlined (secondary). Same interaction as FieldResults'
   settings popup, styled with this page's own tokens. */
.Kom__SettingsOptBtn[b-bsk64mw4mq] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-text-secondary, #888);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.5rem 0.6rem;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.Kom__SettingsOptBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    border-color: var(--trecker-accent, #f6ad55);
}

.Kom__SettingsOptBtn--primary[b-bsk64mw4mq] {
    background: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
    color: #1a1a1a;
}

.Kom__SettingsModalFooter[b-bsk64mw4mq] {
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-top: 1px solid var(--trecker-border, #2a2a2a);
    flex-shrink: 0;
}

.Kom__SettingsModalCloseBtn[b-bsk64mw4mq] {
    width: 100%;
    background: var(--trecker-accent, #f6ad55);
    border: 1px solid var(--trecker-accent, #f6ad55);
    border-radius: var(--trecker-radius-md, 8px);
    color: #1a1a1a;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
}

.Kom__SettingsModalCloseBtn:hover[b-bsk64mw4mq] {
    filter: brightness(1.08);
}

/* ── Theme (light/dark) toggle — now lives inside the settings popup ── */
.Kom__ThemeBtn[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 4px);
    color: var(--trecker-text-secondary, #888);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.5rem 0.7rem;
    transition: color 0.15s, border-color 0.15s;
}

.Kom__ThemeBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
}

/* ── Live-follow toggle — now lives inside the settings popup ────────── */
.Kom__FollowBtn[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 4px);
    color: var(--trecker-text-secondary, #888);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.5rem 0.7rem;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.Kom__FollowBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    border-color: var(--trecker-accent, #f6ad55);
}

.Kom__FollowBtn--active[b-bsk64mw4mq] {
    background: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
    color: #1a1a1a;
}

.Kom__FollowDot[b-bsk64mw4mq] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.Kom__FollowBtn--active .Kom__FollowDot[b-bsk64mw4mq] {
    animation: komPulse-b-bsk64mw4mq 1.5s infinite;
}

/* ── Entertainment button (top bar) — same shape as the settings gear ──────────── */
.Kom__EntWrap[b-bsk64mw4mq] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.Kom__EntBtn[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 6px);
    color: var(--trecker-text-secondary, #999);
    cursor: pointer;
    padding: 0.3rem 0.5rem;
    flex-shrink: 0;
    transition: color 0.15s, border-color 0.15s;
}

.Kom__EntBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
}

/* Small badge next to the button — visible even with the popup closed, so the commentator always
   knows a Live-Frage is running. */
.Kom__EntBadge[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin-left: 0.35rem;
    background: rgba(246, 173, 85, 0.15);
    border: 1px solid var(--trecker-accent, #f6ad55);
    border-radius: 999px;
    color: var(--trecker-accent, #f6ad55);
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
}

.Kom__EntBadgeDot[b-bsk64mw4mq] {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    animation: komPulse-b-bsk64mw4mq 1.5s infinite;
}

/* ── Entertainment popup — mirrors the settings popup 1:1 ──────────────────────── */
.Kom__EntBackdrop[b-bsk64mw4mq] {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-md);
}

.Kom__EntModal[b-bsk64mw4mq] {
    width: min(92vw, 440px);
    max-height: min(88vh, 680px);
    display: flex;
    flex-direction: column;
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
    overflow: hidden;
}

.Kom__EntModalHeader[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    flex-shrink: 0;
}

.Kom__EntModalTitle[b-bsk64mw4mq] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--trecker-text-primary, #f0f0f0);
}

.Kom__EntModalClose[b-bsk64mw4mq] {
    background: transparent;
    border: none;
    color: var(--trecker-text-secondary, #999);
    cursor: pointer;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    border-radius: var(--trecker-radius-sm, 6px);
}

.Kom__EntModalClose:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    background: var(--trecker-bg-tertiary, #242424);
}

/* Section/tab strip — same equal-width-button idea as the type selector below, built so a third
   entertainment feature just becomes a third button here. */
.Kom__EntTabs[b-bsk64mw4mq] {
    display: flex;
    gap: 6px;
    padding: var(--trecker-space-sm) var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    flex-shrink: 0;
}

.Kom__EntTab[b-bsk64mw4mq] {
    flex: 1;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-text-secondary, #888);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.4rem 0.5rem;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.Kom__EntTab:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    border-color: var(--trecker-accent, #f6ad55);
}

.Kom__EntTab--active[b-bsk64mw4mq] {
    background: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
    color: #1a1a1a;
}

.Kom__EntModalContent[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    padding: var(--trecker-space-lg);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

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

.Kom__EntLabel[b-bsk64mw4mq] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary, #9a9a9a);
}

.Kom__EntInput[b-bsk64mw4mq] {
    width: 100%;
    background: var(--trecker-bg-tertiary, #242424);
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-text-primary, #f0f0f0);
    font-size: 0.95rem;
    padding: 0.5rem 0.65rem;
    font-family: inherit;
    resize: vertical;
}

.Kom__EntRow[b-bsk64mw4mq] {
    display: flex;
    gap: 8px;
}

/* Equal-width option buttons; the active one gets the accent fill — identical interaction to the
   settings popup's Kom__SettingsOptBtn, just under this popup's own class name. */
.Kom__EntOptBtn[b-bsk64mw4mq] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-text-secondary, #888);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.5rem 0.6rem;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.Kom__EntOptBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    border-color: var(--trecker-accent, #f6ad55);
}

.Kom__EntOptBtn--primary[b-bsk64mw4mq] {
    background: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
    color: #1a1a1a;
}

.Kom__EntOptionRow[b-bsk64mw4mq] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.Kom__EntOptionRemove[b-bsk64mw4mq] {
    flex-shrink: 0;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 6px);
    color: var(--trecker-text-secondary, #999);
    cursor: pointer;
    padding: 0.4rem;
    display: flex;
    align-items: center;
}

.Kom__EntOptionRemove:hover[b-bsk64mw4mq] {
    color: var(--trecker-error, #e53e3e);
    border-color: var(--trecker-error, #e53e3e);
}

.Kom__EntAddOption[b-bsk64mw4mq] {
    align-self: flex-start;
    background: transparent;
    border: 1px dashed var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-accent, #f6ad55);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 0.4rem 0.7rem;
}

.Kom__EntAddOption:hover[b-bsk64mw4mq] {
    background: rgba(246, 173, 85, 0.1);
}

.Kom__EntCheck[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #ccc);
    cursor: pointer;
}

.Kom__EntError[b-bsk64mw4mq] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--trecker-error, #e53e3e);
    margin: 0;
}

.Kom__EntPrimaryBtn[b-bsk64mw4mq] {
    width: 100%;
    background: var(--trecker-accent, #f6ad55);
    border: 1px solid var(--trecker-accent, #f6ad55);
    border-radius: var(--trecker-radius-md, 8px);
    color: #1a1a1a;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
}

.Kom__EntPrimaryBtn:hover:not(:disabled)[b-bsk64mw4mq] {
    filter: brightness(1.08);
}

.Kom__EntPrimaryBtn:disabled[b-bsk64mw4mq] {
    opacity: 0.5;
    cursor: not-allowed;
}

.Kom__EntDangerBtn[b-bsk64mw4mq] {
    width: 100%;
    background: transparent;
    border: 1px solid var(--trecker-error, #e53e3e);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-error, #e53e3e);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
}

.Kom__EntDangerBtn:hover:not(:disabled)[b-bsk64mw4mq] {
    background: rgba(229, 62, 62, 0.12);
}

.Kom__EntDangerBtn:disabled[b-bsk64mw4mq] {
    opacity: 0.5;
    cursor: not-allowed;
}

.Kom__EntQuestion[b-bsk64mw4mq] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #f0f0f0);
    margin: 0;
}

.Kom__EntChips[b-bsk64mw4mq] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.Kom__EntChip[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    background: var(--trecker-bg-tertiary, #242424);
    border: 1px solid var(--trecker-border, #333);
    border-radius: 999px;
    color: var(--trecker-text-secondary, #999);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.2rem 0.55rem;
}

.Kom__EntChip--on[b-bsk64mw4mq] {
    background: rgba(246, 173, 85, 0.15);
    border-color: var(--trecker-accent, #f6ad55);
    color: var(--trecker-accent, #f6ad55);
}

.Kom__EntOptionResults[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.Kom__EntOptionResultRow[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.Kom__EntOptionResultTop[b-bsk64mw4mq] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.85rem;
}

.Kom__EntOptionResultLabel[b-bsk64mw4mq] {
    font-weight: 700;
    color: var(--trecker-text-primary, #f0f0f0);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Kom__EntOptionResultCount[b-bsk64mw4mq] {
    flex-shrink: 0;
    color: var(--trecker-text-secondary, #999);
    font-variant-numeric: tabular-nums;
}

.Kom__EntBarTrack[b-bsk64mw4mq] {
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: var(--trecker-bg-tertiary, #242424);
    overflow: hidden;
}

.Kom__EntBarFill[b-bsk64mw4mq] {
    height: 100%;
    background: var(--trecker-accent, #f6ad55);
    border-radius: 999px;
    transition: width 0.25s ease;
}

.Kom__EntTotalVotes[b-bsk64mw4mq] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #999);
    margin: 0;
}

/* Freetext answers: newest first, capped height so many answers can never blow up the popup. */
.Kom__EntTextAnswers[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 260px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.Kom__EntTextAnswer[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.5rem 0.6rem;
    background: var(--trecker-bg-tertiary, #242424);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: var(--trecker-radius-md, 8px);
}

.Kom__EntTextAnswerMeta[b-bsk64mw4mq] {
    font-size: 0.7rem;
    color: var(--trecker-text-tertiary, #6b6b6b);
}

.Kom__EntTextAnswerText[b-bsk64mw4mq] {
    font-size: 0.9rem;
    color: var(--trecker-text-primary, #f0f0f0);
    word-break: break-word;
}

.Kom__EntHistoryList[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.Kom__EntHistoryRow[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    width: 100%;
    text-align: left;
    background: var(--trecker-bg-tertiary, #242424);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: var(--trecker-radius-md, 8px);
    padding: 0.5rem 0.6rem;
    cursor: pointer;
    font-family: inherit;
}

.Kom__EntHistoryRow:hover[b-bsk64mw4mq] {
    border-color: var(--trecker-accent, #f6ad55);
}

.Kom__EntHistoryQuestion[b-bsk64mw4mq] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #f0f0f0);
}

.Kom__EntHistoryMeta[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    color: var(--trecker-text-tertiary, #6b6b6b);
}

.Kom__EntBackBtn[b-bsk64mw4mq] {
    align-self: flex-start;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 6px);
    color: var(--trecker-text-secondary, #9a9a9a);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.35rem 0.7rem;
}

.Kom__EntBackBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    border-color: var(--trecker-accent, #f6ad55);
}

.Kom__EntModalFooter[b-bsk64mw4mq] {
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-top: 1px solid var(--trecker-border, #2a2a2a);
    flex-shrink: 0;
}

.Kom__EntModalCloseBtn[b-bsk64mw4mq] {
    width: 100%;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-text-secondary, #ccc);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 700;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
}

.Kom__EntModalCloseBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    border-color: var(--trecker-accent, #f6ad55);
}

/* ── Body split layout ───────────────────────────────────────────── */
.Kom__Body[b-bsk64mw4mq] {
    display: grid;
    grid-template-columns: 340px 1fr;
    flex: 1;
    height: calc(100vh - 56px);
    height: calc(100dvh - 56px); /* iOS Safari dynamic toolbar */
    overflow: hidden;
}

/* ── Left Panel ──────────────────────────────────────────────────── */
.Kom__LeftPanel[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--trecker-border, #2a2a2a);
    overflow: hidden;
}

.Kom__KlasseHeader[b-bsk64mw4mq] {
    padding: var(--trecker-space-md) var(--trecker-space-md) var(--trecker-space-sm);
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    flex-shrink: 0;
}

.Kom__KlasseLabel[b-bsk64mw4mq] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--trecker-text-tertiary, #666);
    text-transform: uppercase;
}

.Kom__KlasseSelectWrap[b-bsk64mw4mq] {
    position: relative;
}

.Kom__KlasseSelect[b-bsk64mw4mq] {
    width: 100%;
    background: var(--trecker-bg-secondary, #1e1e1e);
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-text-primary, #f0f0f0);
    font-size: 0.95rem;
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-family: inherit;
}

.Kom__KlasseSelect:focus[b-bsk64mw4mq] {
    outline: 2px solid var(--trecker-accent, #f6ad55);
    outline-offset: 1px;
}

.Kom__JumpToLive[b-bsk64mw4mq] {
    background: transparent;
    border: 1px solid var(--trecker-accent, #f6ad55);
    border-radius: var(--trecker-radius-sm, 4px);
    color: var(--trecker-accent, #f6ad55);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    cursor: pointer;
    font-family: inherit;
    align-self: flex-start;
}

.Kom__JumpToLive:hover[b-bsk64mw4mq] {
    background: rgba(246, 173, 85, 0.1);
}

.Kom__StartList[b-bsk64mw4mq] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    padding: var(--trecker-space-sm);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.Kom__EmptyList[b-bsk64mw4mq] {
    text-align: center;
    color: var(--trecker-text-tertiary, #555);
    font-size: 0.9rem;
    margin-top: var(--trecker-space-xl);
}

/* ── Driver rows ─────────────────────────────────────────────────── */
.Kom__DriverRow[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: 0.6rem var(--trecker-space-sm);
    border-radius: var(--trecker-radius-md, 6px);
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    -webkit-user-select: none;
    user-select: none;
}

.Kom__DriverRow:hover[b-bsk64mw4mq] {
    background: var(--trecker-bg-tertiary, #242424);
    border-color: var(--trecker-border, #333);
}

/* Kommentator has this driver selected */
.Kom__DriverRow--selected[b-bsk64mw4mq] {
    background: rgba(246, 173, 85, 0.08);
    border-color: rgba(246, 173, 85, 0.5);
}

/* On-field current driver (live highlight) */
.Kom__DriverRow--live[b-bsk64mw4mq] {
    border: 2px solid var(--trecker-accent, #f6ad55);
    background: rgba(246, 173, 85, 0.06);
}

/* Both selected and live */
.Kom__DriverRow--selected.Kom__DriverRow--live[b-bsk64mw4mq] {
    background: rgba(246, 173, 85, 0.14);
    border: 2px solid var(--trecker-accent, #f6ad55);
}

/* Has already pulled — slightly darker */
.Kom__DriverRow--done[b-bsk64mw4mq] {
    background: rgba(0, 0, 0, 0.25);
    opacity: 0.85;
}

.Kom__DriverRow--absent[b-bsk64mw4mq] {
    opacity: 0.45;
}

.Kom__DriverPos[b-bsk64mw4mq] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Start-number pill — sizes to its content so long numbers like "BS001"
   stay on one line, while plain "1"…"9" still read as a tidy square chip. */
.Kom__PosBadge[b-bsk64mw4mq],
.Kom__PosBadge--live[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 36px;
    padding: 0 0.5rem;
    border-radius: var(--trecker-radius-md, 8px);
    font-family: var(--trecker-font-mono, monospace);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.Kom__PosBadge[b-bsk64mw4mq] {
    background: var(--trecker-bg-tertiary, #242424);
    color: var(--trecker-text-secondary, #999);
    border: 1px solid var(--trecker-border, #2f2f2f);
}

.Kom__PosBadge--live[b-bsk64mw4mq] {
    background: var(--trecker-accent, #f6ad55);
    color: #1a1a1a;
    border: 1px solid var(--trecker-accent, #f6ad55);
}

.Kom__DriverInfo[b-bsk64mw4mq] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.Kom__DriverName[b-bsk64mw4mq] {
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0;
    color: var(--trecker-text-primary, #eee);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Kom__DriverName--live[b-bsk64mw4mq] {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0;
    color: var(--trecker-accent, #f6ad55);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Kom__TractorName[b-bsk64mw4mq] {
    font-size: 0.72rem;
    color: var(--trecker-text-tertiary, #888);
    margin: 2px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Compact per-attempt line under the tractor name in each driver-list row (Change 1) — wraps
   instead of overflowing, and caps at ~2 lines (scrollable) so many attempts never blow up the
   row height. */
.Kom__AttemptChipsCompact[b-bsk64mw4mq] {
    font-size: 0.68rem;
    color: var(--trecker-text-tertiary, #888);
    margin: 2px 0 0;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: break-word;
    max-height: 2.7em;
    overflow-y: auto;
}

.Kom__DriverResult[b-bsk64mw4mq] {
    flex-shrink: 0;
    text-align: right;
}

.Kom__StatusBadge[b-bsk64mw4mq] {
    font-size: 0.65rem;
    color: var(--trecker-text-tertiary, #999);
    text-transform: uppercase;
}

.Kom__StatusBadge--live[b-bsk64mw4mq] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--trecker-accent, #f6ad55);
    letter-spacing: 0.04em;
}

.Kom__ResultBadge[b-bsk64mw4mq] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    text-transform: uppercase;
}

.Kom__ResultBadge--fp[b-bsk64mw4mq] {
    background: rgba(255, 214, 10, 0.15);
    color: var(--trecker-fullpull, #FFD60A);
}

.Kom__ResultBadge--dq[b-bsk64mw4mq] {
    background: rgba(229, 62, 62, 0.15);
    color: var(--trecker-error, #e53e3e);
}

.Kom__ResultBadge--dnf[b-bsk64mw4mq] {
    background: rgba(142, 142, 147, 0.15);
    color: var(--trecker-dnf, #8e8e93);
}

.Kom__ResultDist[b-bsk64mw4mq] {
    font-family: var(--trecker-font-mono, monospace);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--trecker-text-primary, #eee);
    white-space: nowrap;
}

.Kom__ResultBadge--stechen[b-bsk64mw4mq] {
    background: transparent;
    color: var(--trecker-fullpull, #FFD60A);
    box-shadow: inset 0 0 0 1px var(--trecker-fullpull, #FFD60A);
}

.Kom__ResultBadge--record[b-bsk64mw4mq] {
    background: rgba(246, 173, 85, 0.18);
    color: var(--trecker-accent, #f6ad55);
}

/* ── Detail panel: current-event result (attempts + Stechen) ──────── */
.Kom__ResultSection[b-bsk64mw4mq] {
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, rgba(255, 255, 255, 0.08));
    border-radius: 10px;
    padding: 10px 12px;
}

.Kom__ResultSummary[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.Kom__ResultRankBig[b-bsk64mw4mq] {
    font-family: var(--trecker-font-mono, monospace);
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1;
    color: var(--trecker-accent, #f6ad55);
}

.Kom__ResultSummaryMain[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.Kom__ResultBigDist[b-bsk64mw4mq] {
    font-family: var(--trecker-font-mono, monospace);
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #eee);
}

.Kom__AttemptRow[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.Kom__AttemptChip[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 60px;
    padding: 4px 8px;
    border-radius: 8px;
    background: var(--trecker-bg-tertiary, #242424);
    border: 1px solid var(--trecker-border, rgba(255, 255, 255, 0.08));
}

.Kom__AttemptChip--best[b-bsk64mw4mq] {
    border-color: var(--trecker-accent, #f6ad55);
    background: rgba(246, 173, 85, 0.12);
}

.Kom__AttemptChip--stechen[b-bsk64mw4mq] {
    border-color: var(--trecker-fullpull, #FFD60A);
    background: rgba(255, 214, 10, 0.1);
}

.Kom__AttemptLabel[b-bsk64mw4mq] {
    font-size: 0.58rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--trecker-text-tertiary, #888);
}

.Kom__AttemptVal[b-bsk64mw4mq] {
    font-family: var(--trecker-font-mono, monospace);
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #eee);
}

.Kom__StechenBlock[b-bsk64mw4mq] {
    margin-top: 8px;
}

.Kom__StechenTitle[b-bsk64mw4mq] {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-fullpull, #FFD60A);
}

/* ── Right Panel ─────────────────────────────────────────────────── */
.Kom__RightPanel[b-bsk64mw4mq] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-primary, #121212);
}

.Kom__DetailCenter[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: var(--trecker-space-lg);
    text-align: center;
}

.Kom__DetailPlaceholder[b-bsk64mw4mq] {
    font-size: 1.4rem;
    color: var(--trecker-text-tertiary, #555);
    margin: 0;
}

.Kom__JumpToLiveDriver[b-bsk64mw4mq] {
    background: transparent;
    border: 1px solid var(--trecker-accent, #f6ad55);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-accent, #f6ad55);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 0.5rem 1.2rem;
    cursor: pointer;
    font-family: inherit;
    margin-top: var(--trecker-space-sm);
}

.Kom__JumpToLiveDriver:hover[b-bsk64mw4mq] {
    background: rgba(246, 173, 85, 0.1);
}

/* Mobile-only shortcut into the driver drawer (the list is docked on desktop). */
.Kom__OpenDrawerBtn[b-bsk64mw4mq] {
    display: none;
    background: var(--trecker-accent, #f6ad55);
    border: none;
    border-radius: var(--trecker-radius-md, 8px);
    color: #16181d;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.7rem 1.4rem;
    cursor: pointer;
    font-family: inherit;
    margin-top: var(--trecker-space-sm);
}

/* ── Detail card ─────────────────────────────────────────────────── */
.Kom__DetailCard[b-bsk64mw4mq] {
    max-width: 780px;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

/* ── Header: driver photo+name and tractor photo+name side by side ──
   Two units in a row on wide screens, wrapping onto their own line on
   narrow ones. Keeps the name the most prominent text on the page while
   letting the tractor's identity live right next to its image instead
   of repeating further down the card. */
.Kom__DetailHeader[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
}

.Kom__DetailHeaderUnit[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    min-width: 0;
}

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

.Kom__DriverPhoto[b-bsk64mw4mq] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--trecker-border, #333);
    background: var(--trecker-bg-secondary, #1a1a1a);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.Kom__TractorPhoto[b-bsk64mw4mq] {
    width: 126px;
    height: 80px;
    border-radius: var(--trecker-radius-lg, 10px);
    overflow: hidden;
    border: 3px solid var(--trecker-border, #333);
    background: var(--trecker-bg-secondary, #1a1a1a);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.Kom__PhotoImg[b-bsk64mw4mq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Kom__PhotoImg--tractor[b-bsk64mw4mq] {
    object-fit: contain;
    padding: 4px;
}

.Kom__PhotoPlaceholder[b-bsk64mw4mq] {
    color: var(--trecker-text-tertiary, #555);
}

/* Name */
.Kom__DetailName[b-bsk64mw4mq] {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.15;
    color: var(--trecker-text-primary, #f0f0f0);
}

.Kom__DetailClub[b-bsk64mw4mq] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #999);
}

/* Tractor identity in the header (brand/model/nickname) — the tractor section
   further down keeps only the specs, so this is the tractor's only headline. */
.Kom__TractorHeaderName[b-bsk64mw4mq] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #eee);
}

.Kom__TractorHeaderNickname[b-bsk64mw4mq] {
    font-size: 0.8rem;
    color: var(--trecker-accent, #f6ad55);
    font-style: italic;
}

/* Info strip — a single compact inline chip row, not stacked blocks. */
.Kom__DetailStrip[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.Kom__StripItem[b-bsk64mw4mq] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 4px;
    background: var(--trecker-bg-secondary, #1e1e1e);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: var(--trecker-radius-md, 8px);
    padding: 3px 8px;
}

.Kom__StripLabel[b-bsk64mw4mq] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary, #8a8a8a);
}

.Kom__StripValue[b-bsk64mw4mq] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #f0f0f0);
}

/* Bio */
.Kom__DetailBio[b-bsk64mw4mq] {
    font-size: 0.9rem;
    color: var(--trecker-text-secondary, #c5c5c5);
    line-height: 1.5;
    background: var(--trecker-bg-secondary, #1a1a1a);
    border-radius: var(--trecker-radius-md, 8px);
    padding: var(--trecker-space-sm);
    border: 1px solid var(--trecker-border, #2a2a2a);
}

/* Social */
.Kom__SocialLinks[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.Kom__SocialItem[b-bsk64mw4mq] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #999);
}

/* Sections */
.Kom__Section[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.Kom__SectionTitle[b-bsk64mw4mq] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--trecker-text-secondary, #9a9a9a);
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    padding-bottom: 4px;
}

/* Tractor grid (specs + modifications only — brand/model/nickname are in the header) */
.Kom__TractorGrid[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

/* .Kom__TractorName / .Kom__TractorNickname stay defined for the Siegerehrung popup, which
   still renders brand/model/nickname inline (Part 2 keeps its own layout) — see below. */
.Kom__TractorName[b-bsk64mw4mq] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #eee);
}

.Kom__TractorNickname[b-bsk64mw4mq] {
    font-size: 1rem;
    color: var(--trecker-accent, #f6ad55);
    font-style: italic;
}

/* Info grid (key-value pairs) — each pair is its own tight card so a commentator
   can scan the data at a glance on air; a narrower minimum column fits more per row. */
.Kom__InfoGrid[b-bsk64mw4mq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: var(--trecker-space-sm);
}

.Kom__InfoRow[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: var(--trecker-radius-md, 8px);
    padding: 0.4rem 0.55rem;
}

.Kom__InfoLabel[b-bsk64mw4mq] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary, #8a8a8a);
}

.Kom__InfoValue[b-bsk64mw4mq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--trecker-text-primary, #f0f0f0);
    line-height: 1.3;
    word-break: break-word;
}

/* Modifications */
.Kom__TractorMods[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.Kom__TractorModsText[b-bsk64mw4mq] {
    font-size: 0.82rem;
    color: var(--trecker-text-secondary, #bbb);
    line-height: 1.35;
    margin: 0;
}

/* History */
.Kom__HistoryList[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.Kom__HistoryRow[b-bsk64mw4mq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #252525);
    border-radius: var(--trecker-radius-md, 6px);
    padding: 0.4rem var(--trecker-space-sm);
}

.Kom__HistoryMain[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px var(--trecker-space-sm);
    align-items: baseline;
    flex: 1;
    min-width: 0;
}

.Kom__HistoryEventName[b-bsk64mw4mq] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--trecker-text-primary, #eee);
}

.Kom__HistoryDate[b-bsk64mw4mq] {
    font-size: 0.72rem;
    color: var(--trecker-text-tertiary, #777);
    font-family: var(--trecker-font-mono, monospace);
}

.Kom__HistoryClass[b-bsk64mw4mq] {
    font-size: 0.72rem;
    color: var(--trecker-text-secondary, #aaa);
    background: var(--trecker-bg-tertiary, #252525);
    border-radius: 3px;
    padding: 1px 6px;
}

.Kom__HistoryTractor[b-bsk64mw4mq] {
    font-size: 0.72rem;
    color: var(--trecker-text-tertiary, #888);
}

.Kom__HistoryResult[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-shrink: 0;
}

.Kom__HistBadge[b-bsk64mw4mq] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 3px;
    background: var(--trecker-bg-tertiary, #2a2a2a);
    color: var(--trecker-text-tertiary, #999);
    text-transform: uppercase;
}

.Kom__HistBadge--fp[b-bsk64mw4mq] {
    background: rgba(255, 214, 10, 0.12);
    color: var(--trecker-fullpull, #FFD60A);
}

.Kom__HistBadge--dq[b-bsk64mw4mq] {
    background: rgba(229, 62, 62, 0.12);
    color: var(--trecker-error, #e53e3e);
}

.Kom__HistBadge--dnf[b-bsk64mw4mq] {
    background: rgba(142, 142, 147, 0.12);
    color: var(--trecker-dnf, #8e8e93);
}

.Kom__HistDist[b-bsk64mw4mq] {
    font-family: var(--trecker-font-mono, monospace);
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #eee);
}

.Kom__HistRank[b-bsk64mw4mq] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--trecker-accent, #f6ad55);
    white-space: nowrap;
}

/* Other tractors */
.Kom__OtherTractors[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.Kom__OtherTractor[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #252525);
    border-radius: var(--trecker-radius-md, 6px);
    padding: 0.4rem var(--trecker-space-sm);
}

.Kom__OtherTractorImg[b-bsk64mw4mq] {
    width: 40px;
    height: 30px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.Kom__OtherTractorInfo[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.Kom__OtherTractorName[b-bsk64mw4mq] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--trecker-text-primary, #eee);
}

.Kom__OtherTractorDetail[b-bsk64mw4mq] {
    font-size: 0.7rem;
    color: var(--trecker-text-tertiary, #888);
}

/* ── "Klein" (small) size variant ─────────────────────────────────
   Tighter than the default — the most compact tier. */
.Kom--size-small .Kom__DriverPhoto[b-bsk64mw4mq] {
    width: 64px;
    height: 64px;
}

.Kom--size-small .Kom__TractorPhoto[b-bsk64mw4mq] {
    width: 96px;
    height: 64px;
}

.Kom--size-small .Kom__DetailName[b-bsk64mw4mq] {
    font-size: 1.25rem;
}

.Kom--size-small .Kom__DetailClub[b-bsk64mw4mq] {
    font-size: 0.75rem;
}

.Kom--size-small .Kom__TractorHeaderName[b-bsk64mw4mq] {
    font-size: 0.9rem;
}

.Kom--size-small .Kom__TractorHeaderNickname[b-bsk64mw4mq] {
    font-size: 0.72rem;
}

.Kom--size-small .Kom__StripValue[b-bsk64mw4mq] {
    font-size: 0.75rem;
}

.Kom--size-small .Kom__StripItem[b-bsk64mw4mq] {
    padding: 2px 6px;
}

.Kom--size-small .Kom__SectionTitle[b-bsk64mw4mq] {
    font-size: 0.62rem;
}

.Kom--size-small .Kom__InfoGrid[b-bsk64mw4mq] {
    grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
}

.Kom--size-small .Kom__InfoRow[b-bsk64mw4mq] {
    padding: 0.3rem 0.45rem;
}

.Kom--size-small .Kom__InfoLabel[b-bsk64mw4mq] {
    font-size: 0.58rem;
}

.Kom--size-small .Kom__InfoValue[b-bsk64mw4mq] {
    font-size: 0.8rem;
}

.Kom--size-small .Kom__DetailBio[b-bsk64mw4mq] {
    font-size: 0.82rem;
}

.Kom--size-small .Kom__ResultRankBig[b-bsk64mw4mq] {
    font-size: 1.05rem;
}

.Kom--size-small .Kom__ResultBigDist[b-bsk64mw4mq] {
    font-size: 0.95rem;
}

.Kom--size-small .Kom__AttemptChip[b-bsk64mw4mq] {
    padding: 3px 6px;
    min-width: 52px;
}

.Kom--size-small .Kom__RightPanel[b-bsk64mw4mq] {
    padding: var(--trecker-space-sm);
}

.Kom--size-small .Kom__DetailCard[b-bsk64mw4mq] {
    gap: var(--trecker-space-sm);
}

/* ── "Groß" (big) size variant ─────────────────────────────────────
   Larger fonts, bigger photos and a single-column info layout so a
   commentator can read the whole card at a glance from a distance. */
.Kom--size-big .Kom__RightPanel[b-bsk64mw4mq] {
    padding: var(--trecker-space-xl);
}

.Kom--size-big .Kom__DetailCard[b-bsk64mw4mq] {
    max-width: 920px;
    gap: var(--trecker-space-xl);
}

.Kom--size-big .Kom__DriverPhoto[b-bsk64mw4mq] {
    width: 180px;
    height: 180px;
}

.Kom--size-big .Kom__TractorPhoto[b-bsk64mw4mq] {
    width: 300px;
    height: 180px;
}

.Kom--size-big .Kom__DetailName[b-bsk64mw4mq] {
    font-size: 2.8rem;
}

.Kom--size-big .Kom__DetailClub[b-bsk64mw4mq] {
    font-size: 1.3rem;
}

.Kom--size-big .Kom__TractorHeaderName[b-bsk64mw4mq] {
    font-size: 1.8rem;
}

.Kom--size-big .Kom__TractorHeaderNickname[b-bsk64mw4mq] {
    font-size: 1.1rem;
}

.Kom--size-big .Kom__StripValue[b-bsk64mw4mq] {
    font-size: 1.5rem;
}

.Kom--size-big .Kom__StripItem[b-bsk64mw4mq] {
    padding: 0.5rem 1rem;
}

.Kom--size-big .Kom__SectionTitle[b-bsk64mw4mq] {
    font-size: 1rem;
}

.Kom--size-big .Kom__DetailBio[b-bsk64mw4mq] {
    font-size: 1.3rem;
    line-height: 1.6;
}

/* One field per row — full width, big values, easy to scan on air. */
.Kom--size-big .Kom__InfoGrid[b-bsk64mw4mq] {
    grid-template-columns: 1fr;
}

.Kom--size-big .Kom__InfoRow[b-bsk64mw4mq] {
    padding: 0.85rem 1.1rem;
}

.Kom--size-big .Kom__InfoLabel[b-bsk64mw4mq] {
    font-size: 0.8rem;
}

.Kom--size-big .Kom__InfoValue[b-bsk64mw4mq] {
    font-size: 1.55rem;
}

.Kom--size-big .Kom__ResultRankBig[b-bsk64mw4mq] {
    font-size: 2.6rem;
}

.Kom--size-big .Kom__ResultBigDist[b-bsk64mw4mq] {
    font-size: 1.8rem;
}

.Kom--size-big .Kom__AttemptChip[b-bsk64mw4mq] {
    padding: 8px 14px;
    min-width: 90px;
}

.Kom--size-big .Kom__AttemptLabel[b-bsk64mw4mq] {
    font-size: 0.7rem;
}

.Kom--size-big .Kom__AttemptVal[b-bsk64mw4mq] {
    font-size: 1.1rem;
}

/* ── TEMP diagnostic toasts (bottom-right) ───────────────────────────
   Moved here from the removed global css/trecker-kommentator.css, which was a stale
   duplicate of this whole file and silently overrode it (its mobile block capped the
   driver drawer at max-height: 45vh). Remove together with the toasts in the page. */
.Kom__Toasts[b-bsk64mw4mq] {
    position: fixed;
    right: 12px;
    bottom: 12px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    pointer-events: none;
    max-width: 70vw;
}

.Kom__Toast[b-bsk64mw4mq] {
    pointer-events: none;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    background: rgba(40, 40, 40, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    animation: KomToastIn-b-bsk64mw4mq 0.15s ease-out;
}

.Kom__Toast--signal[b-bsk64mw4mq] { background: rgba(56, 110, 230, 0.95); }
.Kom__Toast--ok[b-bsk64mw4mq]     { background: rgba(46, 130, 60, 0.95); }
.Kom__Toast--poll[b-bsk64mw4mq]   { background: rgba(90, 90, 90, 0.95); }
.Kom__Toast--warn[b-bsk64mw4mq]   { background: rgba(180, 120, 20, 0.95); }
.Kom__Toast--err[b-bsk64mw4mq]    { background: rgba(170, 45, 45, 0.97); }

/* ── Animations ──────────────────────────────────────────────────── */
@keyframes KomToastIn-b-bsk64mw4mq {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes komPulse-b-bsk64mw4mq {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* ── Responsive ──────────────────────────────────────────────────── */
@media (max-width: 900px) {
    /* Reveal the hamburger in the top bar (the settings gear is already always visible). */
    .Kom__MenuBtn[b-bsk64mw4mq] {
        display: inline-flex;
    }

    /* The title line keeps only: hamburger, live dot, event name. The right side keeps
       fullscreen + gear — everything else lives in the settings popup. */
    .Kom__TopBar[b-bsk64mw4mq] {
        flex-wrap: nowrap;
        padding: 0.5rem 0.65rem;
        gap: 0.5rem;
    }

    .Kom__TopBarLeft[b-bsk64mw4mq] {
        flex: 1;
        min-width: 0; /* let the ellipsised title shrink instead of pushing the icons off-screen */
        flex-wrap: nowrap;
        gap: 0.5rem;
    }

    .Kom__EventTitle[b-bsk64mw4mq] {
        max-width: none;
        flex: 1;
        min-width: 0;
    }

    /* Build marker is a desktop-only diagnostic — it just eats title space here. */
    .Kom__TopBarLeft .Kom__PollingBadge[b-bsk64mw4mq] {
        display: none;
    }

    /* The right (detail) panel now owns the whole screen; the driver list
       becomes an off-canvas drawer overlaid on top of it. */
    .Kom__Body[b-bsk64mw4mq] {
        display: block;
        position: relative;
        height: calc(100vh - 56px);
        height: calc(100dvh - 56px);
        overflow: hidden;
    }

    .Kom__RightPanel[b-bsk64mw4mq] {
        height: 100%;
        overflow-y: auto;
        padding: var(--trecker-space-sm);
    }

    .Kom__OpenDrawerBtn[b-bsk64mw4mq] {
        display: inline-block;
    }

    /* ── Driver drawer (slides in from the left) ──
       Anchored to .Kom__Body (position:relative with a definite height above) and given an
       explicit height:100% — relying on top/bottom alone to stretch a viewport-fixed panel
       left it sized to its content, i.e. a half-height menu. */
    .Kom__LeftPanel[b-bsk64mw4mq] {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        z-index: 60;
        width: 86%;
        max-width: 360px;
        border-right: 1px solid var(--trecker-border, #2a2a2a);
        background: var(--trecker-bg-primary, #121212);
        transform: translateX(-100%);
        transition: transform 0.25s ease;
        box-shadow: 4px 0 28px rgba(0, 0, 0, 0.45);
        padding-bottom: env(safe-area-inset-bottom, 0);
    }

    .Kom__Body--drawer-open .Kom__LeftPanel[b-bsk64mw4mq] {
        transform: translateX(0);
    }

    .Kom__DrawerHeader[b-bsk64mw4mq] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.65rem 0.6rem 0.65rem 1rem;
        border-bottom: 1px solid var(--trecker-border, #2a2a2a);
        flex-shrink: 0;
    }

    /* The list takes the rest of the drawer and scrolls; min-height:0 is what allows a
       flex item to shrink below its content and hand the overflow to its own scroller. */
    .Kom__LeftPanel .Kom__StartList[b-bsk64mw4mq] {
        flex: 1;
        min-height: 0;
    }

    /* Dimmed backdrop behind the open drawer — same anchor as the drawer itself */
    .Kom__DrawerBackdrop[b-bsk64mw4mq] {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
        z-index: 55;
    }

    .Kom__Body--drawer-open .Kom__DrawerBackdrop[b-bsk64mw4mq] {
        opacity: 1;
        pointer-events: auto;
    }

    .Kom__DetailName[b-bsk64mw4mq] {
        font-size: 1.25rem;
    }

    .Kom__DriverPhoto[b-bsk64mw4mq] {
        width: 64px;
        height: 64px;
    }

    .Kom__TractorPhoto[b-bsk64mw4mq] {
        width: 96px;
        height: 64px;
    }

    /* Keep the "Klein" variant sane once the base mobile sizes are already tight. */
    .Kom--size-small .Kom__DetailName[b-bsk64mw4mq] {
        font-size: 1.05rem;
    }

    .Kom--size-small .Kom__DriverPhoto[b-bsk64mw4mq] {
        width: 52px;
        height: 52px;
    }

    .Kom--size-small .Kom__TractorPhoto[b-bsk64mw4mq] {
        width: 78px;
        height: 52px;
    }

    /* Keep the "Groß" variant readable but sane on small tablets/phones. */
    .Kom--size-big .Kom__DetailName[b-bsk64mw4mq] {
        font-size: 2rem;
    }

    .Kom--size-big .Kom__DriverPhoto[b-bsk64mw4mq] {
        width: 120px;
        height: 120px;
    }

    .Kom--size-big .Kom__TractorPhoto[b-bsk64mw4mq] {
        width: 190px;
        height: 120px;
    }

    .Kom--size-big .Kom__InfoValue[b-bsk64mw4mq] {
        font-size: 1.3rem;
    }

    .Kom--size-big .Kom__TractorHeaderName[b-bsk64mw4mq] {
        font-size: 1.5rem;
    }

    .Kom--size-big .Kom__DetailBio[b-bsk64mw4mq] {
        font-size: 1.15rem;
    }
}

@media (max-width: 600px) {
    .Kom__EventTitle[b-bsk64mw4mq] {
        max-width: 40vw;
        font-size: 1rem;
    }

    .Kom__TopBar[b-bsk64mw4mq] {
        padding: 0.5rem var(--trecker-space-md);
    }
}

@media (max-width: 480px) {
    /* History rows wrap to two lines on very narrow screens */
    .Kom__HistoryRow[b-bsk64mw4mq] {
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-start;
    }

    .Kom__HistoryResult[b-bsk64mw4mq] {
        flex-shrink: 1;
    }

    /* Ensure start list scrolls with touch momentum on iOS Safari */
    .Kom__StartList[b-bsk64mw4mq] {
        -webkit-overflow-scrolling: touch;
    }
}

/* ── Klasse dropdown: finalized badge ────────────────────────────── */
/* <option> styling is limited cross-browser (Firefox honours color/background,
   Chromium mostly ignores it) — the 🏆 prefix in the option text is the reliable part. */
.Kom__KlasseOption--finalized[b-bsk64mw4mq] {
    color: var(--trecker-fullpull, #FFD60A);
    background: var(--trecker-bg-secondary, #1a1a1a);
}

/* ── Siegerehrung (award ceremony) ───────────────────────────────── */
.Kom__SiegerehrungBtn[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 100%;
    background: var(--trecker-fullpull, #FFD60A);
    border: 1px solid var(--trecker-fullpull, #FFD60A);
    border-radius: var(--trecker-radius-md, 8px);
    color: #1a1a1a;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    padding: 0.6rem 0.8rem;
    margin: var(--trecker-space-md) var(--trecker-space-md) 0;
    cursor: pointer;
    transition: filter 0.12s;
}

.Kom__SiegerehrungBtn:hover[b-bsk64mw4mq] {
    filter: brightness(1.08);
}

.Kom__SiegerehrungOverlay[b-bsk64mw4mq] {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--trecker-space-md);
}

.Kom__SiegerehrungModal[b-bsk64mw4mq] {
    width: min(92vw, 480px);
    max-height: min(88vh, 720px);
    display: flex;
    flex-direction: column;
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
    overflow: hidden;
}

.Kom__SiegerehrungHeader[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    flex-shrink: 0;
}

.Kom__SiegerehrungTitle[b-bsk64mw4mq] {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--trecker-fullpull, #FFD60A);
}

.Kom__SiegerehrungClose[b-bsk64mw4mq] {
    background: transparent;
    border: none;
    color: var(--trecker-text-secondary, #999);
    cursor: pointer;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    border-radius: var(--trecker-radius-sm, 6px);
}

.Kom__SiegerehrungClose:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    background: var(--trecker-bg-tertiary, #242424);
}

.Kom__SiegerehrungPrompt[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg);
}

.Kom__SiegerehrungLabel[b-bsk64mw4mq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #9a9a9a);
}

.Kom__SiegerehrungInput[b-bsk64mw4mq] {
    width: 100%;
    background: var(--trecker-bg-tertiary, #242424);
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    color: var(--trecker-text-primary, #f0f0f0);
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0.5rem 0.75rem;
    text-align: center;
    font-family: inherit;
}

.Kom__SiegerehrungGo[b-bsk64mw4mq] {
    background: var(--trecker-fullpull, #FFD60A);
    border: 1px solid var(--trecker-fullpull, #FFD60A);
    border-radius: var(--trecker-radius-md, 8px);
    color: #1a1a1a;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 800;
    padding: 0.6rem 0.8rem;
    cursor: pointer;
}

.Kom__SiegerehrungGo:hover[b-bsk64mw4mq] {
    filter: brightness(1.08);
}

.Kom__SiegerehrungList[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: var(--trecker-space-md);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Compact per-driver card: rank + start number stay the biggest elements (read aloud during the
   ceremony), full tractor specs + all attempts stack underneath. */
.Kom__SeRow[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.45rem 0.6rem;
    background: var(--trecker-bg-tertiary, #242424);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: var(--trecker-radius-md, 8px);
}

.Kom__SeRow--dq[b-bsk64mw4mq],
.Kom__SeRow--dnf[b-bsk64mw4mq] {
    opacity: 0.7;
}

.Kom__SeTop[b-bsk64mw4mq] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.Kom__SeRank[b-bsk64mw4mq] {
    flex-shrink: 0;
    min-width: 2.1rem;
    font-size: 1.65rem;
    font-weight: 900;
    color: var(--trecker-fullpull, #FFD60A);
    text-align: center;
    font-family: var(--trecker-font-mono, monospace);
}

.Kom__SeStart[b-bsk64mw4mq] {
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--trecker-text-secondary, #9a9a9a);
    font-family: var(--trecker-font-mono, monospace);
}

/* Small profile photo — a graceful placeholder glyph when there is none. */
.Kom__SePhoto[b-bsk64mw4mq] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--trecker-border, #333);
    background: var(--trecker-bg-secondary, #1a1a1a);
    display: flex;
    align-items: center;
    justify-content: center;
}

.Kom__SePhotoPlaceholder[b-bsk64mw4mq] {
    color: var(--trecker-text-tertiary, #555);
    display: flex;
}

.Kom__SeInfo[b-bsk64mw4mq] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.Kom__SeName[b-bsk64mw4mq] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--trecker-text-primary, #f0f0f0);
    overflow-wrap: anywhere;
}

.Kom__SeSub[b-bsk64mw4mq] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #9a9a9a);
    overflow-wrap: anywhere;
}

.Kom__SeTractor[b-bsk64mw4mq] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #9a9a9a);
    overflow-wrap: anywhere;
}

.Kom__SeResult[b-bsk64mw4mq] {
    flex-shrink: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--trecker-text-primary, #f0f0f0);
    font-family: var(--trecker-font-mono, monospace);
    text-align: right;
}

/* Full tractor specs reuse .Kom__TractorGrid/.Kom__InfoGrid etc. from the driver-detail side
   panel (same labels/classes) — this override just shrinks them to fit the compact card. */
.Kom__SeTractorGrid[b-bsk64mw4mq] {
    margin-top: 0.1rem;
    gap: 0.3rem;
}

.Kom__SeTractorGrid .Kom__TractorName[b-bsk64mw4mq] {
    font-size: 1rem;
}

.Kom__SeTractorGrid .Kom__TractorNickname[b-bsk64mw4mq] {
    font-size: 0.85rem;
}

.Kom__SeTractorGrid .Kom__InfoGrid[b-bsk64mw4mq] {
    grid-template-columns: repeat(auto-fill, minmax(105px, 1fr));
    gap: 0.3rem;
}

.Kom__SeTractorGrid .Kom__InfoRow[b-bsk64mw4mq] {
    padding: 0.3rem 0.45rem;
}

.Kom__SeTractorGrid .Kom__InfoLabel[b-bsk64mw4mq] {
    font-size: 0.6rem;
}

.Kom__SeTractorGrid .Kom__InfoValue[b-bsk64mw4mq] {
    font-size: 0.88rem;
}

.Kom__SeTractorGrid .Kom__TractorModsText[b-bsk64mw4mq] {
    font-size: 0.8rem;
}

/* All attempts (V1/V2/.../S1/S2...) for this driver in this class — same compact chip-line
   format as the driver-list row (Change 1), sized for the ceremony card. */
.Kom__SeAttemptsLine[b-bsk64mw4mq] {
    font-size: 0.76rem;
    color: var(--trecker-text-secondary, #9a9a9a);
    line-height: 1.35;
    overflow-wrap: break-word;
    margin: 0;
}

.Kom__SiegerehrungBack[b-bsk64mw4mq] {
    align-self: flex-start;
    background: transparent;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-sm, 6px);
    color: var(--trecker-text-secondary, #9a9a9a);
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.4rem 0.8rem;
    cursor: pointer;
    margin-top: 0.25rem;
}

.Kom__SiegerehrungBack:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
    border-color: var(--trecker-accent, #f6ad55);
}

@media (max-width: 480px) {
    .Kom__SiegerehrungModal[b-bsk64mw4mq] {
        width: 96vw;
    }

    .Kom__SeRank[b-bsk64mw4mq] {
        font-size: 1.5rem;
    }

    .Kom__SeName[b-bsk64mw4mq] {
        font-size: 1rem;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Kontakt.razor.rz.scp.css */
/* ============================================================================
   Kontakt.razor — Scoped Styles
   ============================================================================
   Public contact form page. Uses design tokens from trecker-variables.css.
   Prefix: "k-" for page-specific classes.
   ============================================================================ */

.k-page[b-s9mcoxy3kt] {
    padding-top: var(--trecker-space-2xl);
    padding-bottom: var(--trecker-space-4xl);
    max-width: 1100px;
}

.k-breadcrumb[b-s9mcoxy3kt] {
    margin-bottom: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
}

.k-breadcrumb-link[b-s9mcoxy3kt] {
    color: var(--trecker-accent);
    text-decoration: none;
}

.k-breadcrumb-sep[b-s9mcoxy3kt] {
    margin: 0 var(--trecker-space-sm);
    color: var(--trecker-text-secondary);
}

.k-breadcrumb-current[b-s9mcoxy3kt] {
    color: var(--trecker-text-secondary);
}

.k-title[b-s9mcoxy3kt] {
    margin-bottom: var(--trecker-space-xl);
}

/* === LAYOUT: form + sidebar === */

.k-layout[b-s9mcoxy3kt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xl);
    align-items: flex-start;
}

.k-form-card[b-s9mcoxy3kt] {
    flex: 2 1 420px;
    min-width: 0;
    padding: var(--trecker-space-xl);
}

.k-sidebar[b-s9mcoxy3kt] {
    flex: 1 1 260px;
    min-width: 0;
    max-width: 340px;
}

.k-sidebar-card[b-s9mcoxy3kt] {
    padding: var(--trecker-space-lg);
}

/* === SUCCESS ALERT (TreckerAlert is display:flex; wrap body in a block) === */

.k-success-body strong[b-s9mcoxy3kt] {
    display: block;
    margin-bottom: 4px;
}

/* === ADDRESS + CONTACT LINES === */

.k-address[b-s9mcoxy3kt] {
    line-height: 1.6;
}

.k-contact-link[b-s9mcoxy3kt] {
    color: var(--trecker-accent);
    text-decoration: none;
}

.k-contact-icon[b-s9mcoxy3kt] {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
}

/* === PRIVACY CHECKBOX ROW === */

.k-privacy-row[b-s9mcoxy3kt] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
}

.k-privacy-checkbox[b-s9mcoxy3kt] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

.k-privacy-label[b-s9mcoxy3kt] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    line-height: 1.5;
}

.k-privacy-link[b-s9mcoxy3kt] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.k-privacy-error[b-s9mcoxy3kt] {
    display: block;
    margin-bottom: var(--trecker-space-sm);
}

/* === TURNSTILE CONTAINER === */

.k-turnstile[b-s9mcoxy3kt] {
    display: flex;
    justify-content: center;
}

.k-turnstile-error[b-s9mcoxy3kt] {
    display: block;
    margin-top: var(--trecker-space-xs);
}

/* === SIDEBAR BUTTONS === */

.k-sidebar-btn[b-s9mcoxy3kt] {
    width: 100%;
    text-align: center;
    font-size: var(--trecker-font-size-sm);
}

/* === FORM TYPE TABS (Frage / Rolle) === */

.k-form-type-tabs[b-s9mcoxy3kt] {
    display: flex;
    gap: 0;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius);
    overflow: hidden;
}

.k-form-type-tab[b-s9mcoxy3kt] {
    flex: 1;
    padding: 9px 16px;
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--trecker-text-secondary);
    transition: background 0.15s, color 0.15s;
}

.k-form-type-tab + .k-form-type-tab[b-s9mcoxy3kt] {
    border-left: 1px solid var(--trecker-border);
}

.k-form-type-tab:hover[b-s9mcoxy3kt] {
    background: var(--trecker-bg-hover, rgba(0,0,0,.04));
    color: var(--trecker-text-primary);
}

.k-form-type-tab--active[b-s9mcoxy3kt] {
    background: var(--trecker-accent);
    color: #fff;
}

.k-form-type-tab--active:hover[b-s9mcoxy3kt] {
    background: var(--trecker-accent);
    color: #fff;
}

/* === ROLE REQUEST SECTION === */

.k-role-info[b-s9mcoxy3kt] {
    background: rgba(255, 255, 255, 0.04);
    border-left: 3px solid var(--trecker-accent);
    border-radius: var(--trecker-radius);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
}

.k-input-readonly[b-s9mcoxy3kt] {
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/LiveOverview.razor.rz.scp.css */
.lo-page[b-g8h004sgeo] {
    max-width: var(--trecker-max-width);
    margin-inline: auto;
    padding: var(--trecker-space-lg);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/LiveTrack.razor.rz.scp.css */
/* ── Root: broadcast-ticker restyle ──────────────────────────────────
   4 disciplined type-scale tiers, set as inline custom properties on the root element
   by the C# side (RootInlineStyle) so every descendant reads them via var(--lt-fs-*)
   instead of a scattered literal. A 5th, FIXED (non-adjustable) tier for labels/badges/
   chips/status text is written directly as a clamp() wherever it is needed below — it
   never drops under 1.25rem since this page is read from a distance. */
.lt-page[b-i0tgn0pes1] {
    --lt-fs-label: clamp(1.25rem, 1.15rem + .3vw, 1.5rem);

    max-width: var(--trecker-max-width);
    margin-inline: auto;
    padding: var(--trecker-space-md);
    color: var(--trecker-text-primary);
    background: var(--trecker-bg-primary);
    border-radius: var(--trecker-border-radius-xl, 12px);
}

/* Page-local light/dark palette — independent of whatever the site-wide theme is set to
   (this "Bahn-TV" channel defaults to dark regardless), following Kommentator's
   Kom--theme-dark/light pattern 1:1. Every descendant already reads var(--trecker-*),
   so a single class swap recolours the whole page. */
.lt-page--theme-dark[b-i0tgn0pes1] {
    color-scheme: dark;
    --trecker-bg-primary: #111111;
    --trecker-bg-secondary: #1a1a1a;
    --trecker-bg-tertiary: #222222;
    --trecker-bg-card: #1a1a1a;
    --trecker-text-primary: #f0f0f0;
    --trecker-text-secondary: #a0a0a0;
    --trecker-text-tertiary: #7a7a7a;
    --trecker-border: rgba(255, 255, 255, 0.14);
    --trecker-border-medium: rgba(255, 255, 255, 0.20);
    --trecker-accent: #ff7a3d;
    --trecker-accent-hover: #ff6523;
}

.lt-page--theme-light[b-i0tgn0pes1] {
    color-scheme: light;
    --trecker-bg-primary: #fafafa;
    --trecker-bg-secondary: #f3f3f3;
    --trecker-bg-tertiary: #ebebeb;
    --trecker-bg-card: #ffffff;
    --trecker-text-primary: #222222;
    --trecker-text-secondary: #555555;
    --trecker-text-tertiary: #767676;
    --trecker-border: rgba(0, 0, 0, 0.16);
    --trecker-border-medium: rgba(0, 0, 0, 0.22);
    --trecker-accent: #d4551e;
    --trecker-accent-hover: #c04a18;
}

/* ─── Header: swatch + event/track identity left, gear + nav pills right ─── */
.lt-header[b-i0tgn0pes1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    padding-bottom: var(--trecker-space-md);
    border-bottom: 1px solid var(--trecker-border);
    margin-bottom: var(--trecker-space-lg);
}

.lt-header-id[b-i0tgn0pes1] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.lt-header-swatch[b-i0tgn0pes1] {
    width: 10px;
    align-self: stretch;
    min-height: 48px;
    border-radius: var(--trecker-border-radius, 8px);
    background: var(--trecker-accent);
    flex-shrink: 0;
}

.lt-header-titleblock[b-i0tgn0pes1] {
    min-width: 0;
}

.lt-header-eventrow[b-i0tgn0pes1] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: 2px;
}

.lt-header-logo[b-i0tgn0pes1] {
    height: 40px;
    width: auto;
    max-width: 56px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius, 8px);
    flex-shrink: 0;
}

.lt-header-event[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    color: var(--trecker-text-secondary);
    font-weight: 600;
}

.lt-header-title[b-i0tgn0pes1] {
    font-size: var(--lt-fs-header, 3.25rem);
    font-weight: 800;
    line-height: 1;
    margin: 0;
    letter-spacing: -0.01em;
}

.lt-header-meta[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    color: var(--trecker-text-secondary);
    margin: 4px 0 0;
}

.lt-header-actions[b-i0tgn0pes1] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ─── Nav pills / live badge (real .lt-nav-pill spec, unchanged) ─── */
.lt-nav-pill[b-i0tgn0pes1] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px var(--trecker-space-md);
    border: 1px solid var(--trecker-border-medium);
    border-radius: 999px;
    background: transparent;
    color: var(--trecker-text-secondary);
    font-size: var(--lt-fs-label);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background var(--trecker-transition-fast), border-color var(--trecker-transition-fast),
                color var(--trecker-transition-fast);
}

.lt-nav-pill:hover[b-i0tgn0pes1],
.lt-nav-pill:focus-visible[b-i0tgn0pes1] {
    background: var(--trecker-bg-secondary);
    border-color: var(--trecker-text-tertiary);
    color: var(--trecker-text-primary);
}

.lt-live-badge[b-i0tgn0pes1] {
    background-color: var(--trecker-error);
    border-color: transparent;
    color: #fff;
    animation: lt-pulse-b-i0tgn0pes1 2s infinite;
}

/* Gear button — glass-button look shared with the rest of the app's live pages. */
.lt-settings-btn[b-i0tgn0pes1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(8px);
    color: var(--trecker-text-primary);
    cursor: pointer;
    transition: background var(--trecker-transition-fast), border-color var(--trecker-transition-fast);
}

.lt-settings-btn:hover[b-i0tgn0pes1],
.lt-settings-btn:focus-visible[b-i0tgn0pes1] {
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .24);
}

@keyframes lt-pulse-b-i0tgn0pes1 {
    0% { box-shadow: 0 0 0 0 rgba(229, 72, 77, .55); }
    70% { box-shadow: 0 0 0 8px rgba(229, 72, 77, 0); }
    100% { box-shadow: 0 0 0 0 rgba(229, 72, 77, 0); }
}

/* ─── Settings popup — mirrors Kommentator's Kom__Settings* structure 1:1 ─── */
.lt-settings-backdrop[b-i0tgn0pes1] {
    position: fixed;
    inset: 0;
    z-index: 200;
    background: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lt-settings-modal[b-i0tgn0pes1] {
    width: min(92vw, 380px);
    max-height: min(88vh, 560px);
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .55);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: var(--trecker-text-primary);
}

.lt-settings-modal-header[b-i0tgn0pes1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border);
    flex-shrink: 0;
}

.lt-settings-modal-title[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    font-weight: 700;
}

.lt-settings-modal-close[b-i0tgn0pes1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 999px;
    background: transparent;
    border: none;
    color: var(--trecker-text-secondary);
    cursor: pointer;
}

.lt-settings-modal-close:hover[b-i0tgn0pes1] {
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-primary);
}

.lt-settings-modal-content[b-i0tgn0pes1] {
    padding: var(--trecker-space-lg);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
}

.lt-settings-group[b-i0tgn0pes1] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.lt-settings-label[b-i0tgn0pes1] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--trecker-text-secondary);
}

.lt-settings-row[b-i0tgn0pes1] {
    display: flex;
    gap: 8px;
}

.lt-settings-opt-btn[b-i0tgn0pes1] {
    flex: 1;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius, 8px);
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-primary);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--trecker-transition-fast), color var(--trecker-transition-fast);
}

.lt-settings-opt-btn:hover[b-i0tgn0pes1] {
    background: var(--trecker-border-medium);
}

.lt-settings-opt-btn--active[b-i0tgn0pes1] {
    background: var(--trecker-accent);
    color: #1a1a1a;
    border-color: var(--trecker-accent);
}

.lt-settings-modal-footer[b-i0tgn0pes1] {
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    border-top: 1px solid var(--trecker-border);
    flex-shrink: 0;
}

.lt-settings-modal-close-btn[b-i0tgn0pes1] {
    width: 100%;
    min-height: 44px;
    border: none;
    border-radius: var(--trecker-border-radius, 8px);
    background: var(--trecker-accent);
    color: #1a1a1a;
    font-weight: 700;
    cursor: pointer;
}

.lt-settings-modal-close-btn:hover[b-i0tgn0pes1] {
    background: var(--trecker-accent-hover);
}

/* ─── Class strip: current class + run/status pills + Stechen badge ─── */
.lt-class-strip[b-i0tgn0pes1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm) var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.lt-class-label[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    color: var(--trecker-text-secondary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.lt-class-name[b-i0tgn0pes1] {
    font-size: var(--lt-fs-names, 3.25rem);
    font-weight: 700;
    line-height: 1;
}

.lt-meta-pill[b-i0tgn0pes1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    font-size: var(--lt-fs-label);
    font-weight: 700;
}

.lt-meta-pill-label[b-i0tgn0pes1] {
    color: var(--trecker-text-tertiary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.lt-meta-pill--success[b-i0tgn0pes1] {
    background: rgba(46, 160, 67, .16);
    border-color: rgba(46, 160, 67, .4);
    color: var(--trecker-success);
}

.lt-meta-pill--warning[b-i0tgn0pes1] {
    background: rgba(224, 160, 0, .16);
    border-color: rgba(224, 160, 0, .4);
    color: var(--trecker-warning);
}

.lt-stechen-badge[b-i0tgn0pes1] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: var(--lt-fs-label);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--trecker-fullpull);
    background: var(--trecker-fullpull-bg, rgba(255, 214, 10, .14));
    border: 1px solid rgba(255, 214, 10, .4);
}

/* ─── Main panel: currently-pulling driver (or idle) ─── */
.lt-main-panel[b-i0tgn0pes1] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    padding: var(--trecker-space-2xl) var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
}

.lt-driver-card[b-i0tgn0pes1] {
    width: 100%;
    text-align: center;
}

.lt-driver-name[b-i0tgn0pes1] {
    font-size: var(--lt-fs-names, 3.25rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.01em;
    margin: 0 0 8px;
}

.lt-driver-tractor[b-i0tgn0pes1] {
    font-size: var(--lt-fs-history, 2.25rem);
    color: var(--trecker-accent);
    font-weight: 600;
    margin-bottom: var(--trecker-space-lg);
}

/* ─── Attempt chips: V1/V2/V3 + Stechen S1/S2/S3 (muted default, best bolder, Stechen gold) ─── */
.lt-attempts[b-i0tgn0pes1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: var(--trecker-space-lg);
}

.lt-attempts--center[b-i0tgn0pes1] {
    justify-content: center;
}

.lt-attempt[b-i0tgn0pes1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--trecker-font-mono);
    font-size: var(--lt-fs-label);
    font-weight: 600;
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: 999px;
    padding: 6px 14px;
    white-space: nowrap;
}

.lt-attempt--best[b-i0tgn0pes1] {
    color: var(--trecker-text-primary);
    font-weight: 800;
    border-color: var(--trecker-accent);
    background: var(--trecker-accent-light, rgba(255, 122, 61, .12));
}

.lt-attempt--stechen[b-i0tgn0pes1] {
    color: var(--trecker-fullpull);
    border-color: rgba(255, 214, 10, .4);
    background: var(--trecker-fullpull-bg, rgba(255, 214, 10, .14));
}

/* ─── Hero distance readout ─── */
.lt-distance-wrap[b-i0tgn0pes1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.lt-distance-num[b-i0tgn0pes1] {
    font-family: var(--trecker-font-mono);
    font-weight: 800;
    font-size: var(--lt-fs-distance, 5.5rem);
    line-height: .95;
    letter-spacing: -0.02em;
    color: var(--trecker-text-primary);
}

.lt-distance-unit[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    color: var(--trecker-text-secondary);
    font-weight: 700;
}

.lt-distance-rank[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    color: var(--trecker-text-secondary);
    font-weight: 600;
    margin-top: 4px;
}

.lt-distance-num--fullpull[b-i0tgn0pes1] {
    color: var(--trecker-fullpull);
    text-shadow: var(--trecker-fullpull-glow, 0 0 24px rgba(255, 214, 10, .45));
}

.lt-distance-num--dq[b-i0tgn0pes1] {
    color: var(--trecker-error);
}

.lt-distance-num--dnf[b-i0tgn0pes1] {
    color: var(--trecker-dnf);
}

/* ─── Idle / paused state ─── */
.lt-idle-panel[b-i0tgn0pes1] {
    text-align: center;
    color: var(--trecker-text-secondary);
}

.lt-idle-icon[b-i0tgn0pes1] {
    font-size: var(--lt-fs-distance, 5.5rem);
    line-height: 1;
    margin-bottom: var(--trecker-space-md);
    opacity: .7;
}

.lt-idle-heading[b-i0tgn0pes1] {
    font-size: var(--lt-fs-names, 3.25rem);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0;
}

/* ─── Full-pull celebration overlay: gold flash + falling confetti particles ─── */
.lt-celebrate[b-i0tgn0pes1] {
    position: absolute;
    inset: 0;
    z-index: 5;
    overflow: hidden;
    pointer-events: none;
}

.lt-celebrate[b-i0tgn0pes1]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 35%, rgba(255, 214, 10, .38), transparent 62%);
    animation: lt-celebrate-flash-b-i0tgn0pes1 3.5s ease-out forwards;
}

.lt-celebrate-particle[b-i0tgn0pes1] {
    position: absolute;
    top: -8%;
    width: 10px;
    height: 14px;
    border-radius: 2px;
    background: var(--trecker-fullpull);
    opacity: 0;
    animation: lt-celebrate-fall-b-i0tgn0pes1 3s ease-in forwards;
}

@keyframes lt-celebrate-flash-b-i0tgn0pes1 {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes lt-celebrate-fall-b-i0tgn0pes1 {
    0% { transform: translateY(0) rotate(0deg); opacity: 1; }
    100% { transform: translateY(340px) rotate(340deg); opacity: 0; }
}

.lt-celebrate-particle:nth-child(1)[b-i0tgn0pes1] { left: 2%; animation-delay: 0s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(2)[b-i0tgn0pes1] { left: 6%; animation-delay: .18s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(3)[b-i0tgn0pes1] { left: 10%; animation-delay: .05s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(4)[b-i0tgn0pes1] { left: 14%; animation-delay: .32s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(5)[b-i0tgn0pes1] { left: 18%; animation-delay: .12s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(6)[b-i0tgn0pes1] { left: 22%; animation-delay: .26s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(7)[b-i0tgn0pes1] { left: 26%; animation-delay: .02s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(8)[b-i0tgn0pes1] { left: 30%; animation-delay: .4s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(9)[b-i0tgn0pes1] { left: 34%; animation-delay: .08s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(10)[b-i0tgn0pes1] { left: 38%; animation-delay: .22s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(11)[b-i0tgn0pes1] { left: 42%; animation-delay: .15s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(12)[b-i0tgn0pes1] { left: 46%; animation-delay: .35s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(13)[b-i0tgn0pes1] { left: 52%; animation-delay: .04s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(14)[b-i0tgn0pes1] { left: 56%; animation-delay: .28s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(15)[b-i0tgn0pes1] { left: 60%; animation-delay: .1s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(16)[b-i0tgn0pes1] { left: 64%; animation-delay: .38s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(17)[b-i0tgn0pes1] { left: 68%; animation-delay: .06s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(18)[b-i0tgn0pes1] { left: 72%; animation-delay: .3s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(19)[b-i0tgn0pes1] { left: 76%; animation-delay: .19s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(20)[b-i0tgn0pes1] { left: 80%; animation-delay: .42s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(21)[b-i0tgn0pes1] { left: 84%; animation-delay: .14s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(22)[b-i0tgn0pes1] { left: 88%; animation-delay: .24s; background: var(--trecker-accent); }
.lt-celebrate-particle:nth-child(23)[b-i0tgn0pes1] { left: 92%; animation-delay: .09s; background: var(--trecker-fullpull); }
.lt-celebrate-particle:nth-child(24)[b-i0tgn0pes1] { left: 96%; animation-delay: .33s; background: var(--trecker-accent); }

/* ─── Ticker / history: horizontally-scrollable "score bug" row of recent pulls ─── */
.lt-ticker-shell[b-i0tgn0pes1] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.lt-ticker-label[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--trecker-text-tertiary);
    margin-bottom: var(--trecker-space-md);
}

.lt-ticker-empty[b-i0tgn0pes1] {
    text-align: center;
    padding: var(--trecker-space-2xl) 0;
    color: var(--trecker-text-secondary);
}

.lt-ticker-row[b-i0tgn0pes1] {
    display: flex;
    gap: var(--trecker-space-md);
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
}

.lt-pull-chip[b-i0tgn0pes1] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    min-width: 300px;
    max-width: 360px;
    background: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md);
}

.lt-pull-chip--fullpull[b-i0tgn0pes1] {
    border-color: var(--trecker-fullpull);
    box-shadow: var(--trecker-fullpull-glow, 0 0 24px rgba(255, 214, 10, .45));
}

.lt-pull-top[b-i0tgn0pes1] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
}

.lt-pull-rank[b-i0tgn0pes1] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4em;
    height: 2.4em;
    border-radius: 50%;
    background: var(--trecker-accent-light, rgba(255, 122, 61, .12));
    color: var(--trecker-accent);
    font-weight: 800;
    font-size: var(--lt-fs-label);
}

.lt-pull-info[b-i0tgn0pes1] {
    flex: 1;
    min-width: 0;
}

.lt-pull-driver[b-i0tgn0pes1] {
    font-size: var(--lt-fs-history, 2.25rem);
    font-weight: 700;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.lt-pull-sub[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    color: var(--trecker-text-tertiary);
    font-weight: 500;
    overflow-wrap: anywhere;
}

.lt-pull-status[b-i0tgn0pes1] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}

.lt-status-badge[b-i0tgn0pes1] {
    font-size: var(--lt-fs-label);
    white-space: nowrap;
}

.lt-status-badge--fullpull[b-i0tgn0pes1] {
    background-color: var(--trecker-fullpull);
    color: #1a1a1a;
}

.lt-status-badge--stechen[b-i0tgn0pes1] {
    background-color: transparent;
    color: var(--trecker-fullpull);
    box-shadow: inset 0 0 0 1px var(--trecker-fullpull);
}

.lt-status-badge--dq[b-i0tgn0pes1] {
    background-color: var(--trecker-error);
    color: #fff;
}

.lt-status-badge--dnf[b-i0tgn0pes1] {
    background-color: var(--trecker-dnf);
    color: #fff;
}

.lt-status-badge--record[b-i0tgn0pes1] {
    background-color: var(--trecker-accent);
    color: #fff;
}

.lt-pull-chips[b-i0tgn0pes1] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.lt-pull-chips .lt-attempt[b-i0tgn0pes1] {
    padding: 4px 10px;
}

.lt-autorefresh-note[b-i0tgn0pes1] {
    text-align: center;
    font-size: var(--lt-fs-label);
    color: var(--trecker-text-tertiary);
}

/* ─── Responsive (layout only — the 4 adjustable tiers already scale via the settings
       popup / RootInlineStyle; the fixed label tier already clamp()s on its own) ─── */
@media (max-width: 768px) {
    .lt-header[b-i0tgn0pes1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .lt-header-actions[b-i0tgn0pes1] {
        width: 100%;
        justify-content: space-between;
    }

    .lt-main-panel[b-i0tgn0pes1] {
        padding: var(--trecker-space-xl) var(--trecker-space-sm);
        min-height: 200px;
    }

    .lt-pull-chip[b-i0tgn0pes1] {
        min-width: 240px;
    }
}

@media (max-width: 480px) {
    .lt-class-strip[b-i0tgn0pes1] {
        gap: var(--trecker-space-xs) var(--trecker-space-sm);
    }

    .lt-attempts[b-i0tgn0pes1],
    .lt-pull-chips[b-i0tgn0pes1] {
        gap: 6px;
    }

    .lt-pull-chip[b-i0tgn0pes1] {
        min-width: 88vw;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/MediaGallery.razor.rz.scp.css */
.mg-page[b-hrp2pld4ac] {
    max-width: var(--trecker-max-width);
    margin-inline: auto;
    padding: var(--trecker-space-md);
    color: var(--trecker-text-primary);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/OverlayPage.razor.rz.scp.css */
/* F1 — OBS-Overlay-Layouts. Transparenter Hintergrund, scharfe Kontraste fuer Streaming. */

.Overlay[b-09j0ha5j4t] {
    width: 100vw;
    height: 100vh;
    background: transparent;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: calc(16px * var(--scale, 1));
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    position: relative;
    overflow: hidden;
}

.Overlay__Error[b-09j0ha5j4t] {
    position: absolute;
    top: 16px;
    left: 16px;
    background: rgba(229, 72, 77, 0.85);
    color: #fff;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 14px;
    text-shadow: none;
}

/* ─── Lower-Third ─── */
.Overlay--lower-third[b-09j0ha5j4t] {
    display: flex;
    align-items: flex-end;
    padding: 0 0 60px 60px;
}

.Overlay__LowerThird[b-09j0ha5j4t] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.5));
    border-left: 6px solid var(--accent);
    border-radius: 6px;
    padding: 16px 24px;
    min-width: 360px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.Overlay__Class[b-09j0ha5j4t] {
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--accent);
    font-weight: 700;
}

.Overlay__Driver[b-09j0ha5j4t] {
    font-size: 2.2em;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 4px;
}

.Overlay__Tractor[b-09j0ha5j4t] {
    font-size: 1em;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 4px;
}

.Overlay__Team[b-09j0ha5j4t] {
    font-size: 0.85em;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 2px;
}

/* Result of the marked driver once scored (lower-third). */
.Overlay__Result[b-09j0ha5j4t] {
    font-size: 1.3em;
    font-weight: 800;
    color: var(--accent);
    margin-top: 6px;
    font-variant-numeric: tabular-nums;
}

/* ─── Now Running ─── */
.Overlay--now-running[b-09j0ha5j4t] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Overlay__NowRunning[b-09j0ha5j4t] {
    text-align: center;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6));
    border: 2px solid var(--accent);
    border-radius: 16px;
    padding: 40px 80px;
    box-shadow: 0 16px 64px rgba(0, 0, 0, 0.5);
}

.Overlay__NowRunningLabel[b-09j0ha5j4t] {
    color: var(--accent);
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 4px;
}

.Overlay__NowRunningDriver[b-09j0ha5j4t] {
    font-size: 4em;
    font-weight: 800;
    margin-top: 8px;
}

.Overlay__NowRunningTractor[b-09j0ha5j4t] {
    font-size: 1.4em;
    color: rgba(255, 255, 255, 0.85);
    margin-top: 8px;
}

/* Result of the marked driver once scored (shown in place of the "JETZT AM START" hero). */
.Overlay__NowRunningResult[b-09j0ha5j4t] {
    margin-top: 14px;
    font-size: 2.6em;
    font-weight: 800;
    color: var(--accent);
    font-variant-numeric: tabular-nums;
}

/* ─── Leaderboard ─── */
.Overlay--leaderboard[b-09j0ha5j4t] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 60px;
}

.Overlay__Leaderboard[b-09j0ha5j4t] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.65));
    border-top: 4px solid var(--accent);
    border-radius: 8px;
    padding: 16px 24px;
    min-width: 380px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.Overlay__LeaderboardHead[b-09j0ha5j4t] {
    color: var(--accent);
    font-size: 0.85em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 6px;
}

.Overlay__LeaderboardTable[b-09j0ha5j4t] {
    width: 100%;
    border-collapse: collapse;
}

.Overlay__LeaderboardTable td[b-09j0ha5j4t] {
    padding: 6px 0;
    font-size: 1em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.Overlay__LeaderboardTable tr:last-child td[b-09j0ha5j4t] {
    border-bottom: none;
}

.Overlay__Rank[b-09j0ha5j4t] {
    width: 36px;
    color: var(--accent);
    font-weight: 800;
    font-size: 1.2em;
}

.Overlay__DriverCell[b-09j0ha5j4t] { font-weight: 600; }

.Overlay__DistanceCell[b-09j0ha5j4t] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: rgba(255, 255, 255, 0.85);
}

/* Multi-pull: per-attempt breakdown under the distance in the leaderboard overlay */
.Overlay__Attempts[b-09j0ha5j4t] {
    display: block;
    margin-top: 2px;
    font-size: 0.6em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
    font-variant-numeric: tabular-nums;
}
.Overlay__Attempt[b-09j0ha5j4t] {
    margin-left: 6px;
    white-space: nowrap;
}
.Overlay__Attempt--best[b-09j0ha5j4t] {
    color: var(--accent);
    font-weight: 800;
}
.Overlay__Attempt--stechen[b-09j0ha5j4t] {
    color: #FFD60A;
    font-weight: 800;
}

/* Stechen (pull-off): tiebreaker placement among full-pull drivers */
.Overlay__StechenRank[b-09j0ha5j4t] {
    margin-left: 6px;
    padding: 0 5px;
    font-size: 0.62em;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #FFD60A;
    border: 1px solid #FFD60A;
    border-radius: 3px;
    white-space: nowrap;
}

/* ─── Emergency banner ─── */
.Overlay--emergency-banner[b-09j0ha5j4t] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 24px;
}

.Overlay__Emergency[b-09j0ha5j4t] {
    background: rgba(229, 72, 77, 0.95);
    color: #fff;
    border-radius: 8px;
    padding: 14px 28px;
    box-shadow: 0 8px 32px rgba(229, 72, 77, 0.4);
    animation: emergencyPulse-b-09j0ha5j4t 1.5s ease-in-out infinite;
}

.Overlay__EmergencyMsg[b-09j0ha5j4t] {
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
}

@keyframes emergencyPulse-b-09j0ha5j4t {
    0%, 100% { box-shadow: 0 8px 32px rgba(229, 72, 77, 0.4); }
    50% { box-shadow: 0 8px 64px rgba(229, 72, 77, 0.8); }
}

/* ─── Sponsor Rotator ─── */
.Overlay--sponsor-rotator[b-09j0ha5j4t] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 60px;
}

.Overlay__SponsorRotator[b-09j0ha5j4t] {
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.5));
    border-bottom: 4px solid var(--accent);
    border-radius: 6px;
    padding: 14px 22px;
    min-width: 240px;
    text-align: center;
}

.Overlay__SponsorLabel[b-09j0ha5j4t] {
    color: var(--accent);
    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 2px;
}

.Overlay__SponsorPlaceholder[b-09j0ha5j4t] {
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 4px;
}

/* ─── Pause overlay ─── */
.Overlay__PausedBadge[b-09j0ha5j4t] {
    position: absolute;
    top: 24px;
    right: 24px;
    background: rgba(245, 158, 11, 0.95);
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 0.85em;
}

.Overlay--paused .Overlay__LowerThird[b-09j0ha5j4t],
.Overlay--paused .Overlay__NowRunning[b-09j0ha5j4t],
.Overlay--paused .Overlay__Leaderboard[b-09j0ha5j4t] {
    opacity: 0.6;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/PhotographerEntry.razor.rz.scp.css */
/* Photographer entry page — scoped styles */

.pe-page[b-n0x468mh52] {
    min-height: 100dvh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 2rem 1rem 3rem;
    background: var(--trecker-bg, #f8f9fa);
}

.pe-card[b-n0x468mh52] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10);
    width: 100%;
    max-width: 520px;
    padding: 2rem 2rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pe-logo[b-n0x468mh52] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.pe-logo-icon[b-n0x468mh52] {
    width: 48px;
    height: 48px;
    color: var(--trecker-primary, #2e7d32);
    stroke-width: 1.5;
}

.pe-loading[b-n0x468mh52] {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
}

.pe-section[b-n0x468mh52] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pe-title[b-n0x468mh52] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
    text-align: center;
}

.pe-subtitle[b-n0x468mh52] {
    font-size: 0.95rem;
    color: #666;
    text-align: center;
    margin: -0.5rem 0 0;
}

.pe-hint[b-n0x468mh52] {
    font-size: 0.875rem;
    color: #777;
    text-align: center;
    margin: 0;
}

.pe-form-group[b-n0x468mh52] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.pe-label[b-n0x468mh52] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #333;
}

.pe-optional[b-n0x468mh52] {
    font-weight: 400;
    color: #999;
    font-size: 0.8rem;
}

.pe-input[b-n0x468mh52] {
    width: 100%;
    padding: 0.625rem 0.875rem;
    border: 1.5px solid #d1d5db;
    border-radius: 8px;
    font-size: 1rem;
    color: #1a1a2e;
    background: #fafafa;
    box-sizing: border-box;
    transition: border-color 0.15s, box-shadow 0.15s;
    outline: none;
}

.pe-input:focus[b-n0x468mh52] {
    border-color: var(--trecker-primary, #2e7d32);
    box-shadow: 0 0 0 3px rgba(46,125,50,0.12);
    background: #fff;
}

.pe-input--error[b-n0x468mh52] {
    border-color: #dc2626;
}

.pe-input--error:focus[b-n0x468mh52] {
    box-shadow: 0 0 0 3px rgba(220,38,38,0.12);
}

.pe-btn[b-n0x468mh52] {
    padding: 0.75rem 1.25rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.1s;
    width: 100%;
}

.pe-btn:disabled[b-n0x468mh52] {
    opacity: 0.55;
    cursor: not-allowed;
}

.pe-btn--primary[b-n0x468mh52] {
    background: var(--trecker-primary, #2e7d32);
    color: #fff;
}

.pe-btn--primary:hover:not(:disabled)[b-n0x468mh52] {
    opacity: 0.9;
}

.pe-btn--secondary[b-n0x468mh52] {
    background: transparent;
    color: var(--trecker-primary, #2e7d32);
    border: 1.5px solid var(--trecker-primary, #2e7d32);
    margin-top: 0.25rem;
}

.pe-btn--secondary:hover:not(:disabled)[b-n0x468mh52] {
    background: rgba(46,125,50,0.06);
}

.pe-error[b-n0x468mh52] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 0.625rem 0.875rem;
    color: #dc2626;
    font-size: 0.875rem;
}

.pe-success[b-n0x468mh52] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 0.625rem 0.875rem;
    color: #16a34a;
    font-size: 0.875rem;
}

.pe-urls-section[b-n0x468mh52] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pe-url-row[b-n0x468mh52] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.pe-url-inputs[b-n0x468mh52] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.pe-input--url[b-n0x468mh52] {
    font-size: 0.9rem;
}

.pe-input--label[b-n0x468mh52] {
    font-size: 0.875rem;
}

.pe-remove-btn[b-n0x468mh52] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    color: #9ca3af;
    transition: border-color 0.15s, color 0.15s;
}

.pe-remove-btn:hover[b-n0x468mh52] {
    border-color: #dc2626;
    color: #dc2626;
}

.pe-remove-btn svg[b-n0x468mh52] {
    width: 16px;
    height: 16px;
}

.pe-add-btn[b-n0x468mh52] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: 1.5px dashed #d1d5db;
    border-radius: 8px;
    padding: 0.5rem 0.875rem;
    color: var(--trecker-primary, #2e7d32);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
    width: 100%;
    justify-content: center;
}

.pe-add-btn:hover[b-n0x468mh52] {
    border-color: var(--trecker-primary, #2e7d32);
    background: rgba(46,125,50,0.04);
}

.pe-add-btn svg[b-n0x468mh52] {
    width: 16px;
    height: 16px;
}

.pe-footer[b-n0x468mh52] {
    text-align: center;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

.pe-footer-link[b-n0x468mh52] {
    font-size: 0.8rem;
    color: #9ca3af;
    text-decoration: none;
}

.pe-footer-link:hover[b-n0x468mh52] {
    color: var(--trecker-primary, #2e7d32);
}

@media (max-width: 540px) {
    .pe-page[b-n0x468mh52] {
        padding: 1rem 0.5rem 2rem;
        align-items: flex-start;
    }
    .pe-card[b-n0x468mh52] {
        border-radius: 12px;
        padding: 1.5rem 1.25rem 1.25rem;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/PrivacyPolicy.razor.rz.scp.css */
/* ============================================================================
   PrivacyPolicy.razor — Scoped Styles
   ============================================================================
   Privacy policy page layout. Uses design tokens from
   trecker-variables.css. Prefix: "pp-" for PrivacyPolicy.
   ============================================================================ */

/* --- Page container --- */
.pp-container[b-wo0ep36gt7] {
    max-width: 800px;
    margin: 0 auto;
    padding: var(--trecker-space-xl);
}

/* --- Card with extra padding --- */
.pp-card[b-wo0ep36gt7] {
    padding: var(--trecker-space-xl);
}

/* --- Content body with relaxed line height --- */
.pp-content[b-wo0ep36gt7] {
    line-height: 1.7;
}

/* --- Styled lists --- */
.pp-list[b-wo0ep36gt7] {
    padding-left: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-md);
}

/* --- Accent-colored links --- */
.pp-link[b-wo0ep36gt7] {
    color: var(--trecker-accent);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .pp-container[b-wo0ep36gt7] {
        padding: var(--trecker-space-lg);
    }

    .pp-card[b-wo0ep36gt7] {
        padding: var(--trecker-space-lg);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .pp-container[b-wo0ep36gt7] {
        padding: var(--trecker-space-md);
    }

    .pp-card[b-wo0ep36gt7] {
        padding: var(--trecker-space-md);
    }

    .pp-list[b-wo0ep36gt7] {
        padding-left: var(--trecker-space-md);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Results.razor.rz.scp.css */
/* ── /Results — öffentliche Ergebnisliste ──────────────────────
   Design folgt den neueren Public-Seiten (Fahrer/Fahrzeuge):
   Header + Filterleiste + Karten-Zeilen, keine Inline-Styles. */

.res-page[b-ja3sa8r2w8] {
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

/* ── Header ───────────────────────────────────────────────── */
.res-header[b-ja3sa8r2w8] {
    margin-bottom: 1.25rem;
}

.res-title[b-ja3sa8r2w8] {
    font-size: clamp(1.6rem, 4vw, 2.2rem);
    font-weight: 800;
    margin: 0 0 0.35rem;
}

.res-sub[b-ja3sa8r2w8] {
    color: var(--trecker-text-secondary, #6b7280);
    margin: 0;
    max-width: 46rem;
}

/* ── Filterleiste ─────────────────────────────────────────── */
.res-filters[b-ja3sa8r2w8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    border: 1px solid var(--trecker-border, #e5e7eb);
    background: var(--trecker-bg-card, #fff);
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.res-field[b-ja3sa8r2w8] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.res-label[b-ja3sa8r2w8] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-tertiary, #9ca3af);
}

.res-select[b-ja3sa8r2w8],
.res-search[b-ja3sa8r2w8] {
    width: 100%;
    min-width: 0;
}

/* ── Toolbar (Kontext + Export) ───────────────────────────── */
.res-toolbar[b-ja3sa8r2w8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem 1rem;
    margin-bottom: 0.9rem;
}

.res-context[b-ja3sa8r2w8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.75rem;
    min-width: 0;
}

.res-context-event[b-ja3sa8r2w8] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    text-decoration: none;
    color: var(--trecker-text-primary, #111827);
    font-weight: 700;
    min-width: 0;
}

.res-context-event:hover .res-context-name[b-ja3sa8r2w8],
.res-context-event:focus-visible .res-context-name[b-ja3sa8r2w8] {
    text-decoration: underline;
}

.res-context-name[b-ja3sa8r2w8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.res-context-arrow[b-ja3sa8r2w8] {
    flex-shrink: 0;
    color: var(--trecker-primary, #1f6f3c);
}

.res-context-meta[b-ja3sa8r2w8] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #6b7280);
}

.res-context-chip[b-ja3sa8r2w8] {
    display: inline-flex;
    align-items: center;
    background: var(--trecker-primary, #1f6f3c);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
}

.res-exports[b-ja3sa8r2w8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.res-exports-label[b-ja3sa8r2w8] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-text-tertiary, #9ca3af);
}

/* ── Liste ────────────────────────────────────────────────── */
.res-loading[b-ja3sa8r2w8] {
    display: flex;
    justify-content: center;
    padding: 4rem 0;
}

.res-empty[b-ja3sa8r2w8] {
    padding: 3rem 1rem;
}

.res-list[b-ja3sa8r2w8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.res-row[b-ja3sa8r2w8] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border: 1px solid var(--trecker-border, #e5e7eb);
    border-left: 4px solid transparent;
    background: var(--trecker-bg-card, #fff);
    border-radius: 0.75rem;
    padding: 0.7rem 0.9rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.res-row:hover[b-ja3sa8r2w8] {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.res-row--fp[b-ja3sa8r2w8] {
    border-left-color: var(--trecker-fullpull, #ffd60a);
}

.res-row--mine[b-ja3sa8r2w8] {
    border-left-color: var(--trecker-accent, #1f6f3c);
    background: var(--trecker-accent-light, rgba(31, 111, 60, 0.08));
}

/* ── Platzierung ──────────────────────────────────────────── */
.res-rank[b-ja3sa8r2w8] {
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--trecker-bg-tertiary, #f1f3f5);
    color: var(--trecker-text-secondary, #6b7280);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.res-rank-value[b-ja3sa8r2w8] {
    line-height: 1;
}

.res-rank--gold[b-ja3sa8r2w8] {
    background: var(--trecker-rank-gold, #ffc107);
    color: #1a1a1a;
}

.res-rank--silver[b-ja3sa8r2w8] {
    background: var(--trecker-rank-silver, #b0bec5);
    color: #1a1a1a;
}

.res-rank--bronze[b-ja3sa8r2w8] {
    background: var(--trecker-rank-bronze, #cd7f32);
    color: #fff;
}

/* ── Fahrer / Trecker ─────────────────────────────────────── */
.res-main[b-ja3sa8r2w8] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.res-name-line[b-ja3sa8r2w8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-width: 0;
}

.res-name[b-ja3sa8r2w8] {
    font-weight: 700;
    min-width: 0;
}

.res-sub-line[b-ja3sa8r2w8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem;
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #6b7280);
    min-width: 0;
}

.res-dot[b-ja3sa8r2w8] {
    color: var(--trecker-text-tertiary, #9ca3af);
}

/* Verlinkte Profile (nur wenn Fahrer-Account bzw. Trecker öffentlich ist) */
.res-link[b-ja3sa8r2w8] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
    color: inherit;
    text-decoration: none;
    border-radius: 0.25rem;
}

.res-link:hover[b-ja3sa8r2w8],
.res-link:focus-visible[b-ja3sa8r2w8] {
    color: var(--trecker-primary, #1f6f3c);
    text-decoration: underline;
}

.res-link-icon[b-ja3sa8r2w8] {
    flex-shrink: 0;
    color: var(--trecker-primary, #1f6f3c);
    opacity: 0.7;
}

.res-link:hover .res-link-icon[b-ja3sa8r2w8],
.res-link:focus-visible .res-link-icon[b-ja3sa8r2w8] {
    opacity: 1;
}

.res-mine-tag[b-ja3sa8r2w8] {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.1rem 0.4rem;
    border-radius: 0.3rem;
    background: var(--trecker-accent, #1f6f3c);
    color: #fff;
}

/* ── Versuche / Stechen ───────────────────────────────────── */
.res-chips[b-ja3sa8r2w8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.25rem;
}

.res-chips-label[b-ja3sa8r2w8] {
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-fullpull, #ffd60a);
}

.res-chip[b-ja3sa8r2w8] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.25rem;
    font-family: var(--trecker-font-mono, ui-monospace, monospace);
    font-size: 0.7rem;
    padding: 0.1rem 0.4rem;
    border-radius: 0.3rem;
    background: var(--trecker-bg-tertiary, #f1f3f5);
    color: var(--trecker-text-secondary, #6b7280);
    white-space: nowrap;
}

.res-chip-key[b-ja3sa8r2w8] {
    font-size: 0.62rem;
    opacity: 0.75;
}

.res-chip--best[b-ja3sa8r2w8] {
    color: var(--trecker-text-primary, #111827);
    font-weight: 700;
    box-shadow: inset 0 0 0 1px var(--trecker-border, #e5e7eb);
}

.res-chip--po[b-ja3sa8r2w8] {
    color: var(--trecker-fullpull, #ffd60a);
    font-weight: 700;
    background: var(--trecker-fullpull-bg, rgba(255, 214, 10, 0.18));
}

/* ── Ergebniswert ─────────────────────────────────────────── */
.res-value[b-ja3sa8r2w8] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.4rem;
    text-align: right;
}

.res-distance[b-ja3sa8r2w8] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.15rem;
    font-family: var(--trecker-font-mono, ui-monospace, monospace);
    font-variant-numeric: tabular-nums;
}

.res-distance-num[b-ja3sa8r2w8] {
    font-size: 1.15rem;
    font-weight: 800;
}

.res-distance-unit[b-ja3sa8r2w8] {
    font-size: 0.75rem;
    color: var(--trecker-text-secondary, #6b7280);
}

.res-badge-outline[b-ja3sa8r2w8] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    color: var(--trecker-fullpull, #ffd60a);
    box-shadow: inset 0 0 0 1px var(--trecker-fullpull, #ffd60a);
    white-space: nowrap;
}

.res-badge-record[b-ja3sa8r2w8] {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--trecker-accent-secondary-light, rgba(255, 138, 61, 0.12));
    color: var(--trecker-accent-secondary, #ff8a3d);
    white-space: nowrap;
}

/* ── Tablet / Desktop ─────────────────────────────────────── */
@media (min-width: 640px) {
    .res-filters[b-ja3sa8r2w8] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 900px) {
    .res-filters[b-ja3sa8r2w8] {
        grid-template-columns: 1.4fr 1fr 1fr;
        align-items: end;
    }

    .res-row[b-ja3sa8r2w8] {
        gap: 1.1rem;
        padding: 0.8rem 1.1rem;
    }

    .res-value[b-ja3sa8r2w8] {
        min-width: 9rem;
    }
}

/* ── Telefon ──────────────────────────────────────────────── */
@media (max-width: 480px) {
    .res-row[b-ja3sa8r2w8] {
        flex-wrap: wrap;
        row-gap: 0.5rem;
    }

    .res-rank[b-ja3sa8r2w8] {
        width: 2.35rem;
        height: 2.35rem;
        font-size: 0.9rem;
    }

    .res-value[b-ja3sa8r2w8] {
        width: 100%;
        justify-content: flex-start;
        padding-left: 3.2rem;
    }

    .res-exports-label[b-ja3sa8r2w8] {
        display: none;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Roadmap.razor.rz.scp.css */
/* ============================================================================
   Roadmap.razor — Scoped Styles
   ----------------------------------------------------------------------------
   Public product roadmap as a vertical timeline (Q1 2026 → Q4 2027).
   Uses design tokens from trecker-variables.css. Prefix: "rm-".
   Per-status accent is set via the --rm-* custom props on .rm-status--*.
   ============================================================================ */

.rm-page[b-6fb83nfowd] {
    max-width: 1100px;
    margin: 0 auto;
    padding: var(--trecker-space-xl) var(--trecker-space-lg) var(--trecker-space-4xl);
}

/* ---- Hero ---------------------------------------------------------------- */
.rm-hero[b-6fb83nfowd] {
    text-align: center;
    margin-bottom: var(--trecker-space-2xl);
}

.rm-eyebrow[b-6fb83nfowd] {
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--trecker-accent);
}

.rm-title[b-6fb83nfowd] {
    margin: 0;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 800;
    line-height: 1.1;
    color: var(--trecker-text-primary);
}

.rm-intro[b-6fb83nfowd] {
    max-width: 640px;
    margin: var(--trecker-space-md) auto 0;
    font-size: var(--trecker-font-size-md);
    line-height: 1.6;
    color: var(--trecker-text-secondary);
}

/* ---- Legend -------------------------------------------------------------- */
.rm-legend[b-6fb83nfowd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--trecker-space-md) var(--trecker-space-lg);
    margin-top: var(--trecker-space-lg);
}

.rm-legend__item[b-6fb83nfowd] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

.rm-legend__dot[b-6fb83nfowd] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--rm-accent);
    box-shadow: 0 0 0 3px var(--rm-soft);
}

.rm-edit-link[b-6fb83nfowd] {
    display: inline-block;
    margin-top: var(--trecker-space-lg);
    padding: 7px 16px;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-accent);
    text-decoration: none;
    border: 1px solid var(--trecker-accent);
    border-radius: var(--trecker-border-radius-full);
    transition: background var(--trecker-transition-fast), color var(--trecker-transition-fast);
}

.rm-edit-link:hover[b-6fb83nfowd] {
    background: var(--trecker-accent);
    color: #fff;
}

/* ---- Loading ------------------------------------------------------------- */
.rm-loading[b-6fb83nfowd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-4xl) 0;
    color: var(--trecker-text-secondary);
}

.rm-spinner[b-6fb83nfowd] {
    width: 22px;
    height: 22px;
    border: 3px solid var(--trecker-border);
    border-top-color: var(--trecker-accent);
    border-radius: 50%;
    animation: rm-spin-b-6fb83nfowd 0.8s linear infinite;
}

@keyframes rm-spin-b-6fb83nfowd {
    to { transform: rotate(360deg); }
}

/* ---- Timeline ------------------------------------------------------------ */
.rm-timeline[b-6fb83nfowd] {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* the central spine */
.rm-timeline[b-6fb83nfowd]::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 50%;
    width: 2px;
    transform: translateX(-50%);
    background: linear-gradient(
        to bottom,
        transparent 0,
        var(--trecker-border) 24px,
        var(--trecker-border) calc(100% - 24px),
        transparent 100%
    );
}

/* ---- Year marker --------------------------------------------------------- */
.rm-year[b-6fb83nfowd] {
    display: flex;
    justify-content: center;
    margin: var(--trecker-space-lg) 0 var(--trecker-space-md);
}

.rm-year:first-child[b-6fb83nfowd] {
    margin-top: 0;
}

.rm-year__label[b-6fb83nfowd] {
    position: relative;
    z-index: 2;
    padding: 6px 22px;
    font-size: var(--trecker-font-size-lg);
    font-weight: 800;
    letter-spacing: 0.06em;
    color: var(--trecker-text-primary);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-full);
    box-shadow: var(--trecker-shadow-sm);
}

/* ---- Timeline item ------------------------------------------------------- */
.rm-item[b-6fb83nfowd] {
    display: grid;
    grid-template-columns: 1fr 48px 1fr;
    align-items: start;
    margin-bottom: var(--trecker-space-lg);
}

.rm-item--right .rm-card[b-6fb83nfowd] { grid-column: 3; }
.rm-item--left .rm-card[b-6fb83nfowd]  { grid-column: 1; }

/* node sits in the centre column, on the spine */
.rm-node[b-6fb83nfowd] {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    align-self: start;
    margin-top: 14px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--trecker-bg-primary);
    border: 3px solid var(--rm-accent);
    box-shadow: 0 0 0 4px var(--trecker-bg-primary);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.rm-status--done .rm-node[b-6fb83nfowd] { background: var(--rm-accent); }
.rm-node svg[b-6fb83nfowd] { width: 11px; height: 11px; }

/* ---- Card ---------------------------------------------------------------- */
.rm-card[b-6fb83nfowd] {
    grid-row: 1;
    position: relative;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-top: 3px solid var(--rm-accent);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md) var(--trecker-space-lg) var(--trecker-space-lg);
    box-shadow: var(--trecker-shadow-sm);
    transition: transform var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast),
                border-color var(--trecker-transition-fast);
}

.rm-card:hover[b-6fb83nfowd] {
    transform: translateY(-2px);
    box-shadow: var(--trecker-shadow-md);
    border-color: var(--rm-line);
}

.rm-card__head[b-6fb83nfowd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-sm);
}

.rm-card__q[b-6fb83nfowd] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    font-size: var(--trecker-font-size-xl);
    font-weight: 800;
    line-height: 1;
    color: var(--rm-accent);
}

.rm-card__year[b-6fb83nfowd] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-tertiary);
}

.rm-badge[b-6fb83nfowd] {
    flex: none;
    padding: 3px 11px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.02em;
    border-radius: var(--trecker-border-radius-full);
    color: var(--rm-accent);
    background: var(--rm-soft);
    border: 1px solid var(--rm-line);
    white-space: nowrap;
}

.rm-card__title[b-6fb83nfowd] {
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    line-height: 1.3;
    color: var(--trecker-text-primary);
}

.rm-card__empty[b-6fb83nfowd] {
    margin: 0;
    font-size: var(--trecker-font-size-sm);
    font-style: italic;
    color: var(--trecker-text-tertiary);
}

.rm-bullets[b-6fb83nfowd] {
    list-style: none;
    margin: var(--trecker-space-sm) 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.rm-bullets li[b-6fb83nfowd] {
    position: relative;
    padding-left: 20px;
    font-size: var(--trecker-font-size-sm);
    line-height: 1.55;
    color: var(--trecker-text-secondary);
}

.rm-bullets li[b-6fb83nfowd]::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--rm-accent);
}

/* ---- Per-status accent tokens ------------------------------------------- */
.rm-status--planned[b-6fb83nfowd] {
    --rm-accent: #9aa0a6;
    --rm-soft: rgba(154, 160, 166, 0.13);
    --rm-line: rgba(154, 160, 166, 0.32);
}

.rm-status--in-progress[b-6fb83nfowd] {
    --rm-accent: var(--trecker-warning);
    --rm-soft: rgba(224, 160, 0, 0.15);
    --rm-line: rgba(224, 160, 0, 0.34);
}

.rm-status--done[b-6fb83nfowd] {
    --rm-accent: var(--trecker-success);
    --rm-soft: rgba(46, 160, 67, 0.15);
    --rm-line: rgba(46, 160, 67, 0.34);
}

/* ---- Stats (manually updated platform numbers) -------------------------- */
.rm-stats[b-6fb83nfowd] {
    margin-top: var(--trecker-space-3xl);
    padding-top: var(--trecker-space-2xl);
    border-top: 1px solid var(--trecker-border);
    text-align: center;
}

.rm-stats__title[b-6fb83nfowd] {
    margin: 0 0 var(--trecker-space-xl);
    font-size: clamp(1.3rem, 3vw, 1.75rem);
    font-weight: 800;
    color: var(--trecker-text-primary);
}

.rm-stats__grid[b-6fb83nfowd] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--trecker-space-lg);
    max-width: 860px;
    margin: 0 auto;
}

.rm-stat[b-6fb83nfowd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-xs);
    padding: var(--trecker-space-lg) var(--trecker-space-md);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
}

.rm-stat__value[b-6fb83nfowd] {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    line-height: 1;
    color: var(--trecker-accent);
}

.rm-stat__label[b-6fb83nfowd] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--trecker-text-secondary);
}

/* ============================================================================
   RESPONSIVE — collapse to a single left-aligned column on tablet/mobile
   ============================================================================ */
@media (max-width: 768px) {
    .rm-page[b-6fb83nfowd] {
        padding: var(--trecker-space-lg) var(--trecker-space-md) var(--trecker-space-3xl);
    }

    .rm-timeline[b-6fb83nfowd]::before {
        left: 11px;
        transform: none;
    }

    .rm-year[b-6fb83nfowd] {
        justify-content: flex-start;
        padding-left: 0;
    }

    .rm-item[b-6fb83nfowd] {
        grid-template-columns: 24px 1fr;
        column-gap: var(--trecker-space-md);
        margin-bottom: var(--trecker-space-md);
    }

    .rm-item--left .rm-card[b-6fb83nfowd],
    .rm-item--right .rm-card[b-6fb83nfowd] {
        grid-column: 2;
    }

    .rm-node[b-6fb83nfowd] {
        grid-column: 1;
        justify-self: start;
        margin-left: 1px;
    }

    .rm-stats__grid[b-6fb83nfowd] {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--trecker-space-md);
    }
}

@media (max-width: 480px) {
    .rm-card[b-6fb83nfowd] {
        padding: var(--trecker-space-md);
    }

    .rm-legend[b-6fb83nfowd] {
        gap: var(--trecker-space-sm) var(--trecker-space-md);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Search.razor.rz.scp.css */
/* ============================================================================
   Search.razor -- Scoped Styles
   ============================================================================
   Public search page layout. Uses design tokens from trecker-variables.css.
   Prefix: sr-
   ============================================================================ */

/* --- Page wrapper --- */
.sr-page[b-xcx8rqgrwb] {
    padding: var(--trecker-space-md);
    max-width: 1280px;
    margin: 0 auto;
    color: var(--trecker-text-primary);
}

/* --- Breadcrumb --- */
.sr-breadcrumb[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-sm);
    margin-bottom: var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
}

.sr-breadcrumb-list[b-xcx8rqgrwb] {
    list-style: none;
    display: flex;
    gap: var(--trecker-space-md);
    margin: 0;
    padding: 0;
}

.sr-breadcrumb-link[b-xcx8rqgrwb] {
    color: var(--trecker-accent);
    text-decoration: none;
}

.sr-breadcrumb-link:hover[b-xcx8rqgrwb] {
    text-decoration: underline;
}

.sr-breadcrumb-current[b-xcx8rqgrwb] {
    display: flex;
    align-items: center;
}

.sr-breadcrumb-separator[b-xcx8rqgrwb] {
    margin: 0 var(--trecker-space-sm);
}

/* --- Page header --- */
.sr-header[b-xcx8rqgrwb] {
    margin-bottom: var(--trecker-space-xl);
}

.sr-eyebrow[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 var(--trecker-space-xs);
}

.sr-title[b-xcx8rqgrwb] {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-sm);
    letter-spacing: -0.02em;
    color: var(--trecker-text-primary);
}

.sr-subtitle[b-xcx8rqgrwb] {
    color: var(--trecker-text-secondary);
    margin: 0;
    font-size: var(--trecker-font-size-md);
}

/* --- Search hero card --- */
.sr-search-card[b-xcx8rqgrwb] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-xl);
    box-shadow: var(--trecker-shadow-lg);
    margin-bottom: var(--trecker-space-xl);
}

.sr-search-row[b-xcx8rqgrwb] {
    display: flex;
    gap: var(--trecker-space-md);
    align-items: stretch;
    margin-bottom: var(--trecker-space-lg);
}

.sr-search-input-wrap[b-xcx8rqgrwb] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.sr-search-input-icon[b-xcx8rqgrwb] {
    position: absolute;
    left: var(--trecker-space-md);
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: var(--trecker-text-tertiary);
    pointer-events: none;
}

.sr-search-input[b-xcx8rqgrwb] {
    width: 100%;
    padding: var(--trecker-space-md) var(--trecker-space-md) var(--trecker-space-md) calc(var(--trecker-space-md) * 2 + 20px);
    background-color: var(--trecker-bg-input);
    color: var(--trecker-text-primary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    font-size: var(--trecker-font-size-base);
    transition: border-color var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast), background-color var(--trecker-transition-fast);
}

.sr-search-input:focus[b-xcx8rqgrwb] {
    outline: none;
    border-color: var(--trecker-border-focus);
    background-color: var(--trecker-bg-input-focus);
    box-shadow: var(--trecker-shadow-glow);
}

.sr-search-input[b-xcx8rqgrwb]::placeholder {
    color: var(--trecker-text-tertiary);
}

.sr-search-btn[b-xcx8rqgrwb] {
    flex-shrink: 0;
    padding-left: var(--trecker-space-xl);
    padding-right: var(--trecker-space-xl);
    font-weight: 600;
}

/* --- Filter section + collapsible toggle --- */
.sr-filters-section[b-xcx8rqgrwb] {
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-light);
}

/* Toggle button: hidden on desktop, shown on mobile (see media query) */
.sr-filters-toggle[b-xcx8rqgrwb] {
    display: none;
    align-items: center;
    gap: var(--trecker-space-sm);
    width: 100%;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background-color: var(--trecker-bg-tertiary);
    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);
    font-weight: 600;
    cursor: pointer;
    transition: border-color var(--trecker-transition-fast), background-color var(--trecker-transition-fast);
}

.sr-filters-toggle:hover[b-xcx8rqgrwb] {
    border-color: var(--trecker-border-medium);
    background-color: var(--trecker-bg-hover-subtle);
}

.sr-filters-toggle-icon[b-xcx8rqgrwb] {
    width: 16px;
    height: 16px;
    color: var(--trecker-accent);
    flex-shrink: 0;
}

.sr-filters-toggle-label[b-xcx8rqgrwb] {
    flex: 1;
    text-align: left;
}

.sr-filters-toggle-count[b-xcx8rqgrwb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    background-color: var(--trecker-accent-light);
    color: var(--trecker-accent);
    border-radius: var(--trecker-border-radius-full);
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
}

.sr-filters-toggle-chevron[b-xcx8rqgrwb] {
    width: 18px;
    height: 18px;
    color: var(--trecker-text-tertiary);
    flex-shrink: 0;
    transition: transform var(--trecker-transition-fast);
}

.sr-filters-toggle-chevron--open[b-xcx8rqgrwb] {
    transform: rotate(180deg);
}

/* --- Filter chips --- */
.sr-filters[b-xcx8rqgrwb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: center;
}

.sr-filters-label[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    margin-right: var(--trecker-space-sm);
}

.sr-filter-chip[b-xcx8rqgrwb] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    padding: 6px var(--trecker-space-md);
    background-color: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-full);
    font-size: var(--trecker-font-size-sm);
    font-weight: 500;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: all var(--trecker-transition-fast);
    user-select: none;
}

.sr-filter-chip:hover[b-xcx8rqgrwb] {
    border-color: var(--trecker-border-medium);
    color: var(--trecker-text-primary);
}

.sr-filter-chip--active[b-xcx8rqgrwb] {
    background-color: var(--trecker-accent-light);
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
    font-weight: 600;
}

.sr-filter-chip--active[b-xcx8rqgrwb]::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: var(--trecker-accent);
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/contain no-repeat;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/contain no-repeat;
    flex-shrink: 0;
}

.sr-filter-checkbox[b-xcx8rqgrwb] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
}

/* Select all / none */
.sr-filter-all[b-xcx8rqgrwb] {
    display: inline-flex;
    align-items: center;
    padding: 6px var(--trecker-space-md);
    background-color: transparent;
    border: 1px dashed var(--trecker-border-medium);
    border-radius: var(--trecker-border-radius-full);
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    cursor: pointer;
    transition: border-color var(--trecker-transition-fast), color var(--trecker-transition-fast);
}

.sr-filter-all:hover[b-xcx8rqgrwb] {
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
}

/* --- Error alert --- */
.sr-error[b-xcx8rqgrwb] {
    margin-bottom: var(--trecker-space-lg);
}

/* --- Loading state --- */
.sr-loading[b-xcx8rqgrwb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-3xl);
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
}

.sr-loading-text[b-xcx8rqgrwb] {
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Results header --- */
.sr-results-header[b-xcx8rqgrwb] {
    margin-bottom: var(--trecker-space-lg);
}

.sr-results-summary[b-xcx8rqgrwb] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-md);
    font-weight: 400;
    color: var(--trecker-text-secondary);
    margin: 0;
}

.sr-results-count[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-accent);
    margin-right: 4px;
}

.sr-results-count-label[b-xcx8rqgrwb] {
    color: var(--trecker-text-primary);
    font-weight: 600;
}

.sr-results-for[b-xcx8rqgrwb] {
    margin: 0 2px;
}

.sr-results-query[b-xcx8rqgrwb] {
    color: var(--trecker-text-primary);
    font-weight: 600;
}

/* --- Tab bar --- */
.sr-tabs[b-xcx8rqgrwb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    margin-bottom: var(--trecker-space-xl);
    padding: var(--trecker-space-xs);
    background-color: var(--trecker-bg-tertiary);
    border-radius: var(--trecker-border-radius-lg);
    border: 1px solid var(--trecker-border);
}

.sr-tab[b-xcx8rqgrwb] {
    padding: var(--trecker-space-sm) var(--trecker-space-lg);
    background-color: transparent;
    color: var(--trecker-text-secondary);
    border: none;
    border-radius: var(--trecker-border-radius-md);
    cursor: pointer;
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
    transition: all var(--trecker-transition-fast);
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.sr-tab:hover:not(.sr-tab--active)[b-xcx8rqgrwb] {
    background-color: var(--trecker-bg-hover-subtle);
    color: var(--trecker-text-primary);
}

.sr-tab--active[b-xcx8rqgrwb] {
    background-color: var(--trecker-accent);
    color: #fff;
    box-shadow: var(--trecker-shadow-sm);
}

.sr-tab-badge[b-xcx8rqgrwb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    background-color: var(--trecker-bg-secondary);
    color: inherit;
    border-radius: 10px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
}

.sr-tab--active .sr-tab-badge[b-xcx8rqgrwb] {
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
}

/* --- Section card --- */
.sr-section[b-xcx8rqgrwb] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--trecker-shadow-md);
    margin-bottom: var(--trecker-space-lg);
}

.sr-section-header[b-xcx8rqgrwb] {
    padding: var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border-light);
    background-color: var(--trecker-bg-secondary);
}

.sr-section-header-inner[b-xcx8rqgrwb] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.sr-section-icon[b-xcx8rqgrwb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
}

.sr-section-icon svg[b-xcx8rqgrwb] {
    width: 18px;
    height: 18px;
}

.sr-section-icon--fahrer[b-xcx8rqgrwb] {
    background-color: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.sr-section-icon--traktoren[b-xcx8rqgrwb] {
    background-color: var(--trecker-accent-secondary-light);
    color: var(--trecker-accent-secondary);
}

.sr-section-icon--fotografen[b-xcx8rqgrwb] {
    background-color: var(--trecker-info-bg);
    color: var(--trecker-info);
}

.sr-section-icon--events[b-xcx8rqgrwb] {
    background-color: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

.sr-section-icon--ergebnisse[b-xcx8rqgrwb] {
    background-color: var(--trecker-info-bg);
    color: var(--trecker-info);
}

.sr-section-icon--klassen[b-xcx8rqgrwb] {
    background-color: var(--trecker-success-bg);
    color: var(--trecker-success);
}

.sr-section-icon--neuigkeiten[b-xcx8rqgrwb] {
    background-color: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

.sr-section-icon--verlosungen[b-xcx8rqgrwb] {
    background-color: var(--trecker-fullpull-bg);
    color: var(--trecker-fullpull);
}

.sr-section-icon--seiten[b-xcx8rqgrwb] {
    background-color: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.sr-section-title[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.01em;
    flex: 1;
}

.sr-section-count[b-xcx8rqgrwb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 24px;
    padding: 0 var(--trecker-space-sm);
    background-color: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    color: var(--trecker-text-secondary);
}

/* --- Results grid --- */
.sr-grid[b-xcx8rqgrwb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg);
}

.sr-grid--wide[b-xcx8rqgrwb] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr));
}

/* --- Result card --- */
.sr-card[b-xcx8rqgrwb] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    padding: var(--trecker-space-lg);
    text-decoration: none;
    color: var(--trecker-text-primary);
    transition: transform var(--trecker-transition-fast), border-color var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast), background-color var(--trecker-transition-fast);
    overflow: hidden;
}

.sr-card[b-xcx8rqgrwb]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: transparent;
    transition: background-color var(--trecker-transition-fast);
}

.sr-card:hover[b-xcx8rqgrwb] {
    border-color: var(--trecker-border-medium);
    background-color: var(--trecker-bg-card-hover);
    box-shadow: var(--trecker-shadow-lg);
    transform: translateY(-2px);
}

.sr-section--fahrer     .sr-card:hover[b-xcx8rqgrwb]::before { background-color: var(--trecker-accent); }
.sr-section--traktoren  .sr-card:hover[b-xcx8rqgrwb]::before { background-color: var(--trecker-accent-secondary); }
.sr-section--fotografen .sr-card:hover[b-xcx8rqgrwb]::before { background-color: var(--trecker-info); }
.sr-section--events     .sr-card:hover[b-xcx8rqgrwb]::before { background-color: var(--trecker-warning); }
.sr-section--ergebnisse .sr-card:hover[b-xcx8rqgrwb]::before { background-color: var(--trecker-info); }
.sr-section--klassen    .sr-card:hover[b-xcx8rqgrwb]::before { background-color: var(--trecker-success); }

.sr-card-body[b-xcx8rqgrwb] {
    flex: 1;
    margin-bottom: var(--trecker-space-md);
}

.sr-card-title[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-base);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-xs);
    line-height: 1.3;
    color: var(--trecker-text-primary);
}

.sr-card-subtitle[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
    line-height: 1.5;
}

.sr-card-footer[b-xcx8rqgrwb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding-top: var(--trecker-space-sm);
    border-top: 1px solid var(--trecker-border-light);
}

.sr-card-tag[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    font-weight: 500;
}

.sr-card-type[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    padding: 3px 10px;
    border-radius: var(--trecker-border-radius-full);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sr-card-type--fahrer[b-xcx8rqgrwb] {
    background-color: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.sr-card-type--traktoren[b-xcx8rqgrwb] {
    background-color: var(--trecker-accent-secondary-light);
    color: var(--trecker-accent-secondary);
}

.sr-card-type--fotografen[b-xcx8rqgrwb] {
    background-color: var(--trecker-info-bg);
    color: var(--trecker-info);
}

.sr-card-type--events[b-xcx8rqgrwb] {
    background-color: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

.sr-card-type--ergebnisse[b-xcx8rqgrwb] {
    background-color: var(--trecker-info-bg);
    color: var(--trecker-info);
}

.sr-card-type--klassen[b-xcx8rqgrwb] {
    background-color: var(--trecker-success-bg);
    color: var(--trecker-success);
}

.sr-card-type--neuigkeiten[b-xcx8rqgrwb] {
    background-color: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

.sr-card-type--verlosungen[b-xcx8rqgrwb] {
    background-color: var(--trecker-fullpull-bg);
    color: var(--trecker-fullpull);
}

.sr-card-type--seiten[b-xcx8rqgrwb] {
    background-color: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

/* --- Empty / no results state --- */
.sr-empty[b-xcx8rqgrwb] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-3xl) var(--trecker-space-lg);
    text-align: center;
    box-shadow: var(--trecker-shadow-md);
}

.sr-empty-icon[b-xcx8rqgrwb] {
    width: 56px;
    height: 56px;
    color: var(--trecker-text-tertiary);
    opacity: 0.35;
    margin: 0 auto var(--trecker-space-md);
    display: block;
}

.sr-empty-title[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-sm);
}

.sr-empty-hint[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Initial empty state (no query) --- */
.sr-initial[b-xcx8rqgrwb] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-4xl) var(--trecker-space-lg);
    text-align: center;
    box-shadow: var(--trecker-shadow-md);
}

.sr-initial-icon-wrap[b-xcx8rqgrwb] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: var(--trecker-accent-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--trecker-space-lg);
}

.sr-initial-icon[b-xcx8rqgrwb] {
    width: 48px;
    height: 48px;
    color: var(--trecker-accent);
    opacity: 0.8;
    display: block;
}

.sr-initial-title[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-sm);
    letter-spacing: -0.01em;
}

.sr-initial-text[b-xcx8rqgrwb] {
    font-size: var(--trecker-font-size-md);
    color: var(--trecker-text-secondary);
    margin: 0 auto var(--trecker-space-lg);
    max-width: 520px;
    line-height: 1.5;
}

.sr-initial-hints[b-xcx8rqgrwb] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background-color: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-full);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.sr-initial-hint[b-xcx8rqgrwb] {
    font-weight: 600;
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--trecker-font-size-xs);
}

.sr-initial-hint-item[b-xcx8rqgrwb] {
    color: var(--trecker-text-secondary);
}

.sr-initial-hint-dot[b-xcx8rqgrwb] {
    color: var(--trecker-text-tertiary);
    opacity: 0.6;
}

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

    .sr-search-card[b-xcx8rqgrwb] {
        padding: var(--trecker-space-lg);
    }

    /* Collapse the category filters behind the toggle to save vertical space */
    .sr-filters-toggle[b-xcx8rqgrwb] {
        display: flex;
    }

    .sr-filters[b-xcx8rqgrwb] {
        display: none;
        margin-top: var(--trecker-space-md);
    }

    .sr-filters--open[b-xcx8rqgrwb] {
        display: flex;
    }

    .sr-filters-label[b-xcx8rqgrwb] {
        display: none;
    }

    .sr-tab[b-xcx8rqgrwb] {
        padding: var(--trecker-space-xs) var(--trecker-space-md);
    }

    .sr-section-header[b-xcx8rqgrwb] {
        padding: var(--trecker-space-md);
    }

    .sr-grid[b-xcx8rqgrwb] {
        padding: var(--trecker-space-md);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .sr-search-row[b-xcx8rqgrwb] {
        flex-direction: column;
        gap: var(--trecker-space-sm);
    }

    .sr-search-btn[b-xcx8rqgrwb] {
        width: 100%;
        justify-content: center;
    }

    .sr-filters[b-xcx8rqgrwb] {
        gap: var(--trecker-space-xs);
    }

    .sr-filters-label[b-xcx8rqgrwb] {
        width: 100%;
        margin-bottom: var(--trecker-space-xs);
    }

    .sr-tabs[b-xcx8rqgrwb] {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .sr-tab[b-xcx8rqgrwb] {
        flex-shrink: 0;
    }

    .sr-grid[b-xcx8rqgrwb],
    .sr-grid--wide[b-xcx8rqgrwb] {
        grid-template-columns: 1fr;
    }

    .sr-initial-hints[b-xcx8rqgrwb] {
        flex-direction: column;
        gap: var(--trecker-space-xs);
        border-radius: var(--trecker-border-radius-lg);
        padding: var(--trecker-space-md);
    }

    .sr-initial-hint-dot[b-xcx8rqgrwb] {
        display: none;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Sponsors.razor.rz.scp.css */
/* ==========================================================================
   Public Sponsors & Partners page
   ========================================================================== */

.sp-page[b-qesat18f2e] {
    padding-bottom: var(--trecker-space-4xl);
}

/* ---- Hero ---- */
.sp-hero[b-qesat18f2e] {
    position: relative;
    padding: var(--trecker-space-3xl) 0 var(--trecker-space-2xl);
    margin-bottom: var(--trecker-space-2xl);
    text-align: center;
    overflow: hidden;
    background:
        radial-gradient(ellipse 80% 120% at 50% -20%, var(--trecker-accent-light), transparent 60%),
        var(--trecker-bg-secondary);
    border-bottom: 1px solid var(--trecker-border);
}

.sp-hero-eyebrow[b-qesat18f2e] {
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    letter-spacing: var(--trecker-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--trecker-accent);
}

.sp-hero-title[b-qesat18f2e] {
    margin: 0 auto var(--trecker-space-md);
    max-width: 16ch;
    font-size: var(--trecker-font-size-3xl);
    font-weight: var(--trecker-font-weight-bold);
    letter-spacing: var(--trecker-letter-spacing-tight);
    line-height: var(--trecker-line-height-tight);
    color: var(--trecker-text-primary);
}

.sp-hero-sub[b-qesat18f2e] {
    margin: 0 auto;
    max-width: 56ch;
    font-size: var(--trecker-font-size-md);
    line-height: var(--trecker-line-height-relaxed);
    color: var(--trecker-text-secondary);
}

/* ---- States ---- */
.sp-loading[b-qesat18f2e] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40vh;
}

.sp-empty[b-qesat18f2e] {
    text-align: center;
    padding: var(--trecker-space-3xl) var(--trecker-space-md);
}

.sp-empty-icon[b-qesat18f2e] { font-size: 3rem; }

.sp-empty-title[b-qesat18f2e] {
    margin: var(--trecker-space-md) 0 var(--trecker-space-xs);
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

.sp-empty-sub[b-qesat18f2e] {
    margin: 0;
    color: var(--trecker-text-secondary);
}

/* ---- Event / partner group ---- */
.sp-group[b-qesat18f2e] {
    margin-bottom: var(--trecker-space-3xl);
}

.sp-group-head[b-qesat18f2e] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    padding-bottom: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-xl);
    border-bottom: 1px solid var(--trecker-border);
}

.sp-group-eyebrow[b-qesat18f2e] {
    display: inline-block;
    margin-bottom: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
    letter-spacing: var(--trecker-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--trecker-text-tertiary);
}

.sp-group-eyebrow--live[b-qesat18f2e] {
    color: var(--trecker-success);
}

.sp-group-title[b-qesat18f2e] {
    margin: 0;
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-bold);
    letter-spacing: var(--trecker-letter-spacing-tight);
    color: var(--trecker-text-primary);
}

.sp-group-date[b-qesat18f2e] {
    display: inline-block;
    margin-top: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.sp-group-link[b-qesat18f2e] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-full);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
    text-decoration: none;
    transition: all var(--trecker-transition-fast);
}

.sp-group-link:hover[b-qesat18f2e] {
    border-color: var(--trecker-accent);
    color: var(--trecker-accent);
    transform: translateX(2px);
}

.sp-group-link svg[b-qesat18f2e] { width: 16px; height: 16px; }

/* ---- Tier sub-section ---- */
.sp-tier[b-qesat18f2e] {
    margin-bottom: var(--trecker-space-xl);
}

.sp-tier-label[b-qesat18f2e] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    letter-spacing: var(--trecker-letter-spacing-wide);
    text-transform: uppercase;
    color: var(--trecker-text-secondary);
}

.sp-tier-dot[b-qesat18f2e] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.sp-tier-dot--platinum[b-qesat18f2e] { background: #d7d9dc; box-shadow: 0 0 8px rgba(215, 217, 220, 0.5); }
.sp-tier-dot--gold[b-qesat18f2e]     { background: #f5c518; box-shadow: 0 0 8px rgba(245, 197, 24, 0.5); }
.sp-tier-dot--silver[b-qesat18f2e]   { background: #b9c0c7; }
.sp-tier-dot--bronze[b-qesat18f2e]   { background: #cd7f32; }

/* ---- Grid ---- */
.sp-grid[b-qesat18f2e] {
    display: grid;
    gap: var(--trecker-space-md);
}

.sp-grid--platinum[b-qesat18f2e] { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.sp-grid--gold[b-qesat18f2e]     { grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.sp-grid--silver[b-qesat18f2e],
.sp-grid--bronze[b-qesat18f2e]   { grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); }

/* ---- Sponsor card ---- */
.sp-card[b-qesat18f2e] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    text-decoration: none;
    color: inherit;
    box-shadow: var(--trecker-shadow-card);
    transition: transform var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast), border-color var(--trecker-transition-fast);
    overflow: hidden;
}

.sp-card[b-qesat18f2e]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    opacity: 0.85;
}

.sp-card--platinum[b-qesat18f2e]::before { background: linear-gradient(90deg, #e8eaed, #b6bcc4); }
.sp-card--gold[b-qesat18f2e]::before     { background: linear-gradient(90deg, #ffe082, #f5c518); }
.sp-card--silver[b-qesat18f2e]::before   { background: linear-gradient(90deg, #d4d9de, #aab1b8); }
.sp-card--bronze[b-qesat18f2e]::before   { background: linear-gradient(90deg, #e0a96d, #cd7f32); }

.sp-card:not(.sp-card--nolink):hover[b-qesat18f2e] {
    transform: translateY(-4px);
    box-shadow: var(--trecker-shadow-lg);
    border-color: var(--trecker-border-medium);
}

.sp-card--nolink[b-qesat18f2e] { cursor: default; }

.sp-card-logo[b-qesat18f2e] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88px;
    margin-bottom: var(--trecker-space-md);
}

.sp-card--platinum .sp-card-logo[b-qesat18f2e] { height: 110px; }
.sp-card--gold .sp-card-logo[b-qesat18f2e]     { height: 96px; }
.sp-card--silver .sp-card-logo[b-qesat18f2e],
.sp-card--bronze .sp-card-logo[b-qesat18f2e]   { height: 72px; }

.sp-card-logo img[b-qesat18f2e] {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.sp-card-monogram[b-qesat18f2e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: var(--trecker-border-radius-lg);
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-bold);
}

.sp-card-body[b-qesat18f2e] { flex: 1; text-align: center; }

.sp-card-name[b-qesat18f2e] {
    margin: 0;
    font-size: var(--trecker-font-size-base);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

.sp-card-desc[b-qesat18f2e] {
    margin: var(--trecker-space-xs) 0 0;
    font-size: var(--trecker-font-size-sm);
    line-height: var(--trecker-line-height-normal);
    color: var(--trecker-text-secondary);
}

.sp-card-visit[b-qesat18f2e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-accent);
    opacity: 0;
    transform: translateY(4px);
    transition: opacity var(--trecker-transition-fast), transform var(--trecker-transition-fast);
}

.sp-card-visit svg[b-qesat18f2e] { width: 14px; height: 14px; }

.sp-card:hover .sp-card-visit[b-qesat18f2e] {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 640px) {
    .sp-hero[b-qesat18f2e] { padding: var(--trecker-space-2xl) 0 var(--trecker-space-xl); }
    .sp-hero-title[b-qesat18f2e] { font-size: var(--trecker-font-size-2xl); }
    .sp-group-link[b-qesat18f2e] { display: none; }
    /* Touch devices have no hover — keep the website hint visible. */
    .sp-card-visit[b-qesat18f2e] { opacity: 1; transform: none; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/StartList.razor.rz.scp.css */
.sl-entity-link[b-5bnjsuq0cc] {
    display: block;
    color: inherit;
    text-decoration: none;
}

.sl-entity-link:hover[b-5bnjsuq0cc] {
    text-decoration: underline;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/Stats.razor.rz.scp.css */
/* ============================================================================
   Stats.razor — Scoped Styles
   ============================================================================
   Public statistics page layout. Uses design tokens from
   trecker-variables.css. Prefix: "st-" for Stats.
   ============================================================================ */

/* --- Page wrapper --- */
.st-page[b-muxqgxv4wt] {
    max-width: var(--trecker-max-width);
    margin-inline: auto;
    padding: var(--trecker-space-md);
    color: var(--trecker-text-primary);
}

/* --- Breadcrumb --- */
.st-breadcrumb[b-muxqgxv4wt] {
    font-size: var(--trecker-font-size-sm);
    margin-bottom: var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
}

.st-breadcrumb-list[b-muxqgxv4wt] {
    list-style: none;
    display: flex;
    gap: var(--trecker-space-md);
    margin: 0;
    padding: 0;
}

.st-breadcrumb-link[b-muxqgxv4wt] {
    color: var(--trecker-accent);
    text-decoration: none;
}

.st-breadcrumb-current[b-muxqgxv4wt] {
    display: flex;
    align-items: center;
}

.st-breadcrumb-separator[b-muxqgxv4wt] {
    margin: 0 var(--trecker-space-sm);
}

/* --- Page title --- */
.st-title[b-muxqgxv4wt] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-sm);
}

.st-subtitle[b-muxqgxv4wt] {
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-lg);
}

/* --- Year selector --- */
.st-year-selector[b-muxqgxv4wt] {
    margin-bottom: var(--trecker-space-lg);
    max-width: 512px;
}

.st-year-label[b-muxqgxv4wt] {
    display: block;
    font-weight: 600;
    margin-bottom: var(--trecker-space-sm);
}

.st-year-select[b-muxqgxv4wt] {
    width: 100%;
    padding: var(--trecker-space-md);
    background-color: var(--trecker-bg-input);
    color: var(--trecker-text-primary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    font-size: var(--trecker-font-size-base);
}

/* --- Stat cards grid --- */
.st-cards-grid[b-muxqgxv4wt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-2xl);
}

/* --- Individual stat card --- */
.st-stat-card[b-muxqgxv4wt] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    box-shadow: var(--trecker-shadow-md);
}

.st-stat-header[b-muxqgxv4wt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--trecker-space-md);
}

.st-stat-label[b-muxqgxv4wt] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    margin-bottom: var(--trecker-space-sm);
}

.st-stat-value[b-muxqgxv4wt] {
    font-size: var(--trecker-font-size-2xl);
    font-weight: 700;
}

.st-stat-value--accent[b-muxqgxv4wt] {
    color: var(--trecker-accent);
}

.st-stat-value--secondary[b-muxqgxv4wt] {
    color: var(--trecker-accent-secondary);
}

.st-stat-value--fullpull[b-muxqgxv4wt] {
    color: var(--trecker-fullpull);
}

.st-stat-value--warning[b-muxqgxv4wt] {
    color: var(--trecker-warning);
}

.st-stat-icon[b-muxqgxv4wt] {
    width: 32px;
    height: 32px;
    opacity: 0.5;
}

.st-stat-icon--accent[b-muxqgxv4wt] {
    color: var(--trecker-accent);
}

.st-stat-icon--secondary[b-muxqgxv4wt] {
    color: var(--trecker-accent-secondary);
}

.st-stat-icon--fullpull[b-muxqgxv4wt] {
    color: var(--trecker-fullpull);
}

.st-stat-icon--warning[b-muxqgxv4wt] {
    color: var(--trecker-warning);
}

.st-stat-footer[b-muxqgxv4wt] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

/* --- Section card (trend, tables) --- */
.st-section-card[b-muxqgxv4wt] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--trecker-shadow-xl);
    margin-bottom: var(--trecker-space-2xl);
}

.st-section-header[b-muxqgxv4wt] {
    padding: var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border);
}

.st-section-title[b-muxqgxv4wt] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-sm);
}

.st-section-title--no-margin[b-muxqgxv4wt] {
    margin: 0;
}

.st-section-desc[b-muxqgxv4wt] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

.st-section-body[b-muxqgxv4wt] {
    padding: var(--trecker-space-lg);
}

/* --- Trend row --- */
.st-trend-row[b-muxqgxv4wt] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
    padding-bottom: var(--trecker-space-lg);
    border-bottom: 1px solid var(--trecker-border-light);
}

.st-trend-year[b-muxqgxv4wt] {
    font-family: var(--trecker-font-mono);
    font-weight: 700;
    min-width: 48px;
}

.st-trend-bar-wrap[b-muxqgxv4wt] {
    flex: 1;
}

.st-trend-bar-labels[b-muxqgxv4wt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-xs);
}

.st-trend-bar-label[b-muxqgxv4wt] {
    font-size: var(--trecker-font-size-sm);
}

.st-trend-bar-label--secondary[b-muxqgxv4wt] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.st-trend-bar-track[b-muxqgxv4wt] {
    width: 100%;
    height: 8px;
    background-color: var(--trecker-bg-tertiary);
    border-radius: 4px;
    overflow: hidden;
}

.st-trend-bar-fill[b-muxqgxv4wt] {
    height: 100%;
    background: linear-gradient(90deg, var(--trecker-accent), var(--trecker-accent-secondary));
    border-radius: 4px;
}

.st-trend-badge--positive[b-muxqgxv4wt] {
    background-color: var(--trecker-success);
    color: #fff;
    font-size: var(--trecker-font-size-xs);
    white-space: nowrap;
}

.st-trend-badge--negative[b-muxqgxv4wt] {
    background-color: var(--trecker-error);
    color: #fff;
    font-size: var(--trecker-font-size-xs);
    white-space: nowrap;
}

/* --- Two-column grid for tables --- */
.st-tables-grid[b-muxqgxv4wt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
    gap: var(--trecker-space-lg);
}

/* --- Table card --- */
.st-table-card[b-muxqgxv4wt] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--trecker-shadow-xl);
}

.st-table-scroll[b-muxqgxv4wt] {
    overflow-x: auto;
}

/* --- Table styles --- */
.st-table[b-muxqgxv4wt] {
    width: 100%;
    border-collapse: collapse;
}

.st-table thead tr[b-muxqgxv4wt] {
    background-color: var(--trecker-bg-tertiary);
    border-bottom: 1px solid var(--trecker-border);
}

.st-table th[b-muxqgxv4wt] {
    padding: var(--trecker-space-md);
    text-align: left;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.st-table td[b-muxqgxv4wt] {
    padding: var(--trecker-space-md);
}

.st-table tbody tr[b-muxqgxv4wt] {
    border-bottom: 1px solid var(--trecker-border-light);
    transition: background-color var(--trecker-transition-fast);
}

.st-table tbody tr:hover[b-muxqgxv4wt] {
    background-color: var(--trecker-bg-hover-subtle);
}

/* --- Cell modifiers --- */
.st-cell-bold[b-muxqgxv4wt] {
    font-weight: 600;
}

.st-cell-mono[b-muxqgxv4wt] {
    font-family: var(--trecker-font-mono);
}

/* --- Link styles --- */
.st-driver-link[b-muxqgxv4wt] {
    color: var(--trecker-accent);
    text-decoration: none;
    font-weight: 600;
}

/* --- Badge modifiers --- */
.st-badge-rank-1[b-muxqgxv4wt] {
    background-color: var(--trecker-rank-gold);
    color: #000;
    font-size: var(--trecker-font-size-xs);
}

.st-badge-rank-2[b-muxqgxv4wt] {
    background-color: var(--trecker-rank-silver);
    color: #000;
    font-size: var(--trecker-font-size-xs);
}

.st-badge-rank-3[b-muxqgxv4wt] {
    background-color: var(--trecker-rank-bronze);
    color: #fff;
    font-size: var(--trecker-font-size-xs);
}

.st-badge-fullpull[b-muxqgxv4wt] {
    background-color: var(--trecker-fullpull);
    color: #000;
    font-size: var(--trecker-font-size-xs);
}

.st-badge-accent[b-muxqgxv4wt] {
    background-color: var(--trecker-accent);
    color: #fff;
    font-size: var(--trecker-font-size-xs);
}

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

    .st-trend-row[b-muxqgxv4wt] {
        gap: var(--trecker-space-md);
    }

    .st-tables-grid[b-muxqgxv4wt] {
        grid-template-columns: 1fr;
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .st-trend-row[b-muxqgxv4wt] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--trecker-space-sm);
    }

    .st-trend-year[b-muxqgxv4wt] {
        min-width: auto;
    }

    .st-trend-bar-wrap[b-muxqgxv4wt] {
        width: 100%;
    }

    .st-cards-grid[b-muxqgxv4wt] {
        grid-template-columns: 1fr;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/SurveyEntryDelete.razor.rz.scp.css */
/* =====================================================================
 * SurveyEntryDelete — scoped styles
 * Global layout is in wwwroot/css/trecker-survey-signup.css
 * ===================================================================== */

/* ─── Pub-card / status enhancements ─────────────────────────────── */
.uf-pub-card[b-mgonpx5f3m] {
  box-shadow: 0 4px 24px rgba(0,0,0,0.18), 0 1px 4px rgba(0,0,0,0.14);
}

.uf-pub-status[b-mgonpx5f3m] {
  border-radius: 14px;
}

.uf-pub-details[b-mgonpx5f3m] {
  box-shadow: 0 1px 3px rgba(0,0,0,0.10);
}

/* ─── Actions row (delete / edit toggle) ─────────────────────────── */
.uf-pub-actions[b-mgonpx5f3m] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.uf-edit-toggle[b-mgonpx5f3m] {
  margin-top: 8px;
  display: flex;
  justify-content: center;
}

/* ─── Edit form ───────────────────────────────────────────────────── */
.uf-edit-form[b-mgonpx5f3m] {
  margin-top: 16px;
  padding: 20px;
  background: var(--trecker-bg-secondary);
  border: 1px solid var(--trecker-border);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  text-align: left;
}

.uf-edit-title[b-mgonpx5f3m] {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  color: var(--trecker-text-primary);
}

.uf-edit-actions[b-mgonpx5f3m] {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding-top: 4px;
}

/* ─── Success banner variant ──────────────────────────────────────── */
.uf-pub-banner--success[b-mgonpx5f3m] {
  background: var(--trecker-success-bg);
  color: var(--trecker-success);
  border-color: oklch(from var(--trecker-success) l c h / 0.30);
}

/* ─── Buttons ─────────────────────────────────────────────────────── */
.uf-btn[b-mgonpx5f3m] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  white-space: nowrap;
  transition: background 0.12s, opacity 0.12s;
  font-family: inherit;
  line-height: 1.4;
}

.uf-btn:disabled[b-mgonpx5f3m] {
  opacity: 0.45;
  cursor: not-allowed;
}

.uf-btn--danger[b-mgonpx5f3m] {
  background: var(--trecker-error-bg);
  color: var(--trecker-error);
  border: 1px solid transparent;
}

.uf-btn--danger:not(:disabled):hover[b-mgonpx5f3m] {
  background: var(--trecker-error);
  color: #fff;
}

/* CTA: orange fill for public pages */
.uf-btn--cta[b-mgonpx5f3m] {
  background: var(--trecker-accent);
  color: #fff;
}

.uf-btn--cta:not(:disabled):hover[b-mgonpx5f3m] {
  background: var(--trecker-accent-hover, #e05e25);
}

.uf-btn--ghost[b-mgonpx5f3m] {
  background: transparent;
  color: var(--trecker-text-secondary);
  border: 1px solid var(--trecker-border);
}

.uf-btn--ghost:not(:disabled):hover[b-mgonpx5f3m] {
  background: var(--trecker-bg-hover-subtle);
  color: var(--trecker-text-primary);
  border-color: var(--trecker-border-medium);
}

/* ─── Form fields ─────────────────────────────────────────────────── */
.uf-field[b-mgonpx5f3m] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.uf-field-label[b-mgonpx5f3m] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--trecker-text-tertiary);
}

.uf-field-hint[b-mgonpx5f3m] {
  font-size: 11px;
  color: var(--trecker-text-tertiary);
  margin: 0;
}

.uf-input[b-mgonpx5f3m] {
  width: 100%;
  padding: 9px 12px;
  background: var(--trecker-bg-input);
  border: 1px solid var(--trecker-border);
  border-radius: 8px;
  color: var(--trecker-text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: border-color 0.12s, box-shadow 0.12s;
  box-sizing: border-box;
}

.uf-input:focus[b-mgonpx5f3m] {
  outline: none;
  border-color: var(--trecker-border-focus);
  box-shadow: 0 0 0 3px var(--trecker-accent-light);
}

.uf-input--ta[b-mgonpx5f3m] {
  resize: vertical;
  min-height: 90px;
}

.uf-input--narrow[b-mgonpx5f3m] {
  max-width: 200px;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/SurveySignup.razor.rz.scp.css */
/* =====================================================================
 * SurveySignup — scoped styles (uf-* for modal/form, uf-pub-* overrides)
 * Global layout is in wwwroot/css/trecker-survey-signup.css
 * ===================================================================== */

/* ─── Pub-card enhancement ────────────────────────────────────────── */
.uf-pub-card[b-t6mqwaf8wk] {
  box-shadow: 0 4px 24px rgba(0,0,0,0.18), 0 1px 4px rgba(0,0,0,0.14);
}

.uf-pub-q + .uf-pub-q[b-t6mqwaf8wk] {
  padding-top: 24px;
  border-top: 1px solid var(--trecker-border);
}

.uf-pub-option:not(:disabled):hover[b-t6mqwaf8wk] {
  border-color: var(--trecker-accent);
  background: var(--trecker-accent-light);
}

.uf-pub-shirt:not(:disabled):hover[b-t6mqwaf8wk] {
  border-color: var(--trecker-accent);
  background: var(--trecker-accent-light);
  color: var(--trecker-accent);
}

.uf-pub-option:disabled[b-t6mqwaf8wk],
.uf-pub-shirt:disabled[b-t6mqwaf8wk] {
  opacity: 0.45;
  cursor: not-allowed;
}

/* ─── Overlay / Modal ─────────────────────────────────────────────── */
.uf-overlay[b-t6mqwaf8wk] {
  position: fixed;
  inset: 0;
  background: var(--trecker-bg-overlay);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.uf-modal[b-t6mqwaf8wk] {
  background: var(--trecker-bg-card);
  border: 1px solid var(--trecker-border-medium);
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 8px 40px rgba(0,0,0,0.28);
}

.uf-modal-head[b-t6mqwaf8wk] {
  padding: 20px 22px 16px;
  border-bottom: 1px solid var(--trecker-border);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.uf-modal-head h2[b-t6mqwaf8wk] {
  font-size: 17px;
  font-weight: 700;
  margin: 0;
  color: var(--trecker-text-primary);
}

.uf-modal-head p[b-t6mqwaf8wk] {
  font-size: 13px;
  color: var(--trecker-text-secondary);
  margin: 0;
}

.uf-modal-head--success[b-t6mqwaf8wk] {
  border-left: 4px solid var(--trecker-success);
  background: var(--trecker-success-bg);
}

.uf-modal-head--success h2[b-t6mqwaf8wk] {
  color: var(--trecker-success);
}

.uf-modal-body[b-t6mqwaf8wk] {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.uf-modal-foot[b-t6mqwaf8wk] {
  padding: 14px 22px;
  border-top: 1px solid var(--trecker-border);
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  background: var(--trecker-bg-secondary);
  border-radius: 0 0 16px 16px;
}

/* ─── Buttons ─────────────────────────────────────────────────────── */
.uf-btn[b-t6mqwaf8wk] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 18px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.12s, box-shadow 0.12s, opacity 0.12s;
  font-family: inherit;
  line-height: 1.4;
}

.uf-btn:disabled[b-t6mqwaf8wk] {
  opacity: 0.45;
  cursor: not-allowed;
}

/* CTA: orange fill allowed on public pages */
.uf-btn--cta[b-t6mqwaf8wk] {
  background: var(--trecker-accent);
  color: #fff;
}

.uf-btn--cta:not(:disabled):hover[b-t6mqwaf8wk] {
  background: var(--trecker-accent-hover, #e05e25);
}

.uf-btn--ghost[b-t6mqwaf8wk] {
  background: transparent;
  color: var(--trecker-text-secondary);
  border: 1px solid var(--trecker-border);
}

.uf-btn--ghost:not(:disabled):hover[b-t6mqwaf8wk] {
  background: var(--trecker-bg-hover-subtle);
  color: var(--trecker-text-primary);
  border-color: var(--trecker-border-medium);
}

/* ─── Forms ───────────────────────────────────────────────────────── */
.uf-field[b-t6mqwaf8wk] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.uf-field-label[b-t6mqwaf8wk] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--trecker-text-tertiary);
}

.uf-field-hint[b-t6mqwaf8wk] {
  font-size: 11px;
  color: var(--trecker-text-tertiary);
  margin: 0;
}

.uf-input[b-t6mqwaf8wk] {
  width: 100%;
  padding: 9px 12px;
  background: var(--trecker-bg-input);
  border: 1px solid var(--trecker-border);
  border-radius: 8px;
  color: var(--trecker-text-primary);
  font-size: 14px;
  font-family: inherit;
  transition: border-color 0.12s, box-shadow 0.12s;
  box-sizing: border-box;
}

.uf-input:focus[b-t6mqwaf8wk] {
  outline: none;
  border-color: var(--trecker-border-focus);
  box-shadow: 0 0 0 3px var(--trecker-accent-light);
}

.uf-input--ta[b-t6mqwaf8wk] {
  resize: vertical;
  min-height: 90px;
}

.uf-input--narrow[b-t6mqwaf8wk] {
  max-width: 200px;
}

/* ─── Badges ──────────────────────────────────────────────────────── */
.uf-badge[b-t6mqwaf8wk] {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  background: var(--trecker-bg-secondary);
  color: var(--trecker-text-secondary);
  border: 1px solid var(--trecker-border);
}

.uf-badge--sm[b-t6mqwaf8wk] {
  padding: 2px 7px;
  font-size: 11px;
}

.uf-badge--neutral[b-t6mqwaf8wk] {
  background: var(--trecker-bg-secondary);
  color: var(--trecker-text-secondary);
  border-color: var(--trecker-border);
}

.uf-badge--err[b-t6mqwaf8wk] {
  background: var(--trecker-error-bg);
  color: var(--trecker-error);
  border-color: transparent;
}

.uf-badge--violet[b-t6mqwaf8wk] {
  background: #ede9fe;
  color: #6d28d9;
  border-color: transparent;
}

/* ─── Mono ────────────────────────────────────────────────────────── */
.uf-mono[b-t6mqwaf8wk] {
  font-family: "JetBrains Mono", monospace;
  font-feature-settings: "tnum";
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/TeamList.razor.rz.scp.css */
/* =========================================================================
   Directory list — Teams. Shared visual language with Fotografen & Bremswagen.
   Cover-card grid: banner cover + overlapping logo avatar. Tuned for
   desktop, mobile browser, and the native app (large tap targets, 1-col phone).
   ========================================================================= */

.dir[b-zlddc0y14l] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

/* ===== Hero header ===== */
.dir-hero[b-zlddc0y14l] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.dir-hero__title[b-zlddc0y14l] {
    margin: 0;
    font-size: clamp(1.6rem, 4vw, 2.25rem);
    font-weight: var(--trecker-font-weight-bold);
    letter-spacing: var(--trecker-letter-spacing-tight);
    color: var(--trecker-text-primary);
    line-height: var(--trecker-line-height-tight);
}

.dir-hero__sub[b-zlddc0y14l] {
    margin: 6px 0 0;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-md);
}

.dir-hero__cta[b-zlddc0y14l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 var(--trecker-space-lg);
    border-radius: var(--trecker-radius-full);
    border: 1px solid transparent;
    background: var(--trecker-accent);
    color: #fff;
    font-size: var(--trecker-font-size-base);
    font-weight: var(--trecker-font-weight-semibold);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    transition: transform var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast), background var(--trecker-transition-fast);
}

.dir-hero__cta:hover[b-zlddc0y14l] {
    background: var(--trecker-accent-hover);
    transform: translateY(-1px);
    box-shadow: var(--trecker-shadow-btn-hover);
}

.dir-hero__cta svg[b-zlddc0y14l] {
    width: 18px;
    height: 18px;
}

.dir-hero__cta--ghost[b-zlddc0y14l] {
    background: var(--trecker-bg-card);
    border-color: var(--trecker-border);
    color: var(--trecker-text-primary);
}

.dir-hero__cta--ghost:hover[b-zlddc0y14l] {
    background: var(--trecker-bg-card-hover);
    border-color: var(--trecker-accent);
}

/* ===== Toolbar (search + count) ===== */
.dir-toolbar[b-zlddc0y14l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-xl);
}

.dir-search[b-zlddc0y14l] {
    position: relative;
    flex: 1 1 260px;
    min-width: 0;
}

.dir-search__icon[b-zlddc0y14l] {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: var(--trecker-text-tertiary);
    pointer-events: none;
}

.dir-search__input[b-zlddc0y14l] {
    width: 100%;
    height: 48px;
    padding: 0 var(--trecker-space-md) 0 44px;
    border-radius: var(--trecker-radius-full);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-card);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-base);
    transition: border-color var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast);
}

.dir-search__input[b-zlddc0y14l]::placeholder { color: var(--trecker-text-tertiary); }

.dir-search__input:focus[b-zlddc0y14l] {
    outline: none;
    border-color: var(--trecker-accent);
    box-shadow: 0 0 0 3px var(--trecker-accent-light);
}

.dir-count[b-zlddc0y14l] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    white-space: nowrap;
}

/* ===== Grid ===== */
.dir-grid[b-zlddc0y14l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 264px), 1fr));
    gap: var(--trecker-space-lg);
}

/* ===== Card ===== */
.dir-card[b-zlddc0y14l] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: var(--trecker-radius-lg);
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-card);
    box-shadow: var(--trecker-shadow-card);
    text-decoration: none;
    color: inherit;
    transition: transform var(--trecker-transition-normal), box-shadow var(--trecker-transition-normal), border-color var(--trecker-transition-normal);
}

.dir-card:hover[b-zlddc0y14l] {
    transform: translateY(-4px);
    box-shadow: var(--trecker-shadow-lg);
    border-color: var(--trecker-accent);
}

.dir-card:focus-visible[b-zlddc0y14l] {
    outline: 2px solid var(--trecker-accent);
    outline-offset: 2px;
}

/* ===== Cover (banner) ===== */
.dir-cover[b-zlddc0y14l] {
    position: relative;
    aspect-ratio: 16 / 7;
    background: var(--trecker-bg-tertiary);
    overflow: hidden;
}

.dir-cover img[b-zlddc0y14l] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.dir-cover--empty[b-zlddc0y14l] {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(120% 140% at 100% 0%, var(--trecker-accent-light), transparent 60%),
        linear-gradient(135deg, var(--trecker-bg-tertiary), var(--trecker-bg-secondary));
}

.dir-cover__mono[b-zlddc0y14l] {
    font-size: 3.5rem;
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-accent);
    opacity: 0.22;
    text-transform: uppercase;
    line-height: 1;
}

/* ===== Logo avatar (overlaps cover) ===== */
.dir-logo[b-zlddc0y14l] {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    object-fit: contain;
    background: var(--trecker-bg-card);
    border: 3px solid var(--trecker-bg-card);
    box-shadow: var(--trecker-shadow-sm);
    margin: -38px 0 0 var(--trecker-space-md);
    position: relative;
    z-index: 1;
}

.dir-logo--placeholder[b-zlddc0y14l] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
    text-transform: uppercase;
}

/* ===== Body ===== */
.dir-body[b-zlddc0y14l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: var(--trecker-space-sm) var(--trecker-space-md) var(--trecker-space-md);
}

.dir-name[b-zlddc0y14l] {
    font-size: var(--trecker-font-size-md);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dir-meta[b-zlddc0y14l] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.dir-chip[b-zlddc0y14l] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-section);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-radius-full);
    padding: 4px 10px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dir-chip svg[b-zlddc0y14l] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    color: var(--trecker-text-tertiary);
}

/* ===== Empty state ===== */
.dir-empty[b-zlddc0y14l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-3xl) var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
    text-align: center;
}

.dir-empty svg[b-zlddc0y14l] {
    width: 48px;
    height: 48px;
    color: var(--trecker-text-tertiary);
    opacity: 0.7;
}

.dir-empty p[b-zlddc0y14l] { margin: 0; font-size: var(--trecker-font-size-md); }

/* ===== Skeleton loading ===== */
.dir-card--skeleton[b-zlddc0y14l] { pointer-events: none; }

.dir-skel[b-zlddc0y14l] {
    position: relative;
    overflow: hidden;
    background: var(--trecker-bg-tertiary);
}

.dir-skel[b-zlddc0y14l]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, var(--trecker-bg-hover-subtle), transparent);
    animation: dirShimmer-b-zlddc0y14l 1.3s infinite;
}

.dir-skel--line[b-zlddc0y14l] {
    height: 12px;
    border-radius: 6px;
}

.dir-skel--short[b-zlddc0y14l] { width: 55%; }

@keyframes dirShimmer-b-zlddc0y14l {
    100% { transform: translateX(100%); }
}

/* ===== Modal (create team) ===== */
.team-modal[b-zlddc0y14l] {
    max-width: 460px;
    width: calc(100% - 32px);
}

.team-modal-actions[b-zlddc0y14l] {
    display: flex;
    justify-content: flex-end;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}

/* ===== Responsive ===== */
@media (max-width: 640px) {
    .dir[b-zlddc0y14l] { padding-top: var(--trecker-space-lg); }

    .dir-hero[b-zlddc0y14l] {
        align-items: stretch;
        flex-direction: column;
        gap: var(--trecker-space-md);
    }

    .dir-hero__cta[b-zlddc0y14l] { width: 100%; justify-content: center; }

    .dir-grid[b-zlddc0y14l] {
        grid-template-columns: 1fr;
        gap: var(--trecker-space-md);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/TeamProfile.razor.rz.scp.css */
.team-profile[b-ckz8c6tyry] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

.team-hero[b-ckz8c6tyry] {
    margin-bottom: var(--trecker-space-xl);
}

.team-hero-banner[b-ckz8c6tyry] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--trecker-border-radius-xl);
    display: block;
    box-shadow: var(--trecker-shadow-md);
}

/* No banner uploaded: quiet, branded header instead of a flat gray gradient */
.team-hero-banner-empty[b-ckz8c6tyry] {
    height: 150px;
    box-shadow: none;
    border: 1px solid var(--trecker-border);
    background:
        radial-gradient(110% 180% at 12% -20%, var(--trecker-accent-light) 0%, transparent 55%),
        radial-gradient(90% 150% at 95% 120%, var(--trecker-accent-light) 0%, transparent 50%),
        repeating-linear-gradient(-55deg, transparent 0 26px, var(--trecker-accent-light) 26px 27px),
        linear-gradient(165deg, var(--trecker-bg-secondary) 0%, var(--trecker-bg-tertiary) 100%);
}

.team-hero-info[b-ckz8c6tyry] {
    display: flex;
    align-items: flex-end;
    gap: var(--trecker-space-lg);
    margin-top: -48px;
    padding: 0 var(--trecker-space-lg);
}

.team-hero-logo[b-ckz8c6tyry] {
    width: 108px;
    height: 108px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-xl);
    background: var(--trecker-bg-card);
    border: 4px solid var(--trecker-bg-primary);
    box-shadow: var(--trecker-shadow-lg);
    flex-shrink: 0;
}

.team-hero-logo-placeholder[b-ckz8c6tyry] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--trecker-accent);
    background:
        radial-gradient(120% 120% at 30% 20%, var(--trecker-accent-light), transparent 70%),
        var(--trecker-bg-card);
    text-transform: uppercase;
}

.team-hero-titles[b-ckz8c6tyry] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 2px;
    min-width: 0;
}

.team-hero-name[b-ckz8c6tyry] {
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.team-role-chip[b-ckz8c6tyry] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
}

.team-hero-counts[b-ckz8c6tyry] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.team-count-chip[b-ckz8c6tyry] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
}

.team-count-chip svg[b-ckz8c6tyry] {
    color: var(--trecker-accent);
    flex-shrink: 0;
}

.team-join[b-ckz8c6tyry] {
    margin-bottom: var(--trecker-space-lg);
}

.team-section[b-ckz8c6tyry] {
    padding: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-sm);
}

.team-section > h2[b-ckz8c6tyry] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.team-section > h2[b-ckz8c6tyry]::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--trecker-accent-gradient);
    flex-shrink: 0;
}

.team-desc[b-ckz8c6tyry] {
    white-space: pre-wrap;
    color: var(--trecker-text-secondary);
}

.team-members[b-ckz8c6tyry] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-sm);
}

.team-member[b-ckz8c6tyry] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm);
    border-radius: var(--trecker-border-radius-md);
    text-decoration: none;
    color: inherit;
    transition: background 0.15s ease;
}

a.team-member:hover[b-ckz8c6tyry] {
    background: var(--trecker-bg-secondary);
}

.team-member-avatar[b-ckz8c6tyry] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--trecker-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--trecker-text-secondary);
    text-transform: uppercase;
    flex-shrink: 0;
}

.team-owner-badge[b-ckz8c6tyry] {
    display: inline-block;
    margin-left: var(--trecker-space-xs);
    padding: 1px 8px;
    border-radius: 999px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.team-events[b-ckz8c6tyry] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.team-event[b-ckz8c6tyry] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-md);
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--trecker-border);
    transition: border-color 0.15s ease;
}

.team-event:hover[b-ckz8c6tyry] {
    border-color: var(--trecker-accent);
}

.team-event-main[b-ckz8c6tyry] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.team-event-meta[b-ckz8c6tyry] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
    text-align: right;
}

.team-event-rank[b-ckz8c6tyry] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    color: var(--trecker-accent);
}

.team-badges[b-ckz8c6tyry] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
}

.team-modal[b-ckz8c6tyry] {
    max-width: 460px;
    width: calc(100% - 32px);
}

.team-modal-actions[b-ckz8c6tyry] {
    display: flex;
    justify-content: flex-end;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}

/* ---- Responsive ---- */
@media (max-width: 640px) {
    .team-hero-banner[b-ckz8c6tyry] {
        height: 150px;
    }

    .team-hero-banner-empty[b-ckz8c6tyry] {
        height: 120px;
    }

    .team-hero-info[b-ckz8c6tyry] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--trecker-space-sm);
        margin-top: -44px;
        padding: 0 var(--trecker-space-md);
    }

    .team-hero-logo[b-ckz8c6tyry] {
        width: 88px;
        height: 88px;
    }

    .team-section[b-ckz8c6tyry] {
        padding: var(--trecker-space-lg);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/TicketKaufen.razor.rz.scp.css */
.tk-page[b-ct0ucjf5fv] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
    max-width: 640px;
}

.tk-loading[b-ct0ucjf5fv] {
    padding: var(--trecker-space-3xl);
}

.tk-title[b-ct0ucjf5fv] {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 var(--trecker-space-xs);
}

.tk-sub[b-ct0ucjf5fv] {
    margin: 0 0 var(--trecker-space-lg);
}

.tk-types[b-ct0ucjf5fv] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    margin: var(--trecker-space-lg) 0;
}

.tk-type[b-ct0ucjf5fv] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    border: 2px solid var(--trecker-border, #e5e7eb);
    border-radius: var(--trecker-radius-md, 10px);
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}

.tk-type--active[b-ct0ucjf5fv] {
    border-color: var(--trecker-primary, #0E5C2F);
    background: var(--trecker-primary-subtle, rgba(14, 92, 47, .06));
}

.tk-type--disabled[b-ct0ucjf5fv] {
    opacity: .55;
    cursor: not-allowed;
}

.tk-type-body[b-ct0ucjf5fv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.tk-type-name[b-ct0ucjf5fv] {
    font-weight: 600;
}

.tk-type-remaining[b-ct0ucjf5fv] {
    font-size: .8rem;
    color: var(--trecker-text-secondary, #6b7280);
}

.tk-type-price[b-ct0ucjf5fv] {
    font-weight: 700;
    font-size: 1.1rem;
    white-space: nowrap;
}

.tk-form[b-ct0ucjf5fv] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-lg);
}

.tk-hint[b-ct0ucjf5fv] {
    font-size: .82rem;
    margin: 0;
}

.tk-buy-btn[b-ct0ucjf5fv] {
    align-self: flex-start;
}

/* Confirmation */
.tk-confirm[b-ct0ucjf5fv] {
    text-align: center;
    padding-top: var(--trecker-space-xl);
}

.tk-confirm-icon[b-ct0ucjf5fv] {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--trecker-space-md);
    border-radius: 50%;
    background: var(--trecker-success, #16a34a);
    color: #fff;
    font-size: 2rem;
    line-height: 64px;
}

.tk-qr-card[b-ct0ucjf5fv] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: var(--trecker-space-sm);
    margin: var(--trecker-space-lg) auto 0;
    padding: var(--trecker-space-lg);
    border: 1px solid var(--trecker-border, #e5e7eb);
    border-radius: var(--trecker-radius-md, 12px);
    background: var(--trecker-surface, #fff);
    max-width: 100%;
}

.tk-qr-label[b-ct0ucjf5fv] {
    font-weight: 600;
    margin: 0;
}

.tk-qr[b-ct0ucjf5fv] {
    width: 220px;
    max-width: 100%;
    height: auto;
    image-rendering: pixelated;
}

.tk-qr-code[b-ct0ucjf5fv] {
    font-family: var(--trecker-font-mono, monospace);
    letter-spacing: 2px;
    color: var(--trecker-text-secondary, #6b7280);
    margin: 0;
}

.tk-wallet[b-ct0ucjf5fv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    justify-content: center;
    margin-top: var(--trecker-space-sm);
}

@media (min-width: 768px) {
    .tk-title[b-ct0ucjf5fv] {
        font-size: 2rem;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/TractorHistory.razor.rz.scp.css */
/* ============================================================================
   TractorHistory.razor -- Scoped Styles
   ============================================================================
   Public tractor history page layout. Uses design tokens from
   trecker-variables.css. Prefix: "th-" for TractorHistory.
   ============================================================================ */

/* --- Page wrapper --- */
.th-page[b-3srnymb55i] {
    padding: var(--trecker-space-md);
    max-width: 1280px;
    margin: 0 auto;
    color: var(--trecker-text-primary);
}

/* --- Not-found state --- */
.th-not-found[b-3srnymb55i] {
    text-align: center;
    padding: var(--trecker-space-3xl);
}

.th-not-found-text[b-3srnymb55i] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-lg);
    margin: 0;
}

/* --- Tractor header card --- */
.th-header-card[b-3srnymb55i] {
    background-color: var(--trecker-bg-tertiary);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    box-shadow: var(--trecker-shadow-xl);
    margin-bottom: var(--trecker-space-lg);
}

.th-header-body[b-3srnymb55i] {
    padding: var(--trecker-space-lg);
}

.th-header-layout[b-3srnymb55i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
}

/* --- Tractor photo --- */
.th-photo-wrap[b-3srnymb55i] {
    width: 192px;
    height: 144px;
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    background-color: var(--trecker-bg-secondary);
    flex-shrink: 0;
}

.th-photo[b-3srnymb55i] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Tractor info --- */
.th-info[b-3srnymb55i] {
    flex: 1;
    min-width: 200px;
}

.th-name[b-3srnymb55i] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-sm);
}

.th-manufacturer[b-3srnymb55i] {
    font-size: var(--trecker-font-size-lg);
    color: var(--trecker-text-secondary);
    margin: var(--trecker-space-sm) 0 var(--trecker-space-lg);
}

/* --- Tractor specs grid --- */
.th-specs-grid[b-3srnymb55i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
    gap: var(--trecker-space-lg);
}

.th-spec-tile[b-3srnymb55i] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md);
}

.th-spec-icon[b-3srnymb55i] {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    color: var(--trecker-accent);
}

.th-spec-label[b-3srnymb55i] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    margin: 0 0 var(--trecker-space-xs);
}

.th-spec-value[b-3srnymb55i] {
    font-weight: 600;
    margin: 0;
}

/* --- Profile link --- */
.th-profile-link[b-3srnymb55i] {
    align-self: flex-start;
}

/* --- Section heading --- */
.th-section-heading[b-3srnymb55i] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-lg);
}

/* --- Records grid --- */
.th-records-grid[b-3srnymb55i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

/* --- Record card --- */
.th-record-card[b-3srnymb55i] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    box-shadow: var(--trecker-shadow-md);
}

.th-record-label[b-3srnymb55i] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    margin-bottom: var(--trecker-space-sm);
}

.th-record-value[b-3srnymb55i] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-accent);
    margin-bottom: var(--trecker-space-sm);
}

.th-record-desc[b-3srnymb55i] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Empty state --- */
.th-empty[b-3srnymb55i] {
    text-align: center;
    padding: var(--trecker-space-2xl);
}

.th-empty--with-margin[b-3srnymb55i] {
    text-align: center;
    padding: var(--trecker-space-2xl);
    margin-bottom: var(--trecker-space-lg);
}

.th-empty-text[b-3srnymb55i] {
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Timeline wrapper --- */
.th-timeline[b-3srnymb55i] {
    position: relative;
    margin-bottom: var(--trecker-space-lg);
}

/* --- Timeline entry --- */
.th-timeline-entry[b-3srnymb55i] {
    display: flex;
    gap: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
    position: relative;
}

/* --- Timeline connector line --- */
.th-timeline-line[b-3srnymb55i] {
    position: absolute;
    left: 20px;
    top: 44px;
    width: 2px;
    height: calc(100% + var(--trecker-space-lg));
    background-color: var(--trecker-accent);
}

.th-timeline-line--secondary[b-3srnymb55i] {
    position: absolute;
    left: 20px;
    top: 44px;
    width: 2px;
    height: calc(100% + var(--trecker-space-lg));
    background-color: var(--trecker-accent-secondary);
}

/* --- Timeline dot --- */
.th-timeline-dot[b-3srnymb55i] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--trecker-accent);
    border: 3px solid var(--trecker-bg-card);
    flex-shrink: 0;
}

.th-timeline-dot--secondary[b-3srnymb55i] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--trecker-accent-secondary);
    border: 3px solid var(--trecker-bg-card);
    flex-shrink: 0;
}

/* --- Timeline content card --- */
.th-timeline-card[b-3srnymb55i] {
    flex: 1;
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
}

.th-timeline-date[b-3srnymb55i] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-sm);
}

.th-timeline-title[b-3srnymb55i] {
    font-weight: 700;
    margin: 0 0 var(--trecker-space-xs);
}

.th-timeline-subtitle[b-3srnymb55i] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}

/* --- Season tab bar --- */
.th-season-tabs[b-3srnymb55i] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-lg);
    padding: var(--trecker-space-sm);
    background-color: var(--trecker-bg-tertiary);
    border-radius: var(--trecker-border-radius-lg);
    border: 1px solid var(--trecker-border);
    flex-wrap: wrap;
}

.th-season-tab[b-3srnymb55i] {
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    background-color: transparent;
    color: var(--trecker-text-secondary);
    border: none;
    border-radius: var(--trecker-border-radius-md);
    cursor: pointer;
    font-weight: 600;
    transition: all var(--trecker-transition-fast);
}

.th-season-tab--active[b-3srnymb55i] {
    background-color: var(--trecker-accent);
    color: #fff;
}

/* --- Results table wrapper --- */
.th-table-wrap[b-3srnymb55i] {
    overflow-x: auto;
}

/* --- Results table --- */
.th-table[b-3srnymb55i] {
    width: 100%;
    border-collapse: collapse;
}

.th-table thead tr[b-3srnymb55i] {
    background-color: var(--trecker-bg-tertiary);
    border-bottom: 1px solid var(--trecker-border);
}

.th-table th[b-3srnymb55i] {
    padding: var(--trecker-space-md);
    text-align: left;
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.th-table td[b-3srnymb55i] {
    padding: var(--trecker-space-md);
}

.th-table tbody tr[b-3srnymb55i] {
    border-bottom: 1px solid var(--trecker-border-light);
    transition: background-color var(--trecker-transition-fast);
}

.th-table tbody tr:hover[b-3srnymb55i] {
    background-color: var(--trecker-bg-hover-subtle);
}

/* --- Cell modifiers --- */
.th-cell-bold[b-3srnymb55i] {
    font-weight: 600;
}

/* --- Badge modifiers --- */
.th-badge-top3[b-3srnymb55i] {
    background-color: var(--trecker-success);
    color: #fff;
    font-size: var(--trecker-font-size-xs);
}

.th-badge-default[b-3srnymb55i] {
    background-color: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-xs);
}

.th-badge-fullpull[b-3srnymb55i] {
    background-color: var(--trecker-fullpull);
    color: #000;
    font-size: var(--trecker-font-size-xs);
}

/* ============================================================================
   RESPONSIVE: Tablet (max-width: 768px)
   ============================================================================ */
@media (max-width: 768px) {
    .th-page[b-3srnymb55i] {
        padding: var(--trecker-space-sm);
    }

    .th-header-layout[b-3srnymb55i] {
        flex-direction: column;
    }

    .th-photo-wrap[b-3srnymb55i] {
        width: 100%;
        height: 200px;
    }

    .th-profile-link[b-3srnymb55i] {
        align-self: stretch;
        text-align: center;
    }

    .th-season-tabs[b-3srnymb55i] {
        gap: var(--trecker-space-xs);
    }

    .th-season-tab[b-3srnymb55i] {
        padding: var(--trecker-space-sm) var(--trecker-space-md);
        font-size: var(--trecker-font-size-sm);
    }
}

/* ============================================================================
   RESPONSIVE: Phone (max-width: 480px)
   ============================================================================ */
@media (max-width: 480px) {
    .th-specs-grid[b-3srnymb55i] {
        grid-template-columns: repeat(2, 1fr);
    }

    .th-records-grid[b-3srnymb55i] {
        grid-template-columns: 1fr;
    }

    .th-timeline-entry[b-3srnymb55i] {
        gap: var(--trecker-space-md);
    }

    .th-season-tabs[b-3srnymb55i] {
        flex-direction: column;
    }

    .th-season-tab[b-3srnymb55i] {
        width: 100%;
        text-align: center;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/TractorProfile.razor.rz.scp.css */
.tp-profile[b-rh8rdbku8d] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-4xl);
}

.tp-loading[b-rh8rdbku8d] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40vh;
}

.tp-notfound-icon[b-rh8rdbku8d] {
    color: var(--trecker-text-tertiary);
    margin-bottom: var(--trecker-space-md);
}

.tp-notfound-back[b-rh8rdbku8d],
.tp-private-back[b-rh8rdbku8d] {
    margin-top: var(--trecker-space-md);
}

.tp-private[b-rh8rdbku8d] {
    padding: var(--trecker-space-3xl);
    text-align: center;
}

/* ---- Hero (full-width photo + gradient scrim + overlaid title) ---- */
.tp-hero[b-rh8rdbku8d] {
    position: relative;
    width: 100%;
    height: 260px;
    border-radius: var(--trecker-border-radius-xl);
    overflow: hidden;
    box-shadow: var(--trecker-shadow-lg);
    margin-bottom: var(--trecker-space-lg);
}

.tp-hero--clickable[b-rh8rdbku8d] {
    cursor: pointer;
}

.tp-hero--clickable .tp-hero-img[b-rh8rdbku8d] {
    transition: transform 0.4s ease;
}

.tp-hero--clickable:hover .tp-hero-img[b-rh8rdbku8d] {
    transform: scale(1.03);
}

.tp-hero-img[b-rh8rdbku8d] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* No photo uploaded: quiet, branded surface instead of a loud solid gradient */
.tp-hero-img-placeholder[b-rh8rdbku8d] {
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(110% 180% at 12% -20%, var(--trecker-accent-light) 0%, transparent 55%),
        radial-gradient(90% 150% at 95% 120%, var(--trecker-accent-light) 0%, transparent 50%),
        repeating-linear-gradient(-55deg, transparent 0 26px, var(--trecker-accent-light) 26px 27px),
        linear-gradient(165deg, var(--trecker-bg-secondary) 0%, var(--trecker-bg-tertiary) 100%);
    color: var(--trecker-accent);
}

.tp-hero-scrim[b-rh8rdbku8d] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.75) 100%);
}

.tp-hero-content[b-rh8rdbku8d] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--trecker-space-lg);
}

.tp-hero-title[b-rh8rdbku8d] {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
    margin: 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.tp-hero-nickname[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-accent-secondary);
    margin: 4px 0 0;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

/* ---- Actions ---- */
.tp-actions[b-rh8rdbku8d] {
    margin-bottom: var(--trecker-space-xl);
}

/* Fahrer-Chip im Hero (nur bei oeffentlichem Fahrerprofil) */
.tp-hero-driver[b-rh8rdbku8d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: var(--trecker-font-size-sm);
    font-weight: 600;
    text-decoration: none;
    backdrop-filter: blur(4px);
    transition: background 0.15s ease;
}

.tp-hero-driver:hover[b-rh8rdbku8d] {
    background: rgba(0, 0, 0, 0.65);
    text-decoration: none;
}

/* ---- Sections ---- */
.tp-section-plain[b-rh8rdbku8d] {
    margin-bottom: var(--trecker-space-lg);
}

.tp-section-heading[b-rh8rdbku8d] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-md);
}

.tp-section-heading[b-rh8rdbku8d]::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 2px;
    background: var(--trecker-accent-gradient);
    flex-shrink: 0;
}

/* ---- Spec tiles (icon + label/value) ---- */
.tp-spec-grid[b-rh8rdbku8d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
    gap: var(--trecker-space-sm);
}

.tp-spec-tile[b-rh8rdbku8d] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-sm);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.tp-spec-tile:hover[b-rh8rdbku8d] {
    transform: translateY(-2px);
    box-shadow: var(--trecker-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08));
}

.tp-spec-icon[b-rh8rdbku8d] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--trecker-accent);
}

.tp-spec-label[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    margin-bottom: 2px;
}

.tp-spec-value[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.tp-spec-unit[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    font-weight: 500;
}

/* ---- Statistics (denser TreckerStatCard row, page-local only) ---- */
.TreckerStatsGrid[b-rh8rdbku8d] {
    gap: var(--trecker-space-sm);
}

.TreckerStatsGrid[b-rh8rdbku8d]  .TreckerStatCard {
    padding: var(--trecker-space-sm);
}

.TreckerStatsGrid[b-rh8rdbku8d]  .TreckerStatCardTitle {
    margin-bottom: var(--trecker-space-xs);
}

.TreckerStatsGrid[b-rh8rdbku8d]  .TreckerStatCardValue {
    font-size: var(--trecker-font-size-xl);
    margin-bottom: 0;
}

.tp-modifications[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    line-height: var(--trecker-line-height-relaxed);
    margin: var(--trecker-space-md) 0 0;
}

/* ---- History table ---- */
.tp-empty[b-rh8rdbku8d] {
    padding: var(--trecker-space-2xl) 0;
}

.tp-table-wrap[b-rh8rdbku8d] {
    overflow-x: auto;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
}

.tp-table[b-rh8rdbku8d] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--trecker-font-size-sm);
}

.tp-table thead th[b-rh8rdbku8d] {
    position: sticky;
    top: 0;
    text-align: left;
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-text-secondary);
    background: var(--trecker-bg-secondary);
    border-bottom: 1px solid var(--trecker-border);
}

.tp-table tbody tr[b-rh8rdbku8d] {
    border-bottom: 1px solid var(--trecker-border-light);
    transition: background 0.15s ease;
}

.tp-table tbody tr:hover[b-rh8rdbku8d] {
    background: var(--trecker-bg-hover-subtle);
}

.tp-table tbody tr:last-child[b-rh8rdbku8d] {
    border-bottom: 0;
}

.tp-table td[b-rh8rdbku8d] {
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    vertical-align: middle;
}

/* Secondary columns (Anmeldung / Wetter): de-emphasised, smaller text to keep the row compact */
.tp-col-secondary[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

/* Full pull line under the best distance — small muted secondary text; wraps/caps width instead
   of stretching the column when an event has many attempts + a Stechen. */
.tp-pull-line[b-rh8rdbku8d] {
    display: block;
    margin-top: 2px;
    max-width: 14rem;
    overflow-wrap: anywhere;
    font-size: var(--trecker-font-size-xs);
    line-height: var(--trecker-line-height-tight);
    color: var(--trecker-text-tertiary);
}

/* ---- Saison-Score (FIFA-Emblem) ---- */
.tp-score-layout[b-rh8rdbku8d] {
    display: grid;
    grid-template-columns: minmax(0, 17rem) minmax(0, 1fr);
    gap: var(--trecker-space-xl);
    align-items: start;
}

.tp-score-emblem[b-rh8rdbku8d] {
    container-type: inline-size;
}

.tp-score-emblem[b-rh8rdbku8d]  .tve-card {
    width: 100%;
    font-size: 5.33cqw;
}

.tp-score-side[b-rh8rdbku8d] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.tp-score-explain[b-rh8rdbku8d] {
    color: var(--trecker-text-secondary);
    line-height: var(--trecker-line-height-relaxed);
    margin: 0;
}

.tp-score-unrated[b-rh8rdbku8d] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-sm);
    margin: 0;
}

.tp-owner-panel[b-rh8rdbku8d] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.tp-owner-title[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-text-secondary);
    margin: 0;
}

.tp-owner-controls[b-rh8rdbku8d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: var(--trecker-space-sm);
}

.tp-owner-field[b-rh8rdbku8d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    font-weight: 600;
    min-width: 0;
}

.tp-owner-actions[b-rh8rdbku8d] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: center;
}

.tp-owner-message[b-rh8rdbku8d] {
    margin: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-success, #1f6f3c);
}

.tp-owner-message--error[b-rh8rdbku8d] {
    color: var(--trecker-error, #b42318);
}

.tp-btn-spinner[b-rh8rdbku8d] {
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    margin-right: 0.4em;
    animation: tp-spin-b-rh8rdbku8d 0.7s linear infinite;
    vertical-align: -0.1em;
}

@keyframes tp-spin-b-rh8rdbku8d {
    to { transform: rotate(360deg); }
}

.tp-past-heading[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
    color: var(--trecker-text-secondary);
    margin: var(--trecker-space-xl) 0 var(--trecker-space-md);
}

.tp-past-grid[b-rh8rdbku8d] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

/* ---- Bildfokus-Editor ---- */
.tp-focal-hint[b-rh8rdbku8d] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
    margin: 0 0 var(--trecker-space-sm);
}

.tp-focal-box[b-rh8rdbku8d] {
    position: relative;
    cursor: crosshair;
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    line-height: 0;
    touch-action: manipulation;
}

.tp-focal-box img[b-rh8rdbku8d] {
    width: 100%;
    height: auto;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
}

.tp-focal-marker[b-rh8rdbku8d] {
    position: absolute;
    width: 34px;
    height: 34px;
    transform: translate(-50%, -50%);
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.55), inset 0 0 0 2px rgba(0, 0, 0, 0.55);
    pointer-events: none;
}

.tp-focal-marker[b-rh8rdbku8d]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}

/* ---- Kommende Events (genehmigte Anmeldungen) ---- */
.tp-upcoming-grid[b-rh8rdbku8d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr));
    gap: var(--trecker-space-md);
}

.tp-upcoming-card[b-rh8rdbku8d] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    max-width: 100%;
    padding: var(--trecker-space-md);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    color: inherit;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.tp-upcoming-card:hover[b-rh8rdbku8d] {
    transform: translateY(-2px);
    border-color: var(--trecker-accent);
    box-shadow: var(--trecker-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.08));
    text-decoration: none;
}

.tp-upcoming-date[b-rh8rdbku8d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3.5rem;
    padding: var(--trecker-space-xs) 0;
    border-radius: var(--trecker-border-radius);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-light);
    line-height: 1.1;
}

.tp-upcoming-day[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.tp-upcoming-month[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
    color: var(--trecker-accent);
}

.tp-upcoming-year[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

.tp-upcoming-body[b-rh8rdbku8d] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.tp-upcoming-name[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-base);
    font-weight: 600;
    color: var(--trecker-text-primary);
    overflow-wrap: anywhere;
}

.tp-upcoming-span[b-rh8rdbku8d],
.tp-upcoming-location[b-rh8rdbku8d] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    overflow-wrap: anywhere;
}

.tp-upcoming-tags[b-rh8rdbku8d] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.tp-upcoming-badge[b-rh8rdbku8d] {
    font-size: var(--trecker-font-size-xs);
}

.tp-upcoming-tag[b-rh8rdbku8d] {
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-light);
    font-size: var(--trecker-font-size-xs);
    font-weight: 500;
    color: var(--trecker-text-secondary);
}

.tp-upcoming-chevron[b-rh8rdbku8d] {
    flex-shrink: 0;
    color: var(--trecker-text-tertiary);
}

/* ---- Responsive ---- */
@media (min-width: 1200px) {
    .tp-upcoming-grid[b-rh8rdbku8d] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .tp-hero[b-rh8rdbku8d] {
        height: 240px;
    }

    .tp-score-layout[b-rh8rdbku8d] {
        grid-template-columns: 1fr;
    }

    .tp-score-emblem[b-rh8rdbku8d] {
        /* Explicit width required: container-type: inline-size (for the card's cqw sizing)
           combined with auto margins cancels the grid item's default stretch, collapsing
           this to a 0-width/0-height box otherwise. */
        width: 100%;
        max-width: 15rem;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .tp-hero[b-rh8rdbku8d] {
        height: 200px;
    }

    .tp-spec-grid[b-rh8rdbku8d] {
        grid-template-columns: repeat(2, 1fr);
    }

    .tp-upcoming-card[b-rh8rdbku8d] {
        gap: var(--trecker-space-sm);
        padding: var(--trecker-space-sm);
    }

    .tp-upcoming-chevron[b-rh8rdbku8d] {
        display: none;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/TreckerInfo.razor.rz.scp.css */
/* TreckerTreck — Info / Guide Seite (Refactor).
   Mobile-first, modernes Design mit Such-Bar und Kategorie-Chips.
   Alle Klassen sind scoped (.razor.css) — kein globaler Bleed. */

.InfoPage[b-s06ovuktab] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px 64px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 768px) {
    .InfoPage[b-s06ovuktab] { padding: 40px 32px 80px; gap: 28px; }
}

/* ─── Hero ─── */
.InfoPage__Hero[b-s06ovuktab] {
    text-align: center;
    padding: 8px 0 4px;
}

.InfoPage__Eyebrow[b-s06ovuktab] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #ff7a3d;
    background: rgba(255, 122, 61, 0.1);
    border: 1px solid rgba(255, 122, 61, 0.25);
    border-radius: 999px;
    padding: 4px 14px;
    margin: 0 0 12px;
}

.InfoPage__Title[b-s06ovuktab] {
    margin: 0;
    font-size: clamp(28px, 5vw, 40px);
    font-weight: 800;
    letter-spacing: -0.02em;
    background: var(--trecker-accent-gradient, linear-gradient(135deg, #ff7a3d, #f59e0b));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.InfoPage__Subtitle[b-s06ovuktab] {
    margin: 6px auto 0;
    color: var(--trecker-text-secondary);
    font-size: 15px;
    max-width: 640px;
    line-height: 1.55;
}

/* ─── Search bar (sticky on mobile) ─── */
.InfoPage__SearchBar[b-s06ovuktab] {
    position: sticky;
    top: 8px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--trecker-bg-card, var(--trecker-bg-secondary));
    border: 1px solid var(--trecker-border);
    border-radius: 999px;
    padding: 6px 14px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

.InfoPage__SearchIcon[b-s06ovuktab] {
    color: var(--trecker-text-secondary);
    flex-shrink: 0;
}

.InfoPage__SearchInput[b-s06ovuktab] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    color: var(--trecker-text-primary);
    padding: 8px 0;
    min-width: 0;
    font-family: inherit;
}

.InfoPage__SearchInput[b-s06ovuktab]::placeholder {
    color: var(--trecker-text-secondary);
    opacity: 0.7;
}

.InfoPage__SearchClear[b-s06ovuktab] {
    background: rgba(127, 127, 127, 0.15);
    color: var(--trecker-text-secondary);
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.InfoPage__SearchClear:hover[b-s06ovuktab] {
    background: rgba(229, 72, 77, 0.18);
    color: #e5484d;
}

/* ─── Category chips (horizontal scroll on mobile) ─── */
.InfoPage__Chips[b-s06ovuktab] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
    margin: 0 -16px;
    padding-left: 16px;
    padding-right: 16px;
    scrollbar-width: none;
}

.InfoPage__Chips[b-s06ovuktab]::-webkit-scrollbar { display: none; }

@media (min-width: 768px) {
    .InfoPage__Chips[b-s06ovuktab] {
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
    }
}

.InfoPage__Chip[b-s06ovuktab] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    color: var(--trecker-text-secondary);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    font-family: inherit;
}

.InfoPage__Chip:hover[b-s06ovuktab] {
    border-color: rgba(255, 122, 61, 0.4);
    color: var(--trecker-text-primary);
}

.InfoPage__Chip--active[b-s06ovuktab] {
    background: linear-gradient(135deg, #ff7a3d, #f59e0b);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 122, 61, 0.3);
}

.InfoPage__Chip--active:hover[b-s06ovuktab] { color: #fff; }

.InfoPage__Chip--new:not(.InfoPage__Chip--active)[b-s06ovuktab] {
    border-color: rgba(255, 122, 61, 0.4);
    color: #ff7a3d;
}

.InfoPage__ChipCount[b-s06ovuktab] {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    padding: 1px 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
}

.InfoPage__Chip:not(.InfoPage__Chip--active) .InfoPage__ChipCount[b-s06ovuktab] {
    background: rgba(127, 127, 127, 0.18);
    color: var(--trecker-text-secondary);
}

/* ─── Result bar ─── */
.InfoPage__ResultBar[b-s06ovuktab] {
    display: flex;
    gap: 8px;
    align-items: baseline;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    padding: 0 4px;
}

.InfoPage__ResultBarHint strong[b-s06ovuktab] { color: var(--trecker-text-primary); }

/* ─── Empty state ─── */
.InfoPage__Empty[b-s06ovuktab] {
    text-align: center;
    padding: 48px 16px;
    background: var(--trecker-bg-secondary);
    border: 1px dashed var(--trecker-border);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
}

.InfoPage__Empty p[b-s06ovuktab] {
    margin: 0;
    color: var(--trecker-text-secondary);
}

.InfoPage__Reset[b-s06ovuktab] {
    background: linear-gradient(135deg, #ff7a3d, #f59e0b);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-family: inherit;
}

/* ─── Feature grid ─── */
.InfoPage__Grid[b-s06ovuktab] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 600px) {
    .InfoPage__Grid[b-s06ovuktab] {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
}

@media (min-width: 1000px) {
    .InfoPage__Grid[b-s06ovuktab] {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}

.InfoPage__Grid--related[b-s06ovuktab] {
    grid-template-columns: 1fr;
}

@media (min-width: 600px) {
    .InfoPage__Grid--related[b-s06ovuktab] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ─── Feature card ─── */
.FeatureCard[b-s06ovuktab] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: var(--trecker-bg-card, var(--trecker-bg-secondary));
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    overflow: hidden;
}

.FeatureCard:hover[b-s06ovuktab] {
    transform: translateY(-2px);
    border-color: rgba(255, 122, 61, 0.4);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.FeatureCard--new[b-s06ovuktab] {
    border-color: rgba(255, 122, 61, 0.5);
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.05), transparent 50%);
}

.FeatureCard__NewBadge[b-s06ovuktab] {
    position: absolute;
    top: 12px;
    right: 12px;
    background: linear-gradient(135deg, #ff7a3d, #f59e0b);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(255, 122, 61, 0.3);
}

.FeatureCard__Audience[b-s06ovuktab] {
    display: inline-block;
    align-self: flex-start;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 4px;
    background: rgba(127, 127, 127, 0.12);
    color: var(--trecker-text-secondary);
}

.FeatureCard__Audience--fahrer[b-s06ovuktab]        { background: rgba(245, 158, 11, 0.15);  color: #d97706; }
.FeatureCard__Audience--veranstalter[b-s06ovuktab]  { background: rgba(59, 130, 246, 0.15);  color: #3b82f6; }
.FeatureCard__Audience--admin[b-s06ovuktab]         { background: rgba(124, 58, 237, 0.15);  color: #7c3aed; }
.FeatureCard__Audience--champion[b-s06ovuktab]      { background: rgba(217, 70, 239, 0.15);  color: #d946ef; }
.FeatureCard__Audience--helfer[b-s06ovuktab]        { background: rgba(34, 197, 94, 0.15);   color: #16a34a; }
.FeatureCard__Audience--public[b-s06ovuktab]        { background: rgba(14, 165, 233, 0.15);  color: #0ea5e9; }

.FeatureCard__Title[b-s06ovuktab] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--trecker-text-primary);
    padding-right: 36px;
}

.FeatureCard__Subtitle[b-s06ovuktab] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--trecker-text-secondary);
    flex: 1;
}

.FeatureCard__Footer[b-s06ovuktab] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
    padding-top: 8px;
    border-top: 1px solid var(--trecker-border);
}

.FeatureCard__Category[b-s06ovuktab] {
    font-size: 11px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.FeatureCard__Arrow[b-s06ovuktab] {
    color: #ff7a3d;
    font-size: 16px;
    font-weight: 700;
    transition: transform 0.15s ease;
}

.FeatureCard:hover .FeatureCard__Arrow[b-s06ovuktab] {
    transform: translateX(4px);
}

/* ─── Quick Start ─── */
.InfoPage__QuickStart[b-s06ovuktab] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 16px;
    padding: 24px 20px;
}

@media (min-width: 768px) {
    .InfoPage__QuickStart[b-s06ovuktab] { padding: 32px; }
}

.InfoPage__SectionTitle[b-s06ovuktab] {
    margin: 0 0 20px;
    font-size: 22px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.InfoPage__Steps[b-s06ovuktab] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.InfoPage__Step[b-s06ovuktab] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: var(--trecker-bg-primary, var(--trecker-bg-card));
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 16px;
}

.InfoPage__StepNum[b-s06ovuktab] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff7a3d, #f59e0b);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 15px;
}

.InfoPage__StepBody[b-s06ovuktab] { flex: 1; min-width: 0; }
.InfoPage__StepTitle[b-s06ovuktab] {
    margin: 2px 0 4px;
    font-size: 16px;
    font-weight: 700;
}

.InfoPage__StepText[b-s06ovuktab] {
    margin: 0 0 8px;
    color: var(--trecker-text-secondary);
    font-size: 14px;
    line-height: 1.55;
}

.InfoPage__StepLink[b-s06ovuktab] {
    color: #ff7a3d;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
}

.InfoPage__StepLink:hover[b-s06ovuktab] { text-decoration: underline; }

/* ─── FAQ ─── */
.InfoPage__Faq[b-s06ovuktab] { display: flex; flex-direction: column; gap: 16px; }

.InfoPage__FaqGroups[b-s06ovuktab] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

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

@media (min-width: 768px) {
    .InfoPage__FaqGroup[b-s06ovuktab] { padding: 24px; }
}

.InfoPage__FaqGroupTitle[b-s06ovuktab] {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.InfoPage__FaqItem[b-s06ovuktab] {
    border-top: 1px solid var(--trecker-border);
}

.InfoPage__FaqItem:first-of-type[b-s06ovuktab] { border-top: none; }

.InfoPage__FaqQ[b-s06ovuktab] {
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    padding: 14px 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: var(--trecker-text-primary);
    font-family: inherit;
}

.InfoPage__FaqChevron[b-s06ovuktab] {
    flex-shrink: 0;
    color: var(--trecker-text-secondary);
    transition: transform 0.15s ease;
}

.InfoPage__FaqItem--open .InfoPage__FaqChevron[b-s06ovuktab] {
    transform: rotate(180deg);
    color: #ff7a3d;
}

.InfoPage__FaqA[b-s06ovuktab] {
    padding: 0 4px 14px;
    color: var(--trecker-text-secondary);
    font-size: 14px;
    line-height: 1.6;
}

.InfoPage__FaqA em[b-s06ovuktab] {
    color: #ff7a3d;
    font-style: normal;
    font-weight: 600;
}

/* ─── Article popup modal ─── */
.InfoModal[b-s06ovuktab] {
    position: fixed;
    inset: 0;
    z-index: 8000;
    background: rgba(0, 0, 0, 0.7);
    /* no backdrop-filter — it creates a containing block for fixed children in Chromium */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    cursor: pointer;
}

.InfoModal__Panel[b-s06ovuktab] {
    background: var(--trecker-bg-primary, #0f1117);
    border: 1px solid var(--trecker-border);
    border-radius: 20px;
    width: 95vw;
    max-width: 1100px;
    max-height: 92vh;
    overflow-y: auto;
    cursor: default;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
}

.InfoModal__Header[b-s06ovuktab] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 20px;
    border-bottom: 1px solid var(--trecker-border);
    position: sticky;
    top: 0;
    background: var(--trecker-bg-primary, #0f1117);
    border-radius: 20px 20px 0 0;
    z-index: 1;
    flex-shrink: 0;
}

.InfoModal__AllLink[b-s06ovuktab] {
    background: none;
    border: none;
    color: var(--trecker-text-secondary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    padding: 4px 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.15s;
}

.InfoModal__AllLink:hover[b-s06ovuktab] { color: #ff7a3d; }

.InfoModal__Close[b-s06ovuktab] {
    background: rgba(127, 127, 127, 0.15);
    color: var(--trecker-text-secondary);
    border: none;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}

.InfoModal__Close:hover[b-s06ovuktab] {
    background: rgba(229, 72, 77, 0.2);
    color: #e5484d;
}

.InfoModal__Body[b-s06ovuktab] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: 1;
}

@media (min-width: 768px) {
    .InfoModal__Body[b-s06ovuktab] { padding: 24px 28px 32px; }
}

/* ─── Article hero ─── */
.ArticleHero[b-s06ovuktab] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.1) 0%, rgba(245, 158, 11, 0.05) 55%, transparent 100%);
    border: 1px solid rgba(255, 122, 61, 0.2);
    border-radius: 16px;
    padding: 22px 20px 24px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .ArticleHero[b-s06ovuktab] { padding: 26px 28px 28px; }
}

.ArticleHero[b-s06ovuktab]::after {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 122, 61, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.ArticleHero__Badges[b-s06ovuktab] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 12px;
}

.ArticleHero__NewBadge[b-s06ovuktab] {
    display: inline-block;
    background: linear-gradient(135deg, #ff7a3d, #f59e0b);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 3px 8px;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(255, 122, 61, 0.35);
}

.ArticleHero__Title[b-s06ovuktab] {
    margin: 0 0 8px;
    font-size: clamp(22px, 3.5vw, 32px);
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1.2;
    color: var(--trecker-text-primary);
}

.ArticleHero__Subtitle[b-s06ovuktab] {
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: var(--trecker-text-secondary);
}

.ArticleHero__Intro[b-s06ovuktab] {
    margin: 14px 0 0;
    padding: 12px 16px;
    background: rgba(255, 122, 61, 0.07);
    border-left: 3px solid #ff7a3d;
    border-radius: 0 8px 8px 0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--trecker-text-primary);
}

.ArticleHero__Cta[b-s06ovuktab] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 18px;
    background: linear-gradient(135deg, #ff7a3d, #f59e0b);
    color: #fff;
    padding: 10px 22px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(255, 122, 61, 0.35);
    transition: box-shadow 0.15s, transform 0.15s;
}

.ArticleHero__Cta:hover[b-s06ovuktab] {
    box-shadow: 0 6px 20px rgba(255, 122, 61, 0.5);
    transform: translateY(-1px);
}

/* ─── Sections grid ─── */
.ArticleDetail__Sections[b-s06ovuktab] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    align-items: start;
}

@media (min-width: 640px) {
    .ArticleDetail__Sections[b-s06ovuktab] { grid-template-columns: repeat(2, 1fr); }
}

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

.ArticleDetail__SectionTitle[b-s06ovuktab] {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.ArticleDetail__SectionDesc[b-s06ovuktab] {
    margin: 0 0 10px;
    font-size: 13px;
    color: var(--trecker-text-secondary);
    line-height: 1.55;
}

.ArticleDetail__SectionDesc:last-child[b-s06ovuktab] { margin-bottom: 0; }

.ArticleDetail__List[b-s06ovuktab] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ArticleDetail__List li[b-s06ovuktab] {
    position: relative;
    padding: 7px 10px 7px 26px;
    background: var(--trecker-bg-primary, var(--trecker-bg-card));
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    font-size: 13px;
    line-height: 1.5;
}

.ArticleDetail__List li[b-s06ovuktab]::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 14px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff7a3d, #f59e0b);
}

.ArticleDetail__List li strong[b-s06ovuktab] {
    color: var(--trecker-text-primary);
    font-weight: 600;
}

.ArticleDetail__Related[b-s06ovuktab] { margin-top: 4px; }

/* ─── Accordion / collapsible sections ─── */
.ArticleDetail__Sections--accordion[b-s06ovuktab] {
    grid-template-columns: 1fr !important;
}

.ArticleDetail__Section--collapsible[b-s06ovuktab] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    overflow: hidden;
    padding: 0;
}

.ArticleDetail__Section--collapsible > summary[b-s06ovuktab] {
    list-style: none;
}

.ArticleDetail__Section--collapsible > summary[b-s06ovuktab]::-webkit-details-marker {
    display: none;
}

.ArticleDetail__SectionTitle--toggle[b-s06ovuktab] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    font-size: 15px;
    font-weight: 700;
    color: var(--trecker-text-primary);
    cursor: pointer;
    user-select: none;
    margin: 0;
    transition: background 0.15s;
}

.ArticleDetail__SectionTitle--toggle:hover[b-s06ovuktab] {
    background: rgba(255, 122, 61, 0.06);
}

.ArticleDetail__SectionTitle--toggle span[b-s06ovuktab] {
    flex: 1;
    min-width: 0;
}

.ArticleDetail__ToggleIcon[b-s06ovuktab] {
    flex-shrink: 0;
    color: var(--trecker-text-secondary);
    transition: transform 0.2s ease, color 0.15s;
}

.ArticleDetail__Section--collapsible[open] .ArticleDetail__ToggleIcon[b-s06ovuktab] {
    transform: rotate(180deg);
    color: #ff7a3d;
}

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

.ArticleDetail__SectionContent .ArticleDetail__SectionDesc[b-s06ovuktab] {
    margin: 0;
}

.ArticleDetail__SectionContent .ArticleDetail__List[b-s06ovuktab] {
    margin: 0;
}

/* ─── Screenshot gallery thumbnails ─── */
.ArticleGallery[b-s06ovuktab] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px;
    padding: 16px 18px;
}

.ArticleGallery__Label[b-s06ovuktab] {
    margin: 0 0 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: var(--trecker-text-secondary);
}

.ArticleGallery__Grid[b-s06ovuktab] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.ArticleGallery__Thumb[b-s06ovuktab] {
    background: none;
    border: 1px solid var(--trecker-border);
    border-radius: 10px;
    overflow: hidden;
    cursor: zoom-in;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
    font-family: inherit;
    text-align: left;
}

.ArticleGallery__Thumb:hover[b-s06ovuktab] {
    border-color: rgba(255, 122, 61, 0.5);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.ArticleGallery__Thumb img[b-s06ovuktab] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.ArticleGallery__ThumbOverlay[b-s06ovuktab] {
    position: absolute;
    inset: 0;
    bottom: auto;
    height: calc(100% - 32px); /* above caption */
    background: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    opacity: 0;
    transition: background 0.18s, opacity 0.18s;
}

.ArticleGallery__Thumb:hover .ArticleGallery__ThumbOverlay[b-s06ovuktab] {
    background: rgba(0, 0, 0, 0.38);
    opacity: 1;
}

.ArticleGallery__ThumbCaption[b-s06ovuktab] {
    margin: 0;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
    text-align: center;
    border-top: 1px solid var(--trecker-border);
    background: var(--trecker-bg-secondary);
    flex-shrink: 0;
}

/* ─── Gallery lightbox (full-screen, with prev/next) ─── */
.InfoGallery[b-s06ovuktab] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.94);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
}

.InfoGallery__Stage[b-s06ovuktab] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 60px 16px 40px;
    max-width: calc(100vw - 120px);
    cursor: default;
}

@media (max-width: 480px) {
    .InfoGallery__Stage[b-s06ovuktab] { max-width: 100vw; padding: 60px 8px 40px; }
}

.InfoGallery__Img[b-s06ovuktab] {
    max-width: 100%;
    max-height: calc(100vh - 130px);
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
    display: block;
}

.InfoGallery__Meta[b-s06ovuktab] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.InfoGallery__Caption[b-s06ovuktab] {
    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.InfoGallery__Counter[b-s06ovuktab] {
    color: rgba(255, 255, 255, 0.38);
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.06em;
}

.InfoGallery__Close[b-s06ovuktab] {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
    z-index: 1;
}

.InfoGallery__Close:hover[b-s06ovuktab] {
    background: rgba(229, 72, 77, 0.35);
    color: #fff;
    border-color: transparent;
}

.InfoGallery__Nav[b-s06ovuktab] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    transition: background 0.15s, color 0.15s;
    padding-bottom: 2px;
}

.InfoGallery__Nav--prev[b-s06ovuktab] { left: 14px; }
.InfoGallery__Nav--next[b-s06ovuktab] { right: 14px; }

.InfoGallery__Nav:hover[b-s06ovuktab] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/VerlosungBestaetigung.razor.rz.scp.css */
/* VerlosungBestaetigung — Double-Opt-In-Landeseite (/verlosung-bestaetigen/{token}). */

.VerlConf[b-vjubi9w4gk] {
    max-width: 560px;
    margin: 0 auto;
    padding: var(--trecker-space-2xl) var(--trecker-space-md)
             calc(var(--trecker-space-2xl) + env(safe-area-inset-bottom));
}

.VerlConf__Loading[b-vjubi9w4gk] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-3xl) 0;
}

.VerlConf__Box[b-vjubi9w4gk] {
    text-align: center;
    padding: var(--trecker-space-xl) var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-lg);
    border: 1px solid var(--trecker-border-light);
    background: var(--trecker-bg-card);
    box-shadow: var(--trecker-shadow-sm);
}

.VerlConf__Box--ok[b-vjubi9w4gk] {
    border-color: var(--trecker-success);
    background: var(--trecker-success-bg);
}

.VerlConf__Box--fail[b-vjubi9w4gk] {
    border-color: var(--trecker-error);
    background: var(--trecker-error-bg);
}

.VerlConf__Icon[b-vjubi9w4gk] {
    width: 48px;
    height: 48px;
    color: var(--trecker-success);
    margin-bottom: var(--trecker-space-md);
}

.VerlConf__Icon--fail[b-vjubi9w4gk] {
    color: var(--trecker-error);
}

.VerlConf__Box h1[b-vjubi9w4gk] {
    margin: 0 0 var(--trecker-space-sm);
    font-size: var(--trecker-font-size-xl);
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlConf__Box p[b-vjubi9w4gk] {
    margin: 0 0 var(--trecker-space-lg);
    color: var(--trecker-text-secondary);
}

@media (min-width: 768px) {
    .VerlConf[b-vjubi9w4gk] {
        padding-top: var(--trecker-space-3xl);
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/VerlosungTeilnahme.razor.rz.scp.css */
/* VerlosungTeilnahme — öffentliche Teilnahme-Seite (/Verlosung/{token}).
   Der Link wird auf Instagram/Facebook gepostet, daher: mobil-first, große Tap-Targets,
   auf dem Tablet/Desktop zweispaltig. Keine Inline-Styles. */

.VerlPub[b-85srodl133] {
    max-width: 900px;
    margin: 0 auto;
    padding: var(--trecker-space-lg) var(--trecker-space-md)
             calc(var(--trecker-space-2xl) + env(safe-area-inset-bottom));
}

.VerlPub__Loading[b-85srodl133] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-3xl) 0;
}

.VerlPub__Notice[b-85srodl133] {
    text-align: center;
    padding: var(--trecker-space-2xl) var(--trecker-space-md);
}

.VerlPub__Notice h1[b-85srodl133] {
    font-size: var(--trecker-font-size-xl);
    margin-bottom: var(--trecker-space-sm);
}

.VerlPub__Notice p[b-85srodl133] {
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-lg);
}

/* ── Hero-Kopf ────────────────────────────────────────────────── */

.VerlPub__Hero[b-85srodl133] {
    margin-bottom: var(--trecker-space-lg);
    padding: var(--trecker-space-lg);
    border-radius: var(--trecker-border-radius-lg);
    background: linear-gradient(135deg, var(--trecker-bg-secondary), var(--trecker-bg-card));
    border: 1px solid var(--trecker-border-light);
}

.VerlPub__Eyebrow[b-85srodl133] {
    display: inline-block;
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--trecker-space-xs);
    text-decoration: none;
}

.VerlPub__Eyebrow:hover[b-85srodl133] {
    color: var(--trecker-primary);
    text-decoration: underline;
}

.VerlPub__Title[b-85srodl133] {
    margin: 0;
    font-size: var(--trecker-font-size-2xl);
    font-weight: var(--trecker-font-weight-semibold);
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.VerlPub__Description[b-85srodl133] {
    margin: var(--trecker-space-sm) 0 0;
    color: var(--trecker-text-secondary);
    max-width: 60ch;
}

.VerlPub__Meta[b-85srodl133] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    margin-top: var(--trecker-space-md);
}

.VerlPub__Pill[b-85srodl133] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--trecker-border-radius-full);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-light);
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.VerlPub__Pill--good[b-85srodl133] {
    background: var(--trecker-success-bg);
    border-color: var(--trecker-success);
    color: var(--trecker-success);
}

.VerlPub__PillDot[b-85srodl133] {
    display: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
}

.VerlPub__Pill--good .VerlPub__PillDot[b-85srodl133] {
    display: inline-block;
    animation: VerlPubPulse-b-85srodl133 1.8s ease-in-out infinite;
}

@keyframes VerlPubPulse-b-85srodl133 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}

/* ── Countdown ────────────────────────────────────────────────── */

.VerlPub__Countdown[b-85srodl133] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--trecker-space-xs) var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
    padding-top: var(--trecker-space-md);
    border-top: 1px dashed var(--trecker-border-light);
}

.VerlPub__CountdownLabel[b-85srodl133] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-secondary);
}

.VerlPub__CountdownValue[b-85srodl133] {
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
    font-variant-numeric: tabular-nums;
    color: var(--trecker-primary);
}

.VerlPub__CountdownUntil[b-85srodl133] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

/* ── Karten ───────────────────────────────────────────────────── */

.VerlPub__Card[b-85srodl133] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    margin-bottom: var(--trecker-space-lg);
}

.VerlPub__Card h2[b-85srodl133] {
    margin: 0 0 var(--trecker-space-md);
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlPub__Success[b-85srodl133] {
    border-color: var(--trecker-success);
    background: var(--trecker-success-bg);
}

.VerlPub__Success p[b-85srodl133] {
    margin: 0 0 var(--trecker-space-md);
}

.VerlPub__Muted[b-85srodl133] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

.VerlPub__Legal[b-85srodl133] {
    margin: var(--trecker-space-md) 0 0;
}

/* ── Teilnahmewege ("Formular hier" / "Kommentar dort") ──────── */

.VerlPub__Ways[b-85srodl133] {
    margin: 0 0 var(--trecker-space-md);
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.VerlPub__Way[b-85srodl133] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-light);
    border-radius: var(--trecker-border-radius-md);
    font-size: var(--trecker-font-size-sm);
}

.VerlPub__WayIcon[b-85srodl133] {
    flex: 0 0 auto;
    font-size: var(--trecker-font-size-md);
    line-height: 1.4;
}

.VerlPub__WayLink[b-85srodl133] {
    margin-left: var(--trecker-space-xs);
    white-space: nowrap;
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-primary);
}

/* ── Bedingungen: kompakte Chips statt Bullet-Liste ──────────── */

.VerlPub__Conditions[b-85srodl133] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs);
    margin-bottom: var(--trecker-space-sm);
}

.VerlPub__Cond[b-85srodl133] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: var(--trecker-border-radius-full);
    background: var(--trecker-success-bg);
    color: var(--trecker-success);
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-medium);
}

.VerlPub__CondText[b-85srodl133] {
    margin: var(--trecker-space-md) 0 0;
    color: var(--trecker-text-secondary);
    white-space: pre-line;
}

/* ── Gewinner ─────────────────────────────────────────────────── */

.VerlPub__Winners[b-85srodl133] {
    border-color: var(--trecker-fullpull);
    background: linear-gradient(180deg, color-mix(in srgb, var(--trecker-fullpull) 8%, transparent), transparent);
}

.VerlPub__WinnersHeading[b-85srodl133] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
}

.VerlPub__WinnerList[b-85srodl133] {
    margin: 0 0 var(--trecker-space-md);
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.VerlPub__WinnerItem[b-85srodl133] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-light);
}

.VerlPub__WinnerItem--first[b-85srodl133] {
    background: color-mix(in srgb, var(--trecker-fullpull) 14%, var(--trecker-bg-card));
    border-color: var(--trecker-fullpull);
}

.VerlPub__WinnerRank[b-85srodl133] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--trecker-bg-secondary);
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-semibold);
}

.VerlPub__WinnerItem--first .VerlPub__WinnerRank[b-85srodl133] {
    background: var(--trecker-fullpull);
    color: #111;
}

.VerlPub__WinnerName[b-85srodl133] {
    font-size: var(--trecker-font-size-md);
    font-weight: var(--trecker-font-weight-semibold);
    overflow-wrap: anywhere;
}

/* ── Formular ─────────────────────────────────────────────────── */

.VerlPub__Field[b-85srodl133] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
    margin-bottom: var(--trecker-space-md);
    max-width: 100%;
}

.VerlPub__Field label[b-85srodl133] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.VerlPub__Required[b-85srodl133] {
    color: var(--trecker-error);
    margin-left: 2px;
}

.VerlPub__Optional[b-85srodl133] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-xs);
    margin-left: var(--trecker-space-xs);
}

.VerlPub__Hint[b-85srodl133] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-xs);
}

.VerlPub__Check[b-85srodl133] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    cursor: pointer;
}

.VerlPub__Check input[b-85srodl133] {
    /* Große Tap-Targets auf dem Telefon. */
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    margin-top: 1px;
}

.VerlPub__Turnstile[b-85srodl133] {
    margin-bottom: var(--trecker-space-md);
    max-width: 100%;
    overflow-x: auto;
}

.VerlPub__Submit[b-85srodl133] {
    width: 100%;
    min-height: 48px;
}

/* ── Tablet / Desktop: echte Zweispaltigkeit ──────────────────── */

@media (min-width: 768px) {
    .VerlPub[b-85srodl133] {
        padding: var(--trecker-space-xl) var(--trecker-space-lg);
    }

    .VerlPub__Hero[b-85srodl133] {
        padding: var(--trecker-space-xl);
    }

    .VerlPub__Submit[b-85srodl133] {
        width: auto;
        min-width: 260px;
    }
}

@media (min-width: 1024px) {
    .VerlPub[b-85srodl133] {
        max-width: 1040px;
    }

    .VerlPub__Card[b-85srodl133] {
        padding: var(--trecker-space-xl);
        margin-bottom: 0;
    }

    /* Bedingungen + Formular nebeneinander, damit die Tablet-/Desktop-Breite
       wirklich genutzt wird statt ein gestrecktes Telefon-Layout zu zeigen. */
    .VerlPub__Grid[b-85srodl133] {
        display: grid;
        /* auto-fit: mit nur einer Karte (keine Bedingungen) bleibt es einspaltig. */
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
        gap: var(--trecker-space-lg);
        align-items: start;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/AddToWalletButtons.razor.rz.scp.css */
.ttw-wallet[b-qzi4galu6n] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-xs, 0.5rem);
    justify-content: center;
    margin-top: var(--trecker-space-sm, 0.75rem);
}

.ttw-wallet__btn[b-qzi4galu6n] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    border: 1px solid transparent;
    transition: transform 0.08s ease, opacity 0.12s ease;
    white-space: nowrap;
}

.ttw-wallet__btn:hover[b-qzi4galu6n] {
    transform: translateY(-1px);
    opacity: 0.92;
}

.ttw-wallet__btn:active[b-qzi4galu6n] {
    transform: translateY(0);
}

/* Apple Wallet — canonical black badge */
.ttw-wallet__apple[b-qzi4galu6n] {
    background: #000;
    color: #fff;
    border-color: #000;
}

/* Google Wallet — dark slate to match the pass background */
.ttw-wallet__google[b-qzi4galu6n] {
    background: #1f2937;
    color: #fff;
    border-color: #1f2937;
}

.ttw-wallet__error[b-qzi4galu6n] {
    margin-top: var(--trecker-space-xs, 0.5rem);
}

@media (max-width: 380px) {
    .ttw-wallet[b-qzi4galu6n] {
        flex-direction: column;
    }

    .ttw-wallet__btn[b-qzi4galu6n] {
        justify-content: center;
        width: 100%;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/AppleSignInButton.razor.rz.scp.css */
.a-signin[b-dfhk2jdwkc] {
    margin-top: var(--trecker-space-md, 1rem);
}

/* "oder" divider */
.a-signin__divider[b-dfhk2jdwkc] {
    display: flex;
    align-items: center;
    text-align: center;
    gap: var(--trecker-space-sm, 0.5rem);
    margin: var(--trecker-space-md, 1rem) 0;
    color: var(--trecker-text-secondary, #6b7280);
    font-size: 0.875rem;
}

.a-signin__divider[b-dfhk2jdwkc]::before,
.a-signin__divider[b-dfhk2jdwkc]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--trecker-border, #e0e0e0);
}

/* Canonical black "Sign in with Apple" button */
.a-signin__btn[b-dfhk2jdwkc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    width: 100%;
    min-height: 44px;
    padding: 0.625rem 1rem;
    border: 1px solid #000;
    border-radius: var(--trecker-radius, 8px);
    background: #000;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.12s ease;
}

.a-signin__btn:hover:not(:disabled)[b-dfhk2jdwkc] {
    opacity: 0.88;
}

.a-signin__btn:disabled[b-dfhk2jdwkc] {
    opacity: 0.6;
    cursor: default;
}

.a-signin__icon[b-dfhk2jdwkc] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
}

/* One-time AGB / Datenschutz consent for brand-new Apple accounts */
.a-signin__consent[b-dfhk2jdwkc] {
    border: 1px solid var(--trecker-border, #e0e0e0);
    border-radius: var(--trecker-radius, 10px);
    padding: var(--trecker-space-md, 1rem);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm, 0.5rem);
}

.a-signin__consent-intro[b-dfhk2jdwkc] {
    margin: 0 0 var(--trecker-space-xs, 0.25rem);
}

.a-signin__consent-row[b-dfhk2jdwkc] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.4;
}

.a-signin__consent-row input[type="checkbox"][b-dfhk2jdwkc] {
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.a-signin__consent-actions[b-dfhk2jdwkc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm, 0.5rem);
    margin-top: var(--trecker-space-xs, 0.25rem);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/BadgeEmblem.razor.rz.scp.css */
.bemblem[b-xwqf7w8luy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 152px;
}

.bemblem--sm[b-xwqf7w8luy] {
    width: 110px;
}

/* Flat-top hexagon. Outer element = metallic themed frame; inner = dark panel. */
.bemblem__shield[b-xwqf7w8luy] {
    position: relative;
    width: 130px;
    height: 130px;
    clip-path: polygon(25% 1.5%, 75% 1.5%, 100% 50%, 75% 98.5%, 25% 98.5%, 0% 50%);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--bc) 25%, #ffffff 75%) 0%,
        var(--bc) 40%,
        color-mix(in srgb, var(--bc) 45%, #000000 55%) 100%);
    padding: 5px;
    box-sizing: border-box;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.45));
}

.bemblem--sm .bemblem__shield[b-xwqf7w8luy] {
    width: 96px;
    height: 96px;
    padding: 4px;
}

.bemblem__inner[b-xwqf7w8luy] {
    position: relative;
    width: 100%;
    height: 100%;
    clip-path: polygon(25% 1.5%, 75% 1.5%, 100% 50%, 75% 98.5%, 25% 98.5%, 0% 50%);
    background:
        radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--bc) 42%, transparent) 0%, transparent 58%),
        repeating-conic-gradient(from 0deg at 50% 40%, rgba(255,255,255,0.05) 0deg 6deg, transparent 6deg 12deg),
        linear-gradient(160deg, #2a2e38 0%, #15171d 72%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* inner colored frame line + vignette (clipped to the hex by clip-path) */
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.6), inset 0 0 0 2px color-mix(in srgb, var(--bc) 50%, transparent);
}

/* glassy highlight across the top */
.bemblem__shine[b-xwqf7w8luy] {
    position: absolute;
    inset: 0 0 55% 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.bemblem__icon[b-xwqf7w8luy] {
    position: relative;
    margin-bottom: 22px;
    color: #f3c64f;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.55));
}

/* The icon SVG is injected at runtime via MarkupString, so it does NOT carry the
   Blazor scope attribute. Use ::deep so the sizing rule still matches it. */
.bemblem__icon[b-xwqf7w8luy]  svg {
    width: 46px;
    height: 46px;
    display: block;
}

.bemblem--sm .bemblem__icon[b-xwqf7w8luy]  svg {
    width: 34px;
    height: 34px;
}

.bemblem--sm .bemblem__icon[b-xwqf7w8luy] {
    margin-bottom: 15px;
}

/* Counter badge: the live number replaces the icon. */
.bemblem__count[b-xwqf7w8luy] {
    font-size: 2.15rem;
    font-weight: 900;
    color: #f3c64f;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}

.bemblem--sm .bemblem__count[b-xwqf7w8luy] {
    font-size: 1.5rem;
}

/* Title banner across the lower part of the shield. */
.bemblem__banner[b-xwqf7w8luy] {
    position: absolute;
    left: 9%;
    right: 9%;
    bottom: 15%;
    padding: 3px 4px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0.62));
    color: color-mix(in srgb, var(--bc) 22%, #ffffff 78%);
    font-weight: 800;
    font-size: 0.6rem;
    letter-spacing: 0.06em;
    line-height: 1.1;
    border-radius: 3px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bemblem--sm .bemblem__banner[b-xwqf7w8luy] {
    font-size: 0.5rem;
    bottom: 14%;
}

/* Tier ribbon (Bronze/Silber/Gold/Diamant) top-centre for leveled badges. */
.bemblem__tier[b-xwqf7w8luy] {
    position: absolute;
    top: 9%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    font-size: 0.5rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--bc) 60%, transparent);
}

.bemblem__caption[b-xwqf7w8luy] {
    margin-top: 10px;
    font-size: 0.8rem;
    color: var(--trecker-text-secondary, #9aa0a6);
    line-height: 1.3;
}

/* Locked state: greyscale + padlock. */
.bemblem.is-locked .bemblem__shield[b-xwqf7w8luy] {
    filter: grayscale(1) brightness(0.72) drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3));
}

.bemblem.is-locked .bemblem__icon[b-xwqf7w8luy],
.bemblem.is-locked .bemblem__count[b-xwqf7w8luy] {
    opacity: 0.3;
}

.bemblem__lock[b-xwqf7w8luy] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -62%);
    color: #fff;
    opacity: 0.92;
}

.bemblem__lock svg[b-xwqf7w8luy] {
    width: 30px;
    height: 30px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.6));
}

.bemblem--sm .bemblem__lock svg[b-xwqf7w8luy] {
    width: 22px;
    height: 22px;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/FieldAccessBanner.razor.rz.scp.css */
.fab-wrap[b-2150bk9zb4] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.fab-card[b-2150bk9zb4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg);
    border-radius: var(--trecker-radius-lg, 14px);
    background: linear-gradient(135deg, var(--trecker-primary, #2f7d32), var(--trecker-primary-dark, #1f5c22));
    color: #fff;
    box-shadow: var(--trecker-shadow-md, 0 4px 16px rgba(0,0,0,.15));
}

.fab-main[b-2150bk9zb4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.fab-eyebrow[b-2150bk9zb4] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .85;
}

.fab-title[b-2150bk9zb4] {
    font-size: 1.2rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.fab-countdown[b-2150bk9zb4] {
    font-size: .95rem;
    opacity: .92;
}

.fab-btn[b-2150bk9zb4] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .7rem 1.15rem;
    border-radius: var(--trecker-radius-md, 10px);
    background: #fff;
    color: var(--trecker-primary-dark, #1f5c22);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .12s ease, box-shadow .12s ease;
}

.fab-btn:hover[b-2150bk9zb4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

@media (max-width: 480px) {
    .fab-card[b-2150bk9zb4] { align-items: stretch; }
    .fab-btn[b-2150bk9zb4] { width: 100%; justify-content: center; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/FieldAccessInvitePrompt.razor.rz.scp.css */
.fip-modal[b-aobxss5lfi] {
    max-width: 480px;
    width: 100%;
}

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

.fip-intro[b-aobxss5lfi] {
    margin: 0 0 var(--trecker-space-lg);
}

.fip-list[b-aobxss5lfi] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.fip-item[b-aobxss5lfi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    padding: var(--trecker-space-md);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md);
    background: var(--trecker-surface-2, var(--trecker-surface));
}

.fip-event[b-aobxss5lfi] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    min-width: 0;
}

.fip-icon[b-aobxss5lfi] {
    font-size: 1.35rem;
    line-height: 1;
}

.fip-event-name[b-aobxss5lfi] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.fip-actions[b-aobxss5lfi] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-shrink: 0;
}

@media (max-width: 400px) {
    .fip-item[b-aobxss5lfi] { align-items: stretch; }
    .fip-actions[b-aobxss5lfi] { width: 100%; }
    .fip-actions .TreckerButton[b-aobxss5lfi] { flex: 1; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/FieldDriverInfoButton.razor.rz.scp.css */
/* On-field driver-info button + popup content. The modal shell reuses the global
   field-modal classes from trecker-field.css; only the trigger + info rows are scoped. */

.fdi-btn[b-veo6f3szbf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid var(--field-border);
    background: var(--field-bg-secondary);
    color: var(--field-text-secondary);
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.fdi-btn:hover[b-veo6f3szbf],
.fdi-btn:focus-visible[b-veo6f3szbf] {
    color: var(--field-accent);
    border-color: var(--field-accent);
    outline: none;
}

/* Technische Abnahme state — purely a visual signal, still clearly an info icon. */
.fdi-btn--denied[b-veo6f3szbf] {
    color: var(--field-error);
    border-color: var(--field-error);
    background: var(--field-error-bg);
}

.fdi-btn--comment[b-veo6f3szbf] {
    color: var(--field-warning);
    border-color: var(--field-warning);
    background: var(--field-warning-bg);
}

.fdi-inspection-note[b-veo6f3szbf] {
    border: 2px solid;
    border-radius: var(--field-radius-sm);
    padding: 10px 14px;
    margin-bottom: 16px;
    font-size: 0.9rem;
}

.fdi-inspection-note--denied[b-veo6f3szbf] {
    background: var(--field-error-bg);
    border-color: var(--field-error);
    color: var(--field-error);
}

.fdi-inspection-note--comment[b-veo6f3szbf] {
    background: var(--field-warning-bg);
    border-color: var(--field-warning);
    color: var(--field-warning);
}

.fdi-inspection-note-title[b-veo6f3szbf] {
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 4px;
}

.fdi-inspection-note-text[b-veo6f3szbf] {
    white-space: pre-line;
}

.fdi-modal[b-veo6f3szbf] {
    max-width: 480px;
    width: 100%;
    text-align: left;
    font-weight: 400;
    cursor: default;
}

.fdi-rows[b-veo6f3szbf] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
}

.fdi-row[b-veo6f3szbf] {
    display: flex;
    gap: 12px;
    align-items: baseline;
    flex-wrap: wrap;
}

.fdi-label[b-veo6f3szbf] {
    flex: 0 0 118px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--field-text-muted);
}

.fdi-value[b-veo6f3szbf] {
    flex: 1;
    min-width: 180px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--field-text);
    font-size: 0.95rem;
}

.fdi-muted[b-veo6f3szbf] {
    color: var(--field-text-muted);
    font-size: 0.85rem;
}

.fdi-account-no[b-veo6f3szbf] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

/* Big tappable call button (min 48px touch target for gloves/on-field use) */
.fdi-call[b-veo6f3szbf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 52px;
    border-radius: var(--field-radius);
    background: var(--field-success);
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
}

.fdi-call:hover[b-veo6f3szbf] {
    filter: brightness(1.1);
}

.fdi-no-phone[b-veo6f3szbf] {
    text-align: center;
    padding: 10px;
    border-radius: var(--field-radius);
    background: var(--field-bg-secondary);
    color: var(--field-text-muted);
    font-style: italic;
    font-size: 0.9rem;
}

/* Phone: labels stack above values */
@media (max-width: 480px) {
    .fdi-label[b-veo6f3szbf] {
        flex-basis: 100%;
    }

    .fdi-value[b-veo6f3szbf] {
        min-width: 0;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/FieldQuickScan.razor.rz.scp.css */
/* FieldQuickScan — scoped styles (field-ops design, --field-* tokens from trecker-field.css) */

/* Manual code entry below the scanner */
.fqs-manual-wrap[b-cekdlv0cyn] {
    margin-top: 16px;
}

/* Driver card: name block left, driver-info (ⓘ) button right */
.fqs-driver-card-row[b-cekdlv0cyn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.fqs-input-row[b-cekdlv0cyn] {
    display: flex;
    gap: 8px;
}

.fqs-notfound-icon[b-cekdlv0cyn] {
    display: inline;
    vertical-align: -3px;
    margin-right: 6px;
}

/* Multi-match search results (name / brand / model search) */
.fqs-results[b-cekdlv0cyn] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fqs-results-title[b-cekdlv0cyn] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--field-text-secondary);
}

.fqs-result-item[b-cekdlv0cyn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    text-align: left;
    padding: 12px 14px;
    background: var(--field-bg-secondary);
    border: 1px solid var(--field-border);
    border-radius: var(--field-radius-sm);
    cursor: pointer;
}

.fqs-result-item:active[b-cekdlv0cyn] {
    border-color: var(--field-accent);
}

.fqs-result-name[b-cekdlv0cyn] {
    font-weight: 700;
    color: var(--field-text);
}

.fqs-result-detail[b-cekdlv0cyn] {
    font-size: 0.8125rem;
    color: var(--field-text-secondary);
}

/* Inline confirmation boxes (check-out / paid / unpaid) */
.fqs-confirm-box[b-cekdlv0cyn] {
    background: var(--field-bg-secondary);
    padding: 12px;
    border-radius: var(--field-radius-sm);
}

.fqs-confirm-box--spaced[b-cekdlv0cyn] {
    margin-top: 8px;
}

.fqs-confirm-title[b-cekdlv0cyn] {
    margin-bottom: 8px;
    font-weight: 600;
}

/* Two-column button grid (confirm yes/no, passed/failed) */
.fqs-grid-2[b-cekdlv0cyn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

/* Extra spacing above the paid-status row */
.fqs-row-spaced[b-cekdlv0cyn] {
    margin-top: 12px;
}

/* Start fee amount shown next to the Startgebühr label */
.fqs-fee-amount[b-cekdlv0cyn] {
    margin-left: 4px;
    font-variant-numeric: tabular-nums;
}

/* Versuch (attempt) cells in the Ergebnis section — mirrors the on-field Ergebnis page */
.fqs-attempts[b-cekdlv0cyn] {
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.fqs-attempts .field-attempt[b-cekdlv0cyn] {
    flex: 1 1 0;
}

/* The attempt currently selected for entry gets a strong accent ring */
.fqs-attempt-selected[b-cekdlv0cyn] {
    border-color: var(--field-accent) !important;
    box-shadow: 0 0 0 2px var(--field-accent) inset;
}

.fqs-attempt-editing[b-cekdlv0cyn] {
    margin-bottom: 8px;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--field-text-secondary);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/GoogleSignInButton.razor.rz.scp.css */
.g-signin[b-cct271j0xf] {
    margin-top: var(--trecker-space-lg, 1.25rem);
}

/* "oder" divider — softer, uppercase eyebrow style */
.g-signin__divider[b-cct271j0xf] {
    display: flex;
    align-items: center;
    text-align: center;
    gap: var(--trecker-space-md, 1rem);
    margin: var(--trecker-space-md, 1rem) 0;
    color: var(--trecker-text-secondary, #6b7280);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.g-signin__divider[b-cct271j0xf]::before,
.g-signin__divider[b-cct271j0xf]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--trecker-border, #e0e0e0));
}

.g-signin__divider[b-cct271j0xf]::after {
    background: linear-gradient(to left, transparent, var(--trecker-border, #e0e0e0));
}

/* Native (app) button — polished white Google button per brand guidelines */
.g-signin__btn.g-signin__btn[b-cct271j0xf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    min-height: 48px;
    padding: 0 1.25rem;
    background: #fff;
    color: #3c4043;
    border: 1px solid var(--trecker-border, #dadce0);
    border-radius: var(--trecker-radius, 10px);
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.1);
    transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.06s ease, background-color 0.18s ease;
}

.g-signin__btn.g-signin__btn:hover:not(:disabled)[b-cct271j0xf] {
    background: #f8faff;
    border-color: #c6d4f2;
    box-shadow: 0 2px 8px rgba(60, 64, 67, 0.18);
}

.g-signin__btn.g-signin__btn:active:not(:disabled)[b-cct271j0xf] {
    transform: translateY(1px);
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.12);
}

.g-signin__btn.g-signin__btn:focus-visible[b-cct271j0xf] {
    outline: none;
    border-color: #4285f4;
    box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.25);
}

.g-signin__btn.g-signin__btn:disabled[b-cct271j0xf] {
    opacity: 0.6;
    cursor: default;
}

.g-signin__icon[b-cct271j0xf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Web GIS button container — centre the rendered iframe button, full-width framing */
.g-signin__gbtn[b-cct271j0xf] {
    display: flex;
    justify-content: center;
    min-height: 44px;
}

/* One-time AGB / Datenschutz consent for brand-new Google accounts */
.g-signin__consent[b-cct271j0xf] {
    border: 1px solid var(--trecker-border, #e0e0e0);
    border-radius: var(--trecker-radius, 10px);
    padding: var(--trecker-space-md, 1rem) var(--trecker-space-md, 1rem) calc(var(--trecker-space-md, 1rem) + 0.1rem);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm, 0.5rem);
    background: linear-gradient(180deg, rgba(66, 133, 244, 0.04), transparent);
    box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08);
}

.g-signin__consent-intro[b-cct271j0xf] {
    margin: 0 0 var(--trecker-space-xs, 0.25rem);
}

.g-signin__consent-row[b-cct271j0xf] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.4;
}

.g-signin__consent-row input[type="checkbox"][b-cct271j0xf] {
    margin-top: 0.2rem;
    flex-shrink: 0;
    accent-color: #4285f4;
}

.g-signin__consent-actions[b-cct271j0xf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm, 0.5rem);
    margin-top: var(--trecker-space-xs, 0.25rem);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/GuestClaimList.razor.rz.scp.css */
.gcl-center[b-zrzf7qdgfk] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-xl, 2rem);
}

.gcl-empty[b-zrzf7qdgfk] {
    padding: var(--trecker-space-lg, 1.5rem) 0;
}

.gcl-list[b-zrzf7qdgfk] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm, 0.75rem);
}

.gcl-item[b-zrzf7qdgfk] {
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: 10px;
    padding: var(--trecker-space-md, 1rem);
    background: var(--trecker-bg-secondary, #1a1a1a);
    transition: border-color 0.15s ease, background 0.15s ease;
}

.gcl-item--on[b-zrzf7qdgfk] {
    border-color: var(--trecker-primary, #4caf50);
    background: var(--trecker-bg-tertiary, #202020);
}

.gcl-head[b-zrzf7qdgfk] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-sm, 0.75rem);
    cursor: pointer;
}

.gcl-check[b-zrzf7qdgfk] {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    accent-color: var(--trecker-primary, #4caf50);
}

.gcl-head-main[b-zrzf7qdgfk] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.gcl-event[b-zrzf7qdgfk] {
    font-weight: 600;
    color: var(--trecker-text-primary, #f5f5f5);
}

.gcl-meta[b-zrzf7qdgfk] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #b0b0b0);
}

.gcl-code[b-zrzf7qdgfk] {
    font-family: var(--trecker-font-mono, monospace);
    opacity: 0.8;
}

.gcl-results[b-zrzf7qdgfk] {
    font-size: 0.8rem;
    color: var(--trecker-primary, #4caf50);
}

.gcl-tractor[b-zrzf7qdgfk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: var(--trecker-space-sm, 0.75rem);
    padding-top: var(--trecker-space-sm, 0.75rem);
    border-top: 1px dashed var(--trecker-border, #2a2a2a);
}

.gcl-tractor-label[b-zrzf7qdgfk] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--trecker-text-secondary, #b0b0b0);
}

.gcl-radio[b-zrzf7qdgfk] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    color: var(--trecker-text-primary, #f5f5f5);
}

.gcl-radio input[b-zrzf7qdgfk] {
    accent-color: var(--trecker-primary, #4caf50);
}

.gcl-select[b-zrzf7qdgfk] {
    margin-top: 4px;
    max-width: 360px;
}

.gcl-actions[b-zrzf7qdgfk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm, 0.75rem);
    align-items: center;
    margin-top: var(--trecker-space-md, 1rem);
}

.gcl-mt[b-zrzf7qdgfk] {
    margin-top: var(--trecker-space-md, 1rem);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/GuestClaimPrompt.razor.rz.scp.css */
.gcp-modal[b-oh9fa3soci] {
    max-width: 640px;
    width: calc(100% - 32px);
}

.gcp-header[b-oh9fa3soci] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-sm, 0.75rem);
}

.gcp-intro[b-oh9fa3soci] {
    margin-top: var(--trecker-space-sm, 0.75rem);
    margin-bottom: var(--trecker-space-md, 1rem);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/MyEventDayBanner.razor.rz.scp.css */
.med-wrap[b-8iacc18cqy] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
    margin-bottom: var(--trecker-space-lg);
}

.med-card[b-8iacc18cqy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg);
    border-radius: var(--trecker-radius-lg, 14px);
    /* Warm amber gradient — deliberately distinct from FieldAccessBanner's green so the
       driver never confuses the helper field-mode with their personal event view. */
    background: linear-gradient(135deg, #ff8a1e, #e5590a);
    color: #fff;
    box-shadow: var(--trecker-shadow-md, 0 4px 16px rgba(0,0,0,.15));
}

.med-main[b-8iacc18cqy] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.med-eyebrow[b-8iacc18cqy] {
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .9;
}

.med-title[b-8iacc18cqy] {
    font-size: 1.2rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.med-sub[b-8iacc18cqy] {
    font-size: .95rem;
    opacity: .92;
}

.med-btn[b-8iacc18cqy] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .7rem 1.15rem;
    border-radius: var(--trecker-radius-md, 10px);
    background: #fff;
    color: #c24907;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .12s ease, box-shadow .12s ease;
}

.med-btn:hover[b-8iacc18cqy] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

@media (max-width: 480px) {
    .med-card[b-8iacc18cqy] { align-items: stretch; }
    .med-btn[b-8iacc18cqy] { width: 100%; justify-content: center; }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/BremswagenTeamForm.razor.rz.scp.css */

.bwedit-card[b-yxlwdaa8sr] {
    padding: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-lg);
}

.bwedit-grid[b-yxlwdaa8sr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
}

.bwedit-toggle[b-yxlwdaa8sr] {
    margin-top: var(--trecker-space-sm);
}

.bwedit-media[b-yxlwdaa8sr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-lg);
}

.bwedit-media-col[b-yxlwdaa8sr] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    align-items: flex-start;
}

.bwedit-logo-preview[b-yxlwdaa8sr] {
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-secondary);
}

.bwedit-banner-preview[b-yxlwdaa8sr] {
    width: 100%;
    max-height: 140px;
    object-fit: cover;
    border-radius: var(--trecker-border-radius-md);
}

.bwedit-actions[b-yxlwdaa8sr] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/FotografProfilForm.razor.rz.scp.css */
.fgedit-card[b-v0uek8zu0y] {
    padding: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-lg);
}

.fgedit-grid[b-v0uek8zu0y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
}

.fgedit-toggle[b-v0uek8zu0y] {
    margin-top: var(--trecker-space-sm);
}

.fgedit-media[b-v0uek8zu0y] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-lg);
}

.fgedit-media-col[b-v0uek8zu0y] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    align-items: flex-start;
}

.fgedit-logo-preview[b-v0uek8zu0y] {
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-secondary);
}

.fgedit-banner-preview[b-v0uek8zu0y] {
    width: 100%;
    max-height: 140px;
    object-fit: cover;
    border-radius: var(--trecker-border-radius-md);
}

.fgedit-actions[b-v0uek8zu0y] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/FriendsSection.razor.rz.scp.css */
.fr-loading-center[b-yotl76g1m5] {
    display: flex;
    justify-content: center;
    padding: var(--trecker-space-4xl) 0;
}

.fr-account-actions[b-yotl76g1m5] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ── Konto-Nummer ── */
.fr-account-card[b-yotl76g1m5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-lg);
    padding: var(--trecker-space-lg) var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.fr-account-label[b-yotl76g1m5] {
    font-size: var(--trecker-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--trecker-text-tertiary);
    margin: 0 0 var(--trecker-space-xs);
}

.fr-account-number[b-yotl76g1m5] {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    letter-spacing: 0.12em;
    color: var(--trecker-accent);
    margin: 0;
    font-variant-numeric: tabular-nums;
}

.fr-account-hint[b-yotl76g1m5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin: var(--trecker-space-xs) 0 0;
    max-width: 46ch;
}

/* ── Freund hinzufuegen ── */
.fr-add-card[b-yotl76g1m5] {
    padding: var(--trecker-space-lg) var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-xl);
}

.fr-section-title[b-yotl76g1m5] {
    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-sm);
}

.fr-section-sub[b-yotl76g1m5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

.fr-count[b-yotl76g1m5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 var(--trecker-space-xs);
    border-radius: 999px;
    background: var(--trecker-accent-light, rgba(120,160,60,0.18));
    color: var(--trecker-accent);
    font-size: var(--trecker-font-size-xs);
    font-weight: 700;
}

.fr-add-row[b-yotl76g1m5] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.fr-add-input[b-yotl76g1m5] {
    flex: 0 1 180px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
}

.fr-add-result[b-yotl76g1m5] {
    margin-top: var(--trecker-space-md);
}

/* ── Abschnitte / Listen ── */
.fr-section[b-yotl76g1m5] {
    margin-top: var(--trecker-space-xl);
}

.fr-list[b-yotl76g1m5] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
}

.fr-row[b-yotl76g1m5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    flex-wrap: wrap;
}

.fr-row-main[b-yotl76g1m5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.fr-row-name[b-yotl76g1m5] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.fr-row-name-link[b-yotl76g1m5] {
    display: block;
    text-decoration: none;
}

.fr-row-name-link:hover[b-yotl76g1m5] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.fr-row-meta[b-yotl76g1m5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
}

.fr-row-actions[b-yotl76g1m5] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ── Freundes-Grid ── */
.fr-grid[b-yotl76g1m5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
}

.fr-friend-card[b-yotl76g1m5] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg);
}

.fr-friend-top[b-yotl76g1m5] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.fr-friend-id[b-yotl76g1m5] {
    min-width: 0;
}

.fr-friend-club[b-yotl76g1m5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin-top: 2px;
}

.fr-friend-actions[b-yotl76g1m5] {
    display: flex;
    gap: var(--trecker-space-sm);
}

.fr-remove[b-yotl76g1m5] {
    color: var(--trecker-danger, #c0392b);
}

/* ── Avatar ── */
.fr-avatar[b-yotl76g1m5] {
    flex-shrink: 0;
    overflow: hidden;
    padding: 0;
}

.fr-avatar-img[b-yotl76g1m5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

/* ── Leerzustand ── */
.fr-empty[b-yotl76g1m5] {
    text-align: center;
    padding: var(--trecker-space-2xl) var(--trecker-space-lg);
    border: 1px dashed var(--trecker-border);
    border-radius: var(--trecker-border-radius-xl);
    margin-top: var(--trecker-space-md);
}

.fr-empty-text[b-yotl76g1m5] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-xs);
}

.fr-empty-sub[b-yotl76g1m5] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/MyTractorsSection.razor.rz.scp.css */
.mts-header[b-hjdl2u3hgu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.mts-intro[b-hjdl2u3hgu] {
    margin: 0;
    max-width: 48ch;
}

.mts-empty[b-hjdl2u3hgu] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.mts-empty-icon[b-hjdl2u3hgu] {
    color: var(--trecker-text-tertiary);
    margin-bottom: var(--trecker-space-md);
}

/* --- Card grid: 1 col phone, 2 cols tablet+, 3 wide desktop --- */
.mts-grid[b-hjdl2u3hgu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-lg);
}

.mts-card[b-hjdl2u3hgu] {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mts-card-image[b-hjdl2u3hgu] {
    display: block;
    aspect-ratio: 16/9;
    background: var(--trecker-bg-subtle);
    overflow: hidden;
}

.mts-card-image img[b-hjdl2u3hgu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.mts-card-image:hover img[b-hjdl2u3hgu] {
    transform: scale(1.03);
}

.mts-card-placeholder[b-hjdl2u3hgu] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--trecker-text-tertiary);
}

.mts-card-body[b-hjdl2u3hgu] {
    padding: var(--trecker-space-md) var(--trecker-space-lg) var(--trecker-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    flex: 1;
}

.mts-card-title-row[b-hjdl2u3hgu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
}

.mts-card-title[b-hjdl2u3hgu] {
    min-width: 0;
}

.mts-card-link[b-hjdl2u3hgu] {
    font-weight: 700;
    color: var(--trecker-text-primary);
    text-decoration: none;
    display: block;
}

.mts-card-link:hover[b-hjdl2u3hgu] {
    color: var(--trecker-accent);
    text-decoration: underline;
}

.mts-card-nickname[b-hjdl2u3hgu] {
    display: block;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-accent);
    font-weight: 600;
}

/* --- IsPublic quick toggle badge --- */
.mts-visibility[b-hjdl2u3hgu] {
    flex-shrink: 0;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: var(--trecker-font-size-xs);
    font-weight: 600;
    border: 1px solid var(--trecker-border);
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    min-height: 28px;
}

.mts-visibility--public[b-hjdl2u3hgu] {
    background: var(--trecker-success-bg);
    color: var(--trecker-success);
    border-color: transparent;
}

.mts-card-specs[b-hjdl2u3hgu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm) var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.mts-card-actions[b-hjdl2u3hgu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: auto;
    padding-top: var(--trecker-space-sm);
}

/* --- Tablet+: two columns --- */
@media (min-width: 700px) {
    .mts-grid[b-hjdl2u3hgu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* --- Wide desktop: three columns --- */
@media (min-width: 1500px) {
    .mts-grid[b-hjdl2u3hgu] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/ProfileGeneralForm.razor.rz.scp.css */
/* ProfileGeneralForm — scoped styles (tokens from trecker-variables.css) */

.pgf-grid[b-8wro5hh4as] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-lg);
}

.pgf-card[b-8wro5hh4as] {
    padding: var(--trecker-space-lg);
}

.pgf-login-card[b-8wro5hh4as] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* --- Field rows / columns (wrap on mobile) --- */
.pgf-row[b-8wro5hh4as] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.pgf-col[b-8wro5hh4as] {
    flex: 1;
    min-width: 200px;
}

.pgf-col--zip[b-8wro5hh4as] {
    flex: 1;
    min-width: 120px;
    max-width: 160px;
}

.pgf-col--wide[b-8wro5hh4as] {
    flex: 2;
    min-width: 200px;
}

/* --- Labels & hints --- */
.pgf-label-note[b-8wro5hh4as] {
    color: var(--trecker-text-tertiary);
    font-size: 0.75rem;
}

.pgf-hint[b-8wro5hh4as] {
    margin-top: var(--trecker-space-xs);
}

.pgf-intro--sm[b-8wro5hh4as] {
    margin-top: calc(-1 * var(--trecker-space-sm));
    margin-bottom: var(--trecker-space-md);
}

.pgf-text-sm[b-8wro5hh4as] {
    font-size: var(--trecker-font-size-sm);
}

/* InputFile renders its own <input> (child component) — needs ::deep */
.pgf-card[b-8wro5hh4as]  .pgf-file-input {
    padding: var(--trecker-space-sm);
}

/* --- ID card (Personalausweis / Fuehrerschein) --- */
.pgf-id-file-row[b-8wro5hh4as] {
    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);
}

.pgf-file-info[b-8wro5hh4as] {
    flex: 1;
    min-width: 0;
}

.pgf-file-name[b-8wro5hh4as] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pgf-consent-row[b-8wro5hh4as] {
    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);
}

.pgf-consent-checkbox[b-8wro5hh4as] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

.pgf-consent-label[b-8wro5hh4as] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    line-height: var(--trecker-line-height-normal);
}

/* --- Footer actions --- */
.pgf-actions[b-8wro5hh4as] {
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/ProfileKontoSection.razor.rz.scp.css */
.pks-card[b-dpnwedqrxk] {
    padding: var(--trecker-space-xs) 0;
    overflow: hidden;
}

.pks-row[b-dpnwedqrxk] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md) var(--trecker-space-lg);
    text-decoration: none;
    color: var(--trecker-text-primary);
    min-height: 56px;
    border-bottom: 1px solid var(--trecker-border);
    transition: background 0.15s ease;
}

.pks-row:last-child[b-dpnwedqrxk] {
    border-bottom: none;
}

.pks-row:hover[b-dpnwedqrxk] {
    background: var(--trecker-bg-subtle);
}

.pks-icon[b-dpnwedqrxk] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-accent);
}

.pks-text[b-dpnwedqrxk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pks-title[b-dpnwedqrxk] {
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
}

.pks-desc[b-dpnwedqrxk] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

.pks-chevron[b-dpnwedqrxk] {
    flex-shrink: 0;
    font-size: 1.4rem;
    line-height: 1;
    color: var(--trecker-text-tertiary);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/ProfileLanguageForm.razor.rz.scp.css */
/* Task 5 — account-settings language chooser. */
.plf-intro[b-22cjtod59i] {
    margin: 0 0 1rem;
}

.plf-list[b-22cjtod59i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.6rem;
}

.plf-option[b-22cjtod59i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(128, 128, 128, 0.3);
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font: inherit;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.plf-option:hover:not(:disabled)[b-22cjtod59i] {
    border-color: #0E5C2F;
}

.plf-option:disabled[b-22cjtod59i] {
    opacity: 0.6;
    cursor: default;
}

.plf-option--active[b-22cjtod59i] {
    border-color: #0E5C2F;
    background: rgba(14, 92, 47, 0.08);
}

.plf-option-native[b-22cjtod59i] {
    font-weight: 600;
    flex: 1 1 auto;
}

.plf-option-code[b-22cjtod59i] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.6;
}

.plf-check[b-22cjtod59i] {
    color: #0E5C2F;
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    .plf-list[b-22cjtod59i] {
        grid-template-columns: 1fr;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/ProfileNotificationsForm.razor.rz.scp.css */
.pnf-card[b-6v4vg33fpj] {
    padding: 1.25rem 1.5rem;
    max-width: 640px;
}

.pnf-intro[b-6v4vg33fpj] {
    margin-bottom: 1.25rem;
    line-height: 1.5;
}

.pnf-login-card[b-6v4vg33fpj] {
    padding: 1.5rem;
}

/* Toggle row */
.pnf-toggle-row[b-6v4vg33fpj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    padding: 0.5rem 0;
}

.pnf-toggle[b-6v4vg33fpj] {
    width: 1.15rem;
    height: 1.15rem;
    accent-color: #0E5C2F;
    cursor: pointer;
    flex-shrink: 0;
}

.pnf-toggle-label[b-6v4vg33fpj] {
    font-weight: 600;
}

/* Radius section */
.pnf-section[b-6v4vg33fpj] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--tt-border, #e5e7eb);
}

.pnf-block-label[b-6v4vg33fpj] {
    display: block;
    margin-bottom: 0.6rem;
}

.pnf-chips[b-6v4vg33fpj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pnf-chip[b-6v4vg33fpj] {
    padding: 0.5rem 1.1rem;
    border: 1.5px solid var(--tt-border, #d1d5db);
    background: transparent;
    color: inherit;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.pnf-chip:hover[b-6v4vg33fpj] {
    border-color: #0E5C2F;
}

.pnf-chip--active[b-6v4vg33fpj] {
    background: #0E5C2F;
    border-color: #0E5C2F;
    color: #fff;
}

.pnf-custom[b-6v4vg33fpj] {
    margin-top: 0.9rem;
    max-width: 220px;
}

.pnf-custom-input[b-6v4vg33fpj] {
    max-width: 180px;
}

.pnf-location[b-6v4vg33fpj] {
    margin-top: 1rem;
}

.pnf-loc-warn[b-6v4vg33fpj] {
    margin-top: 0.5rem;
}

.pnf-actions[b-6v4vg33fpj] {
    justify-content: flex-start;
}

/* Tablet / desktop: chips a touch larger */
@media (min-width: 768px) {
    .pnf-chip[b-6v4vg33fpj] {
        padding: 0.55rem 1.35rem;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/ProfilePublicForm.razor.rz.scp.css */
/* ProfilePublicForm — scoped styles (tokens from trecker-variables.css) */

.ppf-grid[b-ixscmsl08a] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-lg);
}

.ppf-card[b-ixscmsl08a] {
    padding: var(--trecker-space-lg);
}

.ppf-login-card[b-ixscmsl08a] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* --- Public preview card --- */
.ppf-preview-card[b-ixscmsl08a] {
    border-left: 3px solid var(--trecker-accent);
}

.ppf-preview-row[b-ixscmsl08a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.ppf-preview-title[b-ixscmsl08a] {
    margin: 0 0 2px;
}

.ppf-preview-text[b-ixscmsl08a] {
    margin: 0;
}

/* --- Field rows / columns --- */
.ppf-row[b-ixscmsl08a] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.ppf-col[b-ixscmsl08a] {
    flex: 1;
    min-width: 200px;
}

.ppf-col--label[b-ixscmsl08a] {
    flex: 1;
    min-width: 140px;
    max-width: 200px;
}

.ppf-col--wide[b-ixscmsl08a] {
    flex: 2;
    min-width: 200px;
}

/* --- Hints --- */
.ppf-intro[b-ixscmsl08a] {
    margin-top: calc(-1 * var(--trecker-space-xs));
    margin-bottom: var(--trecker-space-md);
}

.ppf-divider[b-ixscmsl08a] {
    margin: var(--trecker-space-md) 0;
}

.ppf-divider--sm[b-ixscmsl08a] {
    margin: var(--trecker-space-sm) 0;
}

.ppf-text-sm[b-ixscmsl08a] {
    font-size: var(--trecker-font-size-sm);
}

.ppf-block[b-ixscmsl08a] {
    display: block;
}

/* --- Avatar (Profilbild) --- */
.ppf-avatar-row[b-ixscmsl08a] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.ppf-avatar-col[b-ixscmsl08a] {
    flex-shrink: 0;
}

.ppf-avatar[b-ixscmsl08a] {
    width: 88px;
    height: 88px;
    border-radius: var(--trecker-border-radius-full);
    overflow: hidden;
    border: 2px solid var(--trecker-border-medium);
}

.ppf-avatar--placeholder[b-ixscmsl08a] {
    background: var(--trecker-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ppf-avatar-img[b-ixscmsl08a] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ppf-avatar-initials[b-ixscmsl08a] {
    font-size: var(--trecker-font-size-xl);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-secondary);
}

/* InputFile renders its own <input> (child component) — needs ::deep */
.ppf-card[b-ixscmsl08a]  .ppf-file-input {
    padding: var(--trecker-space-sm);
}

/* --- Footer actions --- */
.ppf-actions[b-ixscmsl08a] {
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/Profile/TeamSettingsSection.razor.rz.scp.css */
.tss-card[b-tqpzjkgxhf] {
    padding: var(--trecker-space-xl);
}

.tss-check[b-tqpzjkgxhf] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
    cursor: pointer;
}

.tss-media[b-tqpzjkgxhf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-sm);
}

.tss-media-col[b-tqpzjkgxhf] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xs);
}

.tss-media-preview[b-tqpzjkgxhf] {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-secondary);
}

.tss-media-preview-wide[b-tqpzjkgxhf] {
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.tss-links[b-tqpzjkgxhf],
.tss-actions[b-tqpzjkgxhf] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.tss-actions[b-tqpzjkgxhf] {
    margin-top: var(--trecker-space-lg);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerAdminEventSidebar.razor.rz.scp.css */
.EventLayout__NavLink--wip[b-i10j03cppi] {
    opacity: 0.45;
    cursor: not-allowed;
}

.EventLayout__NavLink--wip:hover[b-i10j03cppi] {
    opacity: 0.6;
}

/* ── Menü-Suche ─────────────────────────────────────────────────────────── */
.EventSidebarSearch[b-i10j03cppi] {
    position: relative;
    margin-bottom: var(--trecker-space-md);
}

.EventSidebarSearch__Icon[b-i10j03cppi] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--trecker-text-tertiary);
    pointer-events: none;
}

.EventSidebarSearch__Input[b-i10j03cppi] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 30px 8px 32px;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-radius-md);
    background: var(--trecker-bg-tertiary);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    outline: none;
    transition: border-color var(--trecker-transition-fast), box-shadow var(--trecker-transition-fast);
}

.EventSidebarSearch__Input:focus[b-i10j03cppi] {
    border-color: var(--trecker-accent);
    box-shadow: 0 0 0 2px var(--trecker-accent-light);
}

.EventSidebarSearch__Input[b-i10j03cppi]::placeholder {
    color: var(--trecker-text-tertiary);
}

/* native "clear" der type=search unterdrücken — wir haben einen eigenen Button */
.EventSidebarSearch__Input[b-i10j03cppi]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.EventSidebarSearch__Clear[b-i10j03cppi] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--trecker-text-tertiary);
    border-radius: var(--trecker-radius-sm);
}

.EventSidebarSearch__Clear:hover[b-i10j03cppi] {
    background: var(--trecker-bg-hover-subtle);
    color: var(--trecker-text-primary);
}

.EventSidebarSearch__Results[b-i10j03cppi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Ergebnis-Zeile: zweizeilig (Label + Gruppe), überschreibt die Basis-NavLink-Reihe */
.EventSidebarSearch__Result[b-i10j03cppi] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
}

.EventSidebarSearch__ResultLabel[b-i10j03cppi] {
    font-size: var(--trecker-font-size-sm);
    line-height: 1.2;
}

.EventSidebarSearch__ResultGroup[b-i10j03cppi] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    line-height: 1.2;
}

.EventSidebarSearch__Empty[b-i10j03cppi] {
    padding: var(--trecker-space-md);
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-sm);
    text-align: center;
}

/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerCookieConsent.razor.rz.scp.css */
/* TreckerCookieConsent — scoped styles (moved from inline <style> block).
   The banner is position:fixed but rendered by this component itself,
   so scoped styles still apply. */

.TreckerCookieConsent[b-ubnihnmpas] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--trecker-bg-secondary);
    border-top: 1px solid var(--trecker-border);
    padding: var(--trecker-space-md);
    padding-bottom: calc(var(--trecker-space-md) + env(safe-area-inset-bottom));
    z-index: 1050;
    animation: slideUp-b-ubnihnmpas 0.3s ease-out;
}

@keyframes slideUp-b-ubnihnmpas {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.TreckerCookieConsentContent[b-ubnihnmpas] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.TreckerCookieConsentText[b-ubnihnmpas] {
    flex: 1;
    min-width: 200px;
    margin: 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
    line-height: 1.5;
}

.TreckerCookieConsentLinks[b-ubnihnmpas] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    flex-shrink: 0;
}

.TreckerCookieConsentLinks a[b-ubnihnmpas] {
    color: var(--trecker-accent);
    text-decoration: none;
    font-size: var(--trecker-font-size-sm);
    white-space: nowrap;
}

.TreckerCookieConsentLinks a:hover[b-ubnihnmpas] {
    text-decoration: underline;
}

.TreckerCookieConsentDivider[b-ubnihnmpas] {
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

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

.TreckerCookieConsentActions .TreckerButton[b-ubnihnmpas] {
    white-space: nowrap;
}

@media (max-width: 640px) {
    .TreckerCookieConsentContent[b-ubnihnmpas] {
        flex-direction: column;
        align-items: flex-start;
    }

    .TreckerCookieConsentLinks[b-ubnihnmpas] {
        width: 100%;
    }

    .TreckerCookieConsentActions[b-ubnihnmpas] {
        width: 100%;
    }

    .TreckerCookieConsentActions .TreckerButton[b-ubnihnmpas] {
        flex: 1;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerEventCountdown.razor.rz.scp.css */
/* TreckerEventCountdown — scoped styles (tokens from trecker-variables.css) */

.ec-card[b-ibozo2ccha] {
    padding: var(--trecker-space-xl);
    text-align: center;
    background: linear-gradient(135deg, var(--trecker-bg-secondary), var(--trecker-bg-tertiary));
    border: 1px solid var(--trecker-border);
}

.ec-title[b-ibozo2ccha] {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--trecker-space-sm);
}

.ec-name[b-ibozo2ccha] {
    font-size: var(--trecker-font-size-lg);
}

.ec-units[b-ibozo2ccha] {
    display: flex;
    justify-content: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-lg);
}

.ec-unit[b-ibozo2ccha] {
    text-align: center;
    min-width: 64px;
}

.ec-value[b-ibozo2ccha] {
    font-variant-numeric: tabular-nums;
}

.ec-unit-label[b-ibozo2ccha] {
    text-transform: uppercase;
}

.ec-sep[b-ibozo2ccha] {
    color: var(--trecker-text-tertiary);
    font-size: var(--trecker-font-size-2xl);
    line-height: 1;
}

.ec-cta[b-ibozo2ccha] {
    display: inline-block;
    margin-top: var(--trecker-space-md);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerInlineEdit.razor.rz.scp.css */
/* TreckerInlineEdit — scoped styles (base classes live in trecker-components.css) */

.tie-action-btn[b-yz1uz5wjhq] {
    padding: var(--trecker-space-xs) 12px;
    min-height: 32px;
}

.tie-clickable[b-yz1uz5wjhq] {
    cursor: pointer;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerLanguageSwitcher.razor.rz.scp.css */
/* Task 5 — compact language switcher for the public header: a single globe icon (+ short code)
   that opens a popup. Theme-aware via currentColor. Built on <details>/<summary> so it works in
   static SSR and the MAUI WebView. */
.TreckerLangSwitch[b-bhabafizqy] {
    position: relative;
    display: inline-block;
}

/* --- Trigger (the globe icon + short language code) --- */
.TreckerLangSwitchTrigger[b-bhabafizqy] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.5rem;
    border-radius: 8px;
    border: 1px solid rgba(128, 128, 128, 0.35);
    background: transparent;
    color: inherit;
    cursor: pointer;
    user-select: none;
    line-height: 1;
    list-style: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

/* Remove the native disclosure triangle. */
.TreckerLangSwitchTrigger[b-bhabafizqy]::-webkit-details-marker { display: none; }
.TreckerLangSwitchTrigger[b-bhabafizqy]::marker { content: ""; }

.TreckerLangSwitchTrigger:hover[b-bhabafizqy] {
    background: rgba(128, 128, 128, 0.14);
    border-color: rgba(128, 128, 128, 0.5);
}

.TreckerLangSwitch[open] > .TreckerLangSwitchTrigger[b-bhabafizqy] {
    background: rgba(128, 128, 128, 0.14);
    border-color: rgba(128, 128, 128, 0.55);
}

.TreckerLangSwitchTrigger:focus-visible[b-bhabafizqy] {
    outline: 2px solid #0E5C2F;
    outline-offset: 1px;
}

.TreckerLangSwitchIcon[b-bhabafizqy] {
    flex: 0 0 auto;
    opacity: 0.85;
}

.TreckerLangSwitchCurrent[b-bhabafizqy] {
    font: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* --- Popup menu --- */
.TreckerLangSwitchMenu[b-bhabafizqy] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 1200;
    min-width: 10rem;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.35rem;
    border-radius: 12px;
    border: 1px solid rgba(128, 128, 128, 0.3);
    background: var(--trecker-bg-card, #1a1a1a);
    color: var(--trecker-text-primary, #f5f5f5);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    animation: TreckerLangSwitchIn-b-bhabafizqy 0.12s ease;
}

@keyframes TreckerLangSwitchIn-b-bhabafizqy {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.TreckerLangSwitchItem[b-bhabafizqy] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 0.9rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.12s ease;
}

.TreckerLangSwitchItem:hover[b-bhabafizqy],
.TreckerLangSwitchItem:focus-visible[b-bhabafizqy] {
    background: rgba(128, 128, 128, 0.16);
    outline: none;
}

.TreckerLangSwitchItemActive[b-bhabafizqy] {
    background: rgba(14, 92, 47, 0.16);
}

.TreckerLangSwitchItemCode[b-bhabafizqy] {
    flex: 0 0 1.75rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    opacity: 0.7;
}

.TreckerLangSwitchItemName[b-bhabafizqy] {
    flex: 1 1 auto;
}

.TreckerLangSwitchCheck[b-bhabafizqy] {
    flex: 0 0 auto;
    color: #2e9c57;
}

/* Phone: keep the trigger tight (icon + code only). The menu is already right-anchored
   so it never overflows the viewport edge. */
@media (max-width: 640px) {
    .TreckerLangSwitchTrigger[b-bhabafizqy] {
        padding: 0.3rem 0.45rem;
    }
    .TreckerLangSwitchMenu[b-bhabafizqy] {
        min-width: 11rem;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerLivePollWidget.razor.rz.scp.css */
.LivePoll[b-a0nh8rsadu] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    box-shadow: var(--trecker-shadow-card);
}

.LivePoll--inline[b-a0nh8rsadu] {
    margin: var(--trecker-space-md) 0;
}

/* Read-only corner popup for BigScreen / LiveTrack. --trecker-header-height covers both hosts'
   top bar (BigScreen's own 60px TopBar and LiveTrack's sticky site header, 64px) without either
   page having to change its own layout. */
.LivePoll--corner[b-a0nh8rsadu] {
    position: fixed;
    top: calc(var(--trecker-header-height, 64px) + 12px);
    right: 16px;
    width: min(280px, calc(100vw - 32px));
    max-height: calc(100vh - var(--trecker-header-height, 64px) - 32px);
    overflow-y: auto;
    z-index: 40;
    padding: var(--trecker-space-md);
    font-size: var(--trecker-font-size-sm);
}

.LivePoll__Header[b-a0nh8rsadu] {
    display: flex;
    margin-bottom: var(--trecker-space-xs);
}

.LivePoll__Badge[b-a0nh8rsadu] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--trecker-accent, #ff7a3d);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.LivePoll__Question[b-a0nh8rsadu] {
    margin: 0 0 var(--trecker-space-sm);
    font-weight: 700;
    font-size: var(--trecker-font-size-md);
}

.LivePoll--corner .LivePoll__Question[b-a0nh8rsadu] {
    font-size: var(--trecker-font-size-sm);
}

.LivePoll__NameInput[b-a0nh8rsadu],
.LivePoll__TextInput[b-a0nh8rsadu] {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg);
    color: var(--trecker-text-primary);
    font: inherit;
    margin-bottom: var(--trecker-space-sm);
}

.LivePoll__FreeTextRow[b-a0nh8rsadu] {
    display: flex;
    gap: var(--trecker-space-sm);
    align-items: flex-start;
}

.LivePoll__FreeTextRow .LivePoll__TextInput[b-a0nh8rsadu] {
    flex: 1;
    margin-bottom: 0;
}

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

.LivePoll__OptionBtn[b-a0nh8rsadu] {
    padding: 10px 16px;
    border: 2px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg);
    color: var(--trecker-text-primary);
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.LivePoll__OptionBtn:active:not(:disabled)[b-a0nh8rsadu] {
    border-color: var(--trecker-accent, #ff7a3d);
    background: var(--trecker-bg-secondary);
}

.LivePoll__OptionBtn:disabled[b-a0nh8rsadu] {
    opacity: 0.5;
    cursor: not-allowed;
}

.LivePoll__SubmitBtn[b-a0nh8rsadu] {
    flex-shrink: 0;
    padding: 8px 16px;
    border: none;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-accent, #ff7a3d);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.LivePoll__SubmitBtn:disabled[b-a0nh8rsadu] {
    opacity: 0.5;
    cursor: not-allowed;
}

.LivePoll__Error[b-a0nh8rsadu] {
    margin: var(--trecker-space-sm) 0 0;
    color: var(--trecker-error);
    font-size: var(--trecker-font-size-sm);
}

.LivePoll__Thanks[b-a0nh8rsadu] {
    margin: 0;
    color: var(--trecker-text-secondary);
}

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

.LivePoll__ResultRow[b-a0nh8rsadu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.LivePoll__ResultTop[b-a0nh8rsadu] {
    display: flex;
    justify-content: space-between;
    gap: var(--trecker-space-sm);
    font-size: var(--trecker-font-size-sm);
}

.LivePoll__ResultLabel[b-a0nh8rsadu] {
    font-weight: 600;
}

.LivePoll__ResultCount[b-a0nh8rsadu] {
    color: var(--trecker-text-secondary);
    flex-shrink: 0;
}

.LivePoll__BarTrack[b-a0nh8rsadu] {
    height: 8px;
    border-radius: 999px;
    background: var(--trecker-bg-tertiary);
    overflow: hidden;
}

.LivePoll__BarFill[b-a0nh8rsadu] {
    height: 100%;
    max-width: 100%;
    background: var(--trecker-accent, #ff7a3d);
    border-radius: 999px;
    transition: width 0.3s ease;
}

.LivePoll__Total[b-a0nh8rsadu] {
    margin: var(--trecker-space-sm) 0 0;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    text-align: right;
}

.LivePoll__TextAnswers[b-a0nh8rsadu] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    max-height: 220px;
    overflow-y: auto;
}

.LivePoll__TextAnswer[b-a0nh8rsadu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-bottom: var(--trecker-space-sm);
    border-bottom: 1px solid var(--trecker-border-light);
}

.LivePoll__TextAnswerMeta[b-a0nh8rsadu] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

.LivePoll__TextAnswerText[b-a0nh8rsadu] {
    font-size: var(--trecker-font-size-sm);
}

.LivePoll__Empty[b-a0nh8rsadu] {
    margin: 0;
    color: var(--trecker-text-secondary);
    font-size: var(--trecker-font-size-sm);
}

@media (max-width: 480px) {
    .LivePoll--corner[b-a0nh8rsadu] {
        right: 8px;
        width: min(240px, calc(100vw - 16px));
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerNotificationBell.razor.rz.scp.css */
.TreckerNotificationBellButton[b-3r2nf3stxo] {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: var(--trecker-border-radius-sm);
    background: transparent;
    color: var(--trecker-text-secondary);
    border: 1px solid transparent;
    transition: background-color var(--trecker-transition-fast), color var(--trecker-transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}

.TreckerNotificationBellButton:hover[b-3r2nf3stxo] {
    background-color: var(--trecker-bg-hover-subtle);
    color: var(--trecker-text-primary);
    text-decoration: none;
}

.TreckerNotificationBellButton:focus-visible[b-3r2nf3stxo] {
    outline: 2px solid var(--trecker-border-focus);
    outline-offset: 2px;
}

.TreckerNotificationBellIcon[b-3r2nf3stxo] {
    width: 22px;
    height: 22px;
}

.TreckerNotificationBadge[b-3r2nf3stxo] {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: var(--trecker-error);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerProfileForm.razor.rz.scp.css */
/* TreckerProfileForm — thin wrapper; forms carry their own scoped styles */

.pf-actions[b-funyw6vksa] {
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
    justify-content: flex-end;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerPwaInstall.razor.rz.scp.css */
.pwa-backdrop[b-hz4bj66nez] {
    position: fixed;
    inset: 0;
    background: var(--trecker-bg-overlay);
    z-index: 9990;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    animation: pwa-fade-in-b-hz4bj66nez 0.2s ease forwards;
}

.pwa-sheet[b-hz4bj66nez] {
    width: 100%;
    max-width: 520px;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-medium);
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    padding: 12px 20px calc(20px + env(safe-area-inset-bottom, 0px));
    animation: pwa-slide-up-b-hz4bj66nez 0.3s cubic-bezier(0.32, 0.72, 0, 1) forwards;
    box-shadow: var(--trecker-shadow-lg);
}

.pwa-handle-bar[b-hz4bj66nez] {
    width: 40px;
    height: 4px;
    background: var(--trecker-border-medium);
    border-radius: 2px;
    margin: 0 auto 18px;
}

.pwa-header[b-hz4bj66nez] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.pwa-icon[b-hz4bj66nez] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    border: 1px solid var(--trecker-border);
    flex-shrink: 0;
}

.pwa-app-name[b-hz4bj66nez] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--trecker-text-primary);
    line-height: 1.3;
}

.pwa-app-domain[b-hz4bj66nez] {
    font-size: 0.8rem;
    color: var(--trecker-text-secondary);
    margin-top: 2px;
}

.pwa-description[b-hz4bj66nez] {
    font-size: 0.875rem;
    color: var(--trecker-text-secondary);
    line-height: 1.55;
    margin: 0 0 20px;
}

.pwa-ios-steps[b-hz4bj66nez] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 20px;
    padding: 14px 16px;
    background: var(--trecker-bg-tertiary);
    border-radius: var(--trecker-border-radius-md);
    border: 1px solid var(--trecker-border-light);
}

.pwa-ios-step[b-hz4bj66nez] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 0.875rem;
    color: var(--trecker-text-secondary);
    line-height: 1.5;
}

.pwa-ios-step strong[b-hz4bj66nez] {
    color: var(--trecker-text-primary);
}

.pwa-step-num[b-hz4bj66nez] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--trecker-accent-light);
    color: var(--trecker-accent);
    font-size: 0.75rem;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}

.pwa-ios-share-icon[b-hz4bj66nez] {
    display: inline-block;
    vertical-align: middle;
    color: var(--trecker-accent);
    margin: 0 2px -1px;
}

.pwa-actions[b-hz4bj66nez] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.pwa-btn-full[b-hz4bj66nez] {
    width: 100%;
    justify-content: center;
    height: 42px;
}

@keyframes pwa-fade-in-b-hz4bj66nez {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes pwa-slide-up-b-hz4bj66nez {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerSearchBar.razor.rz.scp.css */
/* TreckerSearchBar — scoped styles (moved from inline <style> block) */

.TreckerSearchBar[b-qc3ueyh5f2] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    width: 100%;
}

.TreckerSearchBarInput[b-qc3ueyh5f2] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
}

.TreckerSearchBarIcon[b-qc3ueyh5f2] {
    position: absolute;
    left: var(--trecker-space-md);
    width: 20px;
    height: 20px;
    color: var(--trecker-text-tertiary);
    pointer-events: none;
    flex-shrink: 0;
}

.TreckerSearchBarField[b-qc3ueyh5f2] {
    width: 100%;
    padding: var(--trecker-space-sm) var(--trecker-space-md) var(--trecker-space-sm) calc(var(--trecker-space-md) + 28px);
    background-color: var(--trecker-bg-input);
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-md);
    transition: all var(--trecker-transition-fast);
}

.TreckerSearchBarField:focus[b-qc3ueyh5f2] {
    outline: none;
    background-color: var(--trecker-bg-input-focus);
    border-color: var(--trecker-border-focus);
    box-shadow: 0 0 0 3px var(--trecker-accent-light);
}

.TreckerSearchBarField[b-qc3ueyh5f2]::placeholder {
    color: var(--trecker-text-tertiary);
}

.TreckerSearchBarClearButton[b-qc3ueyh5f2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: transparent;
    color: var(--trecker-text-secondary);
    border: 1px solid transparent;
    border-radius: var(--trecker-border-radius-md);
    cursor: pointer;
    transition: all var(--trecker-transition-fast);
}

.TreckerSearchBarClearButton:hover[b-qc3ueyh5f2] {
    background-color: var(--trecker-bg-hover-subtle);
    color: var(--trecker-text-primary);
}

.TreckerSearchBarClearButton:focus-visible[b-qc3ueyh5f2] {
    outline: 2px solid var(--trecker-border-focus);
    outline-offset: 2px;
}

.TreckerSearchBarClearIcon[b-qc3ueyh5f2] {
    width: 20px;
    height: 20px;
}

.TreckerSearchBarSearchButton[b-qc3ueyh5f2] {
    padding: var(--trecker-space-sm) var(--trecker-space-lg);
    background: var(--trecker-accent-gradient);
    color: white;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    border: none;
    border-radius: var(--trecker-border-radius-md);
    cursor: pointer;
    transition: all var(--trecker-transition-fast);
    box-shadow: var(--trecker-shadow-btn);
    white-space: nowrap;
}

.TreckerSearchBarSearchButton:hover[b-qc3ueyh5f2] {
    opacity: 0.9;
    box-shadow: var(--trecker-shadow-btn-hover);
    transform: translateY(-1px);
}

.TreckerSearchBarSearchButton:active[b-qc3ueyh5f2] {
    transform: translateY(0);
    box-shadow: var(--trecker-shadow-btn);
}

.TreckerSearchBarSearchButton:focus-visible[b-qc3ueyh5f2] {
    outline: 2px solid var(--trecker-border-focus);
    outline-offset: 2px;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerServerOfflineOverlay.razor.rz.scp.css */
.TreckerServerOfflineOverlay[b-zw5pkne6pu] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(17, 17, 17, 0.92);
    padding: var(--trecker-space-lg, 1rem);
}

.TreckerServerOfflineBox[b-zw5pkne6pu] {
    max-width: 380px;
    width: 100%;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.TreckerServerOfflineSpinner[b-zw5pkne6pu] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.25);
    border-top-color: #fff;
    animation: TreckerServerOfflineSpin-b-zw5pkne6pu 0.8s linear infinite;
}

.TreckerServerOfflineTitle[b-zw5pkne6pu] {
    font-size: 1.1rem;
    font-weight: 600;
}

.TreckerServerOfflineMessage[b-zw5pkne6pu] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.75);
}

@keyframes TreckerServerOfflineSpin-b-zw5pkne6pu {
    to { transform: rotate(360deg); }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerSignupClassFilter.razor.rz.scp.css */
/* TreckerSignupClassFilter — scoped styles (tokens from trecker-variables.css) */

.TreckerFilter-row[b-1duyufpuij] {
    display: flex;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
    margin-bottom: var(--trecker-space-md);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerStatCard.razor.rz.scp.css */
/* TreckerStatCard — scoped styles (moved from inline <style> block) */

.TreckerStatCard[b-yh7i12sbtq] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
    box-shadow: var(--trecker-shadow-card);
    transition: all var(--trecker-transition-fast);
}

.TreckerStatCard:hover[b-yh7i12sbtq] {
    background-color: var(--trecker-bg-card-hover);
    border-color: var(--trecker-border-medium);
}

.TreckerStatCardTitle[b-yh7i12sbtq] {
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-medium);
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-sm);
    text-transform: uppercase;
    letter-spacing: var(--trecker-letter-spacing-wide);
}

.TreckerStatCardValue[b-yh7i12sbtq] {
    font-size: var(--trecker-font-size-3xl);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
    margin-bottom: var(--trecker-space-md);
    line-height: 1.2;
}

.TreckerStatCardDesc[b-yh7i12sbtq] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.TreckerTrendIcon[b-yh7i12sbtq] {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.TreckerTrendIconUp[b-yh7i12sbtq] {
    color: var(--trecker-success);
}

.TreckerTrendIconDown[b-yh7i12sbtq] {
    color: var(--trecker-error);
}

.TreckerTrendIconFlat[b-yh7i12sbtq] {
    color: var(--trecker-text-tertiary);
}

.TreckerTrendValue[b-yh7i12sbtq] {
    font-weight: var(--trecker-font-weight-semibold);
}

.TreckerTrendValueUp[b-yh7i12sbtq] {
    color: var(--trecker-success);
}

.TreckerTrendValueDown[b-yh7i12sbtq] {
    color: var(--trecker-error);
}

.TreckerTrendValueFlat[b-yh7i12sbtq] {
    color: var(--trecker-text-tertiary);
}

.TreckerStatCardActions[b-yh7i12sbtq] {
    margin-top: var(--trecker-space-md);
    display: flex;
    gap: var(--trecker-space-sm);
}

.TreckerStatBadge[b-yh7i12sbtq] {
    display: inline-flex;
    align-items: center;
    gap: var(--trecker-space-xs);
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-medium);
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    border-radius: var(--trecker-border-radius-full);
    border: 1px solid transparent;
}

.TreckerStatBadge.TreckerBadgeSuccess[b-yh7i12sbtq] {
    background-color: var(--trecker-success-bg);
    color: var(--trecker-success);
}

.TreckerStatBadge.TreckerBadgeError[b-yh7i12sbtq] {
    background-color: var(--trecker-error-bg);
    color: var(--trecker-error);
}

.TreckerStatBadge.TreckerBadgeWarning[b-yh7i12sbtq] {
    background-color: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

.TreckerStatBadge.TreckerBadgeInfo[b-yh7i12sbtq] {
    background-color: var(--trecker-info-bg);
    color: var(--trecker-info);
}

.TreckerStatBadge.TreckerBadgePrimary[b-yh7i12sbtq] {
    background-color: var(--trecker-accent-light);
    color: var(--trecker-accent);
}

.TreckerStatBadge.TreckerBadgeSecondary[b-yh7i12sbtq] {
    background-color: var(--trecker-bg-tertiary);
    color: var(--trecker-text-secondary);
}

.TreckerStatBadge.TreckerBadgeGhost[b-yh7i12sbtq] {
    background-color: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerStatusMessage.razor.rz.scp.css */
/* TreckerStatusMessage — scoped styles (tokens from trecker-variables.css) */

.tsm-alert[b-m7itbeetc4] {
    margin-bottom: var(--trecker-space-md);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerTimeline.razor.rz.scp.css */
/* TreckerTimeline — scoped styles (tokens from trecker-variables.css) */

.tl-list[b-xww11atauc] {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.tl-item[b-xww11atauc] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-3);
    position: relative;
    padding-bottom: var(--trecker-space-4);
}

/* Vertikale Verbindungslinie zwischen Eintraegen */
.tl-line[b-xww11atauc] {
    position: absolute;
    left: 9px;
    top: 20px;
    bottom: 0;
    width: 2px;
    background: var(--trecker-border);
}

.tl-line--active[b-xww11atauc] {
    background: var(--trecker-accent);
}

/* Zeitstempel links */
.tl-time[b-xww11atauc] {
    min-width: 80px;
    text-align: right;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    padding-top: 1px;
    flex-shrink: 0;
}

/* Kreis-Symbol in der Mitte */
.tl-dot[b-xww11atauc] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.tl-dot-icon[b-xww11atauc] {
    width: 20px;
    height: 20px;
    color: var(--trecker-text-secondary);
    opacity: 0.4;
}

.tl-dot-icon--active[b-xww11atauc] {
    color: var(--trecker-accent);
    opacity: 1;
}

/* Inhalt rechts */
.tl-content[b-xww11atauc] {
    flex: 1;
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius);
    padding: var(--trecker-space-3) var(--trecker-space-4);
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerTractorForm.razor.rz.scp.css */
/* ── Guard cards ────────────────────────────────────────────── */
.tf-center-card[b-n4a8tsm16l] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

.tf-required-title[b-n4a8tsm16l] {
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-semibold);
    margin: 0 0 var(--trecker-space-sm);
}

.tf-mt-md[b-n4a8tsm16l] {
    margin-top: var(--trecker-space-md);
}

/* ── Header ─────────────────────────────────────────────────── */
.tf-breadcrumb[b-n4a8tsm16l] {
    margin-bottom: var(--trecker-space-lg);
}

.tf-header[b-n4a8tsm16l] {
    margin-bottom: var(--trecker-space-xl);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--trecker-space-md);
}

.tf-title[b-n4a8tsm16l] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--trecker-text-primary);
    letter-spacing: -0.02em;
    margin: 0 0 6px;
}

.tf-title--embedded[b-n4a8tsm16l] {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
}

.tf-subtitle[b-n4a8tsm16l] {
    color: var(--trecker-text-secondary);
    margin: 0;
}

.tf-alert[b-n4a8tsm16l] {
    margin-bottom: var(--trecker-space-lg);
}

/* ── Two-Column Grid ────────────────────────────────────────── */
.tf-layout[b-n4a8tsm16l] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-lg);
}

.tf-sidebar[b-n4a8tsm16l],
.tf-main[b-n4a8tsm16l] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-lg);
    min-width: 0;
}

/* ── Cards ──────────────────────────────────────────────────── */
.tf-photo-card[b-n4a8tsm16l],
.tf-visibility-card[b-n4a8tsm16l],
.tf-form-card[b-n4a8tsm16l] {
    padding: var(--trecker-space-lg);
}

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

.tf-photo-label[b-n4a8tsm16l] {
    font-weight: 600;
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
}

.tf-remove-btn[b-n4a8tsm16l] {
    color: var(--trecker-error);
    padding: 4px 8px;
    font-size: var(--trecker-font-size-xs);
}

.tf-spinner[b-n4a8tsm16l] {
    width: 28px;
    height: 28px;
}

.tf-hint-text[b-n4a8tsm16l] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.tf-upload-icon[b-n4a8tsm16l] {
    color: var(--trecker-accent);
}

.tf-upload-title[b-n4a8tsm16l] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    font-size: var(--trecker-font-size-sm);
}

.tf-upload-hint[b-n4a8tsm16l] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
}

/* InputFile ist eine Komponente — ihr <input> traegt kein Scope-Attribut, daher ::deep */
.TreckerPhotoUpload[b-n4a8tsm16l]  .tf-file-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

/* ── Section Title ──────────────────────────────────────────── */
.tf-section-title[b-n4a8tsm16l] {
    font-size: var(--trecker-font-size-md);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-sm);
}

.tf-section-title--tight[b-n4a8tsm16l] {
    margin: 0;
}

.tf-form-head[b-n4a8tsm16l] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: var(--trecker-space-lg);
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
}

.tf-required-hint[b-n4a8tsm16l] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin: 0;
}

.tf-required-star[b-n4a8tsm16l] {
    color: var(--trecker-error);
}

/* ── Toggle Row ─────────────────────────────────────────────── */
.tf-toggle[b-n4a8tsm16l] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    cursor: pointer;
}

.tf-toggle-label[b-n4a8tsm16l] {
    color: var(--trecker-text-primary);
    font-weight: 500;
}

.tf-toggle-desc[b-n4a8tsm16l] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin: 4px 0 0;
    line-height: 1.4;
}

/* ── Field Rows (two-col on tablet+) ────────────────────────── */
.tf-field-row[b-n4a8tsm16l] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--trecker-space-md);
}

.tf-last-group[b-n4a8tsm16l] {
    margin-bottom: 0;
}

/* ── Actions ────────────────────────────────────────────────── */
.tf-actions[b-n4a8tsm16l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.tf-actions-right[b-n4a8tsm16l] {
    display: flex;
    gap: var(--trecker-space-sm);
}

.tf-btn-spinner[b-n4a8tsm16l] {
    border-color: var(--trecker-border);
    border-top-color: #ffffff;
}

/* ── Delete Dialog Overlay ──────────────────────────────────── */
.tf-overlay[b-n4a8tsm16l] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: var(--trecker-space-lg);
}

.tf-dialog[b-n4a8tsm16l] {
    max-width: 420px;
    width: 100%;
    padding: var(--trecker-space-xl);
}

.tf-dialog--danger[b-n4a8tsm16l] {
    border: 1px solid rgba(255, 69, 58, 0.3);
}

.tf-dialog-title[b-n4a8tsm16l] {
    font-weight: 700;
    color: var(--trecker-error);
    margin: 0 0 8px;
}

.tf-dialog-text[b-n4a8tsm16l] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-sm);
    line-height: 1.5;
}

.tf-dialog-warning[b-n4a8tsm16l] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
    padding: var(--trecker-space-sm) var(--trecker-space-md);
    background: rgba(255, 149, 0, 0.1);
    border: 1px solid rgba(255, 149, 0, 0.3);
    border-radius: var(--trecker-border-radius-md);
}

.tf-dialog-warning-title[b-n4a8tsm16l] {
    color: var(--trecker-warning);
    font-weight: 600;
    margin: 0 0 4px;
}

.tf-dialog-warning-text[b-n4a8tsm16l] {
    margin: 0;
}

.tf-dialog-actions[b-n4a8tsm16l] {
    display: flex;
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ── Tablet (>=600px): two-col field rows ───────────────────── */
@media (min-width: 600px) {
    .tf-field-row[b-n4a8tsm16l] {
        grid-template-columns: 1fr 1fr;
    }

    .tf-form-card[b-n4a8tsm16l] {
        padding: var(--trecker-space-xl);
    }
}

/* ── Desktop (>=1024px): sidebar + main two-column layout ───── */
@media (min-width: 1024px) {
    .tf-layout[b-n4a8tsm16l] {
        grid-template-columns: 340px 1fr;
        gap: var(--trecker-space-xl);
        align-items: start;
    }

    .tf-photo-card[b-n4a8tsm16l] {
        padding: var(--trecker-space-xl);
    }
}

/* ── Wide Desktop (>=1400px): wider sidebar ─────────────────── */
@media (min-width: 1400px) {
    .tf-layout[b-n4a8tsm16l] {
        grid-template-columns: 380px 1fr;
    }
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerVehicleEmblem.razor.rz.scp.css */
/* FIFA-artige Fahrzeugkarte — alle Masse in em, root-font-size steuert die Groesse. */
.tve-card[b-eqxpdjw1di] {
    position: relative;
    font-size: 16px;
    width: 18.75em; /* 300 */
    aspect-ratio: 2 / 3;
    max-width: 100%;
    border-radius: 1.1em;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: #f5f7f9;
    box-shadow: 0 0.6em 1.8em rgba(0, 0, 0, 0.35);
    isolation: isolate;
}

.tve-card--mini[b-eqxpdjw1di] {
    font-size: 9px;
}

/* Stufen-Hintergruende — identische Farbwelten wie das PNG (VehicleCardImage). */
.tve-card--unrated[b-eqxpdjw1di] {
    background: radial-gradient(ellipse at 50% 38%, rgba(154, 164, 174, 0.28) 0%, transparent 60%),
        linear-gradient(180deg, #3a3f45 0%, #1d2024 100%);
    --tve-accent: #9aa4ae;
}

.tve-card--bronze[b-eqxpdjw1di] {
    background: radial-gradient(ellipse at 50% 38%, rgba(224, 153, 92, 0.30) 0%, transparent 60%),
        linear-gradient(180deg, #6e4522 0%, #31200f 100%);
    --tve-accent: #e0995c;
}

.tve-card--silver[b-eqxpdjw1di] {
    background: radial-gradient(ellipse at 50% 38%, rgba(223, 230, 236, 0.26) 0%, transparent 60%),
        linear-gradient(180deg, #5c6770 0%, #272d33 100%);
    --tve-accent: #dfe6ec;
}

.tve-card--gold[b-eqxpdjw1di] {
    background: radial-gradient(ellipse at 50% 38%, rgba(255, 215, 94, 0.32) 0%, transparent 60%),
        linear-gradient(180deg, #7a5c10 0%, #3c2c05 100%);
    --tve-accent: #ffd75e;
}

.tve-card--legend[b-eqxpdjw1di] {
    background: radial-gradient(ellipse at 50% 38%, rgba(63, 216, 255, 0.30) 0%, transparent 60%),
        radial-gradient(ellipse at 12% 92%, rgba(214, 64, 255, 0.35) 0%, transparent 55%),
        linear-gradient(180deg, #101642 0%, #0a0d24 100%);
    --tve-accent: #3fd8ff;
}

/* Innenrahmen in Akzentfarbe + diagonaler Schimmer. */
.tve-card[b-eqxpdjw1di]::after {
    content: "";
    position: absolute;
    inset: 0.55em;
    border: 0.12em solid var(--tve-accent);
    border-radius: 0.7em;
    pointer-events: none;
    opacity: 0.85;
}

.tve-shine[b-eqxpdjw1di] {
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, 0.06) 38%, transparent 44%);
    pointer-events: none;
}

.tve-head[b-eqxpdjw1di] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.1em 1.35em 0.4em;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.32), transparent);
    min-height: 4.6em;
}

.tve-head-left[b-eqxpdjw1di] {
    display: flex;
    flex-direction: column;
    gap: 0.15em;
    min-width: 0;
}

.tve-season[b-eqxpdjw1di] {
    font-size: 0.56em;
    letter-spacing: 0.14em;
    color: #c8cfd6;
    text-transform: uppercase;
}

.tve-tier[b-eqxpdjw1di] {
    font-size: 0.75em;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: var(--tve-accent);
    text-transform: uppercase;
}

.tve-score[b-eqxpdjw1di] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1;
}

.tve-score-num[b-eqxpdjw1di] {
    font-size: 2.35em;
    font-weight: 900;
}

.tve-score-label[b-eqxpdjw1di] {
    font-size: 0.5em;
    letter-spacing: 0.22em;
    color: #c8cfd6;
    margin-top: 0.4em;
}

.tve-photo[b-eqxpdjw1di] {
    margin: 0.35em 1.25em 0;
    height: 12.4em;
    border-radius: 0.55em;
    overflow: hidden;
    flex-shrink: 0;
    background: rgba(0, 0, 0, 0.25);
}

.tve-photo img[b-eqxpdjw1di] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tve-photo-placeholder[b-eqxpdjw1di] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.35);
}

.tve-name[b-eqxpdjw1di] {
    margin: 0.55em 0.9em 0;
    text-align: center;
    font-size: 1.05em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.15;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tve-subname[b-eqxpdjw1di] {
    text-align: center;
    font-size: 0.6em;
    color: #c8cfd6;
    margin-top: 0.3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 1.5em;
}

.tve-divider[b-eqxpdjw1di] {
    height: 1px;
    background: var(--tve-accent);
    opacity: 0.8;
    margin: 0.6em 2.9em 0;
}

/* 6 Kennzahlen als 3x2-Grid statt einer Reihe — haelt das Emblem kompakt, dieselben
   tve-stat-value / -label Schriftgroessen wie zuvor. */
.tve-stats[b-eqxpdjw1di] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0.35em;
    padding: 0.5em 0.9em 0;
}

.tve-stat[b-eqxpdjw1di] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1em;
    min-width: 0;
}

.tve-stat-value[b-eqxpdjw1di] {
    font-size: 1.2em;
    font-weight: 800;
}

.tve-stat-label[b-eqxpdjw1di] {
    font-size: 0.48em;
    letter-spacing: 0.14em;
    color: #c8cfd6;
    text-transform: uppercase;
    text-align: center;
}

.tve-foot[b-eqxpdjw1di] {
    margin-top: auto;
    text-align: center;
    padding-bottom: 0.9em;
    font-size: 0.5em;
    letter-spacing: 0.18em;
    color: #c8cfd6;
}
/* _content/TreckerTreckWebsite.Shared/Components/Shared/TreckerWeatherWidget.razor.rz.scp.css */
/* TreckerWeatherWidget — scoped styles (moved from inline <style> block) */

.TreckerWeatherWidget[b-zjinanfrg4] {
    background-color: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border);
    border-radius: var(--trecker-border-radius-lg);
    box-shadow: var(--trecker-shadow-card);
}

.TreckerWeatherWidgetBody[b-zjinanfrg4] {
    padding: var(--trecker-space-md);
}

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

@media (min-width: 640px) {
    .TreckerWeatherWidgetMainRow[b-zjinanfrg4] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--trecker-space-lg);
    }
}

.TreckerWeatherWidgetLeft[b-zjinanfrg4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
}

.TreckerWeatherIcon[b-zjinanfrg4] {
    font-size: 48px;
    flex-shrink: 0;
}

.TreckerWeatherTempBlock[b-zjinanfrg4] {
    display: flex;
    flex-direction: column;
}

.TreckerWeatherTempLabel[b-zjinanfrg4] {
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-medium);
    color: var(--trecker-text-secondary);
    margin-bottom: var(--trecker-space-xs);
}

.TreckerWeatherTempValue[b-zjinanfrg4] {
    font-size: var(--trecker-font-size-lg);
    font-weight: var(--trecker-font-weight-bold);
    color: var(--trecker-text-primary);
}

.TreckerWeatherWidgetRight[b-zjinanfrg4] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--trecker-space-sm);
}

@media (min-width: 640px) {
    .TreckerWeatherWidgetRight[b-zjinanfrg4] {
        align-items: flex-end;
    }
}

.TreckerWeatherWindInfo[b-zjinanfrg4] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-sm);
}

.TreckerWeatherWindLabel[b-zjinanfrg4] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.TreckerWeatherWindValue[b-zjinanfrg4] {
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-text-primary);
}

.TreckerWeatherConditionBadge[b-zjinanfrg4] {
    display: inline-flex;
    font-size: var(--trecker-font-size-xs);
    font-weight: var(--trecker-font-weight-medium);
    padding: var(--trecker-space-xs) var(--trecker-space-sm);
    border-radius: var(--trecker-border-radius-full);
}

.TreckerWeatherConditionBadge.TreckerConditionGood[b-zjinanfrg4] {
    background-color: var(--trecker-success-bg);
    color: var(--trecker-success);
}

.TreckerWeatherConditionBadge.TreckerConditionModerate[b-zjinanfrg4] {
    background-color: var(--trecker-warning-bg);
    color: var(--trecker-warning);
}

.TreckerWeatherConditionBadge.TreckerConditionBad[b-zjinanfrg4],
.TreckerWeatherConditionBadge.TreckerConditionDangerous[b-zjinanfrg4] {
    background-color: var(--trecker-error-bg);
    color: var(--trecker-error);
}

.TreckerWeatherConditionBadge.TreckerConditionUnknown[b-zjinanfrg4] {
    background-color: var(--trecker-bg-secondary);
    color: var(--trecker-text-secondary);
}

.TreckerWeatherDelayAlert[b-zjinanfrg4] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    margin-top: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    background-color: var(--trecker-warning-bg);
    border: 1px solid var(--trecker-warning);
    border-radius: var(--trecker-border-radius-md);
}

.TreckerWeatherDelayIcon[b-zjinanfrg4] {
    width: 20px;
    height: 20px;
    color: var(--trecker-warning);
    flex-shrink: 0;
    margin-top: 2px;
}

.TreckerWeatherDelayTitle[b-zjinanfrg4] {
    display: block;
    font-size: var(--trecker-font-size-sm);
    font-weight: var(--trecker-font-weight-semibold);
    color: var(--trecker-warning);
    margin-bottom: var(--trecker-space-xs);
}

.TreckerWeatherDelayReason[b-zjinanfrg4] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-primary);
}