/* /Components/Pages/Admin/AssociationSetup.razor.rz.scp.css */
.association-options-panel[b-8qp1feqlvm] {
    background-color: #eaf4fd;
    border: 1px solid #bfe0f7;
    border-radius: 8px;
    padding: 1rem 1.25rem;
}

/* Restore the native calendar picker click behavior for the Season Start Date field,
   overriding the global pointer-events:none used to remove the icon from the tab order. */
[b-8qp1feqlvm] input[type="date"]::-webkit-calendar-picker-indicator {
    pointer-events: auto;
    cursor: pointer;
}
/* /Components/Pages/Admin/Home.razor.rz.scp.css */
.admin-overview-context-bar[b-6qgjbgl3cd] {
    display: flex;
    margin-bottom: 1rem;
}

.admin-overview-context-item[b-6qgjbgl3cd] {
    min-width: 220px;
}

.association-select[b-6qgjbgl3cd] {
    font-size: 0.9rem;
    font-weight: 600;
}

/* Association Setup panel */
.association-setup-panel[b-6qgjbgl3cd] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.association-setup-header[b-6qgjbgl3cd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--bs-border-color, #e5e7eb);
    background: color-mix(in srgb, #3b82f6 6%, transparent);
}

.association-setup-title[b-6qgjbgl3cd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.95rem;
}

    .association-setup-title i[b-6qgjbgl3cd] {
        color: #3b82f6;
    }

.association-setup-body[b-6qgjbgl3cd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
    padding: 0.85rem 1rem;
}

.setup-field[b-6qgjbgl3cd] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.setup-label[b-6qgjbgl3cd] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--bs-secondary-color, #6b7280);
}

.setup-value[b-6qgjbgl3cd] {
    font-size: 0.9rem;
    font-weight: 600;
}

.association-setup-flags[b-6qgjbgl3cd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0 1rem 0.85rem;
}

.setup-flag[b-6qgjbgl3cd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    background: var(--bs-tertiary-bg, #f3f4f6);
    color: var(--bs-secondary-color, #6b7280);
}

.setup-flag--on[b-6qgjbgl3cd] {
    background: color-mix(in srgb, #10b981 12%, transparent);
    color: #10b981;
}

.setup-flag--off[b-6qgjbgl3cd] {
    background: color-mix(in srgb, #dc2626 10%, transparent);
    color: #dc2626;
}

/* Overview sections */
.admin-overview-sections[b-6qgjbgl3cd] {
    display: flex;
    flex-direction: column;
}

.admin-overview-section .atlas-section-title[b-6qgjbgl3cd] {
    margin-bottom: 0.5rem;
}

@media (max-width: 700px) {
    .admin-overview-context-bar[b-6qgjbgl3cd] {
        flex-direction: column;
    }

    .admin-overview-context-item[b-6qgjbgl3cd] {
        width: 100%;
    }

    .association-select[b-6qgjbgl3cd] {
        width: 100%;
        min-height: 2.75rem;
        font-size: 1rem;
    }

    .association-setup-body[b-6qgjbgl3cd] {
        grid-template-columns: 1fr 1fr;
    }

    .atlas-module-grid[b-6qgjbgl3cd],
    .atlas-module-grid--compact[b-6qgjbgl3cd] {
        grid-template-columns: 1fr;
    }

    [b-6qgjbgl3cd] .atlas-module-card--compact.atlas-module-card--wide {
        grid-column: span 1;
        max-width: none;
    }

    [b-6qgjbgl3cd] .atlas-module-card {
        min-height: 44px;
    }

    [b-6qgjbgl3cd] .atlas-module-card--compact {
        padding: 0.85rem 1rem;
    }

        [b-6qgjbgl3cd] .atlas-module-card--compact .atlas-module-name {
            font-size: 0.9rem;
            white-space: normal;
        }
}
/* /Components/Pages/Admin/ManualUserCreation.razor.rz.scp.css */
/* ── Page header ─────────────────────────────────────────────── */
.page-title[b-2ovnl4efsn] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--atlas-color-text);
    margin: 0 0 0.25rem;
}

/* ── Success banner ──────────────────────────────────────────── */
.alert-success-panel[b-2ovnl4efsn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--atlas-color-success-bg);
    border: 1px solid #a3d9b8;
    border-left: 4px solid var(--atlas-color-success);
    border-radius: 10px;
}

.alert-success-icon[b-2ovnl4efsn] {
    font-size: 1.5rem;
    color: var(--atlas-color-success);
    flex-shrink: 0;
}

.alert-success-title[b-2ovnl4efsn] {
    font-weight: 600;
    color: #145c35;
    font-size: 0.9375rem;
}

.alert-success-body[b-2ovnl4efsn] {
    font-size: 0.875rem;
    color: #1e7a47;
    margin-top: 0.1rem;
}

.btn-create-another[b-2ovnl4efsn] {
    margin-left: auto;
    background: var(--atlas-color-success);
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 0.45rem 0.9rem;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.15s;
}

    .btn-create-another:hover[b-2ovnl4efsn] {
        opacity: 0.88;
    }

/* ── Error banner ────────────────────────────────────────────── */
.form-error-banner[b-2ovnl4efsn] {
    display: flex;
    align-items: center;
    padding: 0.625rem 0.875rem;
    background: var(--atlas-color-danger-bg);
    border: 1px solid #f5c2c7;
    border-left: 4px solid var(--atlas-color-danger);
    border-radius: 7px;
    color: #842029;
    font-size: 0.875rem;
}

/* ── Inline validation messages ──────────────────────────────── */
.field-error[b-2ovnl4efsn] {
    display: block;
    font-size: 0.75rem;
    color: var(--atlas-color-danger);
    margin-top: 0.25rem;
}

/* ── Password field with eye toggle ──────────────────────────── */
.pw-wrap[b-2ovnl4efsn] {
    position: relative;
    display: flex;
    align-items: center;
}

    .pw-wrap .atlas-input[b-2ovnl4efsn] {
        padding-right: 2.5rem;
    }

.pw-eye[b-2ovnl4efsn] {
    position: absolute;
    right: 0.4rem;
    background: none;
    border: none;
    color: var(--atlas-color-text-subtle);
    cursor: pointer;
    padding: 0.3rem 0.4rem;
    border-radius: 5px;
    font-size: 0.875rem;
    line-height: 1;
    transition: color 0.15s;
}

    .pw-eye:hover[b-2ovnl4efsn] {
        color: var(--atlas-color-blue);
    }

/* ── Action buttons ──────────────────────────────────────────── */
.form-actions[b-2ovnl4efsn] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding-top: 0.5rem;
    border-top: 1px solid var(--atlas-color-border);
}

.btn-primary-action[b-2ovnl4efsn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 38px;
    padding: 0 1.1rem;
    background: var(--atlas-color-blue);
    color: #fff;
    border: none;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.1s;
}

    .btn-primary-action:hover:not(:disabled)[b-2ovnl4efsn] {
        opacity: 0.88;
        transform: translateY(-1px);
    }

    .btn-primary-action:disabled[b-2ovnl4efsn] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-secondary-action[b-2ovnl4efsn] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 38px;
    padding: 0 1rem;
    background: transparent;
    color: var(--atlas-color-text-muted);
    border: 1px solid var(--atlas-color-border-strong);
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

    .btn-secondary-action:hover:not(:disabled)[b-2ovnl4efsn] {
        background: var(--atlas-color-surface-alt);
        color: var(--atlas-color-text);
    }

    .btn-secondary-action:disabled[b-2ovnl4efsn] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ── Spinner ─────────────────────────────────────────────────── */
.btn-spinner-noop[b-2ovnl4efsn] {
    display: none;
}
/* /Components/Pages/Admin/Partials/AdminUserCard.razor.rz.scp.css */
.admin-user-card-name[b-ssphxvgymm] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--bs-body-color, #111827);
    margin-bottom: 0.75rem;
}

.admin-user-card .admin-card-field-row[b-ssphxvgymm] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.admin-user-card-actions[b-ssphxvgymm] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--bs-border-color-translucent, #f3f4f6);
}

.admin-user-card-actions .atlas-btn.atlas-btn-icon-only[b-ssphxvgymm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    flex-shrink: 0;
}

@media (max-width: 480px) {
    .admin-user-card[b-ssphxvgymm] {
        padding: 1rem 0.85rem;
    }

    .admin-user-card-name[b-ssphxvgymm] {
        font-size: 1rem;
    }

    .admin-user-card .admin-card-field label[b-ssphxvgymm] {
        font-size: 0.6875rem;
    }

    .admin-user-card .admin-card-field span[b-ssphxvgymm] {
        font-size: 0.875rem;
    }

    .admin-user-card-actions[b-ssphxvgymm] {
        gap: 0.5rem;
    }

    .admin-user-card-actions .atlas-btn.atlas-btn-icon-only[b-ssphxvgymm] {
        flex: 1 1 0;
        width: auto;
        height: 2.75rem;
    }
}
/* /Components/Pages/Admin/Partials/StateAssociationDateFilter.razor.rz.scp.css */
/* Restore the native calendar picker click behavior for the Start/End Date fields,
   overriding the global pointer-events:none used to remove the icon from the tab order. */
[b-8yx0iolqp2] input[type="date"]::-webkit-calendar-picker-indicator {
    pointer-events: auto;
    cursor: pointer;
}

[b-8yx0iolqp2] .apply-date-filter-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
}

[b-8yx0iolqp2] .apply-date-filter-btn {
    height: calc(1.5em + 0.75rem + 2px);
    width: auto;
    align-self: flex-start;
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
}
/* /Components/Pages/Admin/Partials/StateAssociationNameFilter.razor.rz.scp.css */
/* Size the State/Association filter groups to their content instead of
   flex-growing to fill the row (default .filter-group behavior). */
.name-filter-group[b-axkd26ytmr] {
    flex: 0 0 auto;
    min-width: 0;
}

    .name-filter-group select[b-axkd26ytmr] {
        width: auto;
        min-width: 0;
    }

/* Below the phone breakpoint the shared .filter-group rules stack every
   group to full width; match that here so the dropdowns still stack. */
@media (max-width: 600px) {
    .name-filter-group[b-axkd26ytmr] {
        flex: 1 1 100%;
        width: 100%;
    }

        .name-filter-group select[b-axkd26ytmr] {
            width: 100%;
        }
}
/* /Components/Pages/Admin/ReviewEvaluation.razor.rz.scp.css */
.game-details-panel .detail-panel-header[b-bx65yf46vm] {
    background-color: #eaf3fb;
    border-bottom: 1px solid #cfe4f5;
}

.game-details-panel .detail-panel-body[b-bx65yf46vm] {
    background-color: #f4faff;
}
/* /Components/Pages/Admin/StateAssociation.razor.rz.scp.css */
.state-association-filters[b-ajd4fwoguj] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.state-association-filter-item[b-ajd4fwoguj] {
    min-width: 220px;
}

/* On wider screens (1024px and up), place the filters side by side. */
@media (min-width: 1024px) {
    .state-association-filters[b-ajd4fwoguj] {
        flex-direction: row;
        align-items: flex-end;
    }

    .state-association-filter-item[b-ajd4fwoguj] {
        flex: 0 0 auto;
    }
}

/* Mobile Card View (mirrors detail-panel pattern used elsewhere) */
[b-ajd4fwoguj] .detail-panel {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 12px;
    margin-bottom: 1rem;
    overflow: hidden;
    transition: all 0.2s ease;
}

[b-ajd4fwoguj] .detail-panel.selectable-row {
    cursor: pointer;
}

[b-ajd4fwoguj] .detail-panel.is-selected {
    border-color: #667eea;
    box-shadow: 0 0 0 1px #667eea;
}

[b-ajd4fwoguj] .detail-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--bs-border-color, #e5e7eb);
    background: color-mix(in srgb, #667eea 6%, transparent);
}

[b-ajd4fwoguj] .detail-panel-body.detail-body-padding {
    padding: 0.85rem 1rem;
}

[b-ajd4fwoguj] .detail-grid-responsive {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem 1rem;
}

