/* _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;
}
/* _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;
    }
}
/* _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/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); }

/* ── 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/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/AdminFieldAccess.razor.rz.scp.css */
.fat-list[b-d32zj03b7z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.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-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/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/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: 16px;
}

.InspectionSetup__Header[b-2kfq90jtx4] {
    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);
}

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

.InspectionSetup__Icon[b-2kfq90jtx4] {
    width: 32px;
    height: 32px;
    color: #ff7a3d;
    flex-shrink: 0;
}

.InspectionSetup__Title[b-2kfq90jtx4] {
    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;
}

.InspectionSetup__Subtitle[b-2kfq90jtx4] {
    margin: 4px 0 0;
    font-size: 13px;
    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(160px, 1fr));
    gap: 12px;
}

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

.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: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}

.InspectStat__Value[b-2kfq90jtx4] {
    font-size: 28px;
    font-weight: 700;
    margin-top: 4px;
    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: 12px;
    padding: 12px 16px;
    font-size: 13px;
}

.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: 12px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.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: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--trecker-text-primary);
}

.InspectionSetup__SectionHint[b-2kfq90jtx4] {
    margin: -4px 0 4px;
    font-size: 12px;
    color: var(--trecker-text-secondary);
}

/* List & Items */
.InspectionSetup__List[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.InspectionItem[b-2kfq90jtx4] {
    display: flex;
    align-items: stretch;
    gap: 12px;
    padding: 12px 14px;
    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: 32px;
    height: 32px;
    border-radius: 8px;
    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: 4px;
}

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

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

.InspectionItem__Meta[b-2kfq90jtx4] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.InspectionItem__MetaPill[b-2kfq90jtx4] {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 3px 8px;
    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: 8px;
    align-items: center;
    flex-shrink: 0;
}

.InspectionItem__Reorder[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* Icon button — scoped to this component (not globally defined) */
.InspectBtn[b-2kfq90jtx4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    padding: 0;
    border: 1px solid var(--trecker-border);
    border-radius: 11px;
    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: 48px;
    height: 40px;
    border-radius: 8px;
    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: 6px;
    padding: 4px 10px;
    background: rgba(229, 72, 77, 0.1);
    border: 1px solid rgba(229, 72, 77, 0.35);
    border-radius: 11px;
    animation: inspectConfirmIn-b-2kfq90jtx4 0.15s ease;
}

.InspectDeleteConfirm span[b-2kfq90jtx4] {
    font-size: 12px;
    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: 10px;
    padding: 14px;
    border: 1px dashed rgba(255, 122, 61, 0.4);
    border-radius: 10px;
    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(220px, 1fr));
    gap: 12px;
    align-items: end;
}

.InspectionSetup__Field[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.InspectionSetup__Field--narrow[b-2kfq90jtx4] {
    max-width: 140px;
}

.InspectionSetup__Field label[b-2kfq90jtx4] {
    font-size: 12px;
    font-weight: 600;
    color: var(--trecker-text-secondary);
}

.InspectionSetup__Check[b-2kfq90jtx4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    cursor: pointer;
}

.InspectionSetup__Check input[type="checkbox"][b-2kfq90jtx4] {
    width: 16px;
    height: 16px;
    accent-color: #ff7a3d;
}

.InspectionSetup__AddActions[b-2kfq90jtx4] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
}

.InspectionSetup__Empty[b-2kfq90jtx4] {
    text-align: center;
    padding: 24px;
    border: 1px dashed var(--trecker-border);
    border-radius: 10px;
    color: var(--trecker-text-secondary);
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.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: 12px;
    align-items: flex-start;
    padding: 12px 16px;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), transparent 70%);
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 10px;
}

.InspectionSetup__DefaultsBannerIcon[b-2kfq90jtx4] {
    color: #818cf8;
    flex-shrink: 0;
    margin-top: 1px;
}

.InspectionSetup__DefaultsBannerText[b-2kfq90jtx4] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 13px;
}

.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: 10px;
    flex-wrap: wrap;
    padding-top: 4px;
}

/* 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;
}

/* Reset confirmation box */
.InspectionSetup__ConfirmBox[b-2kfq90jtx4] {
    padding: 14px 16px;
    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/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). Schichtplan-Style. */

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