[b-ajd4fwoguj] .detail-field {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

[b-ajd4fwoguj] .detail-field label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--bs-secondary-color, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

[b-ajd4fwoguj] .detail-field span {
    font-size: 0.9rem;
    color: var(--bs-body-color, #111827);
}

/* Phone-friendly adjustments */
@media (max-width: 700px) {
    .state-association-filter-item select.form-select[b-ajd4fwoguj] {
        font-size: 1rem;
        min-height: 2.75rem;
        padding: 0.5rem 1.75rem 0.5rem 0.75rem;
    }

    [b-ajd4fwoguj] .detail-grid-responsive {
        grid-template-columns: 1fr;
    }

    [b-ajd4fwoguj] .detail-panel-header {
        padding: 1rem;
    }

    [b-ajd4fwoguj] .detail-panel-body.detail-body-padding {
        padding: 1rem;
    }
}

@media (pointer: coarse) {
    .state-association-filter-item select.form-select[b-ajd4fwoguj] {
        font-size: 16px;
        min-height: 44px;
    }
}
/* /Components/Pages/Admin/StateAssociationReporting.razor.rz.scp.css */
.reporting-breakdown-grid[b-4xa86uaycb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

[b-4xa86uaycb] .state-association-date-filter {
    margin-bottom: 1.75rem;
}

.reporting-highlight-bar[b-4xa86uaycb] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    width: fit-content;
    max-width: 100%;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    padding: 0.6rem 1rem;
    margin-bottom: 1.25rem;
}

.reporting-highlight-item[b-4xa86uaycb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #1e3a8a;
    min-width: 90px;
}

.reporting-highlight-item--clickable[b-4xa86uaycb] {
    cursor: pointer;
    border-radius: 8px;
    padding: 0.15rem 0.5rem;
    transition: background 0.15s, transform 0.1s;
}

    .reporting-highlight-item--clickable:hover[b-4xa86uaycb],
    .reporting-highlight-item--clickable:focus-visible[b-4xa86uaycb] {
        background: rgba(30, 58, 138, 0.08);
        transform: translateY(-1px);
        outline: none;
    }

.reporting-highlight-value[b-4xa86uaycb] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.1;
}

.reporting-highlight-label[b-4xa86uaycb] {
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
    margin-top: 0.15rem;
}

.reporting-highlight-divider[b-4xa86uaycb] {
    width: 1px;
    align-self: stretch;
    background: rgba(30, 58, 138, 0.15);
}

@media (max-width: 576px) {
    .reporting-highlight-bar[b-4xa86uaycb] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .reporting-highlight-divider[b-4xa86uaycb] {
        display: none;
    }
}

.reporting-breakdown-title[b-4xa86uaycb] {
    font-size: .75rem;
    font-weight: 600;
    margin: 0 0 .75rem 0;
    padding: 0 3rem;
}

.reporting-breakdown-grid .atlas-table[b-4xa86uaycb] {
    margin-top: 0;
}

.reporting-breakdown-grid .selectable-row:hover[b-4xa86uaycb],
.reporting-breakdown-grid .selectable-row.selected[b-4xa86uaycb],
.atlas-activity-card .selectable-row:hover[b-4xa86uaycb],
.atlas-activity-card .selectable-row.selected[b-4xa86uaycb] {
    background-color: #eef2ff;
}

.atlas-table.sortable-table tbody tr.selectable-row[b-4xa86uaycb] {
    cursor: default;
    transition: background-color 0.15s ease;
}

.reporting-state-totals-title[b-4xa86uaycb] {
    margin-top: 1.5rem;
}

[b-4xa86uaycb] .stat-card-centered {
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 0.5rem;
}

    [b-4xa86uaycb] .stat-card-centered .stat-card-icon {
        width: 32px;
        height: 32px;
    }

    [b-4xa86uaycb] .stat-card-centered .stat-card-icon i {
        font-size: 16px;
    }

    [b-4xa86uaycb] .stat-card-centered .stat-card-content {
        text-align: center;
    }

    [b-4xa86uaycb] .stat-card-centered .stat-card-value-row {
        justify-content: center;
    }

@media (min-width: 768px) {
    .reporting-breakdown-grid[b-4xa86uaycb] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1400px) {
    .reporting-breakdown-grid[b-4xa86uaycb] {
        grid-template-columns: repeat(4, 1fr);
    }
}

[b-4xa86uaycb] .month-quick-select-group {
    min-width: 220px;
}

[b-4xa86uaycb] .year-quick-select-group {
    min-width: 140px;
}

[b-4xa86uaycb] .month-quick-select {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

[b-4xa86uaycb] .month-quick-select-btn {
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e40af;
    border-radius: 6px;
    padding: 0.3rem 0.6rem;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

    [b-4xa86uaycb] .month-quick-select-btn:hover {
        background: #dbeafe;
        color: #1d4ed8;
    }

[b-4xa86uaycb] .month-quick-select-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-4xa86uaycb] .month-quick-select-btn--active {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

    [b-4xa86uaycb] .month-quick-select-btn--active:hover {
        background: #1e40af;
        color: #ffffff;
    }

.fouls-called-scroll[b-4xa86uaycb] {
    max-height: 320px;
    overflow-y: auto;
}

    .fouls-called-scroll table thead th[b-4xa86uaycb] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.reporting-card-header[b-4xa86uaycb] {
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe;
    color: #1e40af;
    margin: 0;
    padding: 0.25rem .5rem !important;
    border-radius: 10px 10px 0 0;
}

.reporting-card-header-row[b-4xa86uaycb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe;
    border-radius: 10px 10px 0 0;
    padding: 0.25rem .5rem;
}

    .reporting-card-header-row .reporting-breakdown-title[b-4xa86uaycb] {
        padding: 0;
        margin: 0;
    }

.fouls-called-search-inline[b-4xa86uaycb] {
    max-width: 180px;
}

    .fouls-called-search-inline input[b-4xa86uaycb] {
        height: 28px;
        padding: 0.15rem 0.5rem;
        font-size: 0.75rem;
    }

/* Dark mode overrides */
[data-bs-theme="dark"] .reporting-highlight-bar[b-4xa86uaycb] {
    background: #1e293b;
    border-color: #334155;
}

[data-bs-theme="dark"] .reporting-highlight-item[b-4xa86uaycb] {
    color: #e2e8f0;
}

[data-bs-theme="dark"] .reporting-highlight-divider[b-4xa86uaycb] {
    background: rgba(226, 232, 240, 0.15);
}

[data-bs-theme="dark"] .reporting-highlight-item--clickable:hover[b-4xa86uaycb],
[data-bs-theme="dark"] .reporting-highlight-item--clickable:focus-visible[b-4xa86uaycb] {
    background: rgba(226, 232, 240, 0.12);
}

[data-bs-theme="dark"] .reporting-card-header[b-4xa86uaycb],
[data-bs-theme="dark"] .reporting-card-header-row[b-4xa86uaycb] {
    background: #0f172a;
    border-bottom-color: #334155;
    color: #a5b4fc;
}

[data-bs-theme="dark"][b-4xa86uaycb]  .month-quick-select-btn {
    background: #0f172a;
    border-color: #334155;
    color: #a5b4fc;
}

    [data-bs-theme="dark"][b-4xa86uaycb]  .month-quick-select-btn:hover {
        background: #334155;
        color: #c7d2fe;
    }

[data-bs-theme="dark"][b-4xa86uaycb]  .month-quick-select-btn--active {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
}

    [data-bs-theme="dark"][b-4xa86uaycb]  .month-quick-select-btn--active:hover {
        background: #4338ca;
        color: #ffffff;
    }
/* /Components/Pages/Admin/ViewImportedGames.razor.rz.scp.css */
.note-highlight[b-sz0l0x98pn] {
    display: inline-block;
    background-color: #fff3cd;
    color: #664d03;
    border: 1px solid #ffe69c;
    border-radius: 0.375rem;
    padding: 0.4rem 0.75rem;
}
/* /Components/Pages/Admin/VIewImportedUsers.razor.rz.scp.css */
/* Compact stat cards for the imported-users status summary */
[b-bhu9rghkq7] .stat-card-compact {
    padding: 0.75rem 1rem;
    gap: 0.75rem;
    max-width: 260px;
}

[b-bhu9rghkq7] .stat-card-compact .stat-card-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
}

[b-bhu9rghkq7] .stat-card-compact .stat-card-icon i {
    font-size: 18px;
}

[b-bhu9rghkq7] .stat-card-compact .stat-card-label {
    font-size: 0.75rem;
    margin-bottom: 0.125rem;
}

[b-bhu9rghkq7] .stat-card-compact .stat-card-value {
    font-size: 1.375rem;
    line-height: 1.1;
}

[b-bhu9rghkq7] .stat-card-compact .stat-card-subtitle {
    font-size: 0.7rem;
    margin-top: 0.125rem;
}
/* /Components/Pages/Admin/ViewTeamContacts.razor.rz.scp.css */
.team-contacts-toolbar[b-i8g7uxyw33] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.team-contacts-actions[b-i8g7uxyw33] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

@media (max-width: 900px) {
    .team-contacts-toolbar[b-i8g7uxyw33] {
        flex-direction: column;
        align-items: stretch;
    }

    .team-contacts-actions[b-i8g7uxyw33] {
        justify-content: flex-start;
    }

    .team-contacts-actions .atlas-btn[b-i8g7uxyw33] {
        flex: 1 1 calc(50% - 0.5rem);
        min-height: 44px;
        justify-content: center;
    }
}

@media (max-width: 560px) {
    .team-contacts-actions .atlas-btn[b-i8g7uxyw33] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Evaluators/AddEvaluationComment.razor.rz.scp.css */
/* Make the comment form input/select fields size to their content instead
   of stretching to fill the detail-grid column. */
[b-xdt16aoqjh] .field-fit-content {
    width: fit-content;
    min-width: 0;
}

[b-xdt16aoqjh] .field-fit-content input.form-control {
    width: auto;
    min-width: 8rem;
}

[b-xdt16aoqjh] .field-fit-content select.form-select {
    width: auto;
}

/* Comments table scrolls horizontally on narrow screens instead of squishing. */
[b-xdt16aoqjh] .comments-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

/* Action buttons row: keep side-by-side on desktop. */
[b-xdt16aoqjh] .comment-actions {
    align-items: stretch;
}

@media (max-width: 700px) {
    [b-xdt16aoqjh] .field-fit-content {
        width: 100%;
    }

    [b-xdt16aoqjh] .field-fit-content input.form-control,
    [b-xdt16aoqjh] .field-fit-content select.form-select {
        width: 100%;
        min-height: 44px;
        font-size: 1rem;
    }

    /* Comment textarea: full width, comfortable font size for mobile typing. */
    [b-xdt16aoqjh] textarea.form-control {
        font-size: 1rem;
        width: 100%;
    }

    /* Officials Affected checkboxes: one per row with larger touch targets. */
    [b-xdt16aoqjh] .officials-affected-grid {
        grid-template-columns: 1fr;
    }

        [b-xdt16aoqjh] .officials-affected-grid .form-check {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            min-height: 44px;
        }

        [b-xdt16aoqjh] .officials-affected-grid .form-check-input {
            width: 1.25rem;
            height: 1.25rem;
            flex: 0 0 auto;
        }

        [b-xdt16aoqjh] .officials-affected-grid .form-check-label {
            font-size: 1rem;
        }

    /* Action buttons: stack full-width and enlarge touch targets. */
    [b-xdt16aoqjh] .comment-actions {
        flex-direction: column;
    }

        [b-xdt16aoqjh] .comment-actions .atlas-btn {
            width: 100%;
            min-height: 44px;
            font-size: 1rem;
        }
}

/* /Components/Pages/Flyouts/AddNewSpecialistComment.razor.rz.scp.css */
.reporting-drawer-backdrop[b-rgfxoxqnmw] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 1050;
    animation: reporting-drawer-fade-in-b-rgfxoxqnmw 0.15s ease-out;
}

.reporting-drawer[b-rgfxoxqnmw] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50vw;
    max-width: 720px;
    min-width: 420px;
    background: #ffffff;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.18);
    z-index: 1060;
    display: flex;
    flex-direction: column;
    animation: reporting-drawer-slide-in-b-rgfxoxqnmw 0.2s ease-out;
}

@media (max-width: 991.98px) {
    .reporting-drawer[b-rgfxoxqnmw] {
        width: 80vw;
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .reporting-drawer[b-rgfxoxqnmw] {
        width: 100vw;
        max-width: 100vw;
    }
}

.reporting-drawer-header[b-rgfxoxqnmw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe;
}

.reporting-drawer-title[b-rgfxoxqnmw] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e40af;
}

.reporting-drawer-close[b-rgfxoxqnmw] {
    border: none;
    background: transparent;
    color: #1e40af;
    cursor: pointer;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    line-height: 1;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

    .reporting-drawer-close:hover[b-rgfxoxqnmw] {
        background: rgba(30, 64, 175, 0.1);
    }

.reporting-drawer-body[b-rgfxoxqnmw] {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1rem 1.25rem;
}

@media (max-width: 575.98px) {
    .reporting-drawer-header[b-rgfxoxqnmw] {
        padding: 0.75rem 1rem;
    }

    .reporting-drawer-body[b-rgfxoxqnmw] {
        padding: 0.75rem 1rem;
    }
}

@keyframes reporting-drawer-fade-in-b-rgfxoxqnmw {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes reporting-drawer-slide-in-b-rgfxoxqnmw {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

[data-bs-theme="dark"] .reporting-drawer[b-rgfxoxqnmw] {
    background: #0f172a;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .reporting-drawer-header[b-rgfxoxqnmw] {
    background: #0f172a;
}
/* /Components/Pages/Flyouts/ConfirmationFlyout.razor.rz.scp.css */
.confirmation-flyout-body[b-1c2sllf74r] {
    color: var(--atlas-color-text, #212529);
}

.confirmation-flyout-actions[b-1c2sllf74r] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1.5rem;
}
/* /Components/Pages/Flyouts/EvaluationCommentFlyout.razor.rz.scp.css */
/* Make the comment form input/select fields size to their content instead
   of stretching to fill the detail-grid column. */
[b-u0s0f5kdki] .field-fit-content {
    width: fit-content;
    min-width: 0;
}

[b-u0s0f5kdki] .field-fit-content input.form-control {
    width: auto;
    min-width: 8rem;
}

[b-u0s0f5kdki] .field-fit-content select.form-select {
    width: auto;
}

/* Action buttons row: keep side-by-side on desktop. */
[b-u0s0f5kdki] .comment-actions {
    align-items: stretch;
}

@media (max-width: 700px) {
    [b-u0s0f5kdki] .field-fit-content {
        width: 100%;
    }

    [b-u0s0f5kdki] .field-fit-content input.form-control,
    [b-u0s0f5kdki] .field-fit-content select.form-select {
        width: 100%;
        min-height: 44px;
        font-size: 1rem;
    }

    /* Comment textarea: full width, comfortable font size for mobile typing. */
    [b-u0s0f5kdki] textarea.form-control {
        font-size: 1rem;
        width: 100%;
    }

    /* Officials Affected checkboxes: one per row with larger touch targets. */
    [b-u0s0f5kdki] .officials-affected-grid {
        grid-template-columns: 1fr;
    }

        [b-u0s0f5kdki] .officials-affected-grid .form-check {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            min-height: 44px;
        }

        [b-u0s0f5kdki] .officials-affected-grid .form-check-input {
            width: 1.25rem;
            height: 1.25rem;
            flex: 0 0 auto;
        }

        [b-u0s0f5kdki] .officials-affected-grid .form-check-label {
            font-size: 1rem;
        }

    /* Action buttons: stack full-width and enlarge touch targets. */
    [b-u0s0f5kdki] .comment-actions {
        flex-direction: column;
    }

        [b-u0s0f5kdki] .comment-actions .atlas-btn {
            width: 100%;
            min-height: 44px;
            font-size: 1rem;
        }
}
/* /Components/Pages/Flyouts/FoulsDrawerContent.razor.rz.scp.css */
[b-4u3dwjc4ml] .sortable-header {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-4u3dwjc4ml] .sortable-header:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[b-4u3dwjc4ml] .sortable-header .sort-icon {
    margin-left: 0.25rem;
}

[data-bs-theme="dark"][b-4u3dwjc4ml]  .sortable-header:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

[b-4u3dwjc4ml] .foul-details-col {
    width: 2.5rem;
}

[b-4u3dwjc4ml] .foul-details-view-btn {
    background: none;
    border: none;
    padding: 0.25rem;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-4u3dwjc4ml] .foul-details-view-btn:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[data-bs-theme="dark"][b-4u3dwjc4ml]  .foul-details-view-btn:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}
/* /Components/Pages/Flyouts/GradeFoulsFlyout.razor.rz.scp.css */
.alert-soft-red[b-skcph59b4q] {
    background-color: #fdecea;
    border: 1px solid #f5c2c0;
    color: #8a3a36;
}

    .alert-soft-red i[b-skcph59b4q] {
        color: #c0554e;
    }

.reporting-drawer-backdrop[b-skcph59b4q] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 1050;
    animation: reporting-drawer-fade-in-b-skcph59b4q 0.15s ease-out;
}

.reporting-drawer[b-skcph59b4q] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50vw;
    max-width: 720px;
    min-width: 420px;
    background: #ffffff;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.18);
    z-index: 1060;
    display: flex;
    flex-direction: column;
    animation: reporting-drawer-slide-in-b-skcph59b4q 0.2s ease-out;
}

@media (max-width: 991.98px) {
    .reporting-drawer[b-skcph59b4q] {
        width: 80vw;
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .reporting-drawer[b-skcph59b4q] {
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        max-width: 100vw;
        max-height: 92vh;
        border-radius: 16px 16px 0 0;
        animation: reporting-drawer-slide-up-b-skcph59b4q 0.2s ease-out;
    }
}

.reporting-drawer-header[b-skcph59b4q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe;
}

.reporting-drawer-title[b-skcph59b4q] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e40af;
}

.reporting-drawer-close[b-skcph59b4q] {
    border: none;
    background: transparent;
    color: #1e40af;
    cursor: pointer;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    line-height: 1;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

    .reporting-drawer-close:hover[b-skcph59b4q] {
        background: rgba(30, 64, 175, 0.1);
    }

.reporting-drawer-body[b-skcph59b4q] {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1rem 1.25rem;
}

@media (max-width: 575.98px) {
    .reporting-drawer-header[b-skcph59b4q] {
        padding: 0.75rem 1rem;
    }

    .reporting-drawer-body[b-skcph59b4q] {
        padding: 0.75rem 1rem;
    }
}

@keyframes reporting-drawer-fade-in-b-skcph59b4q {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes reporting-drawer-slide-in-b-skcph59b4q {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes reporting-drawer-slide-up-b-skcph59b4q {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Dark mode overrides */
[data-bs-theme="dark"] .reporting-drawer[b-skcph59b4q] {
    background: #0f172a;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .reporting-drawer-header[b-skcph59b4q] {
    background: #0f172a;
    border-bottom-color: #334155;
}

[data-bs-theme="dark"] .reporting-drawer-title[b-skcph59b4q] {
    color: #a5b4fc;
}

[data-bs-theme="dark"] .reporting-drawer-close[b-skcph59b4q] {
    color: #a5b4fc;
}

    [data-bs-theme="dark"] .reporting-drawer-close:hover[b-skcph59b4q] {
        background: rgba(165, 180, 252, 0.15);
    }

[data-bs-theme="dark"] .reporting-drawer-backdrop[b-skcph59b4q] {
    background: rgba(0, 0, 0, 0.55);
}

.reporting-drawer-footer[b-skcph59b4q] {
    flex: 0 0 auto;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

@media (max-width: 575.98px) {
    .reporting-drawer-footer[b-skcph59b4q] {
        padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
    }
}

.grade-toggle[b-skcph59b4q],
.major-impact-toggle[b-skcph59b4q] {
    display: inline-flex;
}

[data-bs-theme="dark"] .reporting-drawer-footer[b-skcph59b4q] {
    background: #0f172a;
    border-top-color: #334155;
}

/* Quick, touch-friendly grading on phones: full-width, stacked toggle
   buttons and taller tap targets so a grade/impact can be picked with a
   single confident tap instead of hitting a tiny segmented control. */
@media (max-width: 575.98px) {
    .grade-toggle[b-skcph59b4q],
    .major-impact-toggle[b-skcph59b4q] {
        display: flex;
        width: 100%;
    }

        .grade-toggle .toggle-btn[b-skcph59b4q],
        .major-impact-toggle .toggle-btn[b-skcph59b4q] {
            flex: 1 1 0;
            min-height: 44px;
            font-size: 0.95rem;
            padding: 0.6rem 0.5rem;
        }

    .reporting-drawer-footer[b-skcph59b4q] {
        position: sticky;
        bottom: 0;
    }

    .grade-foul-actions[b-skcph59b4q] {
        flex-direction: column;
    }

        .grade-foul-actions .atlas-btn[b-skcph59b4q] {
            width: 100%;
            min-height: 48px;
            font-size: 1rem;
        }
}
/* /Components/Pages/Flyouts/OfficialsFoulsDrawerContent.razor.rz.scp.css */
[b-xbwft7dnkv] .sortable-header {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-xbwft7dnkv] .sortable-header:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[b-xbwft7dnkv] .sortable-header .sort-icon {
    margin-left: 0.25rem;
}

[data-bs-theme="dark"][b-xbwft7dnkv]  .sortable-header:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

[b-xbwft7dnkv] .foul-details-col {
    width: 2.5rem;
}

[b-xbwft7dnkv] .foul-details-view-btn {
    background: none;
    border: none;
    padding: 0.25rem;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-xbwft7dnkv] .foul-details-view-btn:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[data-bs-theme="dark"][b-xbwft7dnkv]  .foul-details-view-btn:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}
/* /Components/Pages/Flyouts/ReportingDrawer.razor.rz.scp.css */
.reporting-drawer-backdrop[b-vo5b6fkk7p] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 1050;
    animation: reporting-drawer-fade-in-b-vo5b6fkk7p 0.15s ease-out;
}

.reporting-drawer[b-vo5b6fkk7p] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50vw;
    max-width: 720px;
    min-width: 420px;
    background: #ffffff;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.18);
    z-index: 1060;
    display: flex;
    flex-direction: column;
    animation: reporting-drawer-slide-in-b-vo5b6fkk7p 0.2s ease-out;
}

@media (max-width: 991.98px) {
    .reporting-drawer[b-vo5b6fkk7p] {
        width: 80vw;
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .reporting-drawer[b-vo5b6fkk7p] {
        top: auto;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        max-width: 100vw;
        max-height: 90vh;
        border-radius: 16px 16px 0 0;
        animation: reporting-drawer-slide-up-b-vo5b6fkk7p 0.2s ease-out;
    }
}


.reporting-drawer-header[b-vo5b6fkk7p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe;
}

.reporting-drawer-title[b-vo5b6fkk7p] {
    margin: 0;
    font-size: .875rem;
    font-weight: 600;
    color: #1e40af;
}

.reporting-drawer-close[b-vo5b6fkk7p] {
    border: none;
    background: transparent;
    color: #1e40af;
    cursor: pointer;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    line-height: 1;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

    .reporting-drawer-close:hover[b-vo5b6fkk7p] {
        background: rgba(30, 64, 175, 0.1);
    }

.reporting-drawer-body[b-vo5b6fkk7p] {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1rem 1.25rem;
}

@media (max-width: 575.98px) {
    .reporting-drawer-header[b-vo5b6fkk7p] {
        padding: 0.75rem 1rem;
    }

    .reporting-drawer-body[b-vo5b6fkk7p] {
        padding: 0.75rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));
    }
}


@keyframes reporting-drawer-fade-in-b-vo5b6fkk7p {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes reporting-drawer-slide-in-b-vo5b6fkk7p {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes reporting-drawer-slide-up-b-vo5b6fkk7p {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Dark mode overrides */
[data-bs-theme="dark"] .reporting-drawer[b-vo5b6fkk7p] {
    background: #0f172a;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .reporting-drawer-header[b-vo5b6fkk7p] {
    background: #0f172a;
    border-bottom-color: #334155;
}

[data-bs-theme="dark"] .reporting-drawer-title[b-vo5b6fkk7p] {
    color: #a5b4fc;
}

[data-bs-theme="dark"] .reporting-drawer-close[b-vo5b6fkk7p] {
    color: #a5b4fc;
}

    [data-bs-theme="dark"] .reporting-drawer-close:hover[b-vo5b6fkk7p] {
        background: rgba(165, 180, 252, 0.15);
    }

[data-bs-theme="dark"] .reporting-drawer-backdrop[b-vo5b6fkk7p] {
    background: rgba(0, 0, 0, 0.55);
}
/* /Components/Pages/Flyouts/SpecialistReview.razor.rz.scp.css */
.reporting-drawer-backdrop[b-hvtln29tu9] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 1050;
    animation: reporting-drawer-fade-in-b-hvtln29tu9 0.15s ease-out;
}

.reporting-drawer[b-hvtln29tu9] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50vw;
    max-width: 720px;
    min-width: 420px;
    background: #ffffff;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.18);
    z-index: 1060;
    display: flex;
    flex-direction: column;
    animation: reporting-drawer-slide-in-b-hvtln29tu9 0.2s ease-out;
}

@media (max-width: 991.98px) {
    .reporting-drawer[b-hvtln29tu9] {
        width: 80vw;
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .reporting-drawer[b-hvtln29tu9] {
        width: 100vw;
        max-width: 100vw;
    }
}

.reporting-drawer-header[b-hvtln29tu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 1rem 1.25rem;
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe;
}

.reporting-drawer-title[b-hvtln29tu9] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e40af;
}

.reporting-drawer-close[b-hvtln29tu9] {
    border: none;
    background: transparent;
    color: #1e40af;
    cursor: pointer;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    line-height: 1;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

    .reporting-drawer-close:hover[b-hvtln29tu9] {
        background: rgba(30, 64, 175, 0.1);
    }

.reporting-drawer-body[b-hvtln29tu9] {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1rem 1.25rem;
}

@media (max-width: 575.98px) {
    .reporting-drawer-header[b-hvtln29tu9] {
        padding: 0.75rem 1rem;
    }

    .reporting-drawer-body[b-hvtln29tu9] {
        padding: 0.75rem 1rem;
    }
}

@keyframes reporting-drawer-fade-in-b-hvtln29tu9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes reporting-drawer-slide-in-b-hvtln29tu9 {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

[data-bs-theme="dark"] .reporting-drawer[b-hvtln29tu9] {
    background: #0f172a;
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .reporting-drawer-header[b-hvtln29tu9] {
    background: #0f172a;
}
/* /Components/Pages/Flyouts/TeamsFoulsDrawerContent.razor.rz.scp.css */
[b-rn84g5z78l] .sortable-header {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-rn84g5z78l] .sortable-header:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[b-rn84g5z78l] .sortable-header .sort-icon {
    margin-left: 0.25rem;
}

[data-bs-theme="dark"][b-rn84g5z78l]  .sortable-header:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

[b-rn84g5z78l] .foul-details-col {
    width: 2.5rem;
}

[b-rn84g5z78l] .foul-details-view-btn {
    background: none;
    border: none;
    padding: 0.25rem;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-rn84g5z78l] .foul-details-view-btn:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[data-bs-theme="dark"][b-rn84g5z78l]  .foul-details-view-btn:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}
/* /Components/Pages/Flyouts/UnsUnrDrawerContent.razor.rz.scp.css */
[b-rqwt4em8ht] .sortable-header {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-rqwt4em8ht] .sortable-header:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[b-rqwt4em8ht] .sortable-header .sort-icon {
    margin-left: 0.25rem;
}

[data-bs-theme="dark"][b-rqwt4em8ht]  .sortable-header:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

[b-rqwt4em8ht] .foul-details-col {
    width: 2.5rem;
}

[b-rqwt4em8ht] .foul-details-view-btn {
    background: none;
    border: none;
    padding: 0.25rem;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-rqwt4em8ht] .foul-details-view-btn:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[data-bs-theme="dark"][b-rqwt4em8ht]  .foul-details-view-btn:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}
/* /Components/Pages/General/Home.razor.rz.scp.css */
/* Home Dashboard - Full Width Layout */

/* Loading State */
.loading-container[b-0xx37o0rk5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 1rem;
}

/* Shared Styles for All Role Dashboards */
.greeting-header[b-0xx37o0rk5] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e5e7eb;
}

.greeting-header h2[b-0xx37o0rk5] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.greeting-header p[b-0xx37o0rk5] {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

/* Quick Stats Grid */
.quick-stats[b-0xx37o0rk5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

/* Games Section */
.games-section[b-0xx37o0rk5] {
    margin-bottom: 2rem;
}

.section-title[b-0xx37o0rk5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1.25rem;
}

.section-title i[b-0xx37o0rk5] {
    font-size: 1.5rem;
    color: #667eea;
}

/* Priority Section Styling */
.priority-section .section-title[b-0xx37o0rk5] {
    color: #f59e0b;
}

.priority-section .section-title i[b-0xx37o0rk5] {
    color: #f59e0b;
}

.priority-badge[b-0xx37o0rk5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.75rem;
    background: #f59e0b;
    color: white;
    font-size: 0.875rem;
    font-weight: 700;
    border-radius: 20px;
    margin-left: auto;
}

/* Games Grid */
.games-grid[b-0xx37o0rk5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.25rem;
}

/* Loading Spinner (reused in partials) */
.loading-spinner[b-0xx37o0rk5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: #6b7280;
}

.loading-spinner i[b-0xx37o0rk5] {
    font-size: 3rem;
    color: #667eea;
}

.loading-spinner span[b-0xx37o0rk5] {
    font-size: 1.125rem;
    font-weight: 500;
}

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

.spin[b-0xx37o0rk5] {
    animation: spin-b-0xx37o0rk5 1s linear infinite;
}

/* Empty State */
.empty-state[b-0xx37o0rk5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 3rem 2rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.empty-state i[b-0xx37o0rk5] {
    font-size: 4rem;
    color: #d1d5db;
}

.empty-state p[b-0xx37o0rk5] {
    font-size: 1.125rem;
    color: #6b7280;
    margin: 0;
}

/* Quick Action Buttons */
.btn-quick-action[b-0xx37o0rk5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-quick-action:hover[b-0xx37o0rk5] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-quick-action i[b-0xx37o0rk5] {
    font-size: 1rem;
}

.btn-quick-action.btn-primary[b-0xx37o0rk5] {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

.btn-quick-action.btn-primary:hover[b-0xx37o0rk5] {
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
}

.btn-quick-action.btn-continue[b-0xx37o0rk5] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.btn-quick-action.btn-view[b-0xx37o0rk5] {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
}

.btn-quick-action.btn-view:hover[b-0xx37o0rk5] {
    box-shadow: 0 4px 12px rgba(107, 114, 128, 0.4);
}

/* Default Home */
.default-home[b-0xx37o0rk5] {
    width: 100%;
}

/* Standalone Week Selector (for non-admin roles) */
.week-only-selector[b-0xx37o0rk5] {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.week-controls-standalone[b-0xx37o0rk5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.week-btn[b-0xx37o0rk5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s ease;
}

.week-btn:hover[b-0xx37o0rk5] {
    background: #667eea;
    border-color: #667eea;
    color: white;
}

.week-btn i[b-0xx37o0rk5] {
    font-size: 0.875rem;
}

.week-display-standalone[b-0xx37o0rk5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1rem;
}

.week-display-standalone i[b-0xx37o0rk5] {
    font-size: 1rem;
    color: #667eea;
}

.week-dates[b-0xx37o0rk5] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .greeting-header h2[b-0xx37o0rk5] {
        font-size: 1.5rem;
    }

    .quick-stats[b-0xx37o0rk5] {
        grid-template-columns: 1fr;
    }

    .games-grid[b-0xx37o0rk5] {
        grid-template-columns: 1fr;
    }

    .section-title[b-0xx37o0rk5] {
        font-size: 1.125rem;
    }

    .section-title i[b-0xx37o0rk5] {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .greeting-header h2[b-0xx37o0rk5] {
        font-size: 1.25rem;
    }

    .priority-badge[b-0xx37o0rk5] {
        position: static;
        margin-left: 0.5rem;
    }
}
/* /Components/Pages/General/Partials/AdminHome.razor.rz.scp.css */
.admin-home[b-drtqkcjh8i] {
    width: 100%;
}

.no-records-message[b-drtqkcjh8i] {
    padding: 1.5rem;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.dashboard-context-bar[b-drtqkcjh8i] {
    display: flex;
}

.association-select[b-drtqkcjh8i] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--bs-body-color, #1f2937);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 8px;
    padding: 0.4rem 1.75rem 0.4rem 0.6rem;
    background-color: var(--bs-body-bg, #fff);
    width: auto;
    max-width: 100%;
}

.dashboard-week-row[b-drtqkcjh8i] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-left: auto;
}

.dashboard-date-field[b-drtqkcjh8i] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

    .dashboard-date-field input[type="date"][b-drtqkcjh8i] {
        font-size: 0.85rem;
        padding: 0.35rem 0.5rem;
        border: 1px solid var(--bs-border-color, #e5e7eb);
        border-radius: 8px;
    }

/* Stack association + dates on phone, and make everything touch friendly */
@media (max-width: 700px) {
    .dashboard-context-bar[b-drtqkcjh8i] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-context-item--association[b-drtqkcjh8i] {
        width: 100%;
    }

    .association-select[b-drtqkcjh8i] {
        max-width: 100%;
        width: 100%;
        font-size: 1rem;
        min-height: 2.75rem;
        padding: 0.5rem 1.75rem 0.5rem 0.75rem;
    }

    .dashboard-week-row[b-drtqkcjh8i] {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
    }

    .dashboard-date-field[b-drtqkcjh8i] {
        flex: 1;
    }

        .dashboard-date-field input[type="date"][b-drtqkcjh8i] {
            width: 100%;
            font-size: 1rem;
            min-height: 2.75rem;
            padding: 0.5rem 0.6rem;
        }

    /* Status overview panels - larger, more readable text */
    .status-panel-header[b-drtqkcjh8i] {
        font-size: 0.9375rem;
        padding: 0.75rem 1rem;
    }

    .status-panel-icon[b-drtqkcjh8i] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }

    .status-panel-body[b-drtqkcjh8i] {
        padding: 0.85rem 1rem;
        gap: 0.6rem;
    }

    .status-line-label[b-drtqkcjh8i] {
        font-size: 0.9rem;
    }

    .status-line-value[b-drtqkcjh8i] {
        font-size: 1.0625rem;
    }

    /* Section header / games title */
    .games-section-title[b-drtqkcjh8i] {
        font-size: 0.9375rem;
    }

    .games-section-title i[b-drtqkcjh8i] {
        font-size: 1.15rem;
    }

    .section-header .atlas-btn[b-drtqkcjh8i] {
        width: 100%;
        justify-content: center;
        min-height: 2.75rem;
        font-size: 0.9375rem;
    }
}

@media (pointer: coarse) {
    .association-select[b-drtqkcjh8i] {
        font-size: 16px;
        min-height: 44px;
    }

    .dashboard-date-field input[type="date"][b-drtqkcjh8i] {
        font-size: 16px;
        min-height: 44px;
    }

    .week-nav-group .week-nav-link[b-drtqkcjh8i] {
        min-width: 44px;
        min-height: 44px;
    }
}

/* Status Overview - four columns on large screens, 2x2 on tablet, stacked on phone */
.status-overview-grid[b-drtqkcjh8i] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .status-overview-grid[b-drtqkcjh8i] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.status-panel[b-drtqkcjh8i] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.status-panel-header[b-drtqkcjh8i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.85rem;
    border-bottom: 1px solid var(--bs-border-color, #e5e7eb);
    background: color-mix(in srgb, var(--panel-color) 8%, transparent);
    color: color-mix(in srgb, var(--panel-color) 70%, var(--bs-body-color, #1f2937));
    font-weight: 600;
    font-size: 0.8rem;
}

.status-panel-icon[b-drtqkcjh8i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--panel-color) 15%, transparent);
    color: var(--panel-color);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.status-panel-body[b-drtqkcjh8i] {
    padding: 0.6rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.status-panel-body--single[b-drtqkcjh8i] {
    align-items: center;
    justify-content: center;
    padding: 1rem 0.85rem;
}

.status-panel-single-value[b-drtqkcjh8i] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--bs-body-color, #1f2937);
}

.status-line[b-drtqkcjh8i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.status-line-label[b-drtqkcjh8i] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6b7280);
}

.status-line-value[b-drtqkcjh8i] {
    font-size: 0.9rem;
    font-weight: 700;
}

.status-line-value.text-success[b-drtqkcjh8i] {
    color: #198754;
}

.status-line-value.text-warning[b-drtqkcjh8i] {
    color: #f59e0b;
}

.status-line-value.text-danger[b-drtqkcjh8i] {
    color: #dc3545;
}

.status-line-value.text-primary[b-drtqkcjh8i] {
    color: #0d6efd;
}

@media (max-width: 700px) {
    .status-overview-grid[b-drtqkcjh8i] {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    /* Bigger, easier-to-read text and touch-friendly spacing for the
       stacked status panels on phones. */
    .status-panel-header[b-drtqkcjh8i] {
        padding: 0.75rem 1rem;
        font-size: 0.95rem;
    }

    .status-panel-icon[b-drtqkcjh8i] {
        width: 30px;
        height: 30px;
        font-size: 1rem;
    }

    .status-panel-body[b-drtqkcjh8i] {
        padding: 0.75rem 1rem;
        gap: 0.6rem;
    }

    .status-panel-body--single[b-drtqkcjh8i] {
        padding: 1.25rem 1rem;
    }

    .status-panel-single-value[b-drtqkcjh8i] {
        font-size: 1.5rem;
    }

    .status-line[b-drtqkcjh8i] {
        min-height: 32px;
    }

    .status-line-label[b-drtqkcjh8i] {
        font-size: 0.9rem;
    }

    .status-line-value[b-drtqkcjh8i] {
        font-size: 1.1rem;
    }
}


/* Section Titles */
.section-header[b-drtqkcjh8i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.games-section-title[b-drtqkcjh8i] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.85;
}

.games-section-title i[b-drtqkcjh8i] {
    font-size: 1rem;
}

.game-count-pill[b-drtqkcjh8i] {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.35em 0.65em;
    border-radius: 999px;
}

/* Games Section */
.games-section[b-drtqkcjh8i] {
    margin-top: .5rem;
}

/* Loading Spinner */
.loading-spinner[b-drtqkcjh8i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: #6b7280;
}

.loading-spinner i[b-drtqkcjh8i] {
    font-size: 3rem;
    color: #667eea;
}

.loading-spinner span[b-drtqkcjh8i] {
    font-size: 1.125rem;
    font-weight: 500;
}

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

.spin[b-drtqkcjh8i] {
    animation: spin-b-drtqkcjh8i 1s linear infinite;
}



/* Quick Action Buttons in Card View */
.btn-quick-action[b-drtqkcjh8i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-quick-action:hover[b-drtqkcjh8i] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-quick-action i[b-drtqkcjh8i] {
    font-size: 1rem;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .section-header[b-drtqkcjh8i] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .btn-specialist-link[b-drtqkcjh8i] {
        width: 100%;
        justify-content: center;
    }

    .btn-quick-action[b-drtqkcjh8i] {
        width: 100%;
        justify-content: center;
        font-size: 1rem;
        padding: 0.7rem 1rem;
    }
}

/* Touch-friendly tap targets (iPhone / touch devices) */
@media (pointer: coarse) {
    .admin-home .atlas-btn-sm[b-drtqkcjh8i] {
        min-width: 44px;
        min-height: 44px;
        padding: 0.5rem 0.75rem;
    }

    .admin-home .week-nav-link[b-drtqkcjh8i] {
        width: 2.25rem;
        height: 2.25rem;
    }

    .admin-home .atlas-status--clickable[b-drtqkcjh8i] {
        padding: 0.4rem 0.85rem;
        min-height: 32px;
        display: inline-flex;
        align-items: center;
    }

    .admin-home .btn-quick-action[b-drtqkcjh8i] {
        min-height: 44px;
        padding: 0.65rem 1rem;
    }

    .admin-home .selectable-row[b-drtqkcjh8i] {
        -webkit-tap-highlight-color: transparent;
    }

    .admin-home .selectable-row:active[b-drtqkcjh8i] {
        background: rgba(102, 126, 234, 0.10);
    }
}
/* /Components/Pages/General/Partials/EvaluatorHome.razor.rz.scp.css */
.evaluator-home[b-dn3v81isqh] {
    width: 100%;
}

.dashboard-context-item--season #seasonSelect[b-dn3v81isqh],
#seasonSelect[b-dn3v81isqh] {
    width: auto;
    display: inline-block;
}

/* Season Selector Section */
.season-selector-section[b-dn3v81isqh] {
    margin-bottom: 2rem;
}

.season-selector-container[b-dn3v81isqh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.season-label[b-dn3v81isqh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.9375rem;
    color: #374151;
    margin-bottom: 0;
    white-space: nowrap;
}

.season-label i[b-dn3v81isqh] {
    font-size: 1.125rem;
    color: #667eea;
}

/* Season Stats Section */
.season-stats-section[b-dn3v81isqh] {
    margin-bottom: 1.5rem;
}

.stats-title[b-dn3v81isqh] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--bs-secondary-color, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.stats-grid[b-dn3v81isqh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}

.stat-card[b-dn3v81isqh] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.3s ease;
}

.stat-card:hover[b-dn3v81isqh] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.stat-icon[b-dn3v81isqh] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.stat-assigned .stat-icon[b-dn3v81isqh] {
    background: color-mix(in srgb, #2563eb 18%, transparent);
    color: #2563eb;
}

.stat-not-started .stat-icon[b-dn3v81isqh] {
    background: color-mix(in srgb, #dc2626 18%, transparent);
    color: #dc2626;
}

.stat-in-progress .stat-icon[b-dn3v81isqh] {
    background: color-mix(in srgb, #d97706 18%, transparent);
    color: #d97706;
}

.stat-completed .stat-icon[b-dn3v81isqh] {
    background: color-mix(in srgb, #059669 18%, transparent);
    color: #059669;
}

.stat-content[b-dn3v81isqh] {
    flex: 1;
}

.stat-value[b-dn3v81isqh] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--bs-body-color, #111827);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.stat-label[b-dn3v81isqh] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--bs-secondary-color, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}



.btn-specialist-link[b-dn3v81isqh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: transparent;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-specialist-link:hover[b-dn3v81isqh] {
    background: #f9fafb;
    border-color: #9ca3af;
    color: #374151;
}

.btn-specialist-link i[b-dn3v81isqh] {
    font-size: 1rem;
    color: #7c3aed;
}

/* Evaluations Section */
.evaluations-section[b-dn3v81isqh] {
    margin-bottom: 2.5rem;
}

/* Override the global hardcoded section-title color so it remains readable in dark mode. */
.section-title[b-dn3v81isqh] {
    color: var(--bs-body-color, #1f2937);
}

/* Mobile Card View */
.evaluation-card[b-dn3v81isqh] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e5e7eb);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease;
    cursor: pointer;
}

.evaluation-card:hover[b-dn3v81isqh] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.evaluation-card .card-header[b-dn3v81isqh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color, #e5e7eb);
}

.evaluation-card .game-date[b-dn3v81isqh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--bs-secondary-color, #6b7280);
}

.evaluation-card .game-date i[b-dn3v81isqh] {
    color: #667eea;
}

.evaluation-card .game-name[b-dn3v81isqh] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--bs-body-color, #111827);
    margin-top: 0.5rem;
}

.evaluation-card .card-body[b-dn3v81isqh] {
    margin-bottom: 1rem;
}

.evaluation-card .card-detail[b-dn3v81isqh] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    color: var(--bs-body-color, #111827);
}

.evaluation-card .detail-label[b-dn3v81isqh] {
    font-weight: 600;
    color: var(--bs-secondary-color, #6b7280);
}

.evaluation-card .status-row[b-dn3v81isqh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.evaluation-card .status-item[b-dn3v81isqh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

/* Phone-friendly touch targets on mobile cards */
@media (max-width: 768px) {
    .evaluation-card[b-dn3v81isqh] {
        padding: 1rem;
    }

    .evaluation-card .game-name[b-dn3v81isqh] {
        font-size: 1.0625rem;
    }

    .evaluation-card .status-item .status-badge[b-dn3v81isqh],
    .evaluation-card .status-item span[class*="badge"][b-dn3v81isqh] {
        min-height: 36px;
        display: inline-flex;
        align-items: center;
    }
}

@media (pointer: coarse) {
    .evaluation-card .status-row[b-dn3v81isqh] {
        gap: 1rem;
    }
}

/* Loading Spinner */
.loading-spinner[b-dn3v81isqh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: #6b7280;
}

.loading-spinner i[b-dn3v81isqh] {
    font-size: 3rem;
    color: #667eea;
}

.loading-spinner span[b-dn3v81isqh] {
    font-size: 1.125rem;
    font-weight: 500;
}

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

.spin[b-dn3v81isqh] {
    animation: spin-b-dn3v81isqh 1s linear infinite;
}

/* Responsive Adjustments */
/* Desktop - 4 columns */
@media (min-width: 1201px) {
    .stats-grid[b-dn3v81isqh] {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Tablet - 2 columns */
@media (min-width: 769px) and (max-width: 1200px) {
    .stats-grid[b-dn3v81isqh] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .stat-card[b-dn3v81isqh] {
        padding: 1.25rem 1rem;
        gap: 1rem;
    }

    .stat-icon[b-dn3v81isqh] {
        width: 44px;
        height: 44px;
        font-size: 1.375rem;
    }

    .stat-value[b-dn3v81isqh] {
        font-size: 1.5rem;
    }

    .stat-label[b-dn3v81isqh] {
        font-size: 0.75rem;
    }
}

/* Mobile - stack vertically */
@media (max-width: 768px) {
    .season-selector-container[b-dn3v81isqh] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .season-label[b-dn3v81isqh] {
        font-size: 0.875rem;
    }

    .season-dropdown[b-dn3v81isqh] {
        width: 100%;
        max-width: none;
    }

    .stats-grid[b-dn3v81isqh] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .section-title[b-dn3v81isqh] {
        font-size: 1.125rem;
    }

    .section-title i[b-dn3v81isqh] {
        font-size: 1.25rem;
    }

    .stat-card[b-dn3v81isqh] {
        padding: 1.25rem;
    }

    .stat-value[b-dn3v81isqh] {
        font-size: 1.5rem;
    }

    .section-header[b-dn3v81isqh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .btn-specialist-link[b-dn3v81isqh] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/General/Partials/HeadCoachHome.razor.rz.scp.css */
.head-coach-home[b-s8l32v8fv6] {
    width: 100%;
}

.head-coach-team-header[b-s8l32v8fv6] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.head-coach-team-name[b-s8l32v8fv6] {
    margin: 0;
    font-weight: 700;
    font-size: 1.1rem;
}

.head-coach-association-name[b-s8l32v8fv6] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.9rem;
}
/* /Components/Pages/General/Partials/OfficialHome.razor.rz.scp.css */
.official-home[b-zhc5bdkfsr] {
    width: 100%;
}

/* Section tabs (My Games in Date Range / My Season Games) - shown at all
   breakpoints so only the active section renders at a time. */
.home-section-hidden[b-zhc5bdkfsr] {
    display: none !important;
}

@media (max-width: 767.98px) {
    /* Import Game Fouls is a secondary action - hide it on phones to reduce
       clutter; it remains available on tablet/desktop. */
    [b-zhc5bdkfsr] .pill-import-fouls {
        display: none !important;
    }

    .games-section[b-zhc5bdkfsr],
    .all-games-section[b-zhc5bdkfsr] {
        border: 1px solid var(--bs-border-color, #e5e7eb);
        border-radius: 10px;
        padding: 0.85rem;
        background: var(--bs-body-bg, #fff);
    }
}


/* Soft blue "Import Game Fouls" shortcut pill on game cards */
.pill-import-fouls[b-zhc5bdkfsr] {
    background-color: #e7f1ff;
    color: #3577d4;
    border: 1px solid #cfe1fb;
}

.pill-import-fouls:hover[b-zhc5bdkfsr] {
    background-color: #d8e8ff;
}

[data-bs-theme="dark"] .pill-import-fouls[b-zhc5bdkfsr] {
    background-color: rgba(129, 140, 248, 0.18);
    color: #a5b4fc;
    border: 1px solid rgba(165, 180, 252, 0.4);
}

[data-bs-theme="dark"] .pill-import-fouls:hover[b-zhc5bdkfsr] {
    background-color: rgba(129, 140, 248, 0.28);
}

/* Context bar - association & week controls (matches AdminHome) */
.dashboard-context-bar[b-zhc5bdkfsr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.dashboard-context-item[b-zhc5bdkfsr] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.dashboard-context-item--association[b-zhc5bdkfsr] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.dashboard-context-item--association .form-select[b-zhc5bdkfsr] {
    font-size: 0.9rem;
    font-weight: 600;
    min-width: 200px;
    max-width: 100%;
}

.dashboard-week-row[b-zhc5bdkfsr] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-left: auto;
}

.dashboard-date-field[b-zhc5bdkfsr] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

    .dashboard-date-field input[type="date"][b-zhc5bdkfsr] {
        font-size: 0.85rem;
        padding: 0.35rem 0.5rem;
        border: 1px solid var(--bs-border-color, #e5e7eb);
        border-radius: 8px;
    }

@media (max-width: 700px) {
    .dashboard-context-bar[b-zhc5bdkfsr] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-context-item--association[b-zhc5bdkfsr] {
        width: 100%;
    }

    .dashboard-context-item--association .form-select[b-zhc5bdkfsr] {
        max-width: 100%;
        width: 100%;
        min-width: 0;
    }

    .dashboard-week-row[b-zhc5bdkfsr] {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
    }

    .dashboard-date-field[b-zhc5bdkfsr] {
        flex: 1;
    }

        .dashboard-date-field input[type="date"][b-zhc5bdkfsr] {
            width: 100%;
        }
}

/* Section Header with Action Button */
.section-header[b-zhc5bdkfsr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

/* Section Titles (compact, matches AdminHome) */
.games-section-title[b-zhc5bdkfsr] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    opacity: 0.85;
    margin-bottom: .5rem;
}

.games-section-title i[b-zhc5bdkfsr] {
    font-size: 1rem;
}

/* Games Section - My Games */
.games-section[b-zhc5bdkfsr] {
    margin-top: 0.5rem;
    margin-bottom: .5rem;
}

.games-grid[b-zhc5bdkfsr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

/* Cap the row to a maximum of three columns on large screens so cards
   don't stretch too wide while still allowing more items per row than
   the previous 320px minimum permitted. */
@media (min-width: 1200px) {
    .games-grid[b-zhc5bdkfsr] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Loading Spinner */
.loading-spinner[b-zhc5bdkfsr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: #6b7280;
}

.loading-spinner i[b-zhc5bdkfsr] {
    font-size: 3rem;
    color: #667eea;
}

.loading-spinner span[b-zhc5bdkfsr] {
    font-size: 1.125rem;
    font-weight: 500;
}

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

.spin[b-zhc5bdkfsr] {
    animation: spin-b-zhc5bdkfsr 1s linear infinite;
}

/* Quick Action Buttons */
.btn-quick-action[b-zhc5bdkfsr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-quick-action:hover[b-zhc5bdkfsr] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-quick-action.btn-view[b-zhc5bdkfsr] {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
}

.btn-quick-action.btn-view:hover[b-zhc5bdkfsr] {
    box-shadow: 0 4px 12px rgba(107, 114, 128, 0.4);
}

.btn-quick-action i[b-zhc5bdkfsr] {
    font-size: 1rem;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    .section-header[b-zhc5bdkfsr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .section-header .atlas-btn[b-zhc5bdkfsr] {
        width: 100%;
        justify-content: center;
    }

    .games-grid[b-zhc5bdkfsr] {
        grid-template-columns: 1fr;
    }
}

/* Tablet & touch-friendly adjustments (tablets and phones alike) */
@media (max-width: 1024px) {
    .games-grid[b-zhc5bdkfsr] {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1rem;
    }

    .dashboard-context-bar[b-zhc5bdkfsr] {
        gap: 1rem;
    }
}

/* Ensure interactive controls meet a comfortable touch target size
   (~44px) on tablets and phones, per iOS/Android accessibility guidance. */
@media (max-width: 1024px), (pointer: coarse) {
    .dashboard-context-item--association .form-select[b-zhc5bdkfsr],
    .dashboard-date-field input[type="date"][b-zhc5bdkfsr] {
        min-height: 44px;
        font-size: 1rem;
    }

    .week-nav-link[b-zhc5bdkfsr] {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .atlas-btn[b-zhc5bdkfsr],
    .btn-quick-action[b-zhc5bdkfsr] {
        min-height: 44px;
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }

    .status-badge[b-zhc5bdkfsr],
    .atlas-status--clickable[b-zhc5bdkfsr] {
        min-height: 40px;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    /* Give table rows/cells more breathing room for tap targets before
       they collapse into cards at 932px. */
    .atlas-table td[b-zhc5bdkfsr],
    .atlas-table th[b-zhc5bdkfsr] {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }
}

@media (max-width: 480px) {
    .games-section-title[b-zhc5bdkfsr],
    .all-games-section .games-section-title[b-zhc5bdkfsr] {
        font-size: 0.85rem;
    }

    .empty-state i[b-zhc5bdkfsr] {
        font-size: 3rem;
    }
}
/* /Components/Pages/Miscellaneous/WACAnalysis.razor.rz.scp.css */
/*.wac-analysis {
    --wac-up: var(--atlas-color-danger, #dc3545);
    --wac-up-bg: var(--atlas-color-danger-bg, #fde2e4);
    --wac-down: var(--atlas-color-success, #198754);
    --wac-down-bg: var(--atlas-color-success-bg, #d1f2e1);
    --wac-blue: var(--atlas-color-blue, #1f4e79);
    --wac-surface: var(--atlas-color-surface, #fff);
    --wac-surface-alt: var(--atlas-color-surface-alt, #f8f9fb);
    --wac-border: var(--atlas-color-border, #e6e9ef);
    --wac-text: var(--atlas-color-text, #1f2937);
    --wac-muted: var(--atlas-color-text-muted, #6b7280);
    display: grid;
    min-width: 0;
    padding-bottom: var(--atlas-space-10, 2.5rem);
    color: var(--wac-text);
}

.wac-daily,
.wac-explore {
    display: grid;
    gap: var(--atlas-space-4, 1rem);
    min-width: 0;
}

.wac-daily {
    padding: var(--atlas-space-5, .25rem);
    border: 1px solid color-mix(in srgb, var(--wac-blue) 28%, var(--wac-border));
    border-top: 4px solid var(--wac-blue);
    border-radius: var(--atlas-radius-lg, 12px);
    background: var(--wac-surface);
    box-shadow: var(--atlas-shadow-sm, 0 2px 6px rgba(15, 23, 42, .07));
}

.wac-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--atlas-space-5, 1.25rem);
}

    .wac-section-heading h2 {
        margin: .15rem 0 .25rem;
        color: var(--wac-text);
        font-size: var(--atlas-text-xl, 1.25rem);
        font-weight: var(--atlas-fw-bold, 700);
        letter-spacing: var(--atlas-ls-tight, -.02em);
    }

    .wac-section-heading p {
        max-width: 820px;
        margin: 0;
        color: var(--wac-muted);
        font-size: var(--atlas-text-sm, .75rem);
    }

.wac-section-kicker {
    color: var(--wac-muted);
    font-size: var(--atlas-text-xs, .6875rem);
    font-weight: var(--atlas-fw-bold, 700);
    letter-spacing: var(--atlas-ls-wider, .08em);
    text-transform: uppercase;
}

.wac-section-heading--explore {
    padding-bottom: var(--atlas-space-2, .5rem);
    border-bottom: 1px solid var(--wac-border);
}

.wac-heading-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    gap: var(--atlas-space-2, .5rem);
}

.wac-asof-field {
    min-width: 145px;
    margin: 0;
}

.wac-daily-filterbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    min-width: 0;
    overflow: hidden;
}

.wac-product-filter-trigger {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--atlas-space-3, .75rem);
    min-width: 0;
    padding: var(--atlas-space-3, .75rem) var(--atlas-space-4, 1rem);
    border: 0;
    background: var(--wac-surface);
    color: var(--wac-text);
    text-align: left;
    cursor: pointer;
}

    .wac-product-filter-trigger:hover {
        background: color-mix(in srgb, var(--wac-blue) 4%, var(--wac-surface));
    }

    .wac-product-filter-trigger:focus-visible {
        outline: 2px solid var(--wac-blue);
        outline-offset: -2px;
    }

.wac-product-filter-trigger__icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: var(--atlas-radius-md, 8px);
    background: color-mix(in srgb, var(--wac-blue) 10%, var(--wac-surface));
    color: var(--wac-blue);
    font-size: 1rem;
}

.wac-product-filter-trigger__content,
.wac-product-filter-trigger__content small,
.wac-product-filter-trigger__content strong,
.wac-product-filter-trigger__content span {
    display: block;
    min-width: 0;
}

    .wac-product-filter-trigger__content small {
        margin-bottom: .15rem;
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
        font-weight: var(--atlas-fw-bold, 700);
        letter-spacing: var(--atlas-ls-wide, .04em);
        text-transform: uppercase;
    }

    .wac-product-filter-trigger__content strong {
        overflow: hidden;
        color: var(--wac-blue);
        font-size: var(--atlas-text-base, .875rem);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wac-product-filter-trigger__content span {
        margin-top: .1rem;
        overflow: hidden;
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.wac-filter-count {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 .4rem;
    border-radius: var(--atlas-radius-pill, 999px);
    background: var(--wac-blue);
    color: #fff;
    font-size: var(--atlas-text-xs, .6875rem);
    font-weight: var(--atlas-fw-bold, 700);
}

.wac-product-filter-trigger__arrow {
    color: var(--wac-muted);
}

.wac-daily-filterbar__status {
    display: flex;
    align-items: center;
    gap: var(--atlas-space-2, .5rem);
    padding: var(--atlas-space-3, .75rem) var(--atlas-space-4, 1rem);
    border-left: 1px solid var(--wac-border);
    color: var(--wac-muted);
    font-size: var(--atlas-text-xs, .6875rem);
    white-space: nowrap;
}

    .wac-daily-filterbar__status strong {
        color: var(--wac-text);
    }

.wac-filter-modal-backdrop {
    z-index: var(--atlas-z-modal, 1060);
}

.wac-filter-modal {
    display: flex;
    flex-direction: column;
    width: min(1040px, calc(100vw - 2rem));
    max-width: 1040px;
    max-height: min(820px, calc(100vh - 2rem));
    overflow: hidden;
}

    .wac-filter-modal .td-modal-header {
        align-items: flex-start;
    }

        .wac-filter-modal .td-modal-header h2 {
            margin: .1rem 0 .15rem;
            color: inherit;
            font-size: var(--atlas-text-lg, 1.125rem);
        }

        .wac-filter-modal .td-modal-header p {
            margin: 0;
            color: rgba(255, 255, 255, .78);
            font-size: var(--atlas-text-xs, .6875rem);
        }

.wac-modal-kicker {
    display: block;
    color: rgba(255, 255, 255, .72);
    font-size: .625rem;
    font-weight: var(--atlas-fw-bold, 700);
    letter-spacing: var(--atlas-ls-wider, .08em);
    text-transform: uppercase;
}

.wac-filter-modal__body {
    display: grid;
    gap: var(--atlas-space-3, .75rem);
    min-height: 0;
    padding: var(--atlas-space-4, 1rem);
    overflow-y: auto;
}

.wac-modal-search {
    position: relative;
    display: flex;
    align-items: center;
}

    .wac-modal-search > i {
        position: absolute;
        left: .75rem;
        z-index: 1;
        color: var(--wac-muted);
    }

    .wac-modal-search .atlas-input {
        width: 100%;
        min-height: 42px;
        padding-left: 2.25rem;
        padding-right: 2.25rem;
    }

    .wac-modal-search button {
        position: absolute;
        right: .65rem;
        border: 0;
        background: transparent;
        color: var(--wac-muted);
    }

.wac-product-line-filter {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--atlas-space-2, .5rem);
}

.wac-product-line-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--atlas-space-2, .5rem);
    padding: .6rem .75rem;
    border: 1px solid var(--wac-border);
    border-radius: var(--atlas-radius-md, 8px);
    background: var(--wac-surface);
    color: var(--wac-text);
    font-size: var(--atlas-text-sm, .75rem);
    font-weight: var(--atlas-fw-semibold, 600);
}

    .wac-product-line-option span {
        padding: .1rem .4rem;
        border-radius: var(--atlas-radius-pill, 999px);
        background: var(--wac-surface-alt);
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
    }

    .wac-product-line-option:hover,
    .wac-product-line-option.is-active {
        border-color: var(--wac-blue);
        background: color-mix(in srgb, var(--wac-blue) 7%, var(--wac-surface));
        color: var(--wac-blue);
    }

        .wac-product-line-option.is-active span {
            background: var(--wac-blue);
            color: #fff;
        }

.wac-modal-filter-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--atlas-space-3, .75rem);
    padding: var(--atlas-space-3, .75rem);
    border: 1px solid var(--wac-border);
    border-radius: var(--atlas-radius-md, 8px);
    background: var(--wac-surface-alt);
}

    .wac-modal-filter-grid .filter-group {
        margin: 0;
    }

.wac-product-picker-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--atlas-space-3, .75rem);
    padding-top: var(--atlas-space-1, .25rem);
}

    .wac-product-picker-heading strong,
    .wac-product-picker-heading span {
        display: block;
    }

    .wac-product-picker-heading strong {
        color: var(--wac-text);
        font-size: var(--atlas-text-sm, .75rem);
    }

    .wac-product-picker-heading span {
        margin-top: .1rem;
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
    }

.wac-product-picker-results {
    min-height: 160px;
    max-height: 360px;
    overflow-y: auto;
    border: 1px solid var(--wac-border);
    border-radius: var(--atlas-radius-md, 8px);
    background: var(--wac-surface);
}

.wac-product-picker-row {
    display: grid;
    grid-template-columns: auto minmax(210px, 1.5fr) auto minmax(180px, 1fr) auto;
    align-items: center;
    gap: var(--atlas-space-3, .75rem);
    width: 100%;
    min-width: 0;
    padding: .65rem .75rem;
    border: 0;
    border-bottom: 1px solid var(--wac-border);
    background: var(--wac-surface);
    color: var(--wac-text);
    text-align: left;
}

    .wac-product-picker-row:last-child {
        border-bottom: 0;
    }

    .wac-product-picker-row:hover {
        background: var(--wac-surface-alt);
    }

    .wac-product-picker-row.is-selected {
        background: color-mix(in srgb, var(--wac-blue) 7%, var(--wac-surface));
    }

.wac-product-picker-check {
    display: grid;
    place-items: center;
    width: 21px;
    height: 21px;
    border: 1px solid var(--wac-border);
    border-radius: 5px;
    background: var(--wac-surface);
    color: #fff;
}

.wac-product-picker-row.is-selected .wac-product-picker-check {
    border-color: var(--wac-blue);
    background: var(--wac-blue);
}

.wac-product-picker-name,
.wac-product-picker-name strong,
.wac-product-picker-name small,
.wac-product-picker-meta,
.wac-product-picker-meta small {
    display: block;
    min-width: 0;
}

    .wac-product-picker-name strong {
        color: var(--wac-blue);
        font-size: var(--atlas-text-sm, .75rem);
    }

    .wac-product-picker-name small,
    .wac-product-picker-meta,
    .wac-product-picker-meta small,
    .wac-product-picker-count {
        overflow: hidden;
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.wac-product-line-badge {
    padding: .2rem .5rem;
    border-radius: var(--atlas-radius-pill, 999px);
    font-size: var(--atlas-text-xs, .6875rem);
    font-weight: var(--atlas-fw-bold, 700);
}

.wac-product-line-badge--lube {
    background: color-mix(in srgb, var(--wac-blue) 11%, var(--wac-surface));
    color: var(--wac-blue);
}

.wac-product-line-badge--mighty {
    background: color-mix(in srgb, #7c3aed 11%, var(--wac-surface));
    color: #6d28d9;
}

.wac-filter-modal__footer {
    align-items: center;
    justify-content: space-between;
    gap: var(--atlas-space-3, .75rem);
}

    .wac-filter-modal__footer > span {
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
    }

    .wac-filter-modal__footer > div {
        display: flex;
        gap: var(--atlas-space-2, .5rem);
    }

.wac-daily-stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--atlas-space-3, .75rem);
}

.wac-daily-stat,
.wac-kpi-card {
    min-width: 0;
    padding: var(--atlas-space-4, 1rem);
    border: 1px solid var(--wac-border);
    border-radius: var(--atlas-radius-md, 8px);
    background: var(--wac-surface-alt);
}

    .wac-daily-stat span,
    .wac-kpi-card span {
        display: block;
        margin-bottom: .3rem;
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
        font-weight: var(--atlas-fw-semibold, 600);
        letter-spacing: var(--atlas-ls-wide, .04em);
        text-transform: uppercase;
    }

    .wac-daily-stat strong,
    .wac-kpi-card strong {
        display: block;
        overflow: hidden;
        color: var(--wac-text);
        font-size: clamp(1.15rem, 2vw, 1.55rem);
        font-variant-numeric: tabular-nums;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wac-daily-stat small,
    .wac-kpi-card small {
        display: block;
        margin-top: .35rem;
        overflow: hidden;
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.wac-daily-stat--up {
    border-left: 3px solid var(--wac-up);
}

.wac-daily-stat--down {
    border-left: 3px solid var(--wac-down);
}

.wac-inline-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--atlas-space-2, .5rem);
    min-height: 44px;
    color: var(--wac-muted);
    font-size: var(--atlas-text-sm, .75rem);
}

.wac-table-card {
    min-width: 0;
    overflow: hidden;
}

.wac-daily-table {
    min-width: 1420px;
}

    .wac-daily-table th:nth-child(n + 4):nth-child(-n + 9) {
        text-align: right;
    }

    .wac-daily-table td {
        vertical-align: middle;
    }

        .wac-daily-table td > small,
        .wac-site-code,
        .wac-product-code {
            display: block;
        }

        .wac-daily-table td > small {
            max-width: 265px;
            margin-top: .15rem;
            overflow: hidden;
            color: var(--wac-muted);
            font-size: var(--atlas-text-xs, .6875rem);
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.wac-site-code,
.wac-product-code,
.wac-strong-number {
    color: var(--wac-text);
    font-weight: var(--atlas-fw-bold, 700);
}

.wac-product-code {
    color: var(--wac-muted);
}

.wac-uom {
    display: inline !important;
    margin-left: .2rem;
}

.wac-value--up {
    color: var(--wac-up) !important;
}

.wac-value--down {
    color: var(--wac-down) !important;
}

.wac-analysis-filters,
.wac-product-finder {
    margin-bottom: 0;
}

.wac-filter-body {
    display: grid;
    grid-template-columns: auto repeat(4, minmax(130px, 1fr)) auto;
    align-items: end;
    gap: var(--atlas-space-3, .75rem);
    padding: var(--atlas-space-4, 1rem);
}

    .wac-filter-body .filter-group {
        margin: 0;
    }

.wac-range-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--atlas-space-1, .25rem);
}

.wac-apply-button {
    min-height: 34px;
}

.wac-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--atlas-space-3, .75rem);
}

.wac-kpi-card {
    background: var(--wac-surface);
    box-shadow: var(--atlas-shadow-xs, 0 1px 2px rgba(15, 23, 42, .04));
}

.wac-product-finder__body {
    padding: var(--atlas-space-4, 1rem);
}

.wac-product-search-row {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    align-items: end;
    gap: var(--atlas-space-2, .5rem);
}

    .wac-product-search-row .filter-group {
        margin: 0;
    }

.wac-search-message {
    margin-top: var(--atlas-space-3, .75rem);
    color: var(--wac-muted);
    font-size: var(--atlas-text-sm, .75rem);
}

.wac-product-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--atlas-space-2, .5rem);
    margin-top: var(--atlas-space-3, .75rem);
}

    .wac-product-results button {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        align-items: center;
        gap: var(--atlas-space-3, .75rem);
        min-width: 0;
        padding: var(--atlas-space-3, .75rem);
        border: 1px solid var(--wac-border);
        border-radius: var(--atlas-radius-md, 8px);
        background: var(--wac-surface-alt);
        color: var(--wac-text);
        text-align: left;
        cursor: pointer;
    }

        .wac-product-results button:hover {
            border-color: var(--wac-blue);
            background: color-mix(in srgb, var(--wac-blue) 5%, var(--wac-surface));
        }

    .wac-product-results strong,
    .wac-product-results small {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wac-product-results strong {
        color: var(--wac-blue);
        font-size: var(--atlas-text-base, .875rem);
    }

    .wac-product-results small,
    .wac-product-result-site {
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
    }

.wac-chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--atlas-space-4, 1rem);
}

.wac-chart-card {
    min-width: 0;
    overflow: hidden;
}

.wac-chart-card--wide {
    grid-column: 1 / -1;
}

.wac-chart-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--atlas-space-4, 1rem);
    padding: var(--atlas-space-4, 1rem) var(--atlas-space-4, 1rem) 0;
}

    .wac-chart-header span {
        color: var(--wac-blue);
        font-size: var(--atlas-text-xs, .6875rem);
        font-weight: var(--atlas-fw-bold, 700);
        letter-spacing: var(--atlas-ls-wider, .08em);
        text-transform: uppercase;
    }

    .wac-chart-header h3 {
        margin: .1rem 0 0;
        color: var(--wac-text);
        font-size: var(--atlas-text-md, 1rem);
        font-weight: var(--atlas-fw-bold, 700);
    }

    .wac-chart-header small {
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
        text-align: right;
    }

.wac-chart {
    width: 100%;
    min-width: 0;
}

.wac-chart--large {
    height: 400px;
}

.wac-chart--medium {
    height: 350px;
}

.wac-chart--drawer {
    height: 340px;
}

.wac-drawer-backdrop {
    position: fixed;
    z-index: var(--atlas-z-overlay, 1040);
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, .48);
    cursor: default;
}

.wac-drawer {
    position: fixed;
    z-index: var(--atlas-z-modal, 1060);
    top: var(--atlas-topbar-h, 60px);
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: min(760px, 95vw);
    border-left: 1px solid var(--wac-border);
    background: var(--wac-surface);
    box-shadow: var(--atlas-shadow-xl, 0 24px 48px rgba(15, 23, 42, .18));
}

.wac-drawer__header {
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 70px;
    padding: var(--atlas-space-3, .75rem) var(--atlas-space-4, 1rem);
}

    .wac-drawer__header h2 {
        margin: .1rem 0 0;
        color: inherit;
        font-size: var(--atlas-text-lg, 1.125rem);
    }

.wac-drawer__body {
    display: grid;
    gap: var(--atlas-space-4, 1rem);
    min-height: 0;
    padding: var(--atlas-space-4, 1rem);
    overflow-y: auto;
}

.wac-product-title h3 {
    margin: 0 0 var(--atlas-space-2, .5rem);
    color: var(--wac-text);
    font-size: var(--atlas-text-md, 1rem);
}

.wac-product-title .pill {
    margin-right: var(--atlas-space-1, .25rem);
    background: var(--wac-surface-alt);
    color: var(--wac-muted);
}

.wac-drawer-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--atlas-space-2, .5rem);
}

    .wac-drawer-kpis > div {
        padding: var(--atlas-space-3, .75rem);
        border: 1px solid var(--wac-border);
        border-radius: var(--atlas-radius-md, 8px);
        background: var(--wac-surface-alt);
    }

    .wac-drawer-kpis span,
    .wac-drawer-kpis strong {
        display: block;
    }

    .wac-drawer-kpis span {
        color: var(--wac-muted);
        font-size: var(--atlas-text-xs, .6875rem);
    }

    .wac-drawer-kpis strong {
        margin-top: .25rem;
        color: var(--wac-text);
        font-size: var(--atlas-text-md, 1rem);
    }

.wac-drawer-chart-card {
    overflow: hidden;
}

@media (max-width: 1200px) {
    .wac-daily-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wac-filter-body {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .wac-range-buttons {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .wac-section-heading,
    .wac-heading-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .wac-heading-actions {
        width: 100%;
    }

    .wac-daily-filterbar {
        grid-template-columns: 1fr;
    }

    .wac-daily-filterbar__status {
        justify-content: space-between;
        border-top: 1px solid var(--wac-border);
        border-left: 0;
    }

    .wac-product-picker-row {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .wac-product-picker-meta,
    .wac-product-picker-count {
        display: none;
    }

    .wac-daily-stats,
    .wac-kpi-grid,
    .wac-product-results,
    .wac-chart-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wac-chart-card--wide {
        grid-column: auto;
    }

    .wac-filter-body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wac-drawer-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .wac-daily {
        padding: var(--atlas-space-3, .75rem);
    }

    .wac-daily-stats,
    .wac-kpi-grid,
    .wac-product-results,
    .wac-chart-grid,
    .wac-filter-body,
    .wac-product-search-row {
        grid-template-columns: 1fr;
    }

    .wac-daily-stat:last-child {
        grid-column: auto;
    }

    .wac-product-line-filter,
    .wac-modal-filter-grid {
        grid-template-columns: 1fr;
    }

    .wac-product-picker-heading,
    .wac-filter-modal__footer {
        align-items: stretch;
        flex-direction: column;
    }

        .wac-product-picker-heading > div:last-child,
        .wac-filter-modal__footer > div {
            display: grid;
            grid-template-columns: 1fr;
        }

    .wac-filter-modal {
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
    }

    .wac-chart-header {
        flex-direction: column;
    }

        .wac-chart-header small {
            text-align: left;
        }

    .wac-chart--large,
    .wac-chart--medium {
        height: 320px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wac-analysis *,
    .wac-analysis *::before,
    .wac-analysis *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}*/

/* Current two-view WAC page ------------------------------------------------ */
/*.wac-view-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: var(--atlas-space-4, 1rem);
}

    .wac-view-tabs .button-toggle {
        width: fit-content;
    }

.wac-product-type-toggle {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
}

    .wac-product-type-toggle .toggle-btn {
        flex: 0 0 auto;
        width: auto;
    }

.wac-snapshot-message {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.wac-snapshot-message--missing,
.wac-empty-missing {
    color: var(--atlas-color-danger, #dc3545) !important;
    font-weight: var(--atlas-fw-semibold, 600);
}

.wac-history-table-card {
    min-width: 0;
    margin-top: var(--atlas-space-3, .75rem);
    overflow: hidden;
}

.wac-history-table {
    min-width: 980px;
}

    .wac-history-table td {
        vertical-align: middle;
    }

        .wac-history-table td > small {
            display: block;
            max-width: 300px;
            margin-top: .15rem;
            overflow: hidden;
            color: var(--wac-muted);
            font-size: var(--atlas-text-xs, .6875rem);
            text-overflow: ellipsis;
            white-space: nowrap;
        }

.wac-history-cards {
    display: none;
    gap: var(--atlas-space-3, .75rem);
    margin-top: var(--atlas-space-3, .75rem);
}

.wac-analysis .selectable-row {
    cursor: pointer;
}

.wac-analysis .row-selected {
    background: color-mix(in srgb, var(--wac-blue) 10%, var(--wac-surface)) !important;
    box-shadow: inset 3px 0 0 var(--wac-blue);
}

.wac-history-table button:disabled,
.wac-history-cards button:disabled {
    cursor: not-allowed;
    opacity: .42;
}

.wac-mobile-card-product {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wac-mobile-card-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: var(--atlas-space-2, .5rem);
    margin-left: auto;
}

.wac-drawer-close,
.wac-drawer-close i {
    color: #fff !important;
}

.wac-drawer-close {
    border-color: rgba(255, 255, 255, .72) !important;
}

    .wac-drawer-close:hover,
    .wac-drawer-close:focus-visible {
        border-color: #fff !important;
        background: rgba(255, 255, 255, .14) !important;
    }*/

/*
 * SortableHeader is a child component, so ::deep is required for this
 * scoped stylesheet to reach the <th> and button it renders.
 */
/*.wac-daily-table ::deep thead th:nth-child(3),
.wac-daily-table ::deep thead th:nth-child(n + 5):nth-child(-n + 9),
.wac-history-table ::deep thead th:nth-child(5),
.wac-history-table ::deep thead th:nth-child(6),
.wac-drawer__body ::deep .atlas-table thead th:nth-child(n + 2) {
    text-align: right !important;
}

.wac-daily-table ::deep thead th:nth-child(4) {
    text-align: left !important;
}

    .wac-daily-table ::deep thead th:nth-child(4) > * {
        justify-content: flex-start !important;
        text-align: left !important;
    }

.wac-daily-table ::deep thead th:nth-child(3) > *,
.wac-daily-table ::deep thead th:nth-child(n + 5):nth-child(-n + 9) > *,
.wac-history-table ::deep thead th:nth-child(5) > *,
.wac-history-table ::deep thead th:nth-child(6) > *,
.wac-drawer__body ::deep .atlas-table thead th:nth-child(n + 2) > * {
    justify-content: flex-end !important;
    width: 100%;
    text-align: right !important;
}

.wac-drawer__body .atlas-table {
    min-width: 560px;
}

@media (max-width: 992px) {
    .wac-history-table-card {
        display: none;
    }

    .wac-history-cards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .wac-view-tabs .button-toggle,
    .wac-view-tabs .toggle-btn {
        width: 100%;
    }

    .wac-view-tabs .button-toggle {
        display: grid;
        grid-template-columns: 1fr;
    }

    .wac-history-cards {
        grid-template-columns: 1fr;
    }

    .wac-product-type-toggle,
    .wac-product-type-toggle .toggle-btn {
        width: auto;
    }

    .wac-drawer {
        top: 0;
        width: 100vw;
    }
}*/
/* /Components/Pages/Officials/AddGameDayNotice.razor.rz.scp.css */
/* Game summary panel shown above the tab bar */
.game-summary-panel[b-xa2zeaob6g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.6rem 0.85rem;
    font-size: 0.875rem;
    color: #374151;
}

    .game-summary-panel i[b-xa2zeaob6g] {
        color: #667eea;
        flex-shrink: 0;
    }

.game-summary-text[b-xa2zeaob6g] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.game-summary-datetime[b-xa2zeaob6g]::before {
    content: "on ";
}

[data-bs-theme="dark"] .game-summary-panel[b-xa2zeaob6g] {
    background: var(--bs-body-bg, #1e293b);
    border-color: #334155;
    color: #e2e8f0;
}

    [data-bs-theme="dark"] .game-summary-panel i[b-xa2zeaob6g] {
        color: #a5b4fc;
    }

@media (max-width: 767.98px) {
    .game-summary-panel[b-xa2zeaob6g] {
        font-size: 0.8125rem;
    }

    .game-summary-text[b-xa2zeaob6g] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.1rem;
    }

    .game-summary-datetime[b-xa2zeaob6g]::before {
        content: "";
    }
}

/* Phone-friendly tab bar: keep the 3 tabs side-by-side (no stacking),
   stretch the toggle group to fill the full width, and shrink the
   button sizing so all three remain comfortably on one row. */
@media (max-width: 767.98px) {
    .tab-bar[b-xa2zeaob6g] {
        justify-content: flex-end !important;
    }

    .button-toggle[b-xa2zeaob6g] {
        width: 100%;
        display: flex;
    }

        .button-toggle .toggle-btn[b-xa2zeaob6g] {
            flex: 1 1 0;
            padding: 0.4rem 0.35rem;
            font-size: 0.65rem;
            justify-content: center;
            white-space: normal;
            text-align: center;
            min-height: 40px;
            line-height: 1.1;
        }
}
/* /Components/Pages/Officials/AddReplayStoppages.razor.rz.scp.css */
.film-play-number-input[b-qox3w1fkyv] {
    width: 4.5em;
    min-width: 4.5em;
    max-width: 4.5em;
    text-align: center;
}

/* ── Phone-friendly layout for the Replay Stoppages listing ──────────────
   The atlas-table is hidden below the card-list-break-700 breakpoint in
   favor of ReplayStoppageCard, but the header row (count + Add button)
   and the bottom Close button are shared across both layouts, so make
   them stack and use >=44px touch targets on small screens. */
@media (max-width: 700px) {
    .d-flex.justify-content-between.align-items-center.mb-2[b-qox3w1fkyv] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.5rem;
    }

    .d-flex.justify-content-between.align-items-center.mb-2 .stoppage-count-label[b-qox3w1fkyv] {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.3;
    }

    .d-flex.justify-content-between.align-items-center.mb-2 .atlas-btn[b-qox3w1fkyv] {
        width: 100%;
        min-height: 44px;
        justify-content: center;
        font-size: 1rem;
    }

    .d-flex.justify-content-start.mt-3 .atlas-btn[b-qox3w1fkyv] {
        width: 100%;
        min-height: 44px;
        justify-content: center;
        font-size: 1rem;
    }

    .empty-state[b-qox3w1fkyv] {
        font-size: 0.95rem;
    }
}
/* /Components/Pages/Officials/GameListing.razor.rz.scp.css */
.games-listing-title[b-gx2hibde0f] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    opacity: 0.85;
}

.game-count-pill[b-gx2hibde0f] {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.35em 0.65em;
    border-radius: 999px;
}
/* /Components/Pages/Officials/ImportFouls.razor.rz.scp.css */
.detail-panel--info[b-j0ooya1erb] {
    background-color: #e7f1ff;
    border: 1px solid #cfe1fb;
}

.detail-panel-label[b-j0ooya1erb] {
    font-weight: 600;
    color: #3577d4;
}

.alert-pending-import[b-j0ooya1erb] {
    background-color: #eaf6ee;
    border: 1px solid #cfe8d6;
    color: #2f6b46;
}
/* /Components/Pages/Officials/Partials/AddCrew.razor.rz.scp.css */
/* ── Touch-friendly sizing for phones ──────────────────────────── */
/* Apple's Human Interface Guidelines recommend a minimum 44x44px
   touch target. The shared .form-select / .atlas-btn styles are sized
   for desktop density, so bump them up on narrow (phone) viewports. */
@media (max-width: 700px) {
    [b-eudi66x3j1] .detail-field select.form-select {
        min-height: 44px;
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
    }

    [b-eudi66x3j1] .detail-field label {
        font-size: 0.9rem;
    }

    [b-eudi66x3j1] .detail-field span {
        font-size: 1rem;
    }

    [b-eudi66x3j1] .mt-2.d-flex.gap-2.flex-wrap {
        flex-direction: column;
    }

    [b-eudi66x3j1] .atlas-btn {
        min-height: 44px;
        width: 100%;
        justify-content: center;
        font-size: 1rem;
        padding: 0.6rem 1rem;
    }
}
/* /Components/Pages/Officials/Partials/AddGameFoul.razor.rz.scp.css */
/* ── Add/Edit Foul form layout ──────────────────────────────────────────
   Fields are laid out in a flex-wrap row so each field is only as wide
   as its content/control (rather than stretching to fill an even grid
   column). Fields that need full width (Team, Description, Called By
   Officials) opt in via .af-field-full. */
[b-35kzgfjeq6] .af-form {
    display: flex;
    flex-direction: column;
}

[b-35kzgfjeq6] .af-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.25rem;
}

[b-35kzgfjeq6] .af-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 0 0 auto;
    width: auto;
}

    [b-35kzgfjeq6] .af-field label {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--atlas-color-text-muted, #6c757d);
        margin: 0;
    }

[b-35kzgfjeq6] .af-field-full {
    flex: 1 1 100%;
    width: 100%;
}

/* ── Quarter toggle foul-count text ──────────────────────────────────────
   The count badge sits inside both the unselected (outline) and selected
   (solid blue) states of the .btn-check + .btn-outline-primary toggle, so
   it needs its own contrast-aware color rather than inheriting the muted
   gray, which is unreadable on the blue selected background. */
[b-35kzgfjeq6] .af-quarter-count {
    font-size: 0.75rem;
    color: var(--atlas-color-text-muted, #6c757d);
}

[b-35kzgfjeq6] .btn-check:checked + .btn-outline-primary .af-quarter-count {
    color: rgba(255, 255, 255, 0.85);
}

/* ── Dark mode friendliness ───────────────────────────────────────────── */
[data-bs-theme="dark"][b-35kzgfjeq6]  .af-field label {
    color: var(--atlas-color-text-muted, #94a3b8);
}

[data-bs-theme="dark"][b-35kzgfjeq6]  .af-quarter-count {
    color: var(--atlas-color-text-muted, #94a3b8);
}

[data-bs-theme="dark"][b-35kzgfjeq6]  .af-actions {
    border-top-color: var(--atlas-color-border, #2d3748);
}

[data-bs-theme="dark"][b-35kzgfjeq6]  .btn-outline-primary {
    color: var(--atlas-color-blue-light, #4a90d9);
    border-color: var(--atlas-color-blue-light, #4a90d9);
}

[data-bs-theme="dark"][b-35kzgfjeq6]  .alert-info {
    background-color: rgba(13, 202, 240, 0.12);
    color: var(--atlas-color-text, #e2e8f0);
    border-color: rgba(13, 202, 240, 0.35);
}

[b-35kzgfjeq6] .af-input-narrow {
    width: 6.5rem;
}

[b-35kzgfjeq6] .time-input {
    width: 4.5rem;
    flex: 0 0 auto;
    text-align: center;
}

[b-35kzgfjeq6] .af-fields .form-select {
    width: auto;
    min-width: 9rem;
}

/* ── Action buttons: Cancel on the left, Save actions on the right ── */
[b-35kzgfjeq6] .af-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-top: 1px solid var(--atlas-input-border, #e5e7eb);
    padding-top: 1rem;
}

/* ── Phone-friendly layout for Add/Edit Foul form ──────────────────────
   The btn-group radio toggles (Quarter, Team, Side of Ball, Status) don't
   have room to stay in one row on a phone, so let them wrap into a
   touch-friendly grid instead of squishing/overflowing. Also stack the
   bottom action buttons and enlarge touch targets to >=44px per
   Apple/Android guidance. */
@media (max-width: 700px) {
    [b-35kzgfjeq6] .af-fields {
        gap: 0.85rem;
    }

    [b-35kzgfjeq6] .af-field {
        flex: 1 1 100%;
        width: 100%;
    }

    [b-35kzgfjeq6] .af-input-narrow {
        width: 100%;
    }

    [b-35kzgfjeq6] .btn-group {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
    }

        [b-35kzgfjeq6] .btn-group .btn {
            flex: 1 1 calc(50% - 0.4rem);
            min-height: 44px;
            border-radius: 0.375rem !important;
            margin: 0 !important;
        }

    /* Time Remaining inputs need more breathing room / bigger touch target. */
    [b-35kzgfjeq6] .time-input {
        min-height: 44px;
        font-size: 1rem;
        width: 3.5rem;
    }

    [b-35kzgfjeq6] .form-select,
    [b-35kzgfjeq6] .form-control {
        min-height: 44px;
        font-size: 1rem;
        width: 100%;
    }

    /* Bottom action buttons: stack full-width instead of side-by-side */
    [b-35kzgfjeq6] .af-actions {
        flex-direction: column-reverse;
    }

        [b-35kzgfjeq6] .af-actions .af-actions-save {
            flex-direction: column;
            width: 100%;
        }

    [b-35kzgfjeq6] .atlas-btn {
        min-height: 44px;
        width: 100%;
        justify-content: center;
        font-size: 1rem;
    }

    /* Called By Officials checkboxes: give a bit more tap area. The shared
       .form-check-label style is only 0.75rem (12px), which is below the
       ~14-16px minimum recommended for readable mobile body text, and the
       switch itself is a bit small to tap precisely - bump both up. */
    [b-35kzgfjeq6] .form-check.form-switch {
        min-height: 40px;
        display: flex;
        align-items: center;
    }

        [b-35kzgfjeq6] .form-check.form-switch .form-check-input {
            width: 2.75rem;
            height: 1.5rem;
        }

        [b-35kzgfjeq6] .form-check.form-switch .form-check-label {
            font-size: 0.9rem;
        }
}

/* /Components/Pages/Officials/Partials/AddPlayNumbers.razor.rz.scp.css */
.af-play-numbers-header[b-hslgddaug5] {
    max-width: 360px;
}

.af-play-number-input[b-hslgddaug5] {
    max-width: 80px;
}

.af-play-numbers-actions[b-hslgddaug5] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--atlas-color-border, #e6e9ef);
}

[data-bs-theme="dark"][b-hslgddaug5]  .af-play-numbers-actions {
    border-top-color: var(--atlas-color-border, #2d3748);
}
/* /Components/Pages/Officials/Partials/AddReplayStoppage.razor.rz.scp.css */
/* ── Add Replay Stoppage form layout ─────────────────────────────────────
   Fields are laid out in a flex-wrap row so each field is only as wide
   as its content/control (rather than stretching to fill an even grid
   column). Fields that need full width (Coach Challenge, Comments) opt
   in via .af-field-full. */
[b-yw53s4woeb] .af-form {
    display: flex;
    flex-direction: column;
}

[b-yw53s4woeb] .af-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1.25rem;
}

[b-yw53s4woeb] .af-field {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 0 0 auto;
    width: auto;
}

    [b-yw53s4woeb] .af-field label {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--atlas-color-text-muted, #6c757d);
        margin: 0;
    }

[b-yw53s4woeb] .af-field-full {
    flex: 1 1 100%;
    width: 100%;
}

[b-yw53s4woeb] .time-input {
    width: 4.5rem;
    flex: 0 0 auto;
    text-align: center;
}

[b-yw53s4woeb] .af-fields .form-select {
    width: auto;
    min-width: 9rem;
}

[b-yw53s4woeb] .af-input-ruling {
    width: 18rem;
    max-width: 100%;
}

[b-yw53s4woeb] .af-input-result {
    width: 10rem;
    max-width: 100%;
}

/* ── Action buttons: Cancel on the left, Save actions on the right ──
   Kept on a single row on non-mobile viewports. */
[b-yw53s4woeb] .af-actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-top: 1px solid var(--atlas-input-border, #e5e7eb);
    padding-top: 1rem;
}

[b-yw53s4woeb] .af-actions-save {
    flex-wrap: nowrap;
}

/* ── Dark mode friendliness ──────────────────────────────────────────── */
[data-bs-theme="dark"][b-yw53s4woeb]  .af-field label {
    color: var(--atlas-color-text-muted, #94a3b8);
}

[data-bs-theme="dark"][b-yw53s4woeb]  .af-actions {
    border-top-color: var(--atlas-color-border, #2d3748);
}

[data-bs-theme="dark"][b-yw53s4woeb]  .btn-outline-primary {
    color: var(--atlas-color-blue-light, #4a90d9);
    border-color: var(--atlas-color-blue-light, #4a90d9);
}

[data-bs-theme="dark"][b-yw53s4woeb]  .alert-info {
    background-color: rgba(13, 202, 240, 0.12);
    color: var(--atlas-color-text, #e2e8f0);
    border-color: rgba(13, 202, 240, 0.35);
}

/* ── Phone-friendly layout for Add Replay Stoppage form ──────────────
   The Quarter btn-group toggle doesn't have room to stay in one row on
   a phone, so let it wrap into a touch-friendly grid instead of
   squishing/overflowing. Text/select inputs go full width so labels and
   values stay readable, and the bottom action buttons stack with
   >=44px touch targets per Apple/Android guidance. */
@media (max-width: 700px) {
    [b-yw53s4woeb] .af-fields {
        gap: 0.85rem;
    }

    [b-yw53s4woeb] .af-field {
        flex: 1 1 100%;
        width: 100%;
    }

    [b-yw53s4woeb] .af-input-ruling,
    [b-yw53s4woeb] .af-input-result {
        width: 100%;
    }

    [b-yw53s4woeb] .btn-group {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
    }

        [b-yw53s4woeb] .btn-group .btn {
            flex: 1 1 calc(50% - 0.4rem);
            min-height: 44px;
            border-radius: 0.375rem !important;
            margin: 0 !important;
        }

    /* Time entry inputs need more breathing room / bigger touch target. */
    [b-yw53s4woeb] .time-input {
        min-height: 44px;
        font-size: 1rem;
        width: 3.5rem;
    }

    [b-yw53s4woeb] .form-select,
    [b-yw53s4woeb] .form-control {
        min-height: 44px;
        font-size: 1rem;
        width: 100%;
    }

    /* Bottom action buttons: stack full-width instead of side-by-side */
    [b-yw53s4woeb] .af-actions {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

        [b-yw53s4woeb] .af-actions .af-actions-save {
            flex-direction: column;
            width: 100%;
        }

    [b-yw53s4woeb] .atlas-btn {
        min-height: 44px;
        width: 100%;
        justify-content: center;
        font-size: 1rem;
    }

    /* Coach Challenge switch: give a bit more tap area and readable text. */
    [b-yw53s4woeb] .form-check.form-switch {
        min-height: 40px;
        display: flex;
        align-items: center;
    }

        [b-yw53s4woeb] .form-check.form-switch .form-check-input {
            width: 2.75rem;
            height: 1.5rem;
        }

        [b-yw53s4woeb] .form-check.form-switch .form-check-label {
            font-size: 0.9rem;
        }

    [b-yw53s4woeb] textarea.form-control {
        min-height: 5.5rem;
    }
}
/* /Components/Pages/Officials/Partials/EditGameDetails.razor.rz.scp.css */
.edit-game-details-row[b-cnyzq7cxu3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
}

.edit-game-details-row > label[b-cnyzq7cxu3] {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 500;
}

.edit-game-details-row > input.form-control[b-cnyzq7cxu3] {
    flex: 0 0 auto;
    width: 140px;
    min-width: 0;
    margin-left: auto;
}

.edit-game-details-row > input.form-control[maxlength="3"][b-cnyzq7cxu3] {
    width: 3.5rem;
    text-align: center;
}

.edit-game-details-row .form-check.form-switch[b-cnyzq7cxu3] {
    flex: 0 0 auto;
    margin-top: 0 !important;
    margin-left: auto;
}

.edit-game-details-row .field-error[b-cnyzq7cxu3] {
    flex-basis: 100%;
}

.edit-game-details-actions-row[b-cnyzq7cxu3] {
    justify-content: flex-end;
}
/* /Components/Pages/Officials/Partials/FoulReportHeader.razor.rz.scp.css */
/* Clickable status action buttons - styled distinctly from static badges so they
   read as interactive controls, while staying compact enough to sit inline
   with the status badge/date text. */
.status-action-btn[b-ccva94390j] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.status-action-btn:disabled[b-ccva94390j] {
    cursor: not-allowed;
    opacity: 0.65;
}

.status-action-btn-primary[b-ccva94390j] {
    background-color: var(--bs-primary, #0d6efd);
    color: #fff;
}

    .status-action-btn-primary:hover:not(:disabled)[b-ccva94390j] {
        background-color: var(--bs-primary-hover, #0b5ed7);
        box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.25);
    }

.status-action-btn-secondary[b-ccva94390j] {
    background-color: transparent;
    color: var(--bs-secondary, #6c757d);
    border-color: var(--bs-secondary, #6c757d);
}

    .status-action-btn-secondary:hover:not(:disabled)[b-ccva94390j] {
        background-color: var(--bs-secondary, #6c757d);
        color: #fff;
    }

/* Phone-friendly sizing: bigger touch target, full-width so it doesn't get
   crowded next to the status badge text. */
@media (max-width: 700px) {
    .status-action-btn[b-ccva94390j] {
        min-height: 40px;
        width: 100%;
        justify-content: center;
        font-size: 0.875rem;
    }
}

/* Keep Game Date and Game Time on the same row on phones (they're short
   values and easily fit side-by-side), while Game (teams) still gets its
   own full-width row underneath since it can be long. */
@media (max-width: 700px) {
    .game-info-row[b-ccva94390j] {
        grid-template-columns: 1fr 1fr;
    }

    .game-date-field[b-ccva94390j],
    .game-time-field[b-ccva94390j] {
        grid-column: span 1;
    }

    .game-teams-field[b-ccva94390j] {
        grid-column: 1 / -1;
    }
}

/* Phone-friendly status/actions row: pair Game Notice Email with Head Coach
   Email, and Foul Report with Evaluation, each on their own row. On larger
   screens the Email Head Coaches button sits inline with the status (with
   a little padding); on phones it drops to its own full-width row. Status
   timestamps are hidden on phones - only the status pill is shown. */
.email-coaches-btn[b-ccva94390j] {
    margin-left: 0.5rem;
}

@media (max-width: 700px) {
    .status-actions-row[b-ccva94390j] {
        grid-template-columns: 1fr 1fr;
    }

    .game-notice-field[b-ccva94390j],
    .coach-email-field[b-ccva94390j],
    .foul-report-field[b-ccva94390j],
    .evaluation-field[b-ccva94390j] {
        grid-column: span 1;
    }

    .coach-email-field .email-coaches-btn[b-ccva94390j] {
        margin-left: 0;
        margin-top: 0.5rem;
        flex-basis: 100%;
    }

    .email-crew-field[b-ccva94390j] {
        grid-column: 1 / -1;
    }

    .status-time-detail[b-ccva94390j] {
        display: none;
    }
}

/* Darker, dark-mode-friendly variant for the primary status action buttons
   (Email Head Coaches, Email for Crew Review) so they still stand out but
   aren't a bright, saturated blue. */
[data-bs-theme="dark"] .status-action-btn-primary[b-ccva94390j] {
    background-color: #375a7f;
    color: #e2e8f0;
}

    [data-bs-theme="dark"] .status-action-btn-primary:hover:not(:disabled)[b-ccva94390j] {
        background-color: #2f4d6d;
        box-shadow: 0 0 0 0.15rem rgba(55, 90, 127, 0.35);
    }
/* /Components/Pages/Officials/Partials/GameDayNoticeForm.razor.rz.scp.css */
/* Restore the native time picker click behavior,
   overriding the global pointer-events:none used to remove the icon from the tab order. */
[b-2ki00npx8e] input[type="time"]::-webkit-calendar-picker-indicator {
    pointer-events: auto;
    cursor: pointer;
}

[b-2ki00npx8e] .game-day-notice-header-datetime {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--bs-secondary-color, #6b7280);
}

/* Phone-friendly Send/Cancel actions: full-width, stacked, and with a
   larger touch target so they're easy to tap accurately. */
@media (max-width: 700px) {
    [b-2ki00npx8e] .game-day-notice-actions {
        flex-direction: column;
    }

        [b-2ki00npx8e] .game-day-notice-actions .atlas-btn {
            width: 100%;
            min-height: 48px;
            font-size: 1rem;
            justify-content: center;
        }
}
/* /Components/Pages/Officials/Partials/GameDetails.razor.rz.scp.css */
/* Phone-friendly Save Game Details button: stack full-width with a larger
   touch target on small screens, matching the pattern used for
   GameDayNoticeForm's Send/Cancel actions. */
@media (max-width: 700px) {
    [b-gmzifr457g] .game-details-actions {
        flex-direction: column;
        align-items: stretch;
    }

        [b-gmzifr457g] .game-details-actions .atlas-btn {
            width: 100%;
            min-height: 48px;
            justify-content: center;
        }
}

[b-gmzifr457g] .detail-field-actions {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    grid-column: 1 / -1;
}
/* /Components/Pages/Officials/Partials/GameFoulListing.razor.rz.scp.css */
/* ── Touch-friendly action buttons for phones ──────────────────────────
   Apple/Android guidance recommends >=44px touch targets. Stack the
   Import/Add buttons full-width on phones, and de-emphasize "Import Fouls"
   (less commonly used on a phone) versus "Add Foul" (primary action). */
/* ── Missing required film play number ────────────────────────────────────
   Highlight the Film Play # field with a soft red background when the
   association requires film numbers and this foul doesn't have one yet.
   Applies to both the desktop table and the mobile card list. */
[b-cdn9s6wlr3] .film-play-number-missing {
    background-color: #f8d7da;
    border-color: #f1aeb5;
}

[b-cdn9s6wlr3] .film-play-number-missing:focus {
    background-color: #f8d7da;
}

/* ── Paired fields in the mobile card list ─────────────────────────────────
   Foul Name/Category, Team/Player, and Called By/Status should each share
   a single row when there's room, but wrap to stacked rows automatically
   if the content is too wide to fit (e.g. a long foul name on a narrow
   phone). Flexbox with a flexible min-width does this without JS. */
[b-cdn9s6wlr3] .detail-field-pair {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
}

[b-cdn9s6wlr3] .detail-field-pair > .detail-field {
    flex: 1 1 120px;
    min-width: 120px;
}

/* Dark-mode friendly Add Foul button - the default atlas-btn-primary blue is
   too bright/saturated against dark backgrounds. Keep it distinct without
   being harsh on the eyes. */
[data-bs-theme="dark"][b-cdn9s6wlr3]  .atlas-btn.atlas-btn-primary {
    background-color: #375a7f;
    border-color: #375a7f;
    color: #e2e8f0;
}

    [data-bs-theme="dark"][b-cdn9s6wlr3]  .atlas-btn.atlas-btn-primary:hover:not(:disabled) {
        background-color: #2f4d6d;
        border-color: #2f4d6d;
        color: #fff;
    }


@media (max-width: 700px) {
    [b-cdn9s6wlr3] .d-flex.justify-content-between.align-items-center.mb-3 {
        flex-direction: column;
        align-items: stretch !important;
    }

    [b-cdn9s6wlr3] .d-flex.justify-content-between.align-items-center.mb-3 > .d-flex.gap-2 {
        flex-direction: column;
        width: 100%;
    }

    [b-cdn9s6wlr3] .atlas-btn {
        min-height: 44px;
        width: 100%;
        justify-content: center;
        font-size: 1rem;
        padding: 0.6rem 1rem;
    }

    /* De-emphasize Import Fouls on phones - Add Foul is the primary action,
       so put it first and give Import a lighter, outline treatment. */
    [b-cdn9s6wlr3] .atlas-btn-primary {
        order: -1;
    }

    [b-cdn9s6wlr3] .atlas-btn-success {
        background-color: transparent;
        color: var(--bs-success, #198754);
        border: 1px solid var(--bs-success, #198754);
    }

    /* Row action buttons (edit/delete) inside the fouls list also need
       bigger touch targets on phones. */
    [b-cdn9s6wlr3] .action-column .atlas-btn {
        min-height: 40px;
        min-width: 40px;
        width: auto;
        padding: 0.4rem;
    }

    /* Edit/Delete buttons in the mobile card list also need larger
       touch targets, matching the table's action-column treatment. */
    [b-cdn9s6wlr3] .detail-panel-header .atlas-btn {
        min-height: 40px;
        min-width: 40px;
        width: auto;
        padding: 0.4rem;
        font-size: 1rem;
    }

    /* Card header can get cramped with a long foul name plus two buttons -
       let it wrap instead of squeezing everything onto one line. */
    [b-cdn9s6wlr3] .detail-panel-header.justify-content-between {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    /* Play # input inside the card list should be a comfortable tap target
       and not shrink to an awkward width on phones. */
    [b-cdn9s6wlr3] .detail-field input[type="text"].form-control {
        min-height: 40px;
        font-size: 1rem;
        width: 100%;
    }

    /* Paging bar: stack rows-per-page / page info / page controls so
       nothing gets clipped on narrow screens, and enlarge tap targets. */
    [b-cdn9s6wlr3] .paging-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    [b-cdn9s6wlr3] .page-size-group select {
        min-height: 40px;
        font-size: 1rem;
        width: 100%;
    }

    [b-cdn9s6wlr3] .page-info {
        text-align: center;
    }

    [b-cdn9s6wlr3] .paging-controls {
        justify-content: center;
        flex-wrap: wrap;
    }

        [b-cdn9s6wlr3] .paging-controls button {
            min-height: 40px;
            min-width: 40px;
            font-size: 1rem;
        }
}

@media (max-width: 700px) {
    [data-bs-theme="dark"][b-cdn9s6wlr3]  .atlas-btn-success {
        color: #75c791;
        border-color: #75c791;
    }
}
/* /Components/Pages/Officials/Partials/ReplayStoppageCard.razor.rz.scp.css */
/* ── Phone-friendly styling for ReplayStoppageCard ────────────────────────
   Mirrors the .admin-card baseline styling but tunes text sizing and the
   Film Play # input to be touch-friendly on small screens. */
.admin-card-title[b-extckielif] {
    font-size: 0.95rem;
}

.admin-card-field label[b-extckielif] {
    font-size: 0.75rem;
}

.admin-card-field span[b-extckielif] {
    font-size: 0.9rem;
    word-break: break-word;
}

/* Fit Time Remaining / Review Time / Stoppage Time (and Result / Coach
   Challenge) on the same row on phones when there's room, instead of
   always stacking one field per line. */
.admin-card-field-row[b-extckielif] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}

.admin-card-field-row .admin-card-field[b-extckielif] {
    flex: 1 1 0;
    min-width: 5rem;
}

.film-play-number-input[b-extckielif] {
    min-height: 44px;
    font-size: 1rem;
    width: 4.5rem;
    text-align: center;
}

@media (max-width: 700px) {
    .admin-card-title[b-extckielif] {
        font-size: 1rem;
    }

    .admin-card-field label[b-extckielif] {
        font-size: 0.8rem;
    }

    .admin-card-field span[b-extckielif] {
        font-size: 0.95rem;
    }

    .film-play-number-input[b-extckielif] {
        min-height: 44px;
        font-size: 1rem;
        width: 100%;
        max-width: 6rem;
    }
}
/* /Components/Pages/Officials/SeasonSummary.razor.rz.scp.css */
/* Makes the "/ GamesWorked" value on the Foul Reports Submitted card match the
   font size/weight of the primary value so both numbers read with equal prominence. */
[b-b0ok7sqcai] .stat-card-percent-large .stat-card-percent {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
}
/* /Components/Pages/Officials/UserProfile.razor.rz.scp.css */
/* ── Success toast (dark-mode friendly) ───────────────────────────────── */
.profile-toast[b-u14tqlq1fp] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.9375rem;
}

.profile-toast-success[b-u14tqlq1fp] {
    background: var(--atlas-color-success-bg, #d1f2e1);
    border: 1px solid #a3d9b8;
    border-left: 4px solid var(--atlas-color-success, #198754);
    color: #145c35;
}

[data-bs-theme="dark"] .profile-toast-success[b-u14tqlq1fp] {
    background: rgba(25, 135, 84, 0.18);
    border-color: rgba(25, 135, 84, 0.45);
    border-left-color: var(--atlas-color-success, #198754);
    color: #7ee2ab;
}

/* ── Mobile-friendly form fields ───────────────────────────────────── */
@media (max-width: 932px) {
    [b-u14tqlq1fp] .field-group {
        margin-bottom: 0.5rem;
    }

    [b-u14tqlq1fp] .field-group label {
        font-size: 0.875rem;
    }

    [b-u14tqlq1fp] .field-group input.atlas-input,
    [b-u14tqlq1fp] .field-group select.atlas-input,
    [b-u14tqlq1fp] .field-group textarea.atlas-input,
    [b-u14tqlq1fp] input.atlas-input,
    [b-u14tqlq1fp] select.atlas-input,
    [b-u14tqlq1fp] textarea.atlas-input {
        font-size: 16px !important; /* prevents iOS auto-zoom on focus */
        padding: 0.7rem 0.85rem !important;
        min-height: 2.75rem !important;
    }

    [b-u14tqlq1fp] .row.g-3 {
        row-gap: 0.25rem !important;
    }

    [b-u14tqlq1fp] .form-actions {
        flex-direction: column-reverse;
    }

    [b-u14tqlq1fp] .form-actions .atlas-btn {
        width: 100%;
    }

    [b-u14tqlq1fp] .assigned-associations-header {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    [b-u14tqlq1fp] .add-association-btn {
        width: 100%;
    }

    [b-u14tqlq1fp] .paging-bar-wrapper {
        display: none;
    }
}

/* /Components/Pages/Partials/QuickSearch.razor.rz.scp.css */
/* ── Clear button ───────────────────────────────────────────────────────────
   Give the Clear button a subtle outlined treatment so it reads as a
   secondary/reset action distinct from the primary search field. */
[b-9nnl9xo1vy] .filter-actions .atlas-btn {
    background: transparent;
    border: 1px solid var(--atlas-color-border, #d0d5dd);
    color: var(--atlas-color-text-muted, #667085);
}

    [b-9nnl9xo1vy] .filter-actions .atlas-btn:hover {
        background: rgba(0, 0, 0, 0.04);
        border-color: var(--atlas-color-text-muted, #667085);
    }

[data-bs-theme="dark"][b-9nnl9xo1vy]  .filter-actions .atlas-btn:hover {
    background: rgba(255, 255, 255, 0.06);
}

/* ── Phone layout ────────────────────────────────────────────────────────
   Stack the search field, Clear button, and record count full-width so
   the textbox isn't squeezed down to an unusable width on phones. */
@media (max-width: 700px) {
    [b-9nnl9xo1vy] .quick-search {
        flex-direction: column;
        align-items: stretch;
    }

    [b-9nnl9xo1vy] .quick-search .search-filter-group {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }

    [b-9nnl9xo1vy] .quick-search .search-filter-group input {
        width: 100%;
        min-height: 44px;
        font-size: 1rem;
    }

    [b-9nnl9xo1vy] .quick-search .filter-actions {
        width: 100%;
    }

        [b-9nnl9xo1vy] .quick-search .filter-actions .atlas-btn {
            width: 100%;
            min-height: 44px;
            font-size: 1rem;
            justify-content: center;
        }

    [b-9nnl9xo1vy] .quick-search .record-count {
        text-align: center;
        width: 100%;
    }
}
/* /Components/Pages/Reports/Associations/SeasonOverview.razor.rz.scp.css */
.reporting-breakdown-grid[b-oedpl2d24l] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

[b-oedpl2d24l] .state-association-date-filter {
    margin-bottom: 1.75rem;
}

[b-oedpl2d24l] .assoc-readonly-name {
    display: flex;
    align-items: center;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0;
    font-weight: 600;
    color: var(--atlas-color-text, inherit);
}

[b-oedpl2d24l] input[type="date"]::-webkit-calendar-picker-indicator {
    pointer-events: auto;
    cursor: pointer;
}

[b-oedpl2d24l] .apply-date-filter-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
}

[b-oedpl2d24l] .apply-date-filter-btn {
    height: calc(1.5em + 0.75rem + 2px);
    width: auto;
    align-self: flex-start;
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
}

.reporting-highlight-bar[b-oedpl2d24l] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    width: fit-content;
    max-width: 100%;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    padding: 0.6rem 1rem;
    margin-bottom: 1.25rem;
}

.reporting-highlight-item[b-oedpl2d24l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #1e3a8a;
    min-width: 90px;
}

.reporting-highlight-item--clickable[b-oedpl2d24l] {
    cursor: pointer;
    border-radius: 8px;
    padding: 0.15rem 0.5rem;
    transition: background 0.15s, transform 0.1s;
}

    .reporting-highlight-item--clickable:hover[b-oedpl2d24l],
    .reporting-highlight-item--clickable:focus-visible[b-oedpl2d24l] {
        background: rgba(30, 58, 138, 0.08);
        transform: translateY(-1px);
        outline: none;
    }

.reporting-highlight-value[b-oedpl2d24l] {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.1;
}

.reporting-highlight-label[b-oedpl2d24l] {
    font-size: 0.7rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
    margin-top: 0.15rem;
}

.reporting-highlight-divider[b-oedpl2d24l] {
    width: 1px;
    align-self: stretch;
    background: rgba(30, 58, 138, 0.15);
}

@media (max-width: 576px) {
    .reporting-highlight-bar[b-oedpl2d24l] {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .reporting-highlight-divider[b-oedpl2d24l] {
        display: none;
    }
}

.reporting-breakdown-title[b-oedpl2d24l] {
    font-size: .75rem;
    font-weight: 600;
    margin: 0 0 .75rem 0;
    padding: 0 3rem;
}

.reporting-breakdown-grid .atlas-table[b-oedpl2d24l] {
    margin-top: 0;
}

.reporting-breakdown-grid .selectable-row:hover[b-oedpl2d24l],
.reporting-breakdown-grid .selectable-row.selected[b-oedpl2d24l],
.atlas-activity-card .selectable-row:hover[b-oedpl2d24l],
.atlas-activity-card .selectable-row.selected[b-oedpl2d24l] {
    background-color: #eef2ff;
}

.atlas-table.sortable-table tbody tr.selectable-row[b-oedpl2d24l] {
    cursor: default;
    transition: background-color 0.15s ease;
}

.reporting-state-totals-title[b-oedpl2d24l] {
    margin-top: 1.5rem;
}

[b-oedpl2d24l] .stat-card-centered {
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    align-items: center;
    text-align: center;
    flex-direction: column;
    gap: 0.5rem;
}

    [b-oedpl2d24l] .stat-card-centered .stat-card-icon {
        width: 32px;
        height: 32px;
    }

    [b-oedpl2d24l] .stat-card-centered .stat-card-icon i {
        font-size: 16px;
    }

    [b-oedpl2d24l] .stat-card-centered .stat-card-content {
        text-align: center;
    }

    [b-oedpl2d24l] .stat-card-centered .stat-card-value-row {
        justify-content: center;
    }

@media (min-width: 768px) {
    .reporting-breakdown-grid[b-oedpl2d24l] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1400px) {
    .reporting-breakdown-grid[b-oedpl2d24l] {
        grid-template-columns: repeat(4, 1fr);
    }
}

[b-oedpl2d24l] .month-quick-select-group {
    min-width: 220px;
}

[b-oedpl2d24l] .year-quick-select-group {
    min-width: 140px;
}

[b-oedpl2d24l] .month-quick-select {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

[b-oedpl2d24l] .month-quick-select-btn {
    border: 1px solid #dbeafe;
    background: #eff6ff;
    color: #1e40af;
    border-radius: 6px;
    padding: 0.3rem 0.6rem;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

    [b-oedpl2d24l] .month-quick-select-btn:hover {
        background: #dbeafe;
        color: #1d4ed8;
    }

[b-oedpl2d24l] .month-quick-select-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-oedpl2d24l] .month-quick-select-btn--active {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

    [b-oedpl2d24l] .month-quick-select-btn--active:hover {
        background: #1e40af;
        color: #ffffff;
    }

.fouls-called-scroll[b-oedpl2d24l] {
    max-height: 320px;
    overflow-y: auto;
}

    .fouls-called-scroll table thead th[b-oedpl2d24l] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

.reporting-card-header[b-oedpl2d24l] {
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe;
    color: #1e40af;
    margin: 0;
    padding: 0.25rem .5rem !important;
    border-radius: 10px 10px 0 0;
}

.reporting-card-header-row[b-oedpl2d24l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background: #eff6ff;
    border-bottom: 1px solid #dbeafe;
    border-radius: 10px 10px 0 0;
    padding: 0.25rem .5rem;
}

    .reporting-card-header-row .reporting-breakdown-title[b-oedpl2d24l] {
        padding: 0;
        margin: 0;
    }

.fouls-called-search-inline[b-oedpl2d24l] {
    max-width: 180px;
}

    .fouls-called-search-inline input[b-oedpl2d24l] {
        height: 28px;
        padding: 0.15rem 0.5rem;
        font-size: 0.75rem;
    }

.reporting-breakdown-grid .foul-details-col[b-oedpl2d24l],
.atlas-activity-card .foul-details-col[b-oedpl2d24l] {
    width: 2.5rem;
}

[b-oedpl2d24l] .sortable-header {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}

[b-oedpl2d24l] .sortable-header:hover {
    background-color: #eef2ff;
    color: #4f46e5;
}

[b-oedpl2d24l] .sortable-header .sort-icon {
    margin-left: 0.25rem;
}

[data-bs-theme="dark"][b-oedpl2d24l]  .sortable-header:hover {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

.reporting-breakdown-grid .foul-details-view-btn[b-oedpl2d24l],
.atlas-activity-card .foul-details-view-btn[b-oedpl2d24l] {
    background: none;
    border: none;
    padding: 0.25rem;
    line-height: 1;
    color: #6b7280;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .reporting-breakdown-grid .foul-details-view-btn:hover[b-oedpl2d24l],
    .atlas-activity-card .foul-details-view-btn:hover[b-oedpl2d24l] {
        background-color: #eef2ff;
        color: #4f46e5;
    }

[data-bs-theme="dark"] .reporting-breakdown-grid .foul-details-view-btn:hover[b-oedpl2d24l],
[data-bs-theme="dark"] .atlas-activity-card .foul-details-view-btn:hover[b-oedpl2d24l] {
    background-color: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

/* Dark mode overrides */
[data-bs-theme="dark"] .reporting-highlight-bar[b-oedpl2d24l] {
    background: #1e293b;
    border-color: #334155;
}

[data-bs-theme="dark"] .reporting-highlight-item[b-oedpl2d24l] {
    color: #e2e8f0;
}

[data-bs-theme="dark"] .reporting-highlight-divider[b-oedpl2d24l] {
    background: rgba(226, 232, 240, 0.15);
}

[data-bs-theme="dark"] .reporting-highlight-item--clickable:hover[b-oedpl2d24l],
[data-bs-theme="dark"] .reporting-highlight-item--clickable:focus-visible[b-oedpl2d24l] {
    background: rgba(226, 232, 240, 0.12);
}

[data-bs-theme="dark"] .reporting-card-header[b-oedpl2d24l],
[data-bs-theme="dark"] .reporting-card-header-row[b-oedpl2d24l] {
    background: #0f172a;
    border-bottom-color: #334155;
    color: #a5b4fc;
}

[data-bs-theme="dark"][b-oedpl2d24l]  .month-quick-select-btn {
    background: #0f172a;
    border-color: #334155;
    color: #a5b4fc;
}

    [data-bs-theme="dark"][b-oedpl2d24l]  .month-quick-select-btn:hover {
        background: #334155;
        color: #c7d2fe;
    }

[data-bs-theme="dark"][b-oedpl2d24l]  .month-quick-select-btn--active {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
}

    [data-bs-theme="dark"][b-oedpl2d24l]  .month-quick-select-btn--active:hover {
        background: #4338ca;
        color: #ffffff;
    }
/* /Components/Shared/AdminHomeGameCard.razor.rz.scp.css */
/* Admin Home Game Card Component Styles - horizontal-first chip layout */

.game-card[b-xzbvz75cih] {
    background: white;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    border: 1px solid #e5e7eb;
    transition: all 0.2s ease;
}

.game-card--clickable[b-xzbvz75cih] {
    cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
    .game-card--clickable:hover[b-xzbvz75cih] {
        border-color: #667eea;
        box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
        transform: translateY(-2px);
    }
}

.game-card-header[b-xzbvz75cih] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #f3f4f6;
}

.game-card-date[b-xzbvz75cih] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.game-card-date i[b-xzbvz75cih] {
    color: #9ca3af;
}

.game-card-time[b-xzbvz75cih] {
    color: #9ca3af;
    padding-left: 0.5rem;
    border-left: 1px solid #e5e7eb;
}

.game-card-association[b-xzbvz75cih] {
    font-size: 0.75rem;
    color: #667eea;
    background: #ede9fe;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.game-card-teams[b-xzbvz75cih] {
    margin-bottom: 0.625rem;
}

.game-card-matchup[b-xzbvz75cih] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.375rem;
    font-weight: 600;
    color: #111827;
    line-height: 1.4;
}

.team-visitor[b-xzbvz75cih] {
    color: #374151;
}

.vs[b-xzbvz75cih] {
    color: #9ca3af;
    font-weight: 500;
    font-size: 0.8125rem;
    letter-spacing: 0.03em;
}

.team-home[b-xzbvz75cih] {
    color: #111827;
}

/* Horizontal, wrapping rows of compact chips so the card grows sideways
   before it grows tall. Each row wraps onto additional lines only when
   the available width runs out. */
.game-card-meta-row[b-xzbvz75cih] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.game-card-meta-row:last-of-type[b-xzbvz75cih] {
    margin-bottom: 0;
}

.meta-chip[b-xzbvz75cih] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.625rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.meta-chip i[b-xzbvz75cih] {
    font-size: 0.875rem;
}

.meta-chip--assignment[b-xzbvz75cih] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    color: #374151;
    border-radius: 8px;
}

.meta-chip--assignment i[b-xzbvz75cih] {
    color: #667eea;
}

.meta-chip-label[b-xzbvz75cih] {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.meta-chip .atlas-btn.atlas-btn-icon-only[b-xzbvz75cih] {
    padding: 0.15rem 0.4rem;
    min-height: unset;
    line-height: 1;
}

.play-numbers-chip[b-xzbvz75cih] {
    border-radius: 999px;
}

/* Status badge coloring, matching GameCard */
.status-badge[b-xzbvz75cih] {
    border: 1px solid transparent;
}

.status-badge.status-badge--clickable[b-xzbvz75cih] {
    cursor: pointer;
}

.status-badge.status-badge--clickable:hover[b-xzbvz75cih] {
    filter: brightness(0.95);
    transform: translateY(-1px);
}

.status-badge.status-completed[b-xzbvz75cih] {
    background: #d1fae5;
    color: #065f46;
    border-color: #6ee7b7;
}

.status-badge.status-in-progress[b-xzbvz75cih] {
    background: #fef3c7;
    color: #92400e;
    border-color: #fcd34d;
}

.status-badge.status-pending[b-xzbvz75cih] {
    background: #dbeafe;
    color: #1e40af;
    border-color: #93c5fd;
}

.status-badge.status-not-started[b-xzbvz75cih] {
    background: #fee2e2;
    color: #991b1b;
    border-color: #fca5a5;
}

.game-card-actions[b-xzbvz75cih] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f3f4f6;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 768px) {
    .game-card[b-xzbvz75cih] {
        padding: 0.875rem 1rem;
    }

    .game-card-date[b-xzbvz75cih] {
        font-size: 0.9375rem;
    }

    .game-card-matchup[b-xzbvz75cih] {
        font-size: 1.0625rem;
    }

    .meta-chip[b-xzbvz75cih] {
        font-size: 0.8125rem;
    }

    .meta-chip-label[b-xzbvz75cih] {
        max-width: 7.5rem;
    }
}

/* Touch-friendly tap targets for tablets and touch devices */
@media (max-width: 1024px), (pointer: coarse) {
    .status-badge--clickable[b-xzbvz75cih],
    .play-numbers-chip[b-xzbvz75cih] {
        min-height: 38px;
    }

    .meta-chip .atlas-btn.atlas-btn-icon-only[b-xzbvz75cih] {
        min-height: 32px;
        min-width: 32px;
    }
}

/* Dark mode overrides */
[data-bs-theme="dark"] .game-card[b-xzbvz75cih] {
   /* background: #1e293b; */
    background: var(--bs-body-bg, #fff);
    border-color: #334155;
}

@media (hover: hover) and (pointer: fine) {
    [data-bs-theme="dark"] .game-card--clickable:hover[b-xzbvz75cih] {
        border-color: #818cf8;
        box-shadow: 0 4px 12px rgba(129, 140, 248, 0.25);
    }
}

[data-bs-theme="dark"] .game-card-header[b-xzbvz75cih] {
    border-bottom-color: #334155;
}

[data-bs-theme="dark"] .game-card-date[b-xzbvz75cih] {
    color: #cbd5e1;
}

[data-bs-theme="dark"] .game-card-date i[b-xzbvz75cih] {
    color: #94a3b8;
}

[data-bs-theme="dark"] .game-card-time[b-xzbvz75cih] {
    color: #94a3b8;
    border-left-color: #334155;
}

[data-bs-theme="dark"] .game-card-association[b-xzbvz75cih] {
    color: #a5b4fc;
    background: rgba(129, 140, 248, 0.15);
}

[data-bs-theme="dark"] .game-card-matchup[b-xzbvz75cih] {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .team-visitor[b-xzbvz75cih] {
    color: #cbd5e1;
}

[data-bs-theme="dark"] .team-home[b-xzbvz75cih] {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .vs[b-xzbvz75cih] {
    color: #64748b;
}

[data-bs-theme="dark"] .meta-chip--assignment[b-xzbvz75cih] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

[data-bs-theme="dark"] .meta-chip--assignment i[b-xzbvz75cih] {
    color: #a5b4fc;
}

[data-bs-theme="dark"] .status-badge.status-completed[b-xzbvz75cih] {
    background: rgba(16, 185, 129, 0.18);
    color: #6ee7b7;
    border-color: rgba(110, 231, 183, 0.4);
}

[data-bs-theme="dark"] .status-badge.status-in-progress[b-xzbvz75cih] {
    background: rgba(245, 158, 11, 0.18);
    color: #fcd34d;
    border-color: rgba(252, 211, 77, 0.4);
}

[data-bs-theme="dark"] .status-badge.status-pending[b-xzbvz75cih] {
    background: rgba(59, 130, 246, 0.18);
    color: #93c5fd;
    border-color: rgba(147, 197, 253, 0.4);
}

[data-bs-theme="dark"] .status-badge.status-not-started[b-xzbvz75cih] {
    background: rgba(239, 68, 68, 0.18);
    color: #fca5a5;
    border-color: rgba(252, 165, 165, 0.4);
}

[data-bs-theme="dark"] .game-card-actions[b-xzbvz75cih] {
    border-top-color: #334155;
}
/* /Components/Shared/AssociationCard.razor.rz.scp.css */
.association-card[b-yvjgan5mkf] {
    cursor: pointer;
    padding: 0.75rem 1rem;
}

.association-card-name[b-yvjgan5mkf] {
    font-weight: 600;
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
}

.association-card-row[b-yvjgan5mkf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.association-card-type[b-yvjgan5mkf] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.association-card-type label[b-yvjgan5mkf] {
    font-size: 0.75rem;
    color: var(--atlas-color-text-muted, #6b7280);
    margin-bottom: 0;
}

.association-card-actions[b-yvjgan5mkf] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.association-card-actions .atlas-btn.atlas-btn-icon-only[b-yvjgan5mkf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
}

.association-card.is-selected[b-yvjgan5mkf] {
    border-color: var(--atlas-color-blue-light, #4a90d9);
}
/* /Components/Shared/AssociationDateFilter.razor.rz.scp.css */
.assoc-filter-group[b-g3ogzkynwl] {
    flex: 0 0 auto;
    width: fit-content;
    min-width: 0;
}

.start-date-filter-group[b-g3ogzkynwl] {
    min-width: 260px;
}

.end-date-filter-group[b-g3ogzkynwl] {
    min-width: 200px;
}

/* Restore the native calendar picker click behavior for the date fields,
   overriding the global pointer-events:none used to remove the icon from the tab order. */
[b-g3ogzkynwl] input[type="date"]::-webkit-calendar-picker-indicator {
    pointer-events: auto;
    cursor: pointer;
}

.update-filter-group[b-g3ogzkynwl] {
    flex: 0 0 auto;
    width: fit-content;
    min-width: 0;
}

.update-filter-btn[b-g3ogzkynwl] {
    width: auto;
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
}

    .assoc-filter-group select[b-g3ogzkynwl] {
        width: auto;
    }

.week-nav-icon[b-g3ogzkynwl] {
    color: var(--ds-link-color, #0d6efd);
}

.week-nav-link[b-g3ogzkynwl] {
    color: var(--ds-link-color, #0d6efd);
    opacity: 0.85;
}

    .week-nav-link:hover[b-g3ogzkynwl] {
        opacity: 1;
        background: rgba(13, 110, 253, 0.12);
        color: var(--ds-link-color, #0d6efd);
    }

.week-nav-current[b-g3ogzkynwl] {
    width: auto;
    height: auto;
    padding: 0.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* >=1024px: Association, Start Date, End Date share one row (default flex-wrap behavior) */

/* 768px - 1023px: Association on its own row; Start Date and End Date share a row */
@media (min-width: 768px) and (max-width: 1023.98px) {
    .assoc-filter-group[b-g3ogzkynwl] {
        flex-basis: 100%;
    }

    .start-date-filter-group[b-g3ogzkynwl],
    .end-date-filter-group[b-g3ogzkynwl] {
        flex: 1 1 0;
    }
}

/* Below 768px: every field stacks on its own line */
@media (max-width: 767.98px) {
    .assoc-filter-group[b-g3ogzkynwl],
    .start-date-filter-group[b-g3ogzkynwl],
    .end-date-filter-group[b-g3ogzkynwl],
    .update-filter-group[b-g3ogzkynwl] {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        min-width: 0 !important;
    }

    .assoc-filter-group select[b-g3ogzkynwl],
    .start-date-filter-group input[b-g3ogzkynwl],
    .end-date-filter-group input[b-g3ogzkynwl] {
        width: 100%;
        max-width: 100%;
    }

    .update-filter-group[b-g3ogzkynwl] {
        margin-top: 0.25rem;
    }

    .update-filter-label[b-g3ogzkynwl] {
        display: none;
    }

    .update-filter-btn[b-g3ogzkynwl] {
        width: 100%;
        min-height: 44px;
        font-size: 0.85rem;
        justify-content: center;
    }

    .field-label-row[b-g3ogzkynwl] {
        flex-wrap: wrap;
    }
}

/* Touch-friendly targets for tablets/phones */
@media (pointer: coarse) {
    .week-nav-group[b-g3ogzkynwl] {
        gap: 0.25rem;
    }

    .week-nav-link[b-g3ogzkynwl] {
        width: 2.25rem;
        height: 2.25rem;
        min-width: 44px;
        min-height: 44px;
    }

    .week-nav-current[b-g3ogzkynwl] {
        width: auto;
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .week-nav-icon[b-g3ogzkynwl] {
        width: 1rem;
        height: 1rem;
    }
}

/* Dark-mode friendly Update Dates button - the default atlas-btn-primary blue
   is too bright/saturated against dark backgrounds. */
[data-bs-theme="dark"] .update-filter-btn.atlas-btn-primary[b-g3ogzkynwl] {
    background-color: #375a7f;
    border-color: #375a7f;
    color: #e2e8f0;
}

    [data-bs-theme="dark"] .update-filter-btn.atlas-btn-primary:hover:not(:disabled)[b-g3ogzkynwl] {
        background-color: #2f4d6d;
        border-color: #2f4d6d;
        color: #fff;
    }

/* /Components/Shared/AssociationSeasonFilter.razor.rz.scp.css */
.assoc-filter-group[b-7xamikwyet],
.season-filter-group[b-7xamikwyet] {
    flex: 0 0 auto;
    width: fit-content;
    min-width: 0;
}

    .assoc-filter-group select[b-7xamikwyet],
    .season-filter-group select[b-7xamikwyet] {
        width: auto;
    }

/* >=1024px: Association and Season share one row (default flex-wrap behavior) */

/* Below 1024px: Association and Season stack on separate lines */
@media (max-width: 1023.98px) {
    .assoc-filter-group[b-7xamikwyet],
    .season-filter-group[b-7xamikwyet] {
        flex-basis: 100%;
    }
}
/* /Components/Shared/AssociationTeamContactTypeFilter.razor.rz.scp.css */
.assoc-team-contacttype-filter[b-zg9z4v6sbv] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.5rem;
    flex: 1 1 auto;
}

.assoc-filter-group[b-zg9z4v6sbv],
.team-filter-group[b-zg9z4v6sbv],
.contacttype-filter-group[b-zg9z4v6sbv],
.show-non-conference-filter-group[b-zg9z4v6sbv] {
    flex: 0 0 auto;
    width: fit-content;
    min-width: 0;
}

    .assoc-filter-group select[b-zg9z4v6sbv],
    .team-filter-group select[b-zg9z4v6sbv],
    .contacttype-filter-group select[b-zg9z4v6sbv],
    .show-non-conference-filter-group select[b-zg9z4v6sbv] {
        width: auto;
        padding-right: 1.75rem;
    }

    .show-non-conference-filter-group select[b-zg9z4v6sbv] {
        width: fit-content;
    }

/* >=1024px: all three filters share one row (default flex-wrap behavior) */

/* 768px - 1023.98px: Association and Team share a row, Contact Type stacks on its own line */
@media (max-width: 1023.98px) and (min-width: 768px) {
    .contacttype-filter-group[b-zg9z4v6sbv] {
        flex-basis: 100%;
    }
}

/* Below 768px (phone): all filters stack on separate lines */
@media (max-width: 767.98px) {
    .assoc-filter-group[b-zg9z4v6sbv],
    .team-filter-group[b-zg9z4v6sbv],
    .contacttype-filter-group[b-zg9z4v6sbv],
    .show-non-conference-filter-group[b-zg9z4v6sbv] {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
    }

        .assoc-filter-group select[b-zg9z4v6sbv],
        .team-filter-group select[b-zg9z4v6sbv],
        .contacttype-filter-group select[b-zg9z4v6sbv],
        .show-non-conference-filter-group select[b-zg9z4v6sbv] {
            width: 100%;
            max-width: 100%;
        }
}
/* /Components/Shared/AssociationTeamFilter.razor.rz.scp.css */
.assoc-filter-group[b-ux9phzkogj],
.team-filter-group[b-ux9phzkogj] {
    flex: 0 0 auto;
    width: fit-content;
    min-width: 0;
}

    .assoc-filter-group select[b-ux9phzkogj],
    .team-filter-group select[b-ux9phzkogj] {
        width: auto;
    }

/* >=1024px: Association and Team share one row (default flex-wrap behavior) */

/* Below 1024px: Association and Team stack on separate lines */
@media (max-width: 1023.98px) {
    .assoc-filter-group[b-ux9phzkogj],
    .team-filter-group[b-ux9phzkogj] {
        flex-basis: 100%;
    }
}
/* /Components/Shared/AssociationUserTypeFilter.razor.rz.scp.css */
.assoc-filter-group[b-mu842qq3db],
.usertype-filter-group[b-mu842qq3db] {
    flex: 0 0 auto;
    width: fit-content;
    min-width: 0;
}

    .assoc-filter-group select[b-mu842qq3db],
    .usertype-filter-group select[b-mu842qq3db] {
        width: auto;
        max-width: 100%;
    }

/* >=1024px: Association and User Type share one row (default flex-wrap behavior) */

/* Below 1024px: Association and User Type stack on separate lines */
@media (max-width: 1023.98px) {
    .assoc-filter-group[b-mu842qq3db],
    .usertype-filter-group[b-mu842qq3db] {
        flex-basis: 100%;
        width: 100%;
    }
}

/* Phones: full width dropdowns so long association/user type names don't overflow */
@media (max-width: 480px) {
    .assoc-filter-group select[b-mu842qq3db],
    .usertype-filter-group select[b-mu842qq3db] {
        width: 100%;
        font-size: 16px;
    }
}
/* /Components/Shared/AssociationWeekSelector.razor.rz.scp.css */
.association-week-selector[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.selector-left[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.selector-label[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

.selector-dropdown[b-sg4ceo9r3q] {
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f9fafb;
    color: #374151;
    cursor: pointer;
}

.selector-dropdown:focus[b-sg4ceo9r3q] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.selector-right[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    position: relative;
}

.week-controls[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.week-btn[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s ease;
}

.week-btn:hover[b-sg4ceo9r3q] {
    background: #667eea;
    border-color: #667eea;
    color: white;
}

.week-btn i[b-sg4ceo9r3q] {
    font-size: 1rem;
}

.week-display[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    padding: 0.5rem 1rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
}

.week-display:hover[b-sg4ceo9r3q] {
    background: #f3f4f6;
    border-color: #667eea;
}

.week-display i[b-sg4ceo9r3q] {
    font-size: 1rem;
    color: #667eea;
}

.week-dates[b-sg4ceo9r3q] {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

/* Date Picker Panel */
.date-picker-panel[b-sg4ceo9r3q] {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    min-width: 350px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    border: 1px solid #e5e7eb;
    z-index: 1000;
    animation: slideDown-b-sg4ceo9r3q 0.2s ease;
}

@keyframes slideDown-b-sg4ceo9r3q {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.date-picker-header[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px 12px 0 0;
    color: white;
    font-weight: 600;
    font-size: 0.9375rem;
}

.btn-close-picker[b-sg4ceo9r3q] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 6px;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-close-picker:hover[b-sg4ceo9r3q] {
    background: rgba(255, 255, 255, 0.3);
}

.date-picker-inputs[b-sg4ceo9r3q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
}

.date-input-group[b-sg4ceo9r3q] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.date-input-group label[b-sg4ceo9r3q] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.date-input[b-sg4ceo9r3q] {
    padding: 0.625rem 1rem;
    font-size: 0.9375rem;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.date-input:hover[b-sg4ceo9r3q] {
    border-color: #667eea;
}

.date-input:focus[b-sg4ceo9r3q] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.date-picker-actions[b-sg4ceo9r3q] {
    display: flex;
    gap: 0.75rem;
    padding: 0 1.25rem 1.25rem;
}

.btn-apply[b-sg4ceo9r3q],
.btn-today[b-sg4ceo9r3q] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-apply[b-sg4ceo9r3q] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.btn-apply:hover[b-sg4ceo9r3q] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.btn-today[b-sg4ceo9r3q] {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb;
}

.btn-today:hover[b-sg4ceo9r3q] {
    background: #e5e7eb;
}

/* Responsive Adjustments */
@media (max-width: 932px) {
    .association-week-selector[b-sg4ceo9r3q] {
        flex-direction: column;
        align-items: stretch;
    }

    .selector-left[b-sg4ceo9r3q],
    .selector-right[b-sg4ceo9r3q] {
        width: 100%;
    }

    .selector-dropdown[b-sg4ceo9r3q] {
        flex: 1;
    }

    .selector-right[b-sg4ceo9r3q] {
        justify-content: center;
    }

    .date-picker-panel[b-sg4ceo9r3q] {
        left: 0;
        right: 0;
        min-width: auto;
    }
}

/* iPhone-friendly touch targets and typography (labels, text, and controls
   inside .association-week-selector all scale UP on phone, never down) */
@media (max-width: 600px) {
    .selector-left[b-sg4ceo9r3q] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.4rem;
    }

    .selector-label[b-sg4ceo9r3q] {
        font-size: 1rem;
    }

    .selector-label i[b-sg4ceo9r3q] {
        font-size: 1.05rem;
    }

    .selector-dropdown[b-sg4ceo9r3q] {
        width: 100%;
        min-height: 3rem;
        font-size: 1.0625rem;
        padding: 0.6rem 0.85rem;
    }

    .selector-right[b-sg4ceo9r3q] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .week-controls[b-sg4ceo9r3q] {
        width: 100%;
        justify-content: space-between;
        gap: 0.5rem;
    }

    .week-btn[b-sg4ceo9r3q] {
        width: 3rem;
        height: 3rem;
        flex-shrink: 0;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
    }

    .week-btn i[b-sg4ceo9r3q],
    .week-btn .week-nav-icon[b-sg4ceo9r3q] {
        width: 16px;
        height: 16px;
    }

    .week-display[b-sg4ceo9r3q] {
        flex: 1;
        min-height: 3rem;
        justify-content: center;
        gap: 0.6rem;
        touch-action: manipulation;
    }

    .week-display i[b-sg4ceo9r3q] {
        font-size: 1.15rem;
    }

    .week-dates[b-sg4ceo9r3q] {
        font-size: 1.0625rem;
    }

    .date-picker-panel[b-sg4ceo9r3q] {
        top: calc(100% + 0.5rem);
        left: 0;
        right: 0;
        min-width: auto;
    }

    .date-picker-header[b-sg4ceo9r3q] {
        font-size: 1rem;
        padding: 0.9rem 1rem;
    }

    .date-picker-inputs[b-sg4ceo9r3q] {
        padding: 1rem;
        gap: 1.1rem;
    }

    .date-input-group label[b-sg4ceo9r3q] {
        font-size: 0.875rem;
    }

    .date-input[b-sg4ceo9r3q] {
        min-height: 3rem;
        font-size: 1.0625rem;
        padding: 0.65rem 0.85rem;
    }

    .date-picker-actions[b-sg4ceo9r3q] {
        flex-direction: column;
    }

    .btn-apply[b-sg4ceo9r3q],
    .btn-today[b-sg4ceo9r3q] {
        min-height: 3rem;
        font-size: 0.9375rem;
        width: 100%;
    }
}
/* /Components/Shared/EmailRecipientCard.razor.rz.scp.css */
/* Email Recipient Group Card Styles - mirrors GameCard.razor.css */

.recipient-card[b-rvtp4jxx0v] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    margin-bottom: 1rem;
}

.recipient-card-header[b-rvtp4jxx0v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
}

.recipient-card-title[b-rvtp4jxx0v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #111827;
}

.recipient-card-title i[b-rvtp4jxx0v] {
    color: #667eea;
}

.recipient-card-count[b-rvtp4jxx0v] {
    font-size: 0.75rem;
    color: #667eea;
    background: #ede9fe;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-weight: 600;
}

.recipient-card-body[b-rvtp4jxx0v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.recipient-contact[b-rvtp4jxx0v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    background: #f9fafb;
    border-radius: 6px;
    flex-wrap: wrap;
}

.recipient-contact--empty[b-rvtp4jxx0v] {
    justify-content: center;
    color: #9ca3af;
    font-size: 0.8125rem;
}

.recipient-contact-info[b-rvtp4jxx0v] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.recipient-contact-name[b-rvtp4jxx0v] {
    font-weight: 600;
    color: #111827;
    font-size: 0.875rem;
}

.recipient-contact-position[b-rvtp4jxx0v] {
    font-size: 0.75rem;
    color: #6b7280;
}

.recipient-contact-email[b-rvtp4jxx0v] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: #374151;
    word-break: break-all;
}

.recipient-contact-email i[b-rvtp4jxx0v] {
    color: #9ca3af;
    font-size: 0.75rem;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .recipient-card[b-rvtp4jxx0v] {
        padding: 1rem;
    }

    .recipient-card-title[b-rvtp4jxx0v] {
        font-size: 1rem;
    }

    .recipient-contact-name[b-rvtp4jxx0v],
    .recipient-contact-email[b-rvtp4jxx0v] {
        font-size: 0.9375rem;
    }

    .recipient-contact-position[b-rvtp4jxx0v] {
        font-size: 0.8125rem;
    }
}

/* Dark mode overrides */
[data-bs-theme="dark"] .recipient-card[b-rvtp4jxx0v] {
    background: var(--bs-body-bg, #fff);
    border-color: #334155;
}

[data-bs-theme="dark"] .recipient-card-header[b-rvtp4jxx0v] {
    border-bottom-color: #334155;
}

[data-bs-theme="dark"] .recipient-card-title[b-rvtp4jxx0v] {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .recipient-card-title i[b-rvtp4jxx0v] {
    color: #a5b4fc;
}

[data-bs-theme="dark"] .recipient-card-count[b-rvtp4jxx0v] {
    color: #a5b4fc;
    background: rgba(129, 140, 248, 0.15);
}

[data-bs-theme="dark"] .recipient-contact[b-rvtp4jxx0v] {
    background: #0f172a;
}

[data-bs-theme="dark"] .recipient-contact-name[b-rvtp4jxx0v] {
    color: #f1f5f9;
}

[data-bs-theme="dark"] .recipient-contact-position[b-rvtp4jxx0v] {
    color: #94a3b8;
}

[data-bs-theme="dark"] .recipient-contact-email[b-rvtp4jxx0v] {
    color: #e2e8f0;
}

[data-bs-theme="dark"] .recipient-contact-email i[b-rvtp4jxx0v] {
    color: #94a3b8;
}
/* /Components/Shared/StatCard.razor.rz.scp.css */
/* Stats Card Component Styles */

.stat-card[b-0k41cbw6i0] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.stat-card:hover[b-0k41cbw6i0] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.stat-card-icon[b-0k41cbw6i0] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-card-icon i[b-0k41cbw6i0] {
    font-size: 24px;
    color: white;
}

.stat-card-content[b-0k41cbw6i0] {
    flex: 1;
    min-width: 0;
}

.stat-card-label[b-0k41cbw6i0] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.stat-card-value[b-0k41cbw6i0] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
}

.stat-card-value-row[b-0k41cbw6i0] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.stat-card-percent[b-0k41cbw6i0] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #6b7280;
}

.stat-card-subtitle[b-0k41cbw6i0] {
    font-size: 0.8125rem;
    color: #9ca3af;
    margin-top: 0.25rem;
}

.stat-card-trend[b-0k41cbw6i0] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

.stat-card-trend.trend-up[b-0k41cbw6i0] {
    background: #d1fae5;
    color: #065f46;
}

.stat-card-trend.trend-down[b-0k41cbw6i0] {
    background: #fee2e2;
    color: #991b1b;
}

.stat-card-trend i[b-0k41cbw6i0] {
    font-size: 0.875rem;
}

@media (max-width: 768px) {
    .stat-card[b-0k41cbw6i0] {
        padding: 1.25rem;
    }

    .stat-card-icon[b-0k41cbw6i0] {
        width: 40px;
        height: 40px;
    }

    .stat-card-icon i[b-0k41cbw6i0] {
        font-size: 20px;
    }

    .stat-card-value[b-0k41cbw6i0] {
        font-size: 1.5rem;
    }
}
/* /Components/Shared/WeekNavigator.razor.rz.scp.css */
.week-navigator[b-neprrus7d4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
    margin-bottom: 1.5rem;
}

.week-nav-btn[b-neprrus7d4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    color: white;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.week-nav-btn:hover[b-neprrus7d4] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-1px);
}

.week-nav-btn:active[b-neprrus7d4] {
    transform: translateY(0);
}

.week-nav-btn i[b-neprrus7d4] {
    font-size: 1rem;
}

.week-display[b-neprrus7d4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    color: white;
    text-align: center;
}

.week-display i[b-neprrus7d4] {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}

.week-label[b-neprrus7d4] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.9;
}

.week-dates[b-neprrus7d4] {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .week-navigator[b-neprrus7d4] {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }

    .week-nav-btn[b-neprrus7d4] {
        width: 100%;
        justify-content: center;
        order: 2;
    }

    .week-nav-btn:first-child[b-neprrus7d4] {
        order: 1;
    }

    .week-nav-btn:last-child[b-neprrus7d4] {
        order: 3;
    }

    .week-display[b-neprrus7d4] {
        order: 0;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .week-nav-btn span[b-neprrus7d4] {
        display: none;
    }

    .week-nav-btn[b-neprrus7d4] {
        padding: 0.5rem 1rem;
    }

    .week-dates[b-neprrus7d4] {
        font-size: 1rem;
    }
}