.PressKit__Header[b-mqvy4mcc2r] {
    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);
}
.PressKit__HeaderLeft[b-mqvy4mcc2r] { display: flex; gap: 14px; align-items: flex-start; min-width: 0; }
.PressKit__Icon[b-mqvy4mcc2r] { width: 32px; height: 32px; color: #ff7a3d; flex-shrink: 0; }
.PressKit__Title[b-mqvy4mcc2r] {
    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;
}
.PressKit__Subtitle[b-mqvy4mcc2r] { margin: 4px 0 0; font-size: 13px; color: var(--trecker-text-secondary); }
.PressKit__HeaderActions[b-mqvy4mcc2r] { display: flex; gap: 8px; flex-wrap: wrap; }
.PressKit__Alert[b-mqvy4mcc2r] { margin: 0; }

.PressKit__Stats[b-mqvy4mcc2r] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;
}
.PrkStat[b-mqvy4mcc2r] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px; padding: 16px;
}
.PrkStat--brand[b-mqvy4mcc2r] {
    background: linear-gradient(135deg, rgba(255, 122, 61, 0.1), transparent 70%);
    border-color: rgba(255, 122, 61, 0.3);
}
.PrkStat__Label[b-mqvy4mcc2r] {
    font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;
    color: var(--trecker-text-secondary);
}
.PrkStat__Value[b-mqvy4mcc2r] { font-size: 28px; font-weight: 700; margin-top: 4px; line-height: 1.1; }
.PrkStat__Value--text[b-mqvy4mcc2r] { font-size: 16px; }

.PressKit__Editor[b-mqvy4mcc2r], .PressKit__Section[b-mqvy4mcc2r] {
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border);
    border-radius: 12px; padding: 18px;
    display: flex; flex-direction: column; gap: 12px;
}

.PressKit__SectionTitle[b-mqvy4mcc2r] {
    margin: 0; font-size: 16px; font-weight: 700;
}

.PressKit__Hint[b-mqvy4mcc2r] { margin: 0; font-size: 12px; color: var(--trecker-text-secondary); }

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

.PressKit__Field[b-mqvy4mcc2r] {
    display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.PressKit__Field--wide[b-mqvy4mcc2r] { grid-column: span 2; }
.PressKit__Field--narrow[b-mqvy4mcc2r] { max-width: 180px; }
.PressKit__Field label[b-mqvy4mcc2r] {
    font-size: 12px; font-weight: 600; color: var(--trecker-text-secondary);
}

.PressKit__Textarea[b-mqvy4mcc2r] {
    background: var(--trecker-bg-primary, transparent);
    border: 1px solid var(--trecker-border);
    border-radius: 8px;
    padding: 12px;
    color: var(--trecker-text-primary);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.6;
    resize: vertical;
}

.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;
}

.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: 14px;
    display: flex; flex-direction: column; gap: 8px;
}
.PressKit__SnippetHead[b-mqvy4mcc2r] { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.PressKit__Code[b-mqvy4mcc2r] {
    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;
}

.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: 12px 14px;
    border: 1px solid var(--trecker-border); border-radius: 10px;
    background: var(--trecker-bg-primary, var(--trecker-bg-secondary));
}
.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; }
.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; }
/* _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;
    margin-bottom: var(--trecker-space-lg);
}

.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] {
    margin-top: var(--trecker-space-lg);
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

/* ── 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);
    margin-bottom: var(--trecker-space-lg);
}

.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);
    margin-top: var(--trecker-space-lg);
    margin-bottom: 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);
    margin-bottom: var(--trecker-space-lg);
}

.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);
    margin-bottom: var(--trecker-space-lg);
}

.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);
}

/* ── Large live preview ──────────────────────────────────────────────────── */

.QrMkt__Preview[b-7arcdlba9b] {
    display: flex;
    justify-content: center;
    margin-top: var(--trecker-space-lg);
}

.QrMkt__PreviewCanvas[b-7arcdlba9b] {
    width: 100%;
    max-width: 480px;
    aspect-ratio: 1;
    display: block;
    border-radius: 10px;
    border: 2px solid var(--trecker-primary);
    background: #1d1d1d;
}
/* _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;
}
/* _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;
}

/* ── 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/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/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;
}

/* Entry cards */
.att-entry[b-1w16vjp8h9] {
    padding: var(--trecker-space-md);
}

.att-entry--buffer[b-1w16vjp8h9] {
    opacity: 0.7;
    border-style: dashed;
}

.att-entry--conflict[b-1w16vjp8h9] {
    border-left: 4px solid var(--trecker-warning);
}

.att-entry-row[b-1w16vjp8h9] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    flex-wrap: wrap;
}

.att-entry-time[b-1w16vjp8h9] {
    min-width: 100px;
}

.att-time-text[b-1w16vjp8h9] {
    font-family: var(--trecker-font-mono);
}

.att-entry-main[b-1w16vjp8h9] {
    flex: 1;
    min-width: 150px;
}

.att-entry-actions[b-1w16vjp8h9] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
}

/* 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);
}

/* Delete confirmation modal */
.att-modal-actions[b-1w16vjp8h9] {
    gap: var(--trecker-space-sm);
    justify-content: flex-end;
    flex-wrap: wrap;
}
/* _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/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/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/Participant/BremswagenTeamEdit.razor.rz.scp.css */
.bwedit[b-py5wn8xtxq] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
    max-width: 760px;
}

.bwedit-card[b-py5wn8xtxq] {
    padding: var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-lg);
}

.bwedit-grid[b-py5wn8xtxq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: var(--trecker-space-md);
}

.bwedit-toggle[b-py5wn8xtxq] {
    margin-top: var(--trecker-space-sm);
}

.bwedit-media[b-py5wn8xtxq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-lg);
}

.bwedit-media-col[b-py5wn8xtxq] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    align-items: flex-start;
}

.bwedit-logo-preview[b-py5wn8xtxq] {
    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-py5wn8xtxq] {
    width: 100%;
    max-height: 140px;
    object-fit: cover;
    border-radius: var(--trecker-border-radius-md);
}

.bwedit-actions[b-py5wn8xtxq] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
    margin-top: var(--trecker-space-md);
}
/* _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-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;
}

/* ============================================================================
   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/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;
}

/* ── Konto-Nummer ── */
.fr-account-card[b-5l5stbxx30] {
    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-5l5stbxx30] {
    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-5l5stbxx30] {
    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-5l5stbxx30] {
    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-5l5stbxx30] {
    padding: var(--trecker-space-lg) var(--trecker-space-xl);
    margin-bottom: var(--trecker-space-xl);
}

.fr-section-title[b-5l5stbxx30] {
    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-5l5stbxx30] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0 0 var(--trecker-space-md);
}

.fr-count[b-5l5stbxx30] {
    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-5l5stbxx30] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

.fr-add-input[b-5l5stbxx30] {
    flex: 0 1 180px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
}

.fr-add-result[b-5l5stbxx30] {
    margin-top: var(--trecker-space-md);
}

/* ── Abschnitte / Listen ── */
.fr-section[b-5l5stbxx30] {
    margin-top: var(--trecker-space-xl);
}

.fr-list[b-5l5stbxx30] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-md);
}

.fr-row[b-5l5stbxx30] {
    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-5l5stbxx30] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.fr-row-name[b-5l5stbxx30] {
    font-weight: 600;
    color: var(--trecker-text-primary);
}

.fr-row-meta[b-5l5stbxx30] {
    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-5l5stbxx30] {
    display: flex;
    gap: var(--trecker-space-sm);
    flex-wrap: wrap;
}

/* ── Freundes-Grid ── */
.fr-grid[b-5l5stbxx30] {
    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-5l5stbxx30] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-lg);
}

.fr-friend-top[b-5l5stbxx30] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    min-width: 0;
}

.fr-friend-id[b-5l5stbxx30] {
    min-width: 0;
}

.fr-friend-club[b-5l5stbxx30] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    margin-top: 2px;
}

.fr-friend-actions[b-5l5stbxx30] {
    display: flex;
    gap: var(--trecker-space-sm);
}

.fr-remove[b-5l5stbxx30] {
    color: var(--trecker-danger, #c0392b);
}

/* ── Avatar ── */
.fr-avatar[b-5l5stbxx30] {
    flex-shrink: 0;
    overflow: hidden;
    padding: 0;
}

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

/* ── Leerzustand ── */
.fr-empty[b-5l5stbxx30] {
    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-5l5stbxx30] {
    font-weight: 600;
    color: var(--trecker-text-primary);
    margin: 0 0 var(--trecker-space-xs);
}

.fr-empty-sub[b-5l5stbxx30] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    margin: 0;
}
/* _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/MyRegistrations.razor.rz.scp.css */
.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-mono[b-1r7qrmimid] {
    font-family: monospace;
    letter-spacing: 0.04em;
}
/* _content/TreckerTreckWebsite.Shared/Components/Pages/Public/BremswagenList.razor.rz.scp.css */
.bw-list[b-jho45nww75] {
    padding-top: var(--trecker-space-xl);
    padding-bottom: var(--trecker-space-3xl);
}

.bw-search[b-jho45nww75] {
    max-width: 360px;
    margin-bottom: var(--trecker-space-xl);
}

.bw-grid[b-jho45nww75] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
    gap: var(--trecker-space-md);
}

.bw-card[b-jho45nww75] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-md);
    padding: var(--trecker-space-md);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease;
}

.bw-card:hover[b-jho45nww75] {
    border-color: var(--trecker-accent);
}

.bw-card-logo[b-jho45nww75] {
    width: 56px;
    height: 56px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-md);
    background: var(--trecker-bg-secondary);
    flex-shrink: 0;
}

.bw-card-logo-placeholder[b-jho45nww75] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--trecker-accent);
    background: var(--trecker-accent-light);
    text-transform: uppercase;
}

.bw-card-body[b-jho45nww75] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
/* _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);
}

.bw-hero[b-axh4ni3dlt] {
    border-radius: var(--trecker-border-radius-xl);
    overflow: hidden;
    background: var(--trecker-surface);
    border: 1px solid var(--trecker-border);
}

.bw-banner[b-axh4ni3dlt] {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    display: block;
}

.bw-hero-head[b-axh4ni3dlt] {
    display: flex;
    align-items: center;
    gap: var(--trecker-space-lg);
    padding: var(--trecker-space-xl);
}

.bw-logo[b-axh4ni3dlt] {
    width: 96px;
    height: 96px;
    object-fit: contain;
    border-radius: var(--trecker-border-radius-lg);
    background: var(--trecker-bg-secondary);
    flex-shrink: 0;
}

.bw-logo-placeholder[b-axh4ni3dlt] {
    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;
}

.bw-section[b-axh4ni3dlt] {
    padding: var(--trecker-space-xl);
    margin-top: var(--trecker-space-lg);
}

.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: 2px;
}

.bw-spec-label[b-axh4ni3dlt] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
}

.bw-socials[b-axh4ni3dlt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    margin-top: var(--trecker-space-lg);
}

.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-event-card[b-axh4ni3dlt] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--trecker-space-md);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease;
}

.bw-event-card:hover[b-axh4ni3dlt] {
    border-color: var(--trecker-accent);
}
/* _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/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: 240px;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(135deg, #1c1c2e 0%, #16213e 50%, #0f2d4a 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: 1.75rem;
    width: 100%;
}

.EIP__BackLink[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
    text-decoration: none;
    margin-bottom: 0.875rem;
    transition: color 0.15s;
    /* I17: proper tap target on mobile (Apple HIG 44pt minimum). */
    padding: 12px 8px;
    min-height: 44px;
}

.EIP__BackLink:hover[b-i5lwvei9n5],
.EIP__BackLink:focus-visible[b-i5lwvei9n5] {
    color: #fff;
    outline: none;
}

.EIP__Title[b-i5lwvei9n5] {
    font-size: clamp(1.35rem, 4.5vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -0.025em;
    color: #fff;
    margin: 0 0 0.75rem 0;
    line-height: 1.15;
    max-width: 720px;
}

.EIP__HeroMeta[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 1rem;
    margin-bottom: 1rem;
}

.EIP__HeroMetaItem[b-i5lwvei9n5] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: rgba(255, 255, 255, 0.75);
    font-size: 0.875rem;
}

.EIP__HeroMetaItem--open[b-i5lwvei9n5] {
    color: #4ade80;
    font-weight: 600;
}

.EIP__HeroActions[b-i5lwvei9n5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

/* === 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] {
    background: var(--trecker-bg-secondary);
    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;
}

/* === BODY === */
.EIP__Body[b-i5lwvei9n5] {
    padding: 1.5rem 0 3rem;
}

.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: 1.75rem;
    padding-bottom: 1.75rem;
    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] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 0 0 0.875rem 0;
    letter-spacing: -0.01em;
}

.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: 0.875rem 1rem;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-subtle);
    border-radius: var(--trecker-border-radius-md);
    text-align: center;
}

.EventInfoPage__SpecLabel[b-i5lwvei9n5] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.EventInfoPage__SpecValue[b-i5lwvei9n5] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--trecker-text-primary);
}

.EventInfoPage__SpecUnit[b-i5lwvei9n5] {
    font-size: 0.8125rem;
    color: var(--trecker-text-secondary);
    margin-left: 2px;
}

/* Days List */
.EventInfoPage__DaysList[b-i5lwvei9n5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.EventInfoPage__DayItem[b-i5lwvei9n5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-subtle);
    border-radius: var(--trecker-border-radius-md);
}

.EventInfoPage__DayInfo[b-i5lwvei9n5] {
    flex: 1;
    min-width: 0;
}

.EventInfoPage__DayLabel[b-i5lwvei9n5] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.125rem;
}

.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.875rem;
    font-weight: 600;
    color: var(--trecker-accent);
    white-space: nowrap;
    flex-shrink: 0;
}

/* Rules Box */
.EventInfoPage__RulesBox[b-i5lwvei9n5] {
    padding: 1.25rem;
    background: var(--trecker-bg-secondary);
    border: 1px solid var(--trecker-border-subtle);
    border-radius: var(--trecker-border-radius-lg);
}

.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] {
    font-size: var(--trecker-font-size-xl);
    font-weight: 700;
    margin: 0 0 var(--trecker-space-lg);
}

/* === 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: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
}

.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;
}

/* === ANMELDUNG TAB === */
.ei-reg-notes[b-i5lwvei9n5] {
    background: rgba(41, 151, 255, 0.08);
    border: 1px solid rgba(41, 151, 255, 0.3);
    border-radius: var(--trecker-border-radius-lg);
    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: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-xl);
}

.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-radius: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-xl);
    display: flex;
    flex-direction: column;
}

.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);
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-tertiary);
    padding: 3px 8px;
    border-radius: var(--trecker-border-radius-sm);
}

.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);
}

.ei-klassen-group-title[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 600;
    color: var(--trecker-accent);
    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] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    background: var(--trecker-bg-tertiary);
    padding: 2px 8px;
    border-radius: var(--trecker-border-radius-sm);
}

.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: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-lg);
}

.ei-class-category[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-xs);
    color: var(--trecker-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ei-class-name[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-lg);
    font-weight: 700;
    color: var(--trecker-text-primary);
    margin: 4px 0;
}

.ei-class-weight[b-i5lwvei9n5] {
    font-size: var(--trecker-font-size-sm);
    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);
}

/* === TEILNEHMER TAB === */
.ei-teilnehmer-filter[b-i5lwvei9n5] {
    margin-bottom: var(--trecker-space-lg);
}

.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);
}

/* 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;
}

/* === SIDEBAR === */
.SidebarCard[b-i5lwvei9n5] {
    background: var(--trecker-bg-card);
    border: 1px solid var(--trecker-border-subtle);
    border-radius: var(--trecker-border-radius-lg);
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.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-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    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: var(--trecker-border-radius-lg);
    padding: var(--trecker-space-md);
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.ei-venue-point:hover[b-i5lwvei9n5] {
    border-color: var(--trecker-accent);
    transform: translateY(-1px);
}

/* 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--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-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: var(--trecker-radius-md);
    padding: var(--trecker-space-md);
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-md);
}

.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: 200px;
    }

    .EIP__HeroContent[b-i5lwvei9n5] {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .EIP__Title[b-i5lwvei9n5] {
        font-size: clamp(1.2rem, 6vw, 1.625rem);
        margin-bottom: 0.5rem;
    }

    .EIP__HeroMeta[b-i5lwvei9n5] {
        gap: 0.25rem 0.75rem;
        margin-bottom: 0.75rem;
    }

    .EIP__HeroMetaItem[b-i5lwvei9n5] {
        font-size: 0.8125rem;
    }

    .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: var(--trecker-border-radius-lg);
    background: var(--trecker-surface);
}

.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); }
}
/* _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;
}

/* === VIEW TABS === */
.elp-view-tabs[b-k43qbl96qb] {
    display: inline-flex;
    gap: 3px;
    background: var(--trecker-bg-secondary);
    border-radius: 10px;
    padding: 4px;
    margin-bottom: var(--trecker-space-xl);
    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);
}

/* === FILTERS === */
.elp-filters[b-k43qbl96qb] {
    display: flex;
    gap: var(--trecker-space-sm);
    margin-bottom: var(--trecker-space-xl);
    flex-wrap: wrap;
}

.elp-search[b-k43qbl96qb] {
    flex: 1;
    min-width: 180px;
}

.elp-year-select[b-k43qbl96qb] {
    width: auto;
    flex-shrink: 0;
}

/* === 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);
}

/* ── Mobile (≤ 480 px) ───────────────────────────────────── */

@media (max-width: 480px) {
    .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/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/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) */

/* === 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), 1fr));
    gap: var(--trecker-space-lg);
}

.hp-event-grid--wide[b-nj3bj2d8kb] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
    grid-auto-rows: auto;
}

.hp-tractor-grid[b-nj3bj2d8kb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: var(--trecker-space-md);
}

.hp-past-events-grid[b-nj3bj2d8kb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    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);
}

.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 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__AppLabel[b-bsk64mw4mq] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #888);
    font-weight: 600;
    letter-spacing: 0.05em;
}

.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);
}

/* ── Theme (light/dark) toggle ───────────────────────────────────── */
.Kom__ThemeBtn[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, border-color 0.15s;
}

.Kom__ThemeBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-accent, #f6ad55);
    border-color: var(--trecker-accent, #f6ad55);
}

/* ── Driver-info size toggle (segmented control) ─────────────────── */
.Kom__SizeToggle[b-bsk64mw4mq] {
    display: inline-flex;
    border: 1px solid var(--trecker-border, #333);
    border-radius: var(--trecker-radius-md, 8px);
    overflow: hidden;
    background: var(--trecker-bg-secondary, #1a1a1a);
}

.Kom__SizeBtn[b-bsk64mw4mq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: transparent;
    border: none;
    color: var(--trecker-text-secondary, #888);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.35rem 0.7rem;
    transition: background 0.12s, color 0.12s;
}

.Kom__SizeBtn + .Kom__SizeBtn[b-bsk64mw4mq] {
    border-left: 1px solid var(--trecker-border, #333);
}

.Kom__SizeBtn:hover[b-bsk64mw4mq] {
    color: var(--trecker-text-primary, #f0f0f0);
}

.Kom__SizeBtn--active[b-bsk64mw4mq] {
    background: var(--trecker-accent, #f6ad55);
    color: #1a1a1a;
}

.Kom__SizeGlyph[b-bsk64mw4mq] {
    font-weight: 800;
    line-height: 1;
}

.Kom__SizeGlyph--sm[b-bsk64mw4mq] {
    font-size: 0.8rem;
}

.Kom__SizeGlyph--lg[b-bsk64mw4mq] {
    font-size: 1.15rem;
}

/* ── 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;
}

.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;
}

/* ── Right Panel ─────────────────────────────────────────────────── */
.Kom__RightPanel[b-bsk64mw4mq] {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: var(--trecker-space-lg);
    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);
}

/* ── Detail card ─────────────────────────────────────────────────── */
.Kom__DetailCard[b-bsk64mw4mq] {
    max-width: 780px;
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-xl);
}

/* Photos */
.Kom__DetailPhotos[b-bsk64mw4mq] {
    display: flex;
    gap: var(--trecker-space-xl);
    flex-wrap: wrap;
}

.Kom__DriverPhoto[b-bsk64mw4mq] {
    width: 140px;
    height: 140px;
    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: 220px;
    height: 140px;
    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: 2.4rem;
    font-weight: 800;
    line-height: 1.1;
    color: var(--trecker-text-primary, #f0f0f0);
}

.Kom__DetailClub[b-bsk64mw4mq] {
    font-size: 1.1rem;
    color: var(--trecker-text-secondary, #999);
    margin-top: -0.5rem;
}

/* Info strip */
.Kom__DetailStrip[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-lg);
}

.Kom__StripItem[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: var(--trecker-bg-secondary, #1e1e1e);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: var(--trecker-radius-md, 8px);
    padding: 0.5rem 1rem;
}

.Kom__StripLabel[b-bsk64mw4mq] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--trecker-text-secondary, #8a8a8a);
}

.Kom__StripValue[b-bsk64mw4mq] {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #f0f0f0);
}

/* Bio */
.Kom__DetailBio[b-bsk64mw4mq] {
    font-size: 1.05rem;
    color: var(--trecker-text-secondary, #c5c5c5);
    line-height: 1.55;
    background: var(--trecker-bg-secondary, #1a1a1a);
    border-radius: var(--trecker-radius-md, 8px);
    padding: var(--trecker-space-md);
    border: 1px solid var(--trecker-border, #2a2a2a);
}

/* Social */
.Kom__SocialLinks[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.Kom__SocialItem[b-bsk64mw4mq] {
    font-size: 0.85rem;
    color: var(--trecker-text-secondary, #999);
}

/* Sections */
.Kom__Section[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-md);
}

.Kom__SectionTitle[b-bsk64mw4mq] {
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--trecker-text-secondary, #9a9a9a);
    border-bottom: 1px solid var(--trecker-border, #2a2a2a);
    padding-bottom: var(--trecker-space-sm);
}

/* Tractor grid */
.Kom__TractorGrid[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: var(--trecker-space-sm);
}

.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 card so a commentator
   can scan the data at a glance on air, and long values wrap cleanly. */
.Kom__InfoGrid[b-bsk64mw4mq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--trecker-space-md);
}

.Kom__InfoRow[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #2a2a2a);
    border-radius: var(--trecker-radius-md, 8px);
    padding: 0.65rem 0.85rem;
}

.Kom__InfoLabel[b-bsk64mw4mq] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--trecker-text-secondary, #8a8a8a);
}

.Kom__InfoValue[b-bsk64mw4mq] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--trecker-text-primary, #f0f0f0);
    line-height: 1.35;
    word-break: break-word;
}

/* Modifications */
.Kom__TractorMods[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.Kom__TractorModsText[b-bsk64mw4mq] {
    font-size: 0.9rem;
    color: var(--trecker-text-secondary, #bbb);
    line-height: 1.4;
    margin: 0;
}

/* History */
.Kom__HistoryList[b-bsk64mw4mq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.Kom__HistoryRow[b-bsk64mw4mq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--trecker-space-md);
    background: var(--trecker-bg-secondary, #1a1a1a);
    border: 1px solid var(--trecker-border, #252525);
    border-radius: var(--trecker-radius-md, 6px);
    padding: 0.6rem var(--trecker-space-md);
}

.Kom__HistoryMain[b-bsk64mw4mq] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px var(--trecker-space-md);
    align-items: baseline;
    flex: 1;
    min-width: 0;
}

.Kom__HistoryEventName[b-bsk64mw4mq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--trecker-text-primary, #eee);
}

.Kom__HistoryDate[b-bsk64mw4mq] {
    font-size: 0.75rem;
    color: var(--trecker-text-tertiary, #777);
    font-family: var(--trecker-font-mono, monospace);
}

.Kom__HistoryClass[b-bsk64mw4mq] {
    font-size: 0.75rem;
    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.75rem;
    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.7rem;
    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.85rem;
    font-weight: 700;
    color: var(--trecker-text-primary, #eee);
}

.Kom__HistRank[b-bsk64mw4mq] {
    font-size: 0.75rem;
    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-md);
}

.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.5rem var(--trecker-space-md);
}

.Kom__OtherTractorImg[b-bsk64mw4mq] {
    width: 48px;
    height: 36px;
    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.85rem;
    font-weight: 600;
    color: var(--trecker-text-primary, #eee);
}

.Kom__OtherTractorDetail[b-bsk64mw4mq] {
    font-size: 0.72rem;
    color: var(--trecker-text-tertiary, #888);
}

/* ── "Groß" 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.
   The default (.Kom--size-standard) keeps the compact two-column look
   that fits more onto a small tablet. */
.Kom--size-gross .Kom__RightPanel[b-bsk64mw4mq] {
    padding: var(--trecker-space-xl);
}

.Kom--size-gross .Kom__DetailCard[b-bsk64mw4mq] {
    max-width: 920px;
    gap: var(--trecker-space-xl);
}

.Kom--size-gross .Kom__DriverPhoto[b-bsk64mw4mq] {
    width: 180px;
    height: 180px;
}

.Kom--size-gross .Kom__TractorPhoto[b-bsk64mw4mq] {
    width: 300px;
    height: 180px;
}

.Kom--size-gross .Kom__DetailName[b-bsk64mw4mq] {
    font-size: 3.1rem;
}

.Kom--size-gross .Kom__DetailClub[b-bsk64mw4mq] {
    font-size: 1.35rem;
}

.Kom--size-gross .Kom__StripValue[b-bsk64mw4mq] {
    font-size: 1.5rem;
}

.Kom--size-gross .Kom__StripItem[b-bsk64mw4mq] {
    padding: 0.6rem 1.25rem;
}

.Kom--size-gross .Kom__SectionTitle[b-bsk64mw4mq] {
    font-size: 0.95rem;
}

/* Detail tractor headline (the shared .Kom__TractorName resolves to the
   detail rule here) gets larger in big mode. */
.Kom--size-gross .Kom__TractorGrid .Kom__TractorName[b-bsk64mw4mq] {
    font-size: 1.9rem;
}

.Kom--size-gross .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-gross .Kom__InfoGrid[b-bsk64mw4mq] {
    grid-template-columns: 1fr;
}

.Kom--size-gross .Kom__InfoRow[b-bsk64mw4mq] {
    padding: 0.85rem 1.1rem;
}

.Kom--size-gross .Kom__InfoLabel[b-bsk64mw4mq] {
    font-size: 0.8rem;
}

.Kom--size-gross .Kom__InfoValue[b-bsk64mw4mq] {
    font-size: 1.55rem;
}

/* ── Animations ──────────────────────────────────────────────────── */
@@keyframes komPulse {
    0%[b-bsk64mw4mq], 100%[b-bsk64mw4mq] { opacity: 1; }
    50%[b-bsk64mw4mq] { opacity: 0.3; }
}

/* ── Responsive ──────────────────────────────────────────────────── */
@@media (max-width: 900px) {
    .Kom__Body[b-bsk64mw4mq] {
        grid-template-columns: 1fr;
        height: auto;
        overflow: visible;
    }

    .Kom__LeftPanel[b-bsk64mw4mq] {
        border-right: none;
        border-bottom: 1px solid var(--trecker-border, #2a2a2a);
        max-height: 45vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .Kom__RightPanel[b-bsk64mw4mq] {
        min-height: 50vh;
        overflow-y: visible;
    }

    .Kom__DetailName[b-bsk64mw4mq] {
        font-size: 1.8rem;
    }

    .Kom__DriverPhoto[b-bsk64mw4mq] {
        width: 100px;
        height: 100px;
    }

    .Kom__TractorPhoto[b-bsk64mw4mq] {
        width: 160px;
        height: 100px;
    }

    /* Keep the "Groß" variant readable but sane on small tablets/phones. */
    .Kom--size-gross .Kom__DetailName[b-bsk64mw4mq] {
        font-size: 2.2rem;
    }

    .Kom--size-gross .Kom__DriverPhoto[b-bsk64mw4mq] {
        width: 120px;
        height: 120px;
    }

    .Kom--size-gross .Kom__TractorPhoto[b-bsk64mw4mq] {
        width: 190px;
        height: 120px;
    }

    .Kom--size-gross .Kom__InfoValue[b-bsk64mw4mq] {
        font-size: 1.3rem;
    }

    .Kom--size-gross .Kom__TractorGrid .Kom__TractorName[b-bsk64mw4mq] {
        font-size: 1.5rem;
    }

    .Kom--size-gross .Kom__DetailBio[b-bsk64mw4mq] {
        font-size: 1.15rem;
    }
}

/* On narrow top bars, drop the toggle text and keep just the A glyphs. */
@@media (max-width: 600px) {
    .Kom__SizeBtnLabel[b-bsk64mw4mq] {
        display: none;
    }

    .Kom__SizeBtn[b-bsk64mw4mq] {
        padding: 0.35rem 0.6rem;
    }

    .Kom__EventTitle[b-bsk64mw4mq] {
        max-width: 40vw;
        font-size: 1rem;
    }

    .Kom__AppLabel[b-bsk64mw4mq] {
        display: none;
    }

    .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;
    }
}
/* _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);
}
/* _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 */
.lt-page[b-i0tgn0pes1] {
    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/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;
}

/* ─── 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;
}

/* ─── 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;
}

/* ─── 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/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 chips --- */
.sr-filters[b-xcx8rqgrwb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-sm);
    align-items: center;
    padding-top: var(--trecker-space-md);
    border-top: 1px solid var(--trecker-border-light);
}

.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;
}

/* --- 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--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--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--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--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--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);
    }

    .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/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/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-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/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/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;
}

.fqs-input-row[b-cekdlv0cyn] {
    display: flex;
    gap: 8px;
}

.fqs-notfound-icon[b-cekdlv0cyn] {
    display: inline;
    vertical-align: -3px;
    margin-right: 6px;
}

/* 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;
}
/* _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;
}

/* _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/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 — scoped styles (tokens from trecker-variables.css) */

/* --- Cards --- */
.pf-card[b-funyw6vksa] {
    padding: var(--trecker-space-lg);
}

.pf-login-card[b-funyw6vksa] {
    padding: var(--trecker-space-2xl);
    text-align: center;
}

/* --- Field rows / columns (wrap on mobile) --- */
.pf-row[b-funyw6vksa] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--trecker-space-md);
}

.pf-col[b-funyw6vksa] {
    flex: 1;
    min-width: 200px;
}

.pf-col--zip[b-funyw6vksa] {
    flex: 1;
    min-width: 120px;
    max-width: 160px;
}

.pf-col--wide[b-funyw6vksa] {
    flex: 2;
    min-width: 200px;
}

.pf-col--label[b-funyw6vksa] {
    flex: 1;
    min-width: 140px;
    max-width: 200px;
}

/* --- Labels & hints --- */
.pf-label-note[b-funyw6vksa] {
    color: var(--trecker-text-tertiary);
    font-size: 0.75rem;
}

.pf-hint[b-funyw6vksa] {
    margin-top: var(--trecker-space-xs);
}

.pf-intro[b-funyw6vksa] {
    margin-top: calc(-1 * var(--trecker-space-xs));
    margin-bottom: var(--trecker-space-md);
}

.pf-intro--sm[b-funyw6vksa] {
    margin-top: calc(-1 * var(--trecker-space-sm));
    margin-bottom: var(--trecker-space-md);
}

.pf-divider[b-funyw6vksa] {
    margin: var(--trecker-space-md) 0;
}

.pf-divider--sm[b-funyw6vksa] {
    margin: var(--trecker-space-sm) 0;
}

.pf-text-sm[b-funyw6vksa] {
    font-size: var(--trecker-font-size-sm);
}

.pf-block[b-funyw6vksa] {
    display: block;
}

/* --- Avatar (Profilbild) --- */
.pf-avatar-row[b-funyw6vksa] {
    display: flex;
    align-items: flex-start;
    gap: var(--trecker-space-lg);
    flex-wrap: wrap;
}

.pf-avatar-col[b-funyw6vksa] {
    flex-shrink: 0;
}

.pf-avatar[b-funyw6vksa] {
    width: 88px;
    height: 88px;
    border-radius: var(--trecker-border-radius-full);
    overflow: hidden;
    border: 2px solid var(--trecker-border-medium);
}

.pf-avatar--placeholder[b-funyw6vksa] {
    background: var(--trecker-bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pf-avatar-img[b-funyw6vksa] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pf-avatar-initials[b-funyw6vksa] {
    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 */
.pf-card[b-funyw6vksa]  .pf-file-input {
    padding: var(--trecker-space-sm);
}

/* --- ID card (Personalausweis / Fuehrerschein) --- */
.pf-id-file-row[b-funyw6vksa] {
    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);
}

.pf-file-info[b-funyw6vksa] {
    flex: 1;
    min-width: 0;
}

.pf-file-name[b-funyw6vksa] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pf-consent-row[b-funyw6vksa] {
    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);
}

.pf-consent-checkbox[b-funyw6vksa] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    flex-shrink: 0;
    cursor: pointer;
}

.pf-consent-label[b-funyw6vksa] {
    font-size: var(--trecker-font-size-sm);
    color: var(--trecker-text-secondary);
    cursor: pointer;
    line-height: var(--trecker-line-height-normal);
}

/* --- Footer actions --- */
.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/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/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);
}