@import '_content/XTOS.PlayerUI.ClientsCore.AccountComponents/XTOS.PlayerUI.ClientsCore.AccountComponents.gc21dm78cp.bundle.scp.css';
@import '_content/XTOS.PlayerUI.ClientsCore.Authentication/XTOS.PlayerUI.ClientsCore.Authentication.o2k8rm6s52.bundle.scp.css';
@import '_content/XTOS.PlayerUI.ClientsCore.BetslipComponents/XTOS.PlayerUI.ClientsCore.BetslipComponents.t3um3l9tfq.bundle.scp.css';
@import '_content/XTOS.PlayerUI.ClientsCore.DialogComponents/XTOS.PlayerUI.ClientsCore.DialogComponents.3vh5pfu5hd.bundle.scp.css';
@import '_content/XTOS.PlayerUI.ClientsCore.LayoutComponents/XTOS.PlayerUI.ClientsCore.LayoutComponents.h6vi8nt2m5.bundle.scp.css';
@import '_content/XTOS.PlayerUI.ClientsCore.MyBetsComponents/XTOS.PlayerUI.ClientsCore.MyBetsComponents.kept42cq1e.bundle.scp.css';

/* /AppDialogs/HistoryDetailsDialog.razor.rz.scp.css */
/* Main container */
.history-details[b-goemd0azhq] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* Header section */
.history-details__header[b-goemd0azhq] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--xtos-divider);
}

.history-details__ticket[b-goemd0azhq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.history-details__badge[b-goemd0azhq] {
    background-color: var(--xtos-secondary-color);
    color: var(--xtos-background-color);
    padding: 0.25rem 0.625rem;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    text-transform: uppercase;
}

.history-details__badge--success[b-goemd0azhq] {
    background-color: #28a745;
}

.history-details__badge--danger[b-goemd0azhq] {
    background-color: #dc3545;
}

.history-details__badge--warning[b-goemd0azhq] {
    background-color: #ffc107;
    color: #1a1a1a;
}

/* Card sections */
.history-details__section[b-goemd0azhq] {
    width: 100%;
}

.history-details__info-row[b-goemd0azhq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.history-details__info-item[b-goemd0azhq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.history-details__info-item i[b-goemd0azhq] {
    font-size: 0.875rem;
    margin-right: 0.25rem;
    opacity: 0.8;
}

.history-details__label[b-goemd0azhq] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--xtos-text-color-secondary);
}

/* Picks section
   ::deep is required because .history-details__picks-card is applied to the
   bfa-card root element which is rendered by Card.razor, not this component.
   Without ::deep, the scoped selector never matches that element. */
.history-details[b-goemd0azhq]  .history-details__picks-card {
    overflow: visible;
}

.history-details[b-goemd0azhq]  .history-details__description-card {
    overflow: visible;
}

.history-details[b-goemd0azhq]  .history-details__times-card {
    overflow: visible;
}

.history-details[b-goemd0azhq]  .history-details__summary {
    overflow: visible;
}

.history-details[b-goemd0azhq]  .history-details__result-card {
    overflow: visible;
}

.history-details__picks[b-goemd0azhq] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-x: hidden;
}

.history-details__pick-item[b-goemd0azhq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--xtos-divider);
    word-break: break-word;
    overflow-wrap: break-word;
}

.history-details__pick-item:last-child[b-goemd0azhq] {
    border-bottom: none;
    padding-bottom: 0;
}

.history-details__pick-item:first-child[b-goemd0azhq] {
    padding-top: 0;
}

/* Result section */
.history-details__result[b-goemd0azhq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0;
    text-align: center;
}

.history-details__divider-vertical[b-goemd0azhq] {
    width: 1px;
    background-color: var(--xtos-divider);
    margin: 0 0.75rem;
    align-self: stretch;
}

/* Financial summary with theme colors */
.history-details__summary[b-goemd0azhq] {
    background-color: var(--xtos-background-grey, #f9f9f9);
    border: 1px solid var(--xtos-divider);
}

.history-details__financial[b-goemd0azhq] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0.75rem 0;
}

.history-details__financial-item[b-goemd0azhq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    flex: 1;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .history-details[b-goemd0azhq] {
        padding: 0.625rem;
        gap: 0.625rem;
    }

    .history-details__info-row[b-goemd0azhq] {
        grid-template-columns: 1fr;
        gap: 0.625rem;
    }

    .history-details__pick-item[b-goemd0azhq] {
        padding: 0.375rem 0;
    }

    .history-details__financial[b-goemd0azhq] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 0.625rem 0;
    }

    .history-details__divider-vertical[b-goemd0azhq] {
        display: none;
    }

    .history-details__header[b-goemd0azhq] {
        padding-bottom: 0.625rem;
    }
}

/* Scrollbar Styling with theme colors */
.history-details[b-goemd0azhq]::-webkit-scrollbar {
    width: 6px;
}

.history-details[b-goemd0azhq]::-webkit-scrollbar-track {
    background: var(--xtos-background-grey, #f5f5f5);
    border-radius: 3px;
}

.history-details[b-goemd0azhq]::-webkit-scrollbar-thumb {
    background: var(--xtos-divider, #ddd);
    border-radius: 3px;
}

.history-details[b-goemd0azhq]::-webkit-scrollbar-thumb:hover {
    background: var(--xtos-secondary-color);
}
/* /AppDialogs/LoadingDialog.razor.rz.scp.css */
.loading-dialog[b-i5zq84ft3a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    gap: 10px;
}

.loading-title[b-i5zq84ft3a] {
    font-size: 1.5em;
    font-weight: bold;
}

.loading-subtitle[b-i5zq84ft3a] {
    font-size: 1.2em;
    color: gray;
}
/* /AppDialogs/MessagesDialog.razor.rz.scp.css */
.message-item[b-196vqdql0j] {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    gap: 15px;
}
/* /AppDialogs/OpenBetDetailsDialog.razor.rz.scp.css */
/* Main container - more compact vertical spacing */
.open-bet-details[b-fwpzqru95y] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Header section */
.open-bet-details__header[b-fwpzqru95y] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--xtos-divider);
}

.open-bet-details__ticket[b-fwpzqru95y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.open-bet-details__badge[b-fwpzqru95y] {
    background-color: var(--xtos-primary-color);
    color: var(--xtos-background-color);
    padding: 0.25rem 0.625rem;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

/* Card sections */
.open-bet-details__section[b-fwpzqru95y] {
    width: 100%;
}

/* Pierce into Card component scope (CSS isolation) so flex-shrink:0 reaches
   the Card's root <div> which is rendered by Card.razor, not this component. */
.open-bet-details[b-fwpzqru95y]  .bfa-card {
    flex-shrink: 0;
}

.open-bet-details__info-row[b-fwpzqru95y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.open-bet-details__info-item[b-fwpzqru95y] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.open-bet-details__label[b-fwpzqru95y] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--xtos-text-color-secondary);
}

/* Bet items - more compact layout with better organization */
.open-bet-details__bet-item[b-fwpzqru95y] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--xtos-divider);
}

.open-bet-details__bet-item:last-child[b-fwpzqru95y] {
    border-bottom: none;
    padding-bottom: 0;
}

.open-bet-details__bet-item:first-child[b-fwpzqru95y] {
    padding-top: 0;
}

/* Main bet description */
.open-bet-details__bet-main[b-fwpzqru95y] {
    font-weight: 500;
    line-height: 1.4;
}

/* Meta information row - compact horizontal layout */
.open-bet-details__bet-meta[b-fwpzqru95y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: center;
    margin-top: 0.125rem;
}

.open-bet-details__bet-meta i[b-fwpzqru95y] {
    font-size: 0.875rem;
    margin-right: 0.25rem;
    opacity: 0.8;
}

.open-bet-details__divider[b-fwpzqru95y] {
    margin: 0.5rem 0;
    padding: 0.375rem 0.5rem;
    background-color: var(--xtos-background-grey);
    border-left: 3px solid var(--xtos-primary-color);
    border-radius: 0.25rem;
    text-align: left;
}

.open-bet-details__divider-vertical[b-fwpzqru95y] {
    width: 1px;
    background-color: var(--xtos-divider);
    margin: 0 0.75rem;
    align-self: stretch;
}

/* Financial summary with theme colors */
.open-bet-details__summary[b-fwpzqru95y] {
    background-color: var(--xtos-background-grey);
    border: 1px solid var(--xtos-divider);
}

.open-bet-details__financial[b-fwpzqru95y] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0.75rem 0;
}

.open-bet-details__financial-item[b-fwpzqru95y] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    flex: 1;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .open-bet-details[b-fwpzqru95y] {
        padding: 0.625rem;
        gap: 0.5rem;
    }

    /* Reduce card body padding from 20 px to 0.75 rem (≈12 px) on mobile */
    .open-bet-details[b-fwpzqru95y]  .bfa-card__body {
        padding: 0.75rem;
    }

    .open-bet-details__info-row[b-fwpzqru95y] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .open-bet-details__info-item[b-fwpzqru95y] {
        gap: 0.125rem;
    }

    .open-bet-details__label[b-fwpzqru95y] {
        margin-bottom: 0.375rem;
    }

    .open-bet-details__bet-item[b-fwpzqru95y] {
        gap: 0.25rem;
        padding: 0.375rem 0;
    }

    .open-bet-details__bet-meta[b-fwpzqru95y] {
        gap: 0.375rem 0.75rem;
        margin-top: 0.0625rem;
    }

    .open-bet-details__financial[b-fwpzqru95y] {
        flex-direction: column;
        gap: 0.5rem;
        padding: 0.5rem 0;
    }

    .open-bet-details__divider-vertical[b-fwpzqru95y] {
        display: none;
    }

    .open-bet-details__header[b-fwpzqru95y] {
        padding-bottom: 0.5rem;
        gap: 0.25rem;
    }
}

@media (max-width: 480px) {
    .open-bet-details[b-fwpzqru95y] {
        padding: 0.5rem;
        gap: 0.375rem;
    }

    /* Further reduce card body padding on very small screens */
    .open-bet-details[b-fwpzqru95y]  .bfa-card__body {
        padding: 0.625rem;
    }

    .open-bet-details__bet-item[b-fwpzqru95y] {
        gap: 0.1875rem;
        padding: 0.25rem 0;
    }

    .open-bet-details__financial[b-fwpzqru95y] {
        gap: 0.375rem;
        padding: 0.375rem 0;
    }
}

/* Scrollbar styling is handled by the dialog-wrapper (single scroll container). */
/* /AppDialogs/SessionLogDetailDialog.razor.rz.scp.css */

.modal-overlay[b-4rvnp911u2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    animation: modalFadeIn-b-4rvnp911u2 0.3s ease;
}

.modal-container[b-4rvnp911u2] {
    max-width: 800px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    animation: modalSlideIn-b-4rvnp911u2 0.3s ease;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;
}

    .modal-container[b-4rvnp911u2]::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }

@keyframes modalFadeIn-b-4rvnp911u2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modalSlideIn-b-4rvnp911u2 {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.session-log-details[b-4rvnp911u2] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    overflow: hidden;
}

.session-log-details__header[b-4rvnp911u2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
    position: relative;
}

.session-log-details__header-content[b-4rvnp911u2] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-log-details__close-btn[b-4rvnp911u2] {
    background: transparent;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .session-log-details__close-btn:hover[b-4rvnp911u2] {
        background: rgba(0,0,0,0.05);
        color: #333;
    }

.session-log-details__content[b-4rvnp911u2] {
    padding: 24px;
}

.session-log-details__card[b-4rvnp911u2] {
    margin-bottom: 20px;
}

.session-log-details__grid[b-4rvnp911u2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.session-log-details__item[b-4rvnp911u2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.session-log-details__balance-table-wrapper[b-4rvnp911u2] {
    overflow-x: auto;
}

.session-log-details__balance-table[b-4rvnp911u2] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
}

    .session-log-details__balance-table th[b-4rvnp911u2] {
        background: #f8f9fa;
        font-weight: 600;
        color: #495057;
        border-bottom: 2px solid #dee2e6;
        padding: 12px 8px;
        text-align: left;
        font-size: 14px;
    }

    .session-log-details__balance-table td[b-4rvnp911u2] {
        padding: 12px 8px;
        vertical-align: middle;
        border-bottom: 1px solid #dee2e6;
    }

    .session-log-details__balance-table tr:last-child td[b-4rvnp911u2] {
        border-bottom: none;
    }

    .session-log-details__balance-table td.balance-label[b-4rvnp911u2] {
        font-weight: 500;
        background-color: #f8f9fa;
        border-right: 1px solid #dee2e6;
        width: 25%;
    }

    .session-log-details__balance-table td.balance-value[b-4rvnp911u2] {
        text-align: right;
        font-family: 'Courier New', monospace;
        width: 25%;
    }

        .session-log-details__balance-table td.balance-value.prev[b-4rvnp911u2] {
            border-right: 1px solid #dee2e6;
            font-family: 'RobotoCondensed';
        }

        .session-log-details__balance-table td.balance-value.session[b-4rvnp911u2] {
            border-right: 1px solid #dee2e6;
            font-weight: 600;
            font-family: RobotoCondensed;
        }

        .session-log-details__balance-table td.balance-value.new[b-4rvnp911u2] {
            font-weight: 600;
            font-family: RobotoCondensed;
        }

    .session-log-details__balance-table td.balance-positive[b-4rvnp911u2] {
        color: #28a745;
    }

    .session-log-details__balance-table td.balance-negative[b-4rvnp911u2] {
        color: #dc3545;
    }

    .session-log-details__balance-table tr:nth-child(2) td[b-4rvnp911u2] {
        border-top: 1px dashed #dee2e6;
        border-bottom: 1px dashed #dee2e6;
    }

.session-log-details__balance-cards[b-4rvnp911u2] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.balance-mobile-card[b-4rvnp911u2] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

.balance-mobile-card__header[b-4rvnp911u2] {
    background: #f8f9fa;
    padding: 12px 16px;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    color: #495057;
}

.balance-mobile-card__content[b-4rvnp911u2] {
    padding: 12px 16px;
}

.balance-mobile-row[b-4rvnp911u2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .balance-mobile-row:last-child[b-4rvnp911u2] {
        border-bottom: none;
    }

    .balance-mobile-row.highlight[b-4rvnp911u2] {
        background-color: #f8f9fa;
        margin: 8px -16px -12px -16px;
        padding: 12px 16px;
        border-top: 1px solid #dee2e6;
        font-weight: 600;
    }

.balance-mobile-label[b-4rvnp911u2] {
    color: #6c757d;
    font-size: 14px;
}

.balance-mobile-value[b-4rvnp911u2] {
    font-family: 'Courier New', monospace;
    font-size: 16px;
    font-weight: 500;
}

    .balance-mobile-value.balance-positive[b-4rvnp911u2] {
        color: #28a745;
    }

    .balance-mobile-value.balance-negative[b-4rvnp911u2] {
        color: #dc3545;
    }

.session-log-details__footer[b-4rvnp911u2] {
    padding: 20px 24px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    background: #f8f9fa;
}

@media (min-width: 769px) {
    .mobile-only[b-4rvnp911u2] {
        display: none;
    }
}

@media (max-width: 768px) {
    .desktop-only[b-4rvnp911u2] {
        display: none;
    }

    .mobile-only[b-4rvnp911u2] {
        display: flex;
    }

    .session-log-details__grid[b-4rvnp911u2] {
        grid-template-columns: 1fr;
        gap: 10px !important;
    }

    .modal-container[b-4rvnp911u2] {
        margin: 10px;
    }
}
/* /Components/BalanceNavMenu.razor.rz.scp.css */
[b-cwdgum55t0] .text-success {
    color: var(--xtos-success) !important;
}

[b-cwdgum55t0] .text-warning {
    color: var(--xtos-warning) !important;
}

[b-cwdgum55t0] .text-danger {
    color: var(--xtos-danger) !important;
}

[b-cwdgum55t0] .animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

[b-cwdgum55t0] .animate__bounceIn {
    animation: bounceIn-b-cwdgum55t0;
}

[b-cwdgum55t0] .animate__shakeX {
    animation: shakeX-b-cwdgum55t0;
}

[b-cwdgum55t0] .animate__rotate {
    animation: rotate-b-cwdgum55t0;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/* Balance dropdown content */
.balance-dropdown-content[b-cwdgum55t0] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

/* Main balance display - featured at top */
.balance-main-display[b-cwdgum55t0] {
    padding: 1rem;
    background: linear-gradient(135deg, var(--xtos-primary-color) 0%, var(--xtos-secondary-color) 100%);
    border-radius: 8px 8px 0 0;
    text-align: center;
    margin: -0.5rem -0.5rem 0 -0.5rem;
}

.balance-main-label[b-cwdgum55t0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.balance-main-value[b-cwdgum55t0] {
    font-size: 1.75rem;
    font-weight: bold;
    color: white;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Balance details list */
.balance-details-list[b-cwdgum55t0] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.75rem 0;
}

.balance-detail-item[b-cwdgum55t0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 1rem;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid var(--xtos-divider, rgba(0, 0, 0, 0.06));
}

.balance-detail-item:last-child[b-cwdgum55t0] {
    border-bottom: none;
}

.balance-detail-item:hover[b-cwdgum55t0] {
    background-color: var(--xtos-background-grey, rgba(0, 0, 0, 0.03));
}

.balance-detail-label[b-cwdgum55t0] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--xtos-text-color-secondary);
}

.balance-detail-value[b-cwdgum55t0] {
    font-size: 1rem;
    font-weight: bold;
    color: var(--xtos-text-color);
    font-variant-numeric: tabular-nums;
}

.balance-detail-value.negative[b-cwdgum55t0] {
    color: var(--xtos-danger);
    font-weight: 700;
}

.balance-detail-value.positive[b-cwdgum55t0] {
    color: var(--xtos-success);
    font-weight: 700;
}

/* View more link */
.balance-view-more-link[b-cwdgum55t0] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1rem;
    margin: 0.5rem 0 0 0;
    background: var(--xtos-primary-color);
    color: white;
    text-decoration: none;
    border-radius: 0 0 8px 8px;
    font-weight: bold;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.balance-view-more-link:hover[b-cwdgum55t0] {
    background: var(--xtos-secondary-color);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.balance-view-more-link i[b-cwdgum55t0] {
    font-size: 1rem;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
    .balance-main-display[b-cwdgum55t0] {
        padding: 1.25rem 1rem;
    }

    .balance-main-label[b-cwdgum55t0] {
        font-size: 0.8rem;
    }

    .balance-main-value[b-cwdgum55t0] {
        font-size: 2rem;
    }

    .balance-detail-item[b-cwdgum55t0] {
        padding: 0.875rem 1.25rem;
    }

    .balance-detail-label[b-cwdgum55t0],
    .balance-detail-value[b-cwdgum55t0] {
        font-size: 0.9375rem;
    }

    .balance-view-more-link[b-cwdgum55t0] {
        padding: 1rem 1.25rem;
        font-size: 0.9375rem;
    }

    .balance-view-more-link i[b-cwdgum55t0] {
        font-size: 1.125rem;
    }
}

/* Animation keyframes */
@keyframes bounceIn-b-cwdgum55t0 {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes shakeX-b-cwdgum55t0 {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes rotate-b-cwdgum55t0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Error container styles */
.balance-error-container[b-cwdgum55t0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem 1rem;
    text-align: center;
    min-height: 150px;
}

.balance-error-message[b-cwdgum55t0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    color: var(--xtos-text-color-secondary);
}

.balance-error-message i[b-cwdgum55t0] {
    font-size: 2rem;
}

.balance-error-message span[b-cwdgum55t0] {
    font-size: 0.9375rem;
    font-weight: 500;
}

.balance-retry-button[b-cwdgum55t0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
    border: none;
    background: var(--xtos-primary-color);
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.balance-retry-button:hover:not(:disabled)[b-cwdgum55t0] {
    background: var(--xtos-secondary-color);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transform: translateY(-1px);
}

.balance-retry-button:active:not(:disabled)[b-cwdgum55t0] {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.balance-retry-button:disabled[b-cwdgum55t0] {
    opacity: 0.7;
    cursor: not-allowed;
}

.balance-retry-button i[b-cwdgum55t0] {
    font-size: 1rem;
}
/* /Components/Button.razor.rz.scp.css */
/* Base Button Styles */
.bfa-button[b-qvn9z9dkoi] {
    font-family: var(--xtos-font-family);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1.5px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    min-width: 80px;
}

.bfa-button:focus[b-qvn9z9dkoi] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 112, 235, 0.2);
}

.bfa-button:active[b-qvn9z9dkoi] {
    transform: translateY(1px);
}

/* Sizes */
.bfa-button--small[b-qvn9z9dkoi] {
    padding: 4px 10px;
    font-size: 0.813em;
    min-height: 28px;
    min-width: 70px;
}

.bfa-button--medium[b-qvn9z9dkoi] {
    padding: 6px 14px;
    font-size: 0.938em;
    min-height: 32px;
    min-width: 80px;
}

.bfa-button--large[b-qvn9z9dkoi] {
    padding: 10px 20px;
    font-size: 1em;
    min-height: 40px;
    min-width: 100px;
}

/* Icon Only Variant */
.bfa-button--icon-only[b-qvn9z9dkoi] {
    padding: 0;
    border-radius: 50%;
    aspect-ratio: 1;
    min-width: 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bfa-button--icon-only.bfa-button--small[b-qvn9z9dkoi] {
    min-width: 28px;
    width: 28px;
    height: 28px;
}

.bfa-button--icon-only.bfa-button--large[b-qvn9z9dkoi] {
    min-width: 40px;
    width: 40px;
    height: 40px;
}

/* Primary Variant */
.bfa-button--primary[b-qvn9z9dkoi] {
    background-color: var(--xtos-primary-color);
    border-color: var(--xtos-primary-color);
    color: white;
}

.bfa-button--primary:hover:not(:disabled)[b-qvn9z9dkoi] {
    background-color: var(--xtos-secondary-color);
    border-color: var(--xtos-secondary-color);
}

/* Secondary Variant */
.bfa-button--secondary[b-qvn9z9dkoi] {
    background-color: var(--xtos-secondary-color);
    border-color: var(--xtos-secondary-color);
    color: white;
}

.bfa-button--secondary:hover:not(:disabled)[b-qvn9z9dkoi] {
    opacity: 0.85;
}

/* Tertiary Variant */
.bfa-button--tertiary[b-qvn9z9dkoi] {
    background-color: var(--xtos-tertiary-color);
    border-color: var(--xtos-tertiary-color);
    color: white;
}

.bfa-button--tertiary:hover:not(:disabled)[b-qvn9z9dkoi] {
    opacity: 0.85;
}

/* Success Variant */
.bfa-button--success[b-qvn9z9dkoi] {
    background-color: var(--xtos-success);
    border-color: var(--xtos-success);
    color: white;
}

.bfa-button--success:hover:not(:disabled)[b-qvn9z9dkoi] {
    opacity: 0.85;
}

/* Warning Variant */
.bfa-button--warning[b-qvn9z9dkoi] {
    background-color: var(--xtos-warning);
    border-color: var(--xtos-warning);
    color: white;
}

.bfa-button--warning:hover:not(:disabled)[b-qvn9z9dkoi] {
    opacity: 0.85;
}

/* Danger Variant */
.bfa-button--danger[b-qvn9z9dkoi] {
    background-color: var(--xtos-danger, #dc3545);
    border-color: var(--xtos-danger, #dc3545);
    color: white;
}

.bfa-button--danger:hover:not(:disabled)[b-qvn9z9dkoi] {
    opacity: 0.85;
}

/* Ghost Variant */
.bfa-button--ghost[b-qvn9z9dkoi] {
    background-color: transparent;
    border-color: transparent;
    color: var(--xtos-text-color);
    min-width: auto;
}

.bfa-button--ghost:hover:not(:disabled)[b-qvn9z9dkoi] {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Link Variant */
.bfa-button--link[b-qvn9z9dkoi] {
    background-color: transparent;
    border-color: transparent;
    color: var(--xtos-primary-color);
    text-decoration: underline;
    padding: 4px 8px;
    min-width: auto;
}

.bfa-button--link:hover:not(:disabled)[b-qvn9z9dkoi] {
    color: var(--xtos-secondary-color);
}

.bfa-button--link:active[b-qvn9z9dkoi] {
    transform: none;
}

/* Outline Variant */
.bfa-button--outline[b-qvn9z9dkoi] {
    background-color: transparent;
    border-color: var(--xtos-primary-color);
    color: var(--xtos-primary-color);
}

.bfa-button--outline:hover:not(:disabled)[b-qvn9z9dkoi] {
    background-color: var(--xtos-primary-color);
    color: white;
}

/* States */
.bfa-button--disabled[b-qvn9z9dkoi],
.bfa-button:disabled[b-qvn9z9dkoi] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.bfa-button--loading[b-qvn9z9dkoi] {
    pointer-events: none;
    opacity: 0.7;
}

.bfa-button--full-width[b-qvn9z9dkoi] {
    width: 100%;
    justify-content: center;
}

/* Icon Styles */
.bfa-button__icon[b-qvn9z9dkoi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 1.125em;
}

.bfa-button--icon-only .bfa-button__icon[b-qvn9z9dkoi] {
    margin: 0;
}

.bfa-button__icon--left[b-qvn9z9dkoi] {
    margin-right: -2px;
}

.bfa-button__icon--right[b-qvn9z9dkoi] {
    margin-left: -2px;
}

.bfa-button--icon-only .bfa-button__icon--left[b-qvn9z9dkoi],
.bfa-button--icon-only .bfa-button__icon--right[b-qvn9z9dkoi] {
    margin: 0;
}

/* Content */
.bfa-button__content[b-qvn9z9dkoi] {
    line-height: 1;
}

/* Spinner */
.bfa-button__spinner[b-qvn9z9dkoi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    animation: bfa-button-spin-b-qvn9z9dkoi 1s linear infinite;
}

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

/* Badge */
.bfa-button__badge[b-qvn9z9dkoi] {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: var(--xtos-danger, #dc3545);
    color: white;
    font-size: 0.688em;
    font-weight: 700;
    padding: 2px 4px;
    border-radius: 10px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 2px var(--xtos-background-color, white);
}

/* Responsive */
@media (max-width: 768px) {
    .bfa-button--small[b-qvn9z9dkoi] {
        min-height: 32px;
    }

    .bfa-button--medium[b-qvn9z9dkoi] {
        min-height: 36px;
    }

    .bfa-button--large[b-qvn9z9dkoi] {
        min-height: 44px;
    }
}

/* Button Groups */
[b-qvn9z9dkoi] .button-group {
    display: inline-flex;
    border-radius: 3px;
    isolation: isolate;
}

[b-qvn9z9dkoi] .button-group .bfa-button {
    border-radius: 0;
    margin-left: -1.5px;
    position: relative;
}

[b-qvn9z9dkoi] .button-group .bfa-button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0;
}

[b-qvn9z9dkoi] .button-group .bfa-button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

[b-qvn9z9dkoi] .button-group .bfa-button:hover,
[b-qvn9z9dkoi] .button-group .bfa-button:focus {
    z-index: 1;
}

[b-qvn9z9dkoi] .button-group .bfa-button--icon-only {
    border-radius: 0;
}

[b-qvn9z9dkoi] .button-group .bfa-button--icon-only:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

[b-qvn9z9dkoi] .button-group .bfa-button--icon-only:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/* /Components/Caption.razor.rz.scp.css */
/* Base Caption Styles */
.bfa-caption[b-953q68pidm] {
    font-family: var(--xtos-font-family);
    font-size: 0.75em;
    line-height: 1.4;
    display: block;
    margin: 4px 0;
}

/* Variants */
.bfa-caption--default[b-953q68pidm] {
    color: var(--xtos-text-color-secondary);
}

.bfa-caption--helper[b-953q68pidm] {
    color: var(--xtos-text-color-secondary);
}

.bfa-caption--error[b-953q68pidm] {
    color: var(--xtos-danger, #dc3545);
}

.bfa-caption--success[b-953q68pidm] {
    color: var(--xtos-success);
}

.bfa-caption--warning[b-953q68pidm] {
    color: var(--xtos-warning);
}

/* Alignment */
.bfa-caption--left[b-953q68pidm] {
    text-align: left;
}

.bfa-caption--center[b-953q68pidm] {
    text-align: center;
}

.bfa-caption--right[b-953q68pidm] {
    text-align: right;
}

/* States */
.bfa-caption--no-margin[b-953q68pidm] {
    margin: 0;
}
/* /Components/Card.razor.rz.scp.css */
/* Base Card Styles */
.bfa-card[b-8yyzg48c0u] {
    font-family: var(--xtos-font-family);
    background: white;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.bfa-card--full-width[b-8yyzg48c0u] {
    width: 100%;
}

.bfa-card--allow-overflow[b-8yyzg48c0u] {
    overflow: visible;
}

/* Card Variants */
.bfa-card--default[b-8yyzg48c0u] {
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.bfa-card--outlined[b-8yyzg48c0u] {
    border: 1.5px solid rgba(0, 0, 0, 0.12);
}

.bfa-card--elevated[b-8yyzg48c0u] {
    border: none;
}

/* Elevation Levels */
.bfa-card--elevation-none[b-8yyzg48c0u] {
    box-shadow: none;
}

.bfa-card--elevation-low[b-8yyzg48c0u] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.bfa-card--elevation-medium[b-8yyzg48c0u] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.bfa-card--elevation-high[b-8yyzg48c0u] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Hoverable State */
.bfa-card--hoverable:hover[b-8yyzg48c0u] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Clickable State */
.bfa-card--clickable[b-8yyzg48c0u] {
    cursor: pointer;
}

.bfa-card--clickable:active[b-8yyzg48c0u] {
    transform: translateY(0);
}

/* Card Header */
.bfa-card__header[b-8yyzg48c0u] {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    font-weight: 600;
    color: var(--xtos-text-color);
    font-size: 1em;
}

/* Card Body */
.bfa-card__body[b-8yyzg48c0u] {
    padding: 20px;
    color: var(--xtos-text-color);
}

.bfa-card--no-padding .bfa-card__body[b-8yyzg48c0u] {
    padding: 0;
}

.bfa-card__title[b-8yyzg48c0u] {
    margin: 0 0 12px 0;
    font-size: 1.25em;
    font-weight: 600;
    color: var(--xtos-text-color);
}

.bfa-card__content[b-8yyzg48c0u] {
    margin: 0;
    line-height: 1.6;
    color: var(--xtos-text-color-secondary);
    font-size: 0.938em;
}

/* Card Footer */
.bfa-card__footer[b-8yyzg48c0u] {
    padding: 12px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.875em;
    color: var(--xtos-text-color-secondary);
}

/* Responsive */
@media (max-width: 768px) {
    .bfa-card__header[b-8yyzg48c0u] {
        padding: 14px 16px;
    }

    .bfa-card__body[b-8yyzg48c0u] {
        padding: 16px;
    }

    .bfa-card__footer[b-8yyzg48c0u] {
        padding: 10px 16px;
    }
}
/* /Components/Checkbox.razor.rz.scp.css */
/* Base Checkbox Styles */
.bfa-checkbox[b-73th9b1tap] {
    font-family: var(--xtos-font-family);
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.bfa-checkbox__container[b-73th9b1tap] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.bfa-checkbox--disabled .bfa-checkbox__container[b-73th9b1tap] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Hidden Native Input */
.bfa-checkbox__input[b-73th9b1tap] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Custom Checkmark */
.bfa-checkbox__checkmark[b-73th9b1tap] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    background-color: transparent;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.bfa-checkbox__checkmark i[b-73th9b1tap] {
    color: white;
    font-size: 0.875em;
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Sizes */
.bfa-checkbox--small .bfa-checkbox__checkmark[b-73th9b1tap] {
    width: 16px;
    height: 16px;
}

.bfa-checkbox--medium .bfa-checkbox__checkmark[b-73th9b1tap] {
    width: 20px;
    height: 20px;
}

.bfa-checkbox--large .bfa-checkbox__checkmark[b-73th9b1tap] {
    width: 24px;
    height: 24px;
}

/* Hover State */
.bfa-checkbox__container:hover .bfa-checkbox__checkmark[b-73th9b1tap] {
    border-color: var(--xtos-primary-color);
    background-color: rgba(0, 112, 235, 0.05);
}

/* Focus State */
.bfa-checkbox__input:focus + .bfa-checkbox__checkmark[b-73th9b1tap] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 112, 235, 0.2);
}

/* Checked State */
.bfa-checkbox--checked .bfa-checkbox__checkmark[b-73th9b1tap] {
    background-color: var(--xtos-primary-color);
    border-color: var(--xtos-primary-color);
}

/* Checked + Hover State - darker for better feedback */
.bfa-checkbox--checked .bfa-checkbox__container:hover .bfa-checkbox__checkmark[b-73th9b1tap] {
    background-color: var(--xtos-secondary-color);
    border-color: var(--xtos-secondary-color);
    filter: brightness(0.85);
}

.bfa-checkbox--checked .bfa-checkbox__checkmark i[b-73th9b1tap] {
    opacity: 1;
}

/* Indeterminate State */
.bfa-checkbox--indeterminate .bfa-checkbox__checkmark[b-73th9b1tap] {
    background-color: var(--xtos-primary-color);
    border-color: var(--xtos-primary-color);
}

/* Label */
.bfa-checkbox__label[b-73th9b1tap] {
    color: var(--xtos-text-color);
    font-size: 0.938em;
    line-height: 1.4;
}

.bfa-checkbox--small .bfa-checkbox__label[b-73th9b1tap] {
    font-size: 0.813em;
}

.bfa-checkbox--large .bfa-checkbox__label[b-73th9b1tap] {
    font-size: 1em;
}

.bfa-checkbox__required[b-73th9b1tap] {
    color: var(--xtos-danger, #dc3545);
    font-weight: 700;
    margin-left: 2px;
}

/* Helper Text */
.bfa-checkbox__helper[b-73th9b1tap] {
    font-size: 0.75em;
    color: var(--xtos-text-color-secondary);
    line-height: 1.4;
    margin-left: 28px;
}

.bfa-checkbox--small .bfa-checkbox__helper[b-73th9b1tap] {
    margin-left: 24px;
}

.bfa-checkbox--large .bfa-checkbox__helper[b-73th9b1tap] {
    margin-left: 32px;
}

/* Disabled State */
.bfa-checkbox--disabled .bfa-checkbox__checkmark[b-73th9b1tap] {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.2);
}

.bfa-checkbox--disabled.bfa-checkbox--checked .bfa-checkbox__checkmark[b-73th9b1tap] {
    background-color: rgba(0, 112, 235, 0.3);
    border-color: rgba(0, 112, 235, 0.3);
}
/* /Components/ComboBox.razor.rz.scp.css */
.bfa-combobox[b-556n2y3pd7] {
    font-family: var(--xtos-font-family);
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.bfa-combobox__label[b-556n2y3pd7] {
    display: block;
    font-size: 0.813em;
    font-weight: 600;
    color: var(--xtos-text-color);
    margin-bottom: 4px;
}

.bfa-combobox__label-text[b-556n2y3pd7] {
    display: block;
}

.bfa-combobox__input-wrapper[b-556n2y3pd7] {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--xtos-background-color);
    border: 1.5px solid var(--xtos-primary-color);
    border-radius: 3px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.bfa-combobox__input-wrapper:hover[b-556n2y3pd7] {
    border-color: var(--xtos-secondary-color);
}

.bfa-combobox--open .bfa-combobox__input-wrapper[b-556n2y3pd7] {
    border-color: var(--xtos-primary-color);
    box-shadow: 0 0 0 2px rgba(0, 112, 235, 0.08);
}

.bfa-combobox__input[b-556n2y3pd7],
.bfa-combobox__display[b-556n2y3pd7] {
    flex: 1;
    padding: 6px 8px;
    font-size: 0.938em;
    font-family: var(--xtos-font-family);
    background: transparent;
    border: none;
    outline: none;
    color: var(--xtos-text-color);
    cursor: text;
    min-width: 0;
}

.bfa-combobox__input[b-556n2y3pd7]::placeholder {
    color: var(--xtos-text-color-secondary);
    opacity: 0.6;
}

.bfa-combobox__display[b-556n2y3pd7] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.bfa-combobox__selected-text[b-556n2y3pd7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bfa-combobox__clear[b-556n2y3pd7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--xtos-text-color-secondary);
    transition: color 0.2s ease, background-color 0.2s ease;
    border-radius: 3px;
    margin-right: 2px;
    opacity: 1;
}

.bfa-combobox__clear:hover[b-556n2y3pd7] {
    color: var(--xtos-danger, red);
    background-color: rgba(255, 0, 0, 0.05);
}

.bfa-combobox__clear:focus[b-556n2y3pd7] {
    outline: none;
}

.bfa-combobox__toggle[b-556n2y3pd7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    background: transparent;
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: var(--xtos-primary-color);
    transition: background-color 0.2s ease;
    flex-shrink: 0;
}

.bfa-combobox__toggle:hover[b-556n2y3pd7] {
    background-color: rgba(0, 0, 0, 0.05);
}

.bfa-combobox__toggle:focus[b-556n2y3pd7] {
    outline: none;
}

.bfa-combobox__icon[b-556n2y3pd7] {
    transition: transform 0.2s ease;
    color: var(--xtos-primary-color);
}

.bfa-combobox__icon--rotated[b-556n2y3pd7] {
    transform: rotate(180deg);
}

.bfa-combobox__dropdown[b-556n2y3pd7] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    background-color: var(--xtos-background-color);
    border: 1.5px solid var(--xtos-primary-color);
    border-radius: 3px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
    z-index: 1000;
    max-height: 280px;
    overflow-y: auto;
    animation: slideDown-b-556n2y3pd7 0.15s ease;
}

.bfa-combobox__dropdown--top[b-556n2y3pd7] {
    top: auto;
    bottom: calc(100% + 2px);
    animation: slideUp-b-556n2y3pd7 0.15s ease;
}

.bfa-combobox__dropdown--bottom[b-556n2y3pd7] {
    top: calc(100% + 2px);
    bottom: auto;
}

.bfa-combobox__list[b-556n2y3pd7] {
    list-style: none;
    padding: 3px;
    margin: 0;
}

.bfa-combobox__item[b-556n2y3pd7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 8px;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color 0.12s ease;
    color: var(--xtos-text-color);
    font-size: 0.938em;
    user-select: none;
}

.bfa-combobox__item:hover[b-556n2y3pd7] {
    background-color: rgba(0, 112, 235, 0.1);
}

.bfa-combobox__item--selected[b-556n2y3pd7] {
    background-color: rgba(0, 112, 235, 0.15);
    font-weight: 600;
    color: var(--xtos-primary-color);
}

.bfa-combobox__item--selected:hover[b-556n2y3pd7] {
    background-color: rgba(0, 112, 235, 0.2);
}

.bfa-combobox__item--empty[b-556n2y3pd7] {
    color: var(--xtos-text-color-secondary);
    cursor: default;
    text-align: center;
    font-style: italic;
}

.bfa-combobox__item--empty:hover[b-556n2y3pd7] {
    background-color: transparent;
}

.bfa-combobox__checkmark[b-556n2y3pd7] {
    flex-shrink: 0;
    margin-left: 6px;
    color: var(--xtos-success);
}

.bfa-combobox--disabled[b-556n2y3pd7] {
    opacity: 0.6;
    cursor: not-allowed;
}

.bfa-combobox--disabled .bfa-combobox__input-wrapper[b-556n2y3pd7] {
    background-color: var(--xtos-disabled-color);
    border-color: var(--xtos-disabled-color);
}

.bfa-combobox--disabled .bfa-combobox__input[b-556n2y3pd7],
.bfa-combobox--disabled .bfa-combobox__display[b-556n2y3pd7],
.bfa-combobox--disabled .bfa-combobox__toggle[b-556n2y3pd7] {
    cursor: not-allowed;
}

/* Scrollbar Styling */
.bfa-combobox__dropdown[b-556n2y3pd7]::-webkit-scrollbar {
    width: 6px;
}

.bfa-combobox__dropdown[b-556n2y3pd7]::-webkit-scrollbar-track {
    background: transparent;
}

.bfa-combobox__dropdown[b-556n2y3pd7]::-webkit-scrollbar-thumb {
    background: rgba(0, 112, 235, 0.3);
    border-radius: 3px;
}

.bfa-combobox__dropdown[b-556n2y3pd7]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 112, 235, 0.5);
}

/* Animations */
@keyframes slideDown-b-556n2y3pd7 {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp-b-556n2y3pd7 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bfa-combobox__dropdown[b-556n2y3pd7] {
        max-height: 240px;
    }

    .bfa-combobox__item[b-556n2y3pd7] {
        padding: 9px 10px;
    }
}
/* /Components/DateTimeSelector.razor.rz.scp.css */
.bfa-datetime-selector[b-kfy9gmesql] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-family: var(--xtos-font-family);
    width: 100%;
}

.bfa-datetime-selector__label[b-kfy9gmesql] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--xtos-text-color);
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
}

.bfa-datetime-selector__required[b-kfy9gmesql] {
    color: var(--xtos-danger);
    font-weight: 600;
}

.bfa-datetime-selector__wrapper[b-kfy9gmesql] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.bfa-datetime-selector__input[b-kfy9gmesql] {
    width: 100%;
    padding: 0.75rem 2.75rem 0.75rem 2.75rem;
    font-size: var(--xtos-text-size);
    font-family: var(--xtos-font-family);
    color: var(--xtos-text-color);
    background-color: var(--xtos-background-color);
    border: 2px solid var(--xtos-divider);
    border-radius: 8px;
    outline: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.bfa-datetime-selector__input:hover:not(:disabled)[b-kfy9gmesql] {
    border-color: var(--xtos-primary-color);
}

.bfa-datetime-selector__input:focus[b-kfy9gmesql] {
    border-color: var(--xtos-primary-color);
    box-shadow: 0 0 0 3px rgba(var(--xtos-primary-color-rgb, 59, 130, 246), 0.1);
}

.bfa-datetime-selector__input:disabled[b-kfy9gmesql] {
    background-color: var(--xtos-background-grey);
    color: var(--xtos-text-disabled);
    cursor: not-allowed;
    opacity: 0.6;
}

.bfa-datetime-selector__input[aria-invalid="true"][b-kfy9gmesql] {
    border-color: var(--xtos-danger);
}

.bfa-datetime-selector__input[aria-invalid="true"]:focus[b-kfy9gmesql] {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.bfa-datetime-selector__icon[b-kfy9gmesql] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--xtos-text-color-secondary);
    pointer-events: none;
    transition: color 0.2s ease;
}

.bfa-datetime-selector__icon--left[b-kfy9gmesql] {
    left: 0.875rem;
}

.bfa-datetime-selector--focused .bfa-datetime-selector__icon[b-kfy9gmesql] {
    color: var(--xtos-primary-color);
}

.bfa-datetime-selector--error .bfa-datetime-selector__icon[b-kfy9gmesql] {
    color: var(--xtos-danger);
}

.bfa-datetime-selector__clear[b-kfy9gmesql] {
    position: absolute;
    right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    background: none;
    border: none;
    border-radius: 4px;
    color: var(--xtos-text-color-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 1;
}

.bfa-datetime-selector__clear:hover[b-kfy9gmesql] {
    background-color: var(--xtos-background-grey);
    color: var(--xtos-text-color);
}

.bfa-datetime-selector__clear:active[b-kfy9gmesql] {
    transform: scale(0.95);
}

.bfa-datetime-selector__error[b-kfy9gmesql] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.813rem;
    color: var(--xtos-danger);
    margin: 0;
}

.bfa-datetime-selector__helper[b-kfy9gmesql] {
    display: block;
    font-size: 0.813rem;
    color: var(--xtos-text-color-secondary);
    margin: 0;
}

/* Size Variants */
.bfa-datetime-selector--small .bfa-datetime-selector__input[b-kfy9gmesql] {
    padding: 0.5rem 2.25rem 0.5rem 2.25rem;
    font-size: 0.875rem;
}

.bfa-datetime-selector--small .bfa-datetime-selector__icon--left[b-kfy9gmesql] {
    left: 0.625rem;
}

.bfa-datetime-selector--small .bfa-datetime-selector__clear[b-kfy9gmesql] {
    right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
}

.bfa-datetime-selector--large .bfa-datetime-selector__input[b-kfy9gmesql] {
    padding: 1rem 3.25rem 1rem 3.25rem;
    font-size: 1.125rem;
}

.bfa-datetime-selector--large .bfa-datetime-selector__icon--left[b-kfy9gmesql] {
    left: 1rem;
}

.bfa-datetime-selector--large .bfa-datetime-selector__clear[b-kfy9gmesql] {
    right: 1rem;
    width: 1.75rem;
    height: 1.75rem;
}

/* Custom Calendar Icon Styling */
.bfa-datetime-selector__input[b-kfy9gmesql]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* Dark mode support (if needed) */
@media (prefers-color-scheme: dark) {
    .bfa-datetime-selector__input[b-kfy9gmesql] {
        background-color: var(--xtos-background-color);
        color: var(--xtos-text-color);
    }
}

/* Accessibility: Focus visible for keyboard navigation */
.bfa-datetime-selector__input:focus-visible[b-kfy9gmesql] {
    outline: 2px solid var(--xtos-primary-color);
    outline-offset: 2px;
}

.bfa-datetime-selector__clear:focus-visible[b-kfy9gmesql] {
    outline: 2px solid var(--xtos-primary-color);
    outline-offset: 2px;
}

/* Animation for error state */
@keyframes shake-b-kfy9gmesql {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}

.bfa-datetime-selector--error .bfa-datetime-selector__input[b-kfy9gmesql] {
    animation: shake-b-kfy9gmesql 0.3s ease-in-out;
}

/* Responsive Design */
@media (max-width: 768px) {
    .bfa-datetime-selector__input[b-kfy9gmesql] {
        font-size: 16px; /* Prevents zoom on iOS */
    }
}
/* /Components/EmptyState.razor.rz.scp.css */
/* Empty State Component Styles */

.bfa-empty-state[b-x09oln6ao9] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: var(--xtos-spacing-xl);
    text-align: center;
}

.bfa-empty-state__content[b-x09oln6ao9] {
    max-width: 480px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--xtos-spacing-lg);
}

/* Icon Styles */
.bfa-empty-state__icon[b-x09oln6ao9] {
    font-size: 64px;
    color: var(--xtos-color-text-muted);
    opacity: 0.5;
    line-height: 1;
}

.bfa-empty-state__icon--custom[b-x09oln6ao9] {
    font-size: inherit;
}

/* Message Styles */
.bfa-empty-state__message[b-x09oln6ao9] {
    color: var(--xtos-color-text-muted);
    font-size: var(--xtos-font-size-md);
    line-height: 1.5;
}

/* Actions Styles */
.bfa-empty-state__actions[b-x09oln6ao9] {
    margin-top: var(--xtos-spacing-md);
    display: flex;
    gap: var(--xtos-spacing-md);
    justify-content: center;
    flex-wrap: wrap;
}

/* Size Variants */
.bfa-empty-state--small[b-x09oln6ao9] {
    min-height: 200px;
    padding: var(--xtos-spacing-lg);
}

.bfa-empty-state--small .bfa-empty-state__content[b-x09oln6ao9] {
    max-width: 360px;
    gap: var(--xtos-spacing-md);
}

.bfa-empty-state--small .bfa-empty-state__icon[b-x09oln6ao9] {
    font-size: 48px;
}

.bfa-empty-state--large[b-x09oln6ao9] {
    min-height: 400px;
    padding: var(--xtos-spacing-2xl);
}

.bfa-empty-state--large .bfa-empty-state__content[b-x09oln6ao9] {
    max-width: 600px;
    gap: var(--xtos-spacing-xl);
}

.bfa-empty-state--large .bfa-empty-state__icon[b-x09oln6ao9] {
    font-size: 80px;
}

/* Compact Variant */
.bfa-empty-state--compact[b-x09oln6ao9] {
    min-height: 150px;
    padding: var(--xtos-spacing-md);
}

.bfa-empty-state--compact .bfa-empty-state__content[b-x09oln6ao9] {
    gap: var(--xtos-spacing-sm);
}

.bfa-empty-state--compact .bfa-empty-state__icon[b-x09oln6ao9] {
    font-size: 40px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .bfa-empty-state[b-x09oln6ao9] {
        padding: var(--xtos-spacing-lg);
    }

    .bfa-empty-state__icon[b-x09oln6ao9] {
        font-size: 56px;
    }

    .bfa-empty-state--large .bfa-empty-state__icon[b-x09oln6ao9] {
        font-size: 64px;
    }
}

@media (max-width: 480px) {
    .bfa-empty-state[b-x09oln6ao9] {
        min-height: 250px;
        padding: var(--xtos-spacing-md);
    }

    .bfa-empty-state__content[b-x09oln6ao9] {
        max-width: 100%;
    }

    .bfa-empty-state__icon[b-x09oln6ao9] {
        font-size: 48px;
    }

    .bfa-empty-state__actions[b-x09oln6ao9] {
        width: 100%;
        flex-direction: column;
    }

    .bfa-empty-state__actions button[b-x09oln6ao9] {
        width: 100%;
    }
}
/* /Components/FeatureCard.razor.rz.scp.css */
/* Base Feature Card Styles */
.bfa-feature-card[b-6zujo22eb9] {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background: white;
    border: 1.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    cursor: pointer;
}

.bfa-feature-card:hover[b-6zujo22eb9] {
    border-color: var(--xtos-primary-color);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

/* Icon */
.bfa-feature-card__icon[b-6zujo22eb9] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 1.75em;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.bfa-feature-card:hover .bfa-feature-card__icon[b-6zujo22eb9] {
    transform: scale(1.05);
}

/* Color Variants */
.bfa-feature-card--primary .bfa-feature-card__icon[b-6zujo22eb9] {
    background: var(--xtos-primary-color);
    color: white;
}

.bfa-feature-card--secondary .bfa-feature-card__icon[b-6zujo22eb9] {
    background: var(--xtos-secondary-color);
    color: white;
}

.bfa-feature-card--success .bfa-feature-card__icon[b-6zujo22eb9] {
    background: var(--xtos-success);
    color: white;
}

.bfa-feature-card--warning .bfa-feature-card__icon[b-6zujo22eb9] {
    background: var(--xtos-warning);
    color: white;
}

.bfa-feature-card--danger .bfa-feature-card__icon[b-6zujo22eb9] {
    background: var(--xtos-danger, #dc3545);
    color: white;
}

.bfa-feature-card--info .bfa-feature-card__icon[b-6zujo22eb9] {
    background: var(--xtos-info);
    color: white;
}

/* Title */
.bfa-feature-card__title[b-6zujo22eb9] {
    color: var(--xtos-text-color);
    margin: 0 0 12px 0;
    font-size: 1.25em;
    font-weight: 600;
}

/* Description */
.bfa-feature-card__description[b-6zujo22eb9] {
    color: var(--xtos-text-color-secondary);
    line-height: 1.6;
    margin: 0 0 20px 0;
    flex-grow: 1;
    font-size: 0.938em;
}

/* Tags */
.bfa-feature-card__tags[b-6zujo22eb9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bfa-feature-card__tag[b-6zujo22eb9] {
    padding: 4px 12px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    font-size: 0.813em;
    font-weight: 600;
    color: var(--xtos-text-color-secondary);
    transition: all 0.3s ease;
}

.bfa-feature-card:hover .bfa-feature-card__tag[b-6zujo22eb9] {
    background: var(--xtos-primary-color);
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    .bfa-feature-card[b-6zujo22eb9] {
        padding: 24px;
    }

    .bfa-feature-card__icon[b-6zujo22eb9] {
        width: 48px;
        height: 48px;
        font-size: 1.5em;
        margin-bottom: 16px;
    }

    .bfa-feature-card__title[b-6zujo22eb9] {
        font-size: 1.125em;
    }
}
/* /Components/Heading.razor.rz.scp.css */
/* Base Heading Styles */
.bfa-heading[b-8i9kpvt14d] {
    font-family: var(--xtos-font-family);
    font-weight: 600;
    line-height: 1.2;
    color: var(--xtos-text-color);
    margin: 0 0 16px 0;
}

/* Heading Levels */
.bfa-heading--h1[b-8i9kpvt14d] {
    font-size: 2.5em;
    margin-bottom: 24px;
}

.bfa-heading--h2[b-8i9kpvt14d] {
    font-size: 2em;
    margin-bottom: 20px;
}

.bfa-heading--h3[b-8i9kpvt14d] {
    font-size: 1.75em;
    margin-bottom: 16px;
}

.bfa-heading--h4[b-8i9kpvt14d] {
    font-size: 1.5em;
    margin-bottom: 14px;
}

.bfa-heading--h5[b-8i9kpvt14d] {
    font-size: 1.25em;
    margin-bottom: 12px;
}

.bfa-heading--h6[b-8i9kpvt14d] {
    font-size: 1em;
    margin-bottom: 10px;
}

/* Variants */
.bfa-heading--primary[b-8i9kpvt14d] {
    color: var(--xtos-primary-color);
}

.bfa-heading--secondary[b-8i9kpvt14d] {
    color: var(--xtos-secondary-color);
}

.bfa-heading--light[b-8i9kpvt14d] {
    font-weight: 400;
}

/* Alignment */
.bfa-heading--left[b-8i9kpvt14d] {
    text-align: left;
}

.bfa-heading--center[b-8i9kpvt14d] {
    text-align: center;
}

.bfa-heading--right[b-8i9kpvt14d] {
    text-align: right;
}

/* Colors */
.bfa-heading--color-primary[b-8i9kpvt14d] {
    color: var(--xtos-primary-color);
}

.bfa-heading--color-secondary[b-8i9kpvt14d] {
    color: var(--xtos-secondary-color);
}

.bfa-heading--color-success[b-8i9kpvt14d] {
    color: var(--xtos-success);
}

.bfa-heading--color-warning[b-8i9kpvt14d] {
    color: var(--xtos-warning);
}

.bfa-heading--color-danger[b-8i9kpvt14d] {
    color: var(--xtos-danger, #dc3545);
}

.bfa-heading--color-muted[b-8i9kpvt14d] {
    color: var(--xtos-text-color-secondary);
}

/* States */
.bfa-heading--no-margin[b-8i9kpvt14d] {
    margin-bottom: 0;
}

.bfa-heading--uppercase[b-8i9kpvt14d] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Responsive — all levels scaled proportionally, floor at 1em (paragraph size) */
@media (max-width: 768px) {
    .bfa-heading--h1[b-8i9kpvt14d] {
        font-size: 1.75em;
    }

    .bfa-heading--h2[b-8i9kpvt14d] {
        font-size: 1.5em;
    }

    .bfa-heading--h3[b-8i9kpvt14d] {
        font-size: 1.25em;
    }

    .bfa-heading--h4[b-8i9kpvt14d] {
        font-size: 1.125em;
    }

    .bfa-heading--h5[b-8i9kpvt14d] {
        font-size: 1.0625em;
    }

    .bfa-heading--h6[b-8i9kpvt14d] {
        font-size: 1em;
    }
}
/* /Components/InfoCard.razor.rz.scp.css */
/* Base Info Card Styles */
.bfa-info-card[b-u4bwen65ee] {
    padding: 24px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.bfa-info-card--centered[b-u4bwen65ee] {
    text-align: center;
}

/* Icon */
.bfa-info-card__icon[b-u4bwen65ee] {
    font-size: 2.5em;
    color: var(--xtos-primary-color);
    margin-bottom: 16px;
    display: block;
}

/* Title */
.bfa-info-card__title[b-u4bwen65ee] {
    color: var(--xtos-text-color);
    margin: 0 0 8px 0;
    font-size: 1.125em;
    font-weight: 600;
}

/* Description */
.bfa-info-card__description[b-u4bwen65ee] {
    color: var(--xtos-text-color-secondary);
    line-height: 1.6;
    font-size: 0.938em;
    margin: 0;
}

/* Content */
.bfa-info-card__content[b-u4bwen65ee] {
    margin-top: 12px;
}

/* Responsive */
@media (max-width: 768px) {
    .bfa-info-card[b-u4bwen65ee] {
        padding: 20px;
    }

    .bfa-info-card__icon[b-u4bwen65ee] {
        font-size: 2em;
        margin-bottom: 12px;
    }
}
/* /Components/Label.razor.rz.scp.css */
/* Base Label Styles */
.bfa-label[b-rluhqk7m9e] {
    font-family: var(--xtos-font-family);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--xtos-text-color);
    margin-bottom: 6px;
    cursor: pointer;
}

/* Sizes */
.bfa-label--small[b-rluhqk7m9e] {
    font-size: 0.813em;
}

.bfa-label--medium[b-rluhqk7m9e] {
    font-size: 0.875em;
}

.bfa-label--large[b-rluhqk7m9e] {
    font-size: 0.938em;
}

/* Weights */
.bfa-label--light[b-rluhqk7m9e] {
    font-weight: 300;
}

.bfa-label--normal[b-rluhqk7m9e] {
    font-weight: 400;
}

.bfa-label--medium[b-rluhqk7m9e] {
    font-weight: 500;
}

.bfa-label--semibold[b-rluhqk7m9e] {
    font-weight: 600;
}

.bfa-label--bold[b-rluhqk7m9e] {
    font-weight: 700;
}

/* Colors */
.bfa-label--color-primary[b-rluhqk7m9e] {
    color: var(--xtos-primary-color);
}

.bfa-label--color-secondary[b-rluhqk7m9e] {
    color: var(--xtos-secondary-color);
}

.bfa-label--color-success[b-rluhqk7m9e] {
    color: var(--xtos-success);
}

.bfa-label--color-warning[b-rluhqk7m9e] {
    color: var(--xtos-warning);
}

.bfa-label--color-danger[b-rluhqk7m9e] {
    color: var(--xtos-danger, #dc3545);
}

.bfa-label--color-muted[b-rluhqk7m9e] {
    color: var(--xtos-text-color-secondary);
}

/* Required Indicator */
.bfa-label__required[b-rluhqk7m9e] {
    color: var(--xtos-danger, #dc3545);
    font-weight: 700;
    margin-left: 2px;
}

/* States */
.bfa-label--no-margin[b-rluhqk7m9e] {
    margin-bottom: 0;
}
/* /Components/Loading.razor.rz.scp.css */
.loading-component[b-hvbgoum50l] {
    display: grid;
    place-items: center;

    &.loading-overlay {
        position: fixed;
        inset: 0;
        z-index: 1050;
        height: 100vh;
        width: 100vw;
        background-color: var(--xtos-navbar-background);
        color: var(--xtos-navbar-text-color);
        margin: 0 !important;
        backdrop-filter: blur(5px);
        background-color: rgba(0, 0, 0, 0.95);

        & p {
            color: var(--xtos-loading-text-color);
        }
    }

    & .loading-content[b-hvbgoum50l] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        opacity: 0;
        animation: fadeIn-b-hvbgoum50l 0.3s forwards;
    }

    & .loading-content .loading-indicator[b-hvbgoum50l] {
        color: var(--xtos-loading-indicator-color, #ffffff);
    }
}

@keyframes fadeIn-b-hvbgoum50l {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* /Components/LoadingIndicator.razor.rz.scp.css */
.loading-indicator[b-mwj5rud4vx] {
    --loading-indicator-size: 64px;
    display: inline-block;
    position: relative;
    width: var(--loading-indicator-size);
    height: var(--loading-indicator-size);
    color: var(--xtos-loading-indicator-color, #ffffff);
}

.loading-bar[b-mwj5rud4vx] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--loading-indicator-size) * 0.08);
    height: calc(var(--loading-indicator-size) * 0.22);
    background-color: currentColor;
    border-radius: calc(var(--loading-indicator-size) * 0.04);
    transform: rotate(calc(var(--loading-bar-index) * 30deg)) translateY(calc(var(--loading-indicator-size) * -0.38));
    transform-origin: center center;
    opacity: 0.2;
}

.loading-indicator:not(.determinate) .loading-bar[b-mwj5rud4vx] {
    animation: loading-bars-b-mwj5rud4vx 1.2s linear infinite;
    animation-delay: calc(var(--loading-bar-index) * 0.1s);
}

.loading-indicator.determinate .loading-bar[b-mwj5rud4vx] {
    animation: none;
}

.loading-indicator.determinate .loading-bar.active[b-mwj5rud4vx] {
    opacity: 1;
}

@keyframes loading-bars-b-mwj5rud4vx {
    0% {
        opacity: 0.2;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 0.35;
    }
    100% {
        opacity: 0.2;
    }
}
/* /Components/Navbar.razor.rz.scp.css */
.main-navbar[b-r635dp9doz] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: var(--xtos-navbar-height);
    grid-area: navbar;
    background-color: var(--xtos-navbar-background);
    color: var(--xtos-navbar-text-color);
    padding: 10px 15px;
    box-sizing: border-box;
    position: relative;
}

.navbar-logo[b-r635dp9doz] {
    display: flex;
    align-items: center;
    z-index: 1000;
}

    .navbar-logo img[b-r635dp9doz] {
        max-height: 40px;
        height: auto;
        width: auto;
    }

/* Hamburger menu button */
.navbar-toggle[b-r635dp9doz] {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 4px;
    z-index: 1001;
    transition: transform 0.3s ease;
}

    .navbar-toggle:hover[b-r635dp9doz] {
        transform: scale(1.1);
    }

    .navbar-toggle:focus[b-r635dp9doz] {
        outline: 2px solid var(--xtos-navbar-link-hover-color);
        outline-offset: 2px;
    }

.navbar-toggle-icon[b-r635dp9doz] {
    width: 100%;
    height: 3px;
    background-color: var(--xtos-navbar-text-color);
    border-radius: 2px;
    transition: all 0.3s ease;
}

.navbar-links-section[b-r635dp9doz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.navbar-main-links[b-r635dp9doz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.navbar-user-section[b-r635dp9doz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

/* Hide mobile-only elements on desktop */
.mobile-menu-header[b-r635dp9doz],
.mobile-menu-footer[b-r635dp9doz] {
    display: none;
}

[b-r635dp9doz] .nav-link {
    margin: 5px 0;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 12px;
    color: inherit;
    transition: color linear 0.1s;
    white-space: nowrap;
}

    [b-r635dp9doz] .nav-link:hover {
        text-decoration: none !important;
        color: var(--xtos-navbar-link-hover-color);
    }

/* nav-link--mobile-only: visible only inside the mobile slide-out panel.
   Apply to any NavLink that must NOT appear in the desktop main-link row
   but SHOULD appear in the mobile menu (e.g. Session Log, Admin, etc.). */
[b-r635dp9doz] .nav-link--mobile-only {
    display: none;
}

/* 1200px breakpoint - Hide main nav links, show them in account menu */
@media (max-width: 1200px) {
    .navbar-main-links[b-r635dp9doz] {
        display: none;
    }

    /* Show nav links in the account menu dropdown */
    [b-r635dp9doz] .nav-menu-link-item {
        display: flex !important;
    }
}

/* Show nav links in main navbar above 1200px */
@media (min-width: 1201px) {
    [b-r635dp9doz] .nav-menu-link-item {
        display: none !important;
    }
}

/* Tablet breakpoint */
@media (max-width: 768px) {
    .navbar-toggle[b-r635dp9doz] {
        display: flex;
    }

    .navbar-links-section[b-r635dp9doz] {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 320px;
        height: 100vh;
        height: 100dvh;
        background-color: var(--xtos-navbar-background);
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 0;
        box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
        transition: right 0.3s ease-in-out;
        overflow-y: auto;
        z-index: 1000;
    }

        .navbar-links-section.open[b-r635dp9doz] {
            right: 0;
        }

    .navbar-main-links[b-r635dp9doz] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 10px 0;
    }

    /* Show mobile-only nav links inside the slide-out panel */
    [b-r635dp9doz] .nav-link--mobile-only {
        display: block;
    }

    /* Hide nav links in account menu on mobile, show in main links */
    [b-r635dp9doz] .nav-menu-link-item {
        display: none !important;
    }

    /* Mobile menu header with user info */
    .mobile-menu-header[b-r635dp9doz] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 20px 15px;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .mobile-user-info[b-r635dp9doz] {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-bottom: 10px;
    }

    .mobile-user-icon[b-r635dp9doz] {
        font-size: 2rem;
        color: var(--xtos-navbar-link-hover-color);
    }

    .mobile-user-name[b-r635dp9doz] {
        font-size: 1.1rem;
        font-weight: 600;
        color: var(--xtos-navbar-text-color);
        text-transform:  uppercase;
    }

    .mobile-user-actions[b-r635dp9doz] {
        display: flex;
        gap: 8px;
        justify-content: space-around;
    }

    .mobile-action-link[b-r635dp9doz] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        padding: 10px;
        text-decoration: none;
        color: var(--xtos-navbar-text-color);
        border-radius: 8px;
        transition: all 0.2s ease;
        flex: 1;
        text-align: center;
        background: transparent;
        border: none;
        cursor: pointer;
        font-family: inherit;
        font-size: inherit;
    }

        .mobile-action-link:hover[b-r635dp9doz] {
            background-color: rgba(255, 255, 255, 0.1);
            color: var(--xtos-navbar-link-hover-color);
        }

        .mobile-action-link i[b-r635dp9doz] {
            font-size: 1.5rem;
        }

        .mobile-action-link span[b-r635dp9doz] {
            font-size: 0.85rem;
        }

    /* Hide desktop user section on mobile */
    .navbar-user-section[b-r635dp9doz] {
        display: none !important;
    }

    /* Mobile menu footer with balance */
    .mobile-menu-footer[b-r635dp9doz] {
        display: block;
        margin-top: auto;
        padding: 15px;
        padding-bottom: calc(15px + env(safe-area-inset-bottom));
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

        .mobile-menu-footer[b-r635dp9doz]  .nav-menu {
            width: 100%;
        }

        .mobile-menu-footer[b-r635dp9doz]  .nav-menu header {
            justify-content: center;
            padding: 12px;
            background-color: rgba(255, 255, 255, 0.05);
            border-radius: 8px;
        }

        .mobile-menu-footer[b-r635dp9doz]  .nav-menu-items {
            position: static;
            width: 100%;
            margin-top: 10px;
            box-shadow: none;
            background-color: transparent;
        }

    [b-r635dp9doz] .nav-link {
        padding: 15px 20px;
        margin: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

        [b-r635dp9doz] .nav-link:hover {
            background-color: rgba(255, 255, 255, 0.05);
        }

    /* Overlay for mobile menu */
    .mobile-menu-overlay[b-r635dp9doz] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
        animation: fadeIn-b-r635dp9doz 0.3s ease-in-out;
    }

    @keyframes fadeIn-b-r635dp9doz {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
}

/* Mobile breakpoint */
@media (max-width: 480px) {
    .main-navbar[b-r635dp9doz] {
        padding: 10px;
    }

    .navbar-logo img[b-r635dp9doz] {
        max-height: 32px;
    }

    .navbar-links-section[b-r635dp9doz] {
        width: 85%;
        max-width: none;
    }

    [b-r635dp9doz] .nav-link {
        padding: 12px 15px;
        font-size: 0.95rem;
    }
}

/* Small mobile breakpoint */
@media (max-width: 360px) {
    .navbar-logo img[b-r635dp9doz] {
        max-height: 28px;
    }

    .navbar-toggle[b-r635dp9doz] {
        width: 28px;
        height: 28px;
    }

    .navbar-toggle-icon[b-r635dp9doz] {
        height: 2px;
    }
}
/* /Components/NavMenu.razor.rz.scp.css */
.nav-menu[b-b9667fm8ii] {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    font-family: var(--xtos-font-family);
}

.nav-menu-trigger[b-b9667fm8ii] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    color: var(--xtos-navbar-text-color);
    font-size: var(--xtos-text-size);
    font-family: inherit;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-radius: 4px;
    min-height: 40px;
}

    .nav-menu-trigger:hover:not(:disabled)[b-b9667fm8ii] {
        color: var(--xtos-navbar-link-hover-color);
        background-color: rgba(0, 0, 0, 0.04);
    }

    .nav-menu-trigger:focus-visible[b-b9667fm8ii] {
        outline: 2px solid var(--xtos-primary-color);
        outline-offset: 2px;
    }

    .nav-menu-trigger:active:not(:disabled)[b-b9667fm8ii] {
        transform: scale(0.98);
    }

    .nav-menu-trigger:disabled[b-b9667fm8ii] {
        cursor: not-allowed;
        opacity: 0.6;
        color: var(--xtos-disabled-color);
    }

    .nav-menu-trigger[aria-expanded="true"][b-b9667fm8ii] {
        color: var(--xtos-navbar-link-hover-color);
        background-color: rgba(0, 0, 0, 0.04);
    }

.nav-menu-trigger-content[b-b9667fm8ii] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-menu-icon[b-b9667fm8ii] {
    font-size: 1.1em;
    display: flex;
    align-items: center;
}

.nav-menu-title[b-b9667fm8ii] {
    font-weight: 500;
    white-space: nowrap;
}

.nav-menu-caret[b-b9667fm8ii] {
    font-size: 0.875em;
    transition: transform 0.2s ease-in-out;
    margin-left: 0.25rem;
}

.nav-menu-dropdown[b-b9667fm8ii] {
    position: absolute;
    top: calc(100% + 0.25rem);
    right: 0;
    background-color: var(--xtos-background-color);
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 
                0 2px 4px -1px rgba(0, 0, 0, 0.06),
                0 0 0 1px rgba(0, 0, 0, 0.05);
    min-width: 250px;
    max-width: 320px;
    z-index: 999;
    animation: slideDown-b-b9667fm8ii 0.2s ease-out;
    overflow: hidden;
}

@keyframes slideDown-b-b9667fm8ii {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nav-menu-list[b-b9667fm8ii] {
    list-style: none;
    margin: 0;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
    .nav-menu-trigger[b-b9667fm8ii],
    .nav-menu-caret[b-b9667fm8ii],
    .nav-menu-dropdown[b-b9667fm8ii] {
        transition: none;
        animation: none;
    }
}

/* Mobile responsive styles */
@media (max-width: 768px) {
    /* Balance menu in mobile footer should open upwards */
    .nav-menu-dropdown[b-b9667fm8ii] {
        top: auto;
        bottom: calc(100% + 0.25rem);
        bottom: calc(100% + 0.25rem + env(safe-area-inset-bottom));
        left: 0;
        right: 0;
        animation: slideUp-b-b9667fm8ii 0.2s ease-out;
        max-width: 100%;
        z-index: 1001;
    }

    @keyframes slideUp-b-b9667fm8ii {
        from {
            opacity: 0;
            transform: translateY(0.5rem);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .nav-menu-trigger[b-b9667fm8ii] {
        width: 100%;
        justify-content: center;
    }

    .nav-menu-list[b-b9667fm8ii] {
        max-height: 60vh;
        overflow-y: auto;
    }
}
/* /Components/NavMenuItem.razor.rz.scp.css */
.menu-item[b-8qit7kjju8] {
    margin-left: 0 !important;
    display: flex;
}

.menu-button[b-8qit7kjju8],
.menu-link[b-8qit7kjju8] {
    padding: 10px 15px;
    text-decoration: none;
    color: var(--xtos-sidebar-text-color);
    font-weight: bold;
    cursor: pointer;
    display: flex;
    gap: 15px;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    font-family: inherit;
    font-size: inherit;
}

.menu-button:hover[b-8qit7kjju8],
.menu-link:hover[b-8qit7kjju8] {
    background-color: #d5d5d5;
}

.menu-button:focus-visible[b-8qit7kjju8],
.menu-link:focus-visible[b-8qit7kjju8] {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}
/* /Components/NotFoundComponent.razor.rz.scp.css */
/* Not Found Component Styles */

.bfa-not-found-component[b-vrsoy60bn0] {
    width: 100%;
}

.bfa-not-found-component__actions[b-vrsoy60bn0] {
    display: flex;
    gap: var(--xtos-spacing-md, 1rem);
    flex-wrap: wrap;
    justify-content: center;
}

/* Responsive Design */
@media (max-width: 768px) {
    .bfa-not-found-component__actions[b-vrsoy60bn0] {
        flex-direction: column;
        width: 100%;
    }

    .bfa-not-found-component__actions .bfa-button[b-vrsoy60bn0] {
        width: 100%;
    }
}
/* /Components/RadioButton.razor.rz.scp.css */
/* Base Radio Button Styles */
.bfa-radio[b-uar962i46u] {
    font-family: var(--xtos-font-family);
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.bfa-radio__container[b-uar962i46u] {
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.bfa-radio--disabled .bfa-radio__container[b-uar962i46u] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Hidden Native Input */
.bfa-radio__input[b-uar962i46u] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Custom Checkmark */
.bfa-radio__checkmark[b-uar962i46u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.bfa-radio__checkmark-dot[b-uar962i46u] {
    border-radius: 50%;
    background-color: white;
    transform: scale(0);
    transition: transform 0.2s ease;
}

/* Sizes */
.bfa-radio--small .bfa-radio__checkmark[b-uar962i46u] {
    width: 16px;
    height: 16px;
}

.bfa-radio--small .bfa-radio__checkmark-dot[b-uar962i46u] {
    width: 8px;
    height: 8px;
}

.bfa-radio--medium .bfa-radio__checkmark[b-uar962i46u] {
    width: 20px;
    height: 20px;
}

.bfa-radio--medium .bfa-radio__checkmark-dot[b-uar962i46u] {
    width: 10px;
    height: 10px;
}

.bfa-radio--large .bfa-radio__checkmark[b-uar962i46u] {
    width: 24px;
    height: 24px;
}

.bfa-radio--large .bfa-radio__checkmark-dot[b-uar962i46u] {
    width: 12px;
    height: 12px;
}

/* Hover State */
.bfa-radio__container:hover .bfa-radio__checkmark[b-uar962i46u] {
    border-color: var(--xtos-primary-color);
    background-color: rgba(0, 112, 235, 0.05);
}

/* Focus State */
.bfa-radio__input:focus + .bfa-radio__checkmark[b-uar962i46u] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 112, 235, 0.2);
}

/* Checked State */
.bfa-radio--checked .bfa-radio__checkmark[b-uar962i46u] {
    background-color: var(--xtos-primary-color);
    border-color: var(--xtos-primary-color);
}

/* Checked + Hover State - darker for better feedback */
.bfa-radio--checked .bfa-radio__container:hover .bfa-radio__checkmark[b-uar962i46u] {
    background-color: var(--xtos-secondary-color);
    border-color: var(--xtos-secondary-color);
    filter: brightness(0.85);
}

.bfa-radio--checked .bfa-radio__checkmark-dot[b-uar962i46u] {
    transform: scale(1);
}

/* Label */
.bfa-radio__content[b-uar962i46u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bfa-radio__label[b-uar962i46u] {
    color: var(--xtos-text-color);
    font-size: 0.938em;
    line-height: 1.4;
}

.bfa-radio--small .bfa-radio__label[b-uar962i46u] {
    font-size: 0.813em;
}

.bfa-radio--large .bfa-radio__label[b-uar962i46u] {
    font-size: 1em;
}

.bfa-radio__required[b-uar962i46u] {
    color: var(--xtos-danger, #dc3545);
    font-weight: 700;
    margin-left: 2px;
}

/* Helper Text */
.bfa-radio__helper[b-uar962i46u] {
    font-size: 0.75em;
    color: var(--xtos-text-color-secondary);
    line-height: 1.4;
}

.bfa-radio--small .bfa-radio__helper[b-uar962i46u] {
    font-size: 0.688em;
}

.bfa-radio--large .bfa-radio__helper[b-uar962i46u] {
    font-size: 0.813em;
}

/* Disabled State */
.bfa-radio--disabled .bfa-radio__checkmark[b-uar962i46u] {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.2);
}

.bfa-radio--disabled.bfa-radio--checked .bfa-radio__checkmark[b-uar962i46u] {
    background-color: rgba(0, 112, 235, 0.3);
    border-color: rgba(0, 112, 235, 0.3);
}
/* /Components/Sidebar.razor.rz.scp.css */
.side-navbar[b-heliratge2] {
    grid-area: sidebar;
    min-width: 100px;
    background-color: var(--xtos-sidebar-background);
    color: var(--xtos-sidebar-text-color);
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    min-height: calc(100vh - var(--xtos-navbar-height));
    box-sizing: border-box;
}

.nav-items-mobile[b-heliratge2] {
    display: none;
}

.nav-items-desktop[b-heliratge2] {
    display: flex;
    flex-direction: column;
}

.nav-more-button[b-heliratge2] {
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

.more-badge[b-heliratge2] {
    position: absolute;
    top: 2px;
    right: 5px;
    background-color: var(--xtos-primary-color, #dc3545);
    color: white;
    border-radius: 10px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: bold;
    min-width: 18px;
    text-align: center;
}

/* More Menu Overlay */
.more-menu-overlay[b-heliratge2] {
    display: none;
}

@media (max-width: 768px) {
    .side-navbar[b-heliratge2] {
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        min-height: var(--xtos-sidebar-drawer-height);
        max-height: var(--xtos-sidebar-drawer-height);
        width: 100%;
        padding: 5px 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 998; /* Changed from 1000 to 998 */
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        overflow-x: auto;
    }

    .nav-items-desktop[b-heliratge2] {
        display: none;
    }

    .nav-items-mobile[b-heliratge2] {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        gap: 0;
    }

    [b-heliratge2] .nav-link {
        padding: 5px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 3px;
        text-align: center;
        flex: 1;
        max-width: 80px;
    }

        [b-heliratge2] .nav-link span {
            font-size: var(--xtos-sidebar-drawer-text-size);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
        }

    .nav-more-button[b-heliratge2] {
        padding: 5px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 3px;
        text-align: center;
        flex: 1;
        max-width: 80px;
        color: inherit;
    }

        .nav-more-button span[b-heliratge2] {
            font-size: var(--xtos-sidebar-drawer-text-size);
        }

        .nav-more-button:hover[b-heliratge2] {
            text-decoration: underline;
        }

    /* More Menu Overlay */
    .more-menu-overlay[b-heliratge2] {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 1100;
        animation: fadeIn-b-heliratge2 0.25s ease-in-out;
        backdrop-filter: blur(2px);
    }

    .more-menu-content[b-heliratge2] {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--xtos-sidebar-background, #ffffff);
        color: var(--xtos-sidebar-text-color, #1a1a1a);
        border-radius: 20px 20px 0 0;
        max-height: 75vh;
        overflow-y: auto;
        animation: slideUp-b-heliratge2 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.25);
    }

    .more-menu-header[b-heliratge2] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 24px 16px;
        border-bottom: 2px solid rgba(0, 0, 0, 0.08);
        position: sticky;
        top: 0;
        background-color: inherit;
        z-index: 1;
    }

        .more-menu-header[b-heliratge2]::before {
            content: '';
            position: absolute;
            top: 8px;
            left: 50%;
            transform: translateX(-50%);
            width: 36px;
            height: 4px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 2px;
        }

        .more-menu-header h3[b-heliratge2] {
            margin: 0;
            font-size: 1.3em;
            font-weight: 700;
            letter-spacing: -0.02em;
        }

    .close-button[b-heliratge2] {
        background: rgba(0, 0, 0, 0.06);
        border: none;
        cursor: pointer;
        color: inherit;
        font-size: 1.1em;
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        transition: all 0.2s ease;
    }

        .close-button:hover[b-heliratge2] {
            background: rgba(0, 0, 0, 0.12);
            transform: scale(1.05);
        }

        .close-button:active[b-heliratge2] {
            transform: scale(0.95);
        }

    .more-menu-items[b-heliratge2] {
        padding: 16px 12px 24px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
        gap: 12px;
        max-width: 100%;
    }

    [b-heliratge2] .more-menu-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 10px 4px;
        text-decoration: none;
        color: inherit;
        background-color: rgba(0, 0, 0, 0.03);
        border-radius: 12px;
        transition: all 0.2s ease;
        min-height: 60px;
        text-align: center;
        border: 1px solid rgba(0, 0, 0, 0.06);
    }

        [b-heliratge2] .more-menu-card:hover {
            background-color: rgba(0, 0, 0, 0.08);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            text-decoration: none;
        }

        [b-heliratge2] .more-menu-card:active {
            transform: translateY(0);
            background-color: rgba(0, 0, 0, 0.12);
        }

        [b-heliratge2] .more-menu-card i {
            font-size: 1.2em;
            margin-bottom: 2px;
        }

        [b-heliratge2] .more-menu-card span {
            font-size: 0.8em;
            font-weight: 500;
            line-height: 1.2;
            word-break: break-word;
            max-width: 100%;
        }

        [b-heliratge2] .more-menu-card.active {
            background-color: var(--xtos-primary-color, #007bff);
            color: white;
            border-color: var(--xtos-primary-color, #007bff);
        }

            [b-heliratge2] .more-menu-card.active:hover {
                background-color: var(--xtos-primary-color-dark, #0056b3);
            }

    @keyframes fadeIn-b-heliratge2 {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes slideUp-b-heliratge2 {
        from {
            transform: translateY(100%);
        }

        to {
            transform: translateY(0);
        }
    }
}

/* /Components/Sports/Steps/SelectSportStep.razor.rz.scp.css */
/* ─── Search bar ─────────────────────────────────────────────────────────── */

.bfa-sport-league-search[b-k32sye75mn] {
    margin-bottom: 0.75rem;
}

/* ─── List container ─────────────────────────────────────────────────────── */

.bfa-sport-league-list[b-k32sye75mn] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

/* ─── Sport group block ──────────────────────────────────────────────────── */

.bfa-sport-group[b-k32sye75mn] {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid transparent;
    transition: border-color 0.15s ease;
}

.bfa-sport-group--expanded[b-k32sye75mn] {
    border-color: var(--xtos-divider);
}

/* ─── Sport group header ─────────────────────────────────────────────────── */

.bfa-sport-group__header[b-k32sye75mn] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.6875rem 1rem;
    background: var(--xtos-navbar-background);
    color: var(--xtos-navbar-text-color);
    cursor: pointer;
    user-select: none;
    transition: opacity 0.15s ease;
}

    .bfa-sport-group__header:hover[b-k32sye75mn] {
        opacity: 0.88;
    }

.bfa-sport-group__checkbox[b-k32sye75mn] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

    /* Force checkbox colours to be visible on the dark header */
    .bfa-sport-group__checkbox[b-k32sye75mn]  .bfa-checkbox__checkmark {
        border-color: rgba(255, 255, 255, 0.85);
    }

    .bfa-sport-group__checkbox[b-k32sye75mn]  .bfa-checkbox__box--checked,
    .bfa-sport-group__checkbox[b-k32sye75mn]  .bfa-checkbox__box--indeterminate {
        background: var(--xtos-primary-color);
        border-color: var(--xtos-primary-color);
        box-shadow: none;
    }

.bfa-sport-group__name[b-k32sye75mn] {
    flex: 1;
    font-family: var(--xtos-font-family);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bfa-sport-group__badge[b-k32sye75mn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--xtos-primary-color);
    color: #fff;
    border-radius: 999px;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.bfa-sport-group__toggle[b-k32sye75mn] {
    font-size: 1rem;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.bfa-део-group--expanded .bfa-sport-group__toggle[b-k32sye75mn] {
    transform: rotate(0deg);
}

/* ─── Sport group body ───────────────────────────────────────────────────── */

.bfa-sport-group__body[b-k32sye75mn] {
    background: var(--xtos-background-grey, #f5f5f5);
}

/* ─── Individual league row ──────────────────────────────────────────────── */

.bfa-sport-group__league[b-k32sye75mn] {
    padding: 0.5rem 1rem 0.5rem 2.75rem;
    border-bottom: 1px solid var(--xtos-divider);
    transition: background 0.1s ease;
    cursor: pointer;
    user-select: none;
}

    .bfa-sport-group__league:last-child[b-k32sye75mn] {
        border-bottom: none;
    }

    .bfa-sport-group__league:hover[b-k32sye75mn] {
        background: color-mix(in srgb, var(--xtos-primary-color) 6%, transparent);
    }

    /* League label font */
    .bfa-sport-group__league[b-k32sye75mn]  .bfa-checkbox__label {
        font-size: 0.875rem;
        font-family: var(--xtos-font-family);
    }

p[b-k32sye75mn] {
    margin: 0;
}
/* /Components/Sports/Steps/SelectTeamsStep.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────
   SelectTeamsStep — step 3 layout
   ────────────────────────────────────────────────────── */

.bfa-teams-search[b-bcxje0g5i6] {
    margin-bottom: 0.75rem;
}

/* ── List wrapper ─────────────────────────────────────── */

.bfa-teams-list[b-bcxje0g5i6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bfa-teams-sport[b-bcxje0g5i6] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

/* ── Sport header ─────────────────────────────────────── */

.bfa-teams-sport__header[b-bcxje0g5i6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.25rem 0.3rem;
    background: var(--xtos-background-color);
    border-bottom: 2px solid var(--xtos-primary-color);
}

.bfa-teams-sport__icon[b-bcxje0g5i6] {
    font-size: 1.125rem;
    color: var(--xtos-primary-color);
}

.bfa-teams-sport__name[b-bcxje0g5i6] {
    font-size: 1.0625rem;
    font-weight: 700;
    color: var(--xtos-text-color);
    letter-spacing: 0.03em;
}

/* ── League block ─────────────────────────────────────── */

/* content-visibility:auto defers paint and layout for off-screen
   league blocks. The DOM nodes always exist so there are no
   mount/unmount cycles causing scroll jumps. */
.bfa-teams-league[b-bcxje0g5i6] {
    border: 1px solid var(--xtos-divider);
    border-radius: 6px;
    overflow: hidden;
}

/* ── League header ────────────────────────────────────── */

.bfa-teams-league__header[b-bcxje0g5i6] {
    padding: 0.35rem 0.75rem;
    background: color-mix(in srgb, var(--xtos-navbar-background) 80%, transparent);
    color: var(--xtos-navbar-text-color);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

/* ── Layout group (column header + game rows) ─────────── */

.bfa-teams-layout-group[b-bcxje0g5i6] {
    display: flex;
    flex-direction: column;
}

    .bfa-teams-layout-group + .bfa-teams-layout-group[b-bcxje0g5i6] {
        border-top: 2px solid var(--xtos-primary-color);
    }

/* ── Column header ────────────────────────────────────── */

.bfa-teams-column-header[b-bcxje0g5i6] {
    /* --wgc-cols set by bfa-wizard-game-group--{layout} modifier */
}

/* ── Game row wrapper ─────────────────────────────────── */

.bfa-teams-game-row[b-bcxje0g5i6] {
    border-bottom: 1px solid var(--xtos-divider);
}

    .bfa-teams-game-row:last-child[b-bcxje0g5i6] {
        border-bottom: none;
    }

/* ── Search overlay — shown while JS processes chunks ─── */

.bfa-teams-search-overlay[b-bcxje0g5i6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 1rem 0;
    font-size: 0.9375rem;
    color: var(--xtos-text-color-secondary);
}

@keyframes bfa-spin-b-bcxje0g5i6 {
    to {
        transform: rotate(360deg);
    }
}

.bfa-teams-search-overlay__spinner[b-bcxje0g5i6] {
    font-size: 1.25rem;
    color: var(--xtos-primary-color);
    animation: bfa-spin-b-bcxje0g5i6 0.7s linear infinite;
    display: inline-block;
}

/* ── Visibility toggle — applied by teams-search.js ───── */

/* teams-search.js adds this class directly on game row divs
   and league block divs. display:none removes them from layout
   so hidden rows do not contribute to scroll height.
   !important guards against content-visibility:auto on the
   league block delaying the hide. */
.bfa-teams--hidden[b-bcxje0g5i6] {
    display: none !important;
}

/* ── Fade-in for sport blocks on first load ───────────── */

@keyframes bfa-fadein-b-bcxje0g5i6 {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.bfa-teams-sport[b-bcxje0g5i6] {
    animation: bfa-fadein-b-bcxje0g5i6 0.18s ease-out both;
}

/* ──────────────────────────────────────────────────────
   WizardGameGroup — column layout + header
   CSS custom properties cascade down to every child
   WizardGameRow so header and rows always stay aligned.
   ────────────────────────────────────────────────────── */

/* ── Desktop (≥ 900 px) ──────────────────────────────── */
.bfa-wizard-game-group[b-bcxje0g5i6],
.bfa-wizard-game-group--twoway[b-bcxje0g5i6] {
    /* date | team | spread | total | m-line | more */
    --wgc-cols: 84px 1fr 140px 140px 140px 112px;
}

.bfa-wizard-game-group[b-bcxje0g5i6] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--xtos-divider);
    border-radius: 6px;
    overflow: hidden;
}

/* Futures: date | description | odds | more */
.bfa-wizard-game-group--futures[b-bcxje0g5i6] {
    --wgc-cols: 84px 1fr 140px 72px;
}

/* MultiWay and Props share the same single-odds column structure as Futures */
.bfa-wizard-game-group--multiway[b-bcxje0g5i6],
.bfa-wizard-game-group--props[b-bcxje0g5i6] {
    --wgc-cols: 84px 1fr 140px 72px;
}

/* Three-way shares the same column count as two-way */
.bfa-wizard-game-group--threeway[b-bcxje0g5i6] {
    --wgc-cols: 84px 1fr 140px 140px 140px 112px;
}

/* ── Tablet (600 – 899 px) ──────────────────────────── */
@media (max-width: 899px) {
    .bfa-wizard-game-group[b-bcxje0g5i6],
    .bfa-wizard-game-group--twoway[b-bcxje0g5i6],
    .bfa-wizard-game-group--threeway[b-bcxje0g5i6] {
        --wgc-cols: 72px 1fr 110px 110px 110px 40px;
    }

    .bfa-wizard-game-group--futures[b-bcxje0g5i6],
    .bfa-wizard-game-group--multiway[b-bcxje0g5i6],
    .bfa-wizard-game-group--props[b-bcxje0g5i6] {
        --wgc-cols: 72px 1fr 110px 40px;
    }
}

/* ── Mobile (< 600 px) — fluid, no fixed px columns ─── */
@media (max-width: 599px) {
    .bfa-wizard-game-group[b-bcxje0g5i6],
    .bfa-wizard-game-group--twoway[b-bcxje0g5i6],
    .bfa-wizard-game-group--threeway[b-bcxje0g5i6] {
        --wgc-cols: repeat(3, minmax(30px, 1fr));
        border-radius: 4px;
    }

    .bfa-wizard-game-group--futures[b-bcxje0g5i6],
    .bfa-wizard-game-group--multiway[b-bcxje0g5i6],
    .bfa-wizard-game-group--props[b-bcxje0g5i6] {
        --wgc-cols: 1fr;
    }

    .bfa-wizard-game-group__header[b-bcxje0g5i6] {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        gap: 0;
    }

        .bfa-wizard-game-group__header .bfa-wizard-col--date[b-bcxje0g5i6],
        .bfa-wizard-game-group__header .bfa-wizard-col--team[b-bcxje0g5i6],
        .bfa-wizard-game-group__header .bfa-wizard-col--more[b-bcxje0g5i6] {
            display: none;
        }

        /* Team label: own full-width row, matches bfa-wizard-game__mobile-team */
        .bfa-wizard-game-group__header .bfa-wizard-col--team[b-bcxje0g5i6] {
            flex: 0 0 100%;
            padding: 0.3rem 0.625rem 0.15rem;
            justify-content: flex-start;
            order: 1;
        }

        /* Odd labels: share second row equally, matches bfa-wizard-game__mobile-odds > * */
        .bfa-wizard-game-group__header .bfa-wizard-col--odd[b-bcxje0g5i6] {
            flex: 1 1 0;
            min-width: 0;
            justify-content: center;
            padding: 0.15rem 0 0.3rem;
            order: 2;
        }

            .bfa-wizard-game-group__header .bfa-wizard-col--odd:first-of-type[b-bcxje0g5i6] {
                padding-left: 0.625rem;
            }

            .bfa-wizard-game-group__header .bfa-wizard-col--odd:last-of-type[b-bcxje0g5i6] {
                padding-right: 0.625rem;
            }
}

/* ── Column header ────────────────────────────────────── */

.bfa-wizard-game-group__header[b-bcxje0g5i6] {
    display: grid;
    grid-template-columns: var(--wgc-cols);
    align-items: center;
    background: var(--xtos-navbar-background);
    color: var(--xtos-navbar-text-color);
    padding: 0.45rem 0.75rem;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    user-select: none;
}

@media (max-width: 899px) {
    .bfa-wizard-game-group__header[b-bcxje0g5i6] {
        padding: 0.4rem 0.625rem;
        gap: 0.375rem;
        font-size: 0.6875rem;
    }
}

@media (max-width: 599px) {
    .bfa-wizard-game-group__header[b-bcxje0g5i6] {
        font-size: 0.625rem;
        letter-spacing: 0.04em;
    }
}

/* ── Shared column helpers ────────────────────────────── */

.bfa-wizard-col[b-bcxje0g5i6] {
    display: flex;
    align-items: center;
    min-width: 0; /* prevent grid blowout */
}

.bfa-wizard-col--odd[b-bcxje0g5i6] {
    justify-content: center;
    text-align: center;
}

.bfa-wizard-col--more[b-bcxje0g5i6] {
    text-align: right;
    justify-content: flex-end;
}
/* /Components/Sports/Steps/SelectWagerTypeStep.razor.rz.scp.css */
.bfa-select-wager-type-step[b-sx3abbio1l] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.bfa-select-wager-type-step__header[b-sx3abbio1l] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.bfa-select-wager-type-step__grid[b-sx3abbio1l] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media (max-width: 767px) {
    .bfa-select-wager-type-step[b-sx3abbio1l] {
        gap: 1rem;
    }

    .bfa-select-wager-type-step__grid[b-sx3abbio1l] {
        gap: 0.5rem;
    }
}

@media (min-width: 768px) {
    .bfa-select-wager-type-step__grid[b-sx3abbio1l] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .bfa-select-wager-type-step__grid[b-sx3abbio1l] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Sports/WagerTypeCard.razor.rz.scp.css */
.bfa-wager-type-card[b-ibjp3uig8d] {
    background: var(--xtos-background-grey, #f5f5f5);
    border: 1.5px solid var(--xtos-divider, #e0e0e0);
    border-radius: 10px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    min-height: 185px;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.bfa-wager-type-card--clickable[b-ibjp3uig8d] {
    cursor: pointer;
}

.bfa-wager-type-card--clickable:hover[b-ibjp3uig8d] {
    border-color: var(--xtos-primary-color);
    background: color-mix(in srgb, var(--xtos-primary-color) 6%, var(--xtos-background-grey, #f5f5f5));
    box-shadow: 0 2px 8px color-mix(in srgb, var(--xtos-primary-color) 15%, transparent);
}

.bfa-wager-type-card--selected[b-ibjp3uig8d] {
    border-color: var(--xtos-primary-color);
    border-width: 2px;
    background: color-mix(in srgb, var(--xtos-primary-color) 8%, var(--xtos-background-color, #fff));
    box-shadow: 0 2px 10px color-mix(in srgb, var(--xtos-primary-color) 20%, transparent);
}

/* ── Header ── */

.bfa-wager-type-card__header[b-ibjp3uig8d] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.bfa-wager-type-card__icon[b-ibjp3uig8d] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--xtos-primary-color) 15%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.125rem;
    color: var(--xtos-primary-color);
}

.bfa-wager-type-card__title[b-ibjp3uig8d] {
    flex: 1;
    font-size: 1rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.bfa-wager-type-card__check[b-ibjp3uig8d] {
    font-size: 1.25rem;
    color: var(--xtos-primary-color);
    line-height: 1;
}

/* ── Description ── */

.bfa-wager-type-card__description[b-ibjp3uig8d] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--xtos-text-color-secondary, #666);
    line-height: 1.4;
}

/* ── Divider ── */

.bfa-wager-type-card__divider[b-ibjp3uig8d] {
    border: none;
    border-top: 1px solid var(--xtos-divider, #e0e0e0);
    margin-top: auto;
    margin-bottom: 0;
}

/* ── Pills ── */

.bfa-wager-type-card__pills[b-ibjp3uig8d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.bfa-wager-type-card__pill[b-ibjp3uig8d] {
    padding: 0.3125rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: var(--xtos-font-family, 'RobotoCondensed', sans-serif);
    border: 1.5px solid var(--xtos-divider, #e0e0e0);
    background: var(--xtos-background-color, #fff);
    color: var(--xtos-text-color-secondary, #666);
    cursor: pointer;
    transition: all 0.15s ease;
    line-height: 1.4;
}

.bfa-wager-type-card__pill:hover[b-ibjp3uig8d] {
    border-color: var(--xtos-primary-color);
    color: var(--xtos-primary-color);
    background: color-mix(in srgb, var(--xtos-primary-color) 6%, var(--xtos-background-color, #fff));
}

.bfa-wager-type-card__pill--selected[b-ibjp3uig8d] {
    background: var(--xtos-primary-color);
    border-color: var(--xtos-primary-color);
    color: #fff;
}

.bfa-wager-type-card__pill--selected:hover[b-ibjp3uig8d] {
    opacity: 0.9;
    color: #fff;
}

.bfa-wager-type-card__pill--skeleton[b-ibjp3uig8d] {
    width: 80px;
    height: 30px;
    background: color-mix(in srgb, var(--xtos-text-disabled, #bbb) 30%, transparent);
    border-color: transparent;
    border-radius: 20px;
    animation: bfa-wager-skeleton-pulse-b-ibjp3uig8d 1.4s ease-in-out infinite;
    cursor: default;
}

@keyframes bfa-wager-skeleton-pulse-b-ibjp3uig8d {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.4; }
}

/* ── Mobile compact layout ── */

@media (max-width: 767px) {
    .bfa-wager-type-card[b-ibjp3uig8d] {
        padding: 0.75rem;
        min-height: unset;
        gap: 0.375rem;
    }

    .bfa-wager-type-card__icon[b-ibjp3uig8d] {
        width: 28px;
        height: 28px;
        font-size: 0.9rem;
        border-radius: 6px;
    }

    .bfa-wager-type-card__description[b-ibjp3uig8d] {
        font-size: 0.8125rem;
    }

    /* Hide sub-types (divider + pills) on mobile unless the card is selected */
    .bfa-wager-type-card:not(.bfa-wager-type-card--selected) .bfa-wager-type-card__divider[b-ibjp3uig8d],
    .bfa-wager-type-card:not(.bfa-wager-type-card--selected) .bfa-wager-type-card__pills[b-ibjp3uig8d] {
        display: none;
    }
}
/* /Components/Sports/WizardAlternativeLines.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────
   WizardAlternativeLines — inline alternate-lines panel

   IMPORTANT: Blazor CSS isolation scopes every rule in this file
   to elements rendered by WizardAlternativeLines. Styles defined
   in WizardGameRow.razor.css / WizardGameGroup.razor.css do NOT
   apply here, so all grid, column and text styles must be
   declared directly in this file.
   ────────────────────────────────────────────────────── */

.bfa-wizard-alt-lines[b-pjgpvvidah] {
    display: flex;
    flex-direction: column;
    border-top: 2px solid var(--xtos-primary-color);
    background: var(--xtos-background-color);
}

/* One group per alternate-line index */
.bfa-wizard-alt-lines__group[b-pjgpvvidah] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--xtos-divider);
}

.bfa-wizard-alt-lines__group:last-child[b-pjgpvvidah] {
    border-bottom: none;
}

/* Sub-header inside each group */
.bfa-wizard-alt-lines__sub-header[b-pjgpvvidah] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3rem 0.75rem;
    background: var(--xtos-navbar-background);
    color: var(--xtos-navbar-text-color);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.85;
}

/* ── Alt-line row grid — mirrors .bfa-wizard-game__row ──
   --wgc-cols is a CSS custom property set by the ancestor
   WizardGameGroup and cascades normally through the DOM,
   so it is always available here.
   ────────────────────────────────────────────────────── */
.bfa-wizard-alt-lines__row[b-pjgpvvidah] {
    display: grid;
    grid-template-columns: var(--wgc-cols, 84px 1fr 140px 140px 140px 112px);
    align-items: center;
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--xtos-primary-color) 10%, var(--xtos-background-color));
    min-height: 0;
}

.bfa-wizard-alt-lines__row:hover[b-pjgpvvidah] {
    background: color-mix(in srgb, var(--xtos-primary-color) 20%, var(--xtos-background-color));
}

/* ── Column base (flex container per cell) ────────────── */
.bfa-wizard-col[b-pjgpvvidah] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.bfa-wizard-col--date[b-pjgpvvidah] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.05rem;
    overflow: hidden;
}

.bfa-wizard-col--team[b-pjgpvvidah] {
    align-items: baseline;
    min-width: 0;
    overflow: hidden;
}

.bfa-wizard-col--odd[b-pjgpvvidah] {
    justify-content: center;
    text-align: center;
}

.bfa-wizard-col--more[b-pjgpvvidah] {
    justify-content: flex-end;
    text-align: right;
}

/* ── Date / time / rotation / team text ───────────────── */
.bfa-wizard-game__date[b-pjgpvvidah] {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--xtos-text-color);
    white-space: nowrap;
}

.bfa-wizard-game__time[b-pjgpvvidah] {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: var(--xtos-text-color-secondary);
    white-space: nowrap;
}

.bfa-wizard-game__rot[b-pjgpvvidah] {
    display: inline-block;
    min-width: 2.125rem;
    margin-right: 0.375rem;
    font-size: 0.8125rem;
    color: var(--xtos-text-color-secondary);
    text-align: right;
    flex-shrink: 0;
    align-self: baseline;
}

.bfa-wizard-game__team[b-pjgpvvidah] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    align-self: baseline;
}

/* ── Tablet (600 – 899 px) ──────────────────────────── */
@media (max-width: 899px) {
    .bfa-wizard-alt-lines__row[b-pjgpvvidah] {
        padding: 0.2rem 0.625rem;
        gap: 0.375rem;
    }
    .bfa-wizard-game__date[b-pjgpvvidah] { font-size: 0.8125rem; }
    .bfa-wizard-game__time[b-pjgpvvidah] { font-size: 0.75rem; }
    .bfa-wizard-game__team[b-pjgpvvidah] { font-size: 0.875rem; }
    .bfa-wizard-game__rot[b-pjgpvvidah]  { font-size: 0.75rem; min-width: 1.625rem; }
}

/* ── Mobile (< 600 px) — match WizardGameRow two-row pattern ── */
@media (max-width: 599px) {
    .bfa-wizard-alt-lines__row[b-pjgpvvidah] {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        gap: 0;
        background: transparent;
    }

    .bfa-wizard-col--date[b-pjgpvvidah],
    .bfa-wizard-col--more[b-pjgpvvidah] {
        display: none;
    }

    /* Team cell: full-width first row */
    .bfa-wizard-col--team[b-pjgpvvidah] {
        flex: 0 0 100%;
        padding: 0.35rem 0.625rem 0.1rem;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        order: 1;
    }

    /* Odd cells: share the second row equally */
    .bfa-wizard-col--odd[b-pjgpvvidah] {
        flex: 1 1 0;
        min-width: 0;
        justify-content: stretch;
        padding: 0.2rem 0;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        order: 2;
    }

    .bfa-wizard-col--odd:first-of-type[b-pjgpvvidah] {
        padding-left: 0.625rem;
    }

    .bfa-wizard-col--odd:last-of-type[b-pjgpvvidah] {
        padding-right: 0.625rem;
        padding-bottom: 0.4rem;
    }

    /* Stretch the inner WizardOddButton to fill its cell */
    .bfa-wizard-col--odd > *[b-pjgpvvidah] {
        width: 100%;
    }

    .bfa-wizard-game__team[b-pjgpvvidah] { font-size: 0.875rem; }
    .bfa-wizard-game__rot[b-pjgpvvidah]  { min-width: 1.75rem; font-size: 0.8125rem; }
}
/* /Components/Sports/WizardAltPeriod.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────
   WizardAltPeriod — alternative-period betting panel
   Blazor CSS isolation: all grid + text styles self-contained.
   --wgc-cols cascades from the ancestor layout-group div in
   SelectTeamsStep, so the column widths always match the
   primary game rows above.
   ────────────────────────────────────────────────────── */

.bfa-wizard-alt-lines[b-hjibn9muqo] {
    display: flex;
    flex-direction: column;
    border-top: 2px solid var(--xtos-primary-color);
    background: var(--xtos-background-color);
}

.bfa-wizard-alt-lines__group[b-hjibn9muqo] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--xtos-divider);
}

    .bfa-wizard-alt-lines__group:last-child[b-hjibn9muqo] {
        border-bottom: none;
    }

.bfa-wizard-alt-lines__sub-header[b-hjibn9muqo] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3rem 0.75rem;
    background: var(--xtos-navbar-background);
    color: var(--xtos-navbar-text-color);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.85;
}

/* ── Column sub-header ────────────────────────────────── */
.bfa-wizard-alt-lines__col-header[b-hjibn9muqo] {
    display: grid;
    grid-template-columns: var(--wgc-cols, 84px 1fr 140px 140px 140px 112px);
    align-items: center;
    padding: 0.35rem 0.75rem;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--xtos-navbar-background) 60%, transparent);
    color: var(--xtos-navbar-text-color);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.85;
    user-select: none;
}

/* ── Data row ─────────────────────────────────────────── */
.bfa-wizard-alt-lines__row[b-hjibn9muqo] {
    display: grid;
    grid-template-columns: var(--wgc-cols, 84px 1fr 140px 140px 140px 112px);
    align-items: center;
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--xtos-primary-color) 10%, var(--xtos-background-color));
    min-height: 0;
}

    .bfa-wizard-alt-lines__row:hover[b-hjibn9muqo] {
        background: color-mix(in srgb, var(--xtos-primary-color) 20%, var(--xtos-background-color));
    }

/* ── Column base cells ────────────────────────────────── */
.bfa-wizard-col[b-hjibn9muqo] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.bfa-wizard-col--date[b-hjibn9muqo] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    border-right: 1px solid var(--xtos-divider);
    padding-right: 0.5rem;
}

.bfa-wizard-col--team[b-hjibn9muqo] {
    align-items: baseline;
    min-width: 0;
    overflow: hidden;
}

.bfa-wizard-col--odd[b-hjibn9muqo] {
    justify-content: center;
    text-align: center;
}

.bfa-wizard-col--more[b-hjibn9muqo] {
    justify-content: flex-end;
    text-align: right;
}

/* ── Text ─────────────────────────────────────────────── */
.bfa-wizard-game__team[b-hjibn9muqo] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ── Tablet (600 – 899 px) ──────────────────────────────── */
@media (max-width: 899px) {
    .bfa-wizard-alt-lines__col-header[b-hjibn9muqo],
    .bfa-wizard-alt-lines__row[b-hjibn9muqo] {
        padding: 0.2rem 0.625rem;
        gap: 0.375rem;
    }

    .bfa-wizard-alt-lines__col-header[b-hjibn9muqo] {
        font-size: 0.625rem;
    }

    .bfa-wizard-game__team[b-hjibn9muqo] { font-size: 0.875rem; }
}

/* ── Mobile (< 600 px) — team row + odds side by side ── */
@media (max-width: 599px) {
    .bfa-wizard-alt-lines__col-header[b-hjibn9muqo] {
        display: none;
    }

    .bfa-wizard-alt-lines__row[b-hjibn9muqo] {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        gap: 0;
        background: transparent;
    }

    .bfa-wizard-col--date[b-hjibn9muqo],
    .bfa-wizard-col--more[b-hjibn9muqo] {
        display: none;
    }

    .bfa-wizard-col--team[b-hjibn9muqo] {
        flex: 0 0 100%;
        padding: 0.35rem 0.625rem 0.1rem;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        order: 1;
    }

    .bfa-wizard-col--odd[b-hjibn9muqo] {
        flex: 1 1 0;
        min-width: 0;
        justify-content: stretch;
        padding: 0.2rem 0;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        order: 2;
    }

        .bfa-wizard-col--odd:first-of-type[b-hjibn9muqo] { padding-left: 0.625rem; }
        .bfa-wizard-col--odd:last-of-type[b-hjibn9muqo]  { padding-right: 0.625rem; padding-bottom: 0.4rem; }

    .bfa-wizard-col--odd > *[b-hjibn9muqo] { width: 100%; }

    .bfa-wizard-game__team[b-hjibn9muqo] { font-size: 0.875rem; }
}
/* /Components/Sports/WizardGameGroup.razor.rz.scp.css */
/* /Components/Sports/WizardGameRow.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────
   WizardGameRow — contestant rows
   ────────────────────────────────────────────────────── */

.bfa-wizard-game[b-1czffuknbu] {
    display: flex;
    flex-direction: column;
}

    .bfa-wizard-game + .bfa-wizard-game[b-1czffuknbu] {
        border-top: 1px solid var(--xtos-divider);
    }

/* ═══════════════════════════════════════════════════════
   DESKTOP / TABLET layout  (>= 600 px)
   Grid columns inherit --wgc-cols from WizardGameGroup.
   ═══════════════════════════════════════════════════════ */

.bfa-wizard-game__mobile[b-1czffuknbu] {
    display: none;
}

.bfa-wizard-game__desktop[b-1czffuknbu] {
    display: contents;
}

.bfa-wizard-game__row[b-1czffuknbu] {
    display: grid;
    grid-template-columns: var(--wgc-cols, 84px 1fr 140px 140px 140px 72px);
    align-items: center;
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    background: var(--xtos-background-grey);
    min-height: 0;
}

    .bfa-wizard-game__row:hover[b-1czffuknbu] {
        background: color-mix(in srgb, var(--xtos-primary-color) 5%, var(--xtos-background-grey));
    }

.bfa-wizard-game__row--first[b-1czffuknbu] {
    padding-top: 0.45rem;
}

.bfa-wizard-game__row--last[b-1czffuknbu] {
    padding-bottom: 0.45rem;
}

/* Date cell */
.bfa-wizard-col--date[b-1czffuknbu] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.05rem;
    overflow: hidden;
    border-right: 1px solid var(--xtos-divider);
    padding-right: 0.5rem;
}

/* Team cell — stacks team name + pitcher sub-line vertically */
.bfa-wizard-col--team-stack[b-1czffuknbu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    overflow: hidden;
    gap: 0.1rem;
}

/* Inner row: rot badge + team name, baseline-aligned */
.bfa-wizard-col--team-inline[b-1czffuknbu] {
    display: flex;
    align-items: baseline;
    min-width: 0;
    overflow: hidden;
    gap: 0.375rem;
    width: 100%;
}

.bfa-wizard-game__date[b-1czffuknbu] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--xtos-primary-color);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bfa-wizard-game__time[b-1czffuknbu] {
    display: block;
    font-size: 0.75rem;
    line-height: 1.2;
    color: var(--xtos-text-color-secondary);
    white-space: nowrap;
}

.bfa-wizard-game__rot[b-1czffuknbu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.625rem;
    padding: 0.05rem 0.25rem;
    border-radius: 3px;
    background: color-mix(in srgb, var(--xtos-primary-color) 12%, transparent);
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--xtos-primary-color);
    flex-shrink: 0;
    align-self: center;
    letter-spacing: 0.02em;
}

.bfa-wizard-game__team[b-1czffuknbu] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    letter-spacing: 0.01em;
}

/* Pitcher sub-line — sits below the team name */
.bfa-wizard-game__pitcher[b-1czffuknbu] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.bfa-wizard-game__pitcher-icon[b-1czffuknbu] {
    font-size: 0.6875rem;
    color: var(--xtos-text-color-secondary);
    flex-shrink: 0;
    opacity: 0.75;
}

.bfa-wizard-game__pitcher-name[b-1czffuknbu] {
    font-size: 0.75rem;
    font-weight: 500;
    font-style: italic;
    color: var(--xtos-text-color-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    letter-spacing: 0.01em;
}

/* Mobile pitcher — pushed to right of team name via auto margin */
.bfa-wizard-game__pitcher--mobile[b-1czffuknbu] {
    margin-left: auto;
    flex-shrink: 0;
    max-width: 45%;
}

.bfa-wizard-more-bets[b-1czffuknbu] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    border: 1.5px solid var(--xtos-primary-color);
    background: transparent;
    color: var(--xtos-primary-color);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    cursor: pointer;
    font-family: var(--xtos-font-family);
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

    .bfa-wizard-more-bets:hover[b-1czffuknbu],
    .bfa-wizard-more-bets--active[b-1czffuknbu] {
        background: var(--xtos-primary-color);
        color: #fff;
    }

.bfa-wizard-more-bets__label[b-1czffuknbu] {
    display: inline;
}

@media (max-width: 899px) {
    .bfa-wizard-game__row[b-1czffuknbu] {
        padding: 0.2rem 0.625rem;
        gap: 0.375rem;
    }

    .bfa-wizard-game__row--first[b-1czffuknbu] {
        padding-top: 0.375rem;
    }

    .bfa-wizard-game__row--last[b-1czffuknbu] {
        padding-bottom: 0.375rem;
    }

    .bfa-wizard-game__date[b-1czffuknbu] {
        font-size: 0.75rem;
    }

    .bfa-wizard-game__time[b-1czffuknbu] {
        font-size: 0.6875rem;
    }

    .bfa-wizard-game__team[b-1czffuknbu] {
        font-size: 0.875rem;
    }

    .bfa-wizard-game__rot[b-1czffuknbu] {
        font-size: 0.625rem;
        min-width: 1.375rem;
    }

    .bfa-wizard-game__pitcher-name[b-1czffuknbu] {
        font-size: 0.6875rem;
    }
    /* At tablet the --more column is 40 px — hide the text label so only the icon shows */
    .bfa-wizard-more-bets__label[b-1czffuknbu] {
        display: none;
    }
}

/* ═══════════════════════════════════════════════════════
   MOBILE card layout  (< 600 px)
   Pattern: date strip | team row | odds row (per contestant)
   This is the industry-standard mobile sportsbook pattern
   used by Bet365, DraftKings, FanDuel — team name gets its
   own full-width row, odds share the row below it.
   ═══════════════════════════════════════════════════════ */

@media (max-width: 599px) {
    .bfa-wizard-game__desktop[b-1czffuknbu] {
        display: none;
    }

    .bfa-wizard-game__mobile[b-1czffuknbu] {
        display: block;
    }

    /* Date/time strip at top of each game */
    .bfa-wizard-game__mobile-date-row[b-1czffuknbu] {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.3rem 0.625rem 0.2rem;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        border-bottom: 1px solid var(--xtos-divider);
    }

        .bfa-wizard-game__mobile-date-row .bfa-wizard-game__date[b-1czffuknbu] {
            font-size: 0.8125rem;
            font-weight: 700;
        }

        .bfa-wizard-game__mobile-date-row .bfa-wizard-game__time[b-1czffuknbu] {
            font-size: 0.75rem;
        }

    /* More-bets icon pushed to far right in the date strip */
    .bfa-wizard-more-bets--mobile[b-1czffuknbu] {
        margin-left: auto;
        padding: 0.15rem 0.35rem;
        font-size: 0.75rem;
    }

    .bfa-wizard-game__mobile-team[b-1czffuknbu] {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.35rem 0.625rem 0.1rem;
        background: var(--xtos-background-grey);
        min-width: 0;
        overflow: hidden;
    }

        .bfa-wizard-game__mobile-team .bfa-wizard-game__rot[b-1czffuknbu] {
            font-size: 0.625rem;
            min-width: 1.375rem;
            flex-shrink: 0;
        }

        .bfa-wizard-game__mobile-team .bfa-wizard-game__team[b-1czffuknbu] {
            font-size: 0.9375rem;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            min-width: 0;
        }

        /* Pitcher pushed to the far right of the team row on mobile */
        .bfa-wizard-game__mobile-team .bfa-wizard-game__pitcher--mobile[b-1czffuknbu] {
            margin-left: auto;
            flex-shrink: 0;
            max-width: 42%;
        }

            .bfa-wizard-game__mobile-team .bfa-wizard-game__pitcher--mobile .bfa-wizard-game__pitcher-name[b-1czffuknbu] {
                font-size: 0.6875rem;
            }

    /* Odds row — buttons share equal width across full row */
    .bfa-wizard-game__mobile-odds[b-1czffuknbu] {
        display: flex;
        align-items: stretch;
        gap: 0.375rem;
        padding: 0.2rem 0.625rem 0.4rem;
        background: var(--xtos-background-grey);
    }

        .bfa-wizard-game__mobile-odds > *[b-1czffuknbu] {
            flex: 1 1 0;
            min-width: 0;
        }

        /* Separator between consecutive contestants */
        .bfa-wizard-game__mobile-odds + .bfa-wizard-game__mobile-team[b-1czffuknbu] {
            border-top: 1px solid var(--xtos-divider);
            padding-top: 0.35rem;
        }

        /* Hover feedback */
        .bfa-wizard-game__mobile-team:hover[b-1czffuknbu],
        .bfa-wizard-game__mobile-odds:hover[b-1czffuknbu] {
            background: color-mix(in srgb, var(--xtos-primary-color) 4%, var(--xtos-background-grey));
        }
}

.bfa-wizard-game__live-badge[b-1czffuknbu] {
    margin: 0;
    line-height: 1;
    user-select: none;
    background-color: red;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px;
    font-size: 0.75rem;
    text-align: center;
    border-radius: 3px;
}

.bfa-wizard-game__live-time[b-1czffuknbu] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 3px;
}

.bfa-wizard-col--more[b-1czffuknbu] {
    text-align: right;
}
/* /Components/Sports/WizardGameTotals.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────
   WizardGameTotals — Home / Away team totals panel
   Blazor CSS isolation: all grid + text styles self-contained.
   ────────────────────────────────────────────────────── */

/* Reuse the alt-lines container styling */
.bfa-wizard-alt-lines[b-g1m49o012s] {
    display: flex;
    flex-direction: column;
    border-top: 2px solid var(--xtos-primary-color);
    background: var(--xtos-background-color);
}

.bfa-wizard-alt-lines__group[b-g1m49o012s] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--xtos-divider);
}

    .bfa-wizard-alt-lines__group:last-child[b-g1m49o012s] {
        border-bottom: none;
    }

.bfa-wizard-alt-lines__sub-header[b-g1m49o012s] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3rem 0.75rem;
    background: var(--xtos-navbar-background);
    color: var(--xtos-navbar-text-color);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.85;
}

/* ── Totals column-header row: date | team | over | under | more ── */
/* --wgc-totals is defined locally so this component is self-contained */
.bfa-wizard-alt-lines__col-header[b-g1m49o012s] {
    --wgc-totals: 84px 1fr 140px 140px 72px;
    display: grid;
    grid-template-columns: var(--wgc-totals);
    align-items: center;
    padding: 0.35rem 0.75rem;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--xtos-navbar-background) 60%, transparent);
    color: var(--xtos-navbar-text-color);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    opacity: 0.85;
    user-select: none;
}

/* ── Data row ─────────────────────────────────────────── */
.bfa-wizard-alt-lines__row[b-g1m49o012s] {
    --wgc-totals: 84px 1fr 140px 140px 72px;
    display: grid;
    grid-template-columns: var(--wgc-totals);
    align-items: center;
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--xtos-primary-color) 10%, var(--xtos-background-color));
    min-height: 0;
}

    .bfa-wizard-alt-lines__row:hover[b-g1m49o012s] {
        background: color-mix(in srgb, var(--xtos-primary-color) 20%, var(--xtos-background-color));
    }

/* ── Column base cells ────────────────────────────────── */
.bfa-wizard-col[b-g1m49o012s] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.bfa-wizard-col--date[b-g1m49o012s] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.05rem;
    overflow: hidden;
    border-right: 1px solid var(--xtos-divider);
    padding-right: 0.5rem;
}

.bfa-wizard-col--team[b-g1m49o012s] {
    align-items: baseline;
    min-width: 0;
    overflow: hidden;
}

.bfa-wizard-col--odd[b-g1m49o012s] {
    justify-content: center;
    text-align: center;
}

.bfa-wizard-col--more[b-g1m49o012s] {
    justify-content: flex-end;
    text-align: right;
}

/* ── Text ─────────────────────────────────────────────── */
.bfa-wizard-game__date[b-g1m49o012s] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--xtos-primary-color);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bfa-wizard-game__team[b-g1m49o012s] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ── Tablet (600 – 899 px) ──────────────────────────────── */
@media (max-width: 899px) {
    .bfa-wizard-alt-lines__col-header[b-g1m49o012s],
    .bfa-wizard-alt-lines__row[b-g1m49o012s] {
        --wgc-totals: 72px 1fr 110px 110px 40px;
        padding: 0.2rem 0.625rem;
        gap: 0.375rem;
    }

    .bfa-wizard-alt-lines__col-header[b-g1m49o012s] {
        font-size: 0.625rem;
    }

    .bfa-wizard-game__date[b-g1m49o012s] { font-size: 0.75rem; }
    .bfa-wizard-game__team[b-g1m49o012s] { font-size: 0.875rem; }
}

/* ── Mobile (< 600 px) — team row + over/under side by side ── */
@media (max-width: 599px) {
    .bfa-wizard-alt-lines__col-header[b-g1m49o012s] {
        display: none;
    }

    .bfa-wizard-alt-lines__row[b-g1m49o012s] {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        gap: 0;
        background: transparent;
    }

    .bfa-wizard-col--date[b-g1m49o012s],
    .bfa-wizard-col--more[b-g1m49o012s] {
        display: none;
    }

    .bfa-wizard-col--team[b-g1m49o012s] {
        flex: 0 0 100%;
        padding: 0.35rem 0.625rem 0.1rem;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        order: 1;
    }

    .bfa-wizard-col--odd[b-g1m49o012s] {
        flex: 1 1 0;
        min-width: 0;
        justify-content: stretch;
        padding: 0.2rem 0;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        order: 2;
    }

        .bfa-wizard-col--odd:first-of-type[b-g1m49o012s] { padding-left: 0.625rem; }
        .bfa-wizard-col--odd:last-of-type[b-g1m49o012s]  { padding-right: 0.625rem; padding-bottom: 0.4rem; }

    .bfa-wizard-col--odd > *[b-g1m49o012s] { width: 100%; }
}
/* /Components/Sports/WizardMoreBets.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────
   WizardMoreBets — wrapper panel for all secondary sections
   ────────────────────────────────────────────────────── */

.bfa-wizard-more-bets-panel[b-tgosko5gv3] {
    display: flex;
    flex-direction: column;
}
/* /Components/Sports/WizardOddButton.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────
   WizardOddButton — pill-shaped odds selection button
   ────────────────────────────────────────────────────── */

.bfa-wizard-odd[b-uhhe4a2rjo] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; /* fill the grid cell on mobile */
    min-width: 72px; /* floor for desktop */
    min-height: 2.75rem; /* uniform height for all states */
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    border: 1.5px solid var(--xtos-divider);
    background: var(--xtos-background-color);
    color: var(--xtos-text-color);
    font-family: var(--xtos-font-family);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.25;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
    white-space: nowrap;
    user-select: none;
    box-sizing: border-box;
}

@media (max-width: 899px) {
    .bfa-wizard-odd[b-uhhe4a2rjo] {
        min-width: 60px;
        font-size: 0.875rem;
        min-height: 2.5rem;
    }
}

@media (max-width: 599px) {
    .bfa-wizard-odd[b-uhhe4a2rjo] {
        min-width: 0; /* fully fluid inside the flex cell */
        width: 100%;
        min-height: 2.375rem;
        font-size: 0.8125rem;
        padding: 0.2rem 0.25rem;
        border-radius: 6px; /* rounded rect fits narrow cells better than pill */
    }
}

.bfa-wizard-odd:hover:not(.bfa-wizard-odd--locked)[b-uhhe4a2rjo] {
    border-color: var(--xtos-primary-color);
    color: var(--xtos-primary-color);
}

/* Selected state */
.bfa-wizard-odd--selected[b-uhhe4a2rjo] {
    background: var(--xtos-primary-color);
    border-color: var(--xtos-primary-color);
    color: #fff;
}

    .bfa-wizard-odd--selected:hover[b-uhhe4a2rjo] {
        background: var(--xtos-secondary-color) !important;
    }

/* Price-increased state — green flash for 10 s after a push raises the price */
.bfa-wizard-odd--increased[b-uhhe4a2rjo] {
    border-color: var(--xtos-success);
    color: var(--xtos-success);
    background: color-mix(in srgb, var(--xtos-success) 8%, var(--xtos-background-color));
}

/* Price-decreased state — red flash for 10 s after a push lowers the price */
.bfa-wizard-odd--decreased[b-uhhe4a2rjo] {
    border-color: var(--xtos-danger);
    color: var(--xtos-danger);
    background: color-mix(in srgb, var(--xtos-danger) 8%, var(--xtos-background-color));
}

/* Keep selected style dominant when an odd is both selected and its price changed */
.bfa-wizard-odd--selected.bfa-wizard-odd--increased[b-uhhe4a2rjo],
.bfa-wizard-odd--selected.bfa-wizard-odd--decreased[b-uhhe4a2rjo] {
    background: var(--xtos-primary-color);
    border-color: var(--xtos-primary-color);
    color: #fff;
}

/* Locked state — same pill shape and min-height as an active button,
   just visually muted so it reads as "unavailable" without shrinking */
.bfa-wizard-odd--locked[b-uhhe4a2rjo] {
    background: var(--xtos-background-grey);
    border-color: var(--xtos-divider);
    border-style: dashed;
    color: var(--xtos-text-disabled);
    cursor: not-allowed;
    opacity: 0.7;
    /* keep min-width identical to active state — no override needed */
}

/* Line text (e.g. "+3.5", "O 140") */
.bfa-wizard-odd__line[b-uhhe4a2rjo] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    opacity: 0.85;
    line-height: 1.15;
}

/* Price text (e.g. "-110", "+138") */
.bfa-wizard-odd__price[b-uhhe4a2rjo] {
    display: block;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.25;
}

@media (max-width: 899px) {
    .bfa-wizard-odd__line[b-uhhe4a2rjo] {
        font-size: 0.75rem;
    }

    .bfa-wizard-odd__price[b-uhhe4a2rjo] {
        font-size: 0.875rem;
    }
}

@media (max-width: 599px) {
    .bfa-wizard-odd__line[b-uhhe4a2rjo] {
        font-size: 0.6875rem;
    }

    .bfa-wizard-odd__price[b-uhhe4a2rjo] {
        font-size: 0.8125rem;
    }
}
/* /Components/Sports/WizardPropRow.razor.rz.scp.css */
/* ──────────────────────────────────────────────────────
   WizardPropRow — prop fixture section in more-bets panel
   Blazor CSS isolation: all grid + text styles self-contained.
   Single-odds column layout (same as Futures).
   ────────────────────────────────────────────────────── */

.bfa-wizard-alt-lines[b-jw99eulyz7] {
    display: flex;
    flex-direction: column;
    border-top: 2px solid var(--xtos-primary-color);
    background: var(--xtos-background-color);
}

.bfa-wizard-alt-lines__group[b-jw99eulyz7] {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--xtos-divider);
}

    .bfa-wizard-alt-lines__group:last-child[b-jw99eulyz7] {
        border-bottom: none;
    }

.bfa-wizard-alt-lines__sub-header[b-jw99eulyz7] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.3rem 0.75rem;
    background: var(--xtos-navbar-background);
    color: var(--xtos-navbar-text-color);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.85;
}

/* ── Data row: date | description | odds | more ─────── */
.bfa-wizard-alt-lines__row[b-jw99eulyz7] {
    --wgc-prop: 84px 1fr 140px 72px;
    display: grid;
    grid-template-columns: var(--wgc-prop);
    align-items: center;
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    background: color-mix(in srgb, var(--xtos-primary-color) 10%, var(--xtos-background-color));
    min-height: 0;
}

    .bfa-wizard-alt-lines__row:hover[b-jw99eulyz7] {
        background: color-mix(in srgb, var(--xtos-primary-color) 20%, var(--xtos-background-color));
    }

/* ── Column base cells ────────────────────────────────── */
.bfa-wizard-col[b-jw99eulyz7] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.bfa-wizard-col--date[b-jw99eulyz7] {
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    border-right: 1px solid var(--xtos-divider);
    padding-right: 0.5rem;
}

.bfa-wizard-col--team[b-jw99eulyz7] {
    align-items: baseline;
    min-width: 0;
    overflow: hidden;
}

.bfa-wizard-col--odd[b-jw99eulyz7] {
    justify-content: center;
    text-align: center;
}

.bfa-wizard-col--more[b-jw99eulyz7] {
    justify-content: flex-end;
    text-align: right;
}

/* ── Text ─────────────────────────────────────────────── */
.bfa-wizard-game__team[b-jw99eulyz7] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ── Tablet (600 – 899 px) ──────────────────────────────── */
@media (max-width: 899px) {
    .bfa-wizard-alt-lines__row[b-jw99eulyz7] {
        --wgc-prop: 72px 1fr 110px 40px;
        padding: 0.2rem 0.625rem;
        gap: 0.375rem;
    }

    .bfa-wizard-game__team[b-jw99eulyz7] { font-size: 0.875rem; }
}

/* ── Mobile (< 600 px) — description full-width + odds below ── */
@media (max-width: 599px) {
    .bfa-wizard-alt-lines__row[b-jw99eulyz7] {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        gap: 0;
        background: transparent;
    }

    .bfa-wizard-col--date[b-jw99eulyz7],
    .bfa-wizard-col--more[b-jw99eulyz7] {
        display: none;
    }

    .bfa-wizard-col--team[b-jw99eulyz7] {
        flex: 0 0 100%;
        padding: 0.35rem 0.625rem 0.1rem;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        order: 1;
    }

    .bfa-wizard-col--odd[b-jw99eulyz7] {
        flex: 1 1 0;
        min-width: 0;
        justify-content: stretch;
        padding: 0.2rem 0;
        background: color-mix(in srgb, var(--xtos-background-grey) 60%, var(--xtos-background-color));
        order: 2;
    }

        .bfa-wizard-col--odd:first-of-type[b-jw99eulyz7] { padding-left: 0.625rem; }
        .bfa-wizard-col--odd:last-of-type[b-jw99eulyz7]  { padding-right: 0.625rem; padding-bottom: 0.4rem; }

    .bfa-wizard-col--odd > *[b-jw99eulyz7] { width: 100%; }

    .bfa-wizard-game__team[b-jw99eulyz7] { font-size: 0.875rem; }
}
/* /Components/Table.razor.rz.scp.css */
/* ============================================
   BFA Table Component Styles
   ============================================ */

/* Base Table Styles */
.bfa-table[b-suek443no7] {
    width: 100%;
    position: relative;
}

.bfa-table__wrapper[b-suek443no7] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.bfa-table__element[b-suek443no7] {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: var(--xtos-background-color, #ffffff);
}

/* Loading State */
.bfa-table__loading[b-suek443no7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    gap: 16px;
}

/* Empty State */
.bfa-table__empty[b-suek443no7] {
    padding: 48px 24px;
    text-align: center;
}

/* Table Head */
.bfa-table__head[b-suek443no7] {
    background-color: var(--xtos-table-header-bg, #f8f9fa);
    border-bottom: 2px solid var(--xtos-border-color, #dee2e6);
}

.bfa-table__header[b-suek443no7] {
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 1rem;
    color: var(--xtos-text-color-primary, #212529);
    white-space: nowrap;
    vertical-align: middle;
}

.bfa-table__header--sortable[b-suek443no7] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

.bfa-table__header--sortable:hover[b-suek443no7] {
    background-color: var(--xtos-table-hover-bg, rgba(0, 0, 0, 0.05));
}

.bfa-table__header--center[b-suek443no7] {
    text-align: center;
}

.bfa-table__header--right[b-suek443no7] {
    text-align: right;
}

.bfa-table__header--select[b-suek443no7],
.bfa-table__header--actions[b-suek443no7] {
    width: 50px;
    text-align: center;
}

.bfa-table__header-content[b-suek443no7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bfa-table__sort-icon[b-suek443no7] {
    display: inline-flex;
    align-items: center;
    color: var(--xtos-primary-color, #0066cc);
    font-size: 1rem;
}

.bfa-table__sort-icon--inactive[b-suek443no7] {
    color: var(--xtos-text-color-muted, #6c757d);
    opacity: 0.5;
}

/* Table Body */
.bfa-table__body[b-suek443no7] {
    background-color: var(--xtos-surface-color, #ffffff);
}

.bfa-table__row[b-suek443no7] {
    border-bottom: 1px solid var(--xtos-border-color-light, #e9ecef);
    transition: background-color 0.2s ease;
}

.bfa-table__row--clickable[b-suek443no7] {
    cursor: pointer;
}

.bfa-table__row--selected[b-suek443no7] {
    background-color: var(--xtos-primary-color-light, rgba(0, 102, 204, 0.1));
}

.bfa-table--hoverable .bfa-table__row:hover[b-suek443no7] {
    background-color: var(--xtos-table-hover-bg, rgba(0, 0, 0, 0.02));
}

.bfa-table__cell[b-suek443no7] {
    padding: 12px 16px;
    font-size: 1rem;
    color: var(--xtos-text-color-primary, #212529);
    vertical-align: middle;
}

.bfa-table__cell--center[b-suek443no7] {
    text-align: center;
}

.bfa-table__cell--right[b-suek443no7] {
    text-align: right;
}

.bfa-table__cell--select[b-suek443no7],
.bfa-table__cell--actions[b-suek443no7] {
    text-align: center;
}

.bfa-table__cell--actions[b-suek443no7] {
    white-space: nowrap;
}

/* Table Variants */
.bfa-table--compact .bfa-table__header[b-suek443no7],
.bfa-table--compact .bfa-table__cell[b-suek443no7] {
    padding: 8px 12px;
}

.bfa-table--comfortable .bfa-table__header[b-suek443no7],
.bfa-table--comfortable .bfa-table__cell[b-suek443no7] {
    padding: 16px 20px;
}

/* Table Sizes */
.bfa-table--small .bfa-table__header[b-suek443no7],
.bfa-table--small .bfa-table__cell[b-suek443no7] {
    font-size: 0.875rem;
}

.bfa-table--large .bfa-table__header[b-suek443no7],
.bfa-table--large .bfa-table__cell[b-suek443no7] {
    font-size: 1.125rem;
}

/* Table Modifiers */
.bfa-table--striped .bfa-table__row:nth-child(even)[b-suek443no7] {
    background-color: var(--xtos-table-striped-bg, rgba(0, 0, 0, 0.02));
}

.bfa-table--bordered .bfa-table__element[b-suek443no7] {
    border: 1px solid var(--xtos-border-color, #dee2e6);
}

.bfa-table--bordered .bfa-table__header[b-suek443no7],
.bfa-table--bordered .bfa-table__cell[b-suek443no7] {
    border-right: 1px solid var(--xtos-border-color-light, #e9ecef);
}

.bfa-table--bordered .bfa-table__header:last-child[b-suek443no7],
.bfa-table--bordered .bfa-table__cell:last-child[b-suek443no7] {
    border-right: none;
}

/* Pagination */
.bfa-table__pagination[b-suek443no7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    margin-top: 16px;
    border-top: 1px solid var(--xtos-border-color-light, #e9ecef);
    gap: 16px;
}

.bfa-table__pagination-info[b-suek443no7] {
    flex-shrink: 0;
}

.bfa-table__pagination-controls[b-suek443no7] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.bfa-table__pagination-ellipsis[b-suek443no7] {
    padding: 0 8px;
    color: var(--xtos-text-color-muted, #6c757d);
}

/* Responsive - Stacked Mode (Default) */
@media (max-width: 768px) {
    .bfa-table--responsive-stacked .bfa-table__wrapper[b-suek443no7] {
        overflow-x: visible;
    }

    .bfa-table--responsive-stacked .bfa-table__element[b-suek443no7] {
        border: 0;
    }

    .bfa-table--responsive-stacked .bfa-table__head[b-suek443no7] {
        display: none;
    }

    .bfa-table--responsive-stacked .bfa-table__row[b-suek443no7] {
        display: block;
        margin-bottom: 16px;
        border: 1px solid var(--xtos-border-color-light, #e9ecef);
        border-radius: 8px;
        overflow: hidden;
    }

    .bfa-table--responsive-stacked .bfa-table__cell[b-suek443no7] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 16px;
        border-bottom: 1px solid var(--xtos-border-color-light, #e9ecef);
        text-align: right;
    }

    .bfa-table--responsive-stacked .bfa-table__cell:last-child[b-suek443no7] {
        border-bottom: none;
    }

    .bfa-table--responsive-stacked .bfa-table__cell[b-suek443no7]::before {
        content: attr(data-label);
        font-weight: 600;
        text-align: left;
        flex-shrink: 0;
        margin-right: 16px;
    }

    .bfa-table--responsive-stacked .bfa-table__cell--select[b-suek443no7],
    .bfa-table--responsive-stacked .bfa-table__cell--actions[b-suek443no7] {
        justify-content: flex-start;
    }

    .bfa-table--responsive-stacked .bfa-table__cell--select[b-suek443no7]::before {
        content: 'Select';
    }

    .bfa-table--responsive-stacked .bfa-table__cell--actions[b-suek443no7]::before {
        content: 'Actions';
    }
}

/* Responsive - Scroll Mode */
.bfa-table--responsive-scroll .bfa-table__wrapper[b-suek443no7] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Responsive - Cards Mode */
@media (max-width: 768px) {
    .bfa-table--responsive-cards .bfa-table__wrapper[b-suek443no7] {
        overflow-x: visible;
    }

    .bfa-table--responsive-cards .bfa-table__element[b-suek443no7] {
        display: block;
        border: 0;
    }

    .bfa-table--responsive-cards .bfa-table__head[b-suek443no7] {
        display: none;
    }

    .bfa-table--responsive-cards .bfa-table__body[b-suek443no7] {
        display: block;
    }

    .bfa-table--responsive-cards .bfa-table__row[b-suek443no7] {
        display: block;
        margin-bottom: 16px;
        padding: 16px;
        border: 1px solid var(--xtos-border-color-light, #e9ecef);
        border-radius: 8px;
        background-color: var(--xtos-surface-color, #ffffff);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .bfa-table--responsive-cards .bfa-table__cell[b-suek443no7] {
        display: block;
        padding: 8px 0;
        border: none;
        text-align: left;
    }

    .bfa-table--responsive-cards .bfa-table__cell[b-suek443no7]::before {
        content: attr(data-label);
        display: block;
        font-weight: 600;
        font-size: 1rem;
        color: var(--xtos-text-color-muted, #6c757d);
        margin-bottom: 4px;
        text-transform: uppercase;
    }

    .bfa-table--responsive-cards .bfa-table__cell--actions[b-suek443no7] {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid var(--xtos-border-color-light, #e9ecef);
    }
}

/* Pagination Responsive */
@media (max-width: 576px) {
    .bfa-table__pagination[b-suek443no7] {
        flex-direction: column;
        align-items: stretch;
    }

    .bfa-table__pagination-info[b-suek443no7] {
        text-align: center;
    }

    .bfa-table__pagination-controls[b-suek443no7] {
        justify-content: center;
    }
}

/* Dark Mode Support (Optional) */
@media (prefers-color-scheme: dark) {
    .bfa-table__element[b-suek443no7] {
        background-color: var(--xtos-background-color, #1e1e1e);
    }

    .bfa-table__head[b-suek443no7] {
        background-color: var(--xtos-sidebar-background, #2d2d2d);
        border-bottom-color: var(--xtos-disabled-color, #404040);
    }

    .bfa-table__header[b-suek443no7],
    .bfa-table__cell[b-suek443no7] {
        color: var(--xtos-text-color, #e0e0e0);
    }

    .bfa-table__row[b-suek443no7] {
        border-bottom-color: var(--xtos-disabled-color, #404040);
    }

    .bfa-table--hoverable .bfa-table__row:hover[b-suek443no7] {
        background-color: var(--xtos-table-hover-bg, rgba(255, 255, 255, 0.05));
    }

    .bfa-table--striped .bfa-table__row:nth-child(even)[b-suek443no7] {
        background-color: var(--xtos-table-striped-bg, rgba(255, 255, 255, 0.02));
    }
}

/* ============================================
   Print Styles
   ============================================ */

@media print {
    /* Generic print-hide utility - hides any element marked for print suppression */
    .print-hide[b-suek443no7] {
        display: none !important;
    }

    /* Reset responsive wrapper so the table is not clipped */
    .bfa-table__wrapper[b-suek443no7] {
        overflow-x: visible !important;
    }

    /* Ensure the table always renders as a proper table in print */
    .bfa-table__element[b-suek443no7] {
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
    }

    .bfa-table__head[b-suek443no7] {
        display: table-header-group !important;
    }

    .bfa-table__body[b-suek443no7] {
        display: table-row-group !important;
    }

    /* Rows must never be split across pages */
    .bfa-table__row[b-suek443no7] {
        display: table-row !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .bfa-table__header[b-suek443no7],
    .bfa-table__cell[b-suek443no7] {
        display: table-cell !important;
    }

    /* Remove mobile pseudo-element labels */
    .bfa-table__cell[b-suek443no7]::before {
        content: none !important;
        display: none !important;
    }
}

/* /Components/Text.razor.rz.scp.css */
/* Base Text Styles */
.bfa-text[b-i5ezgsrt3x] {
    font-family: var(--xtos-font-family);
    line-height: 1.6;
    color: var(--xtos-text-color);
    margin: 0 0 12px 0;
}

/* Sizes */
.bfa-text--xs[b-i5ezgsrt3x] {
    font-size: 0.75em;
}

.bfa-text--sm[b-i5ezgsrt3x] {
    font-size: 0.875em;
}

.bfa-text--md[b-i5ezgsrt3x] {
    font-size: 1em;
}

.bfa-text--lg[b-i5ezgsrt3x] {
    font-size: 1.125em;
}

.bfa-text--xl[b-i5ezgsrt3x] {
    font-size: 1.25em;
}

/* Weights */
.bfa-text--light[b-i5ezgsrt3x] {
    font-weight: 300;
}

.bfa-text--normal[b-i5ezgsrt3x] {
    font-weight: 400;
}

.bfa-text--medium[b-i5ezgsrt3x] {
    font-weight: 500;
}

.bfa-text--semibold[b-i5ezgsrt3x] {
    font-weight: 600;
}

.bfa-text--bold[b-i5ezgsrt3x] {
    font-weight: 700;
}

/* Alignment */
.bfa-text--left[b-i5ezgsrt3x] {
    text-align: left;
}

.bfa-text--center[b-i5ezgsrt3x] {
    text-align: center;
}

.bfa-text--right[b-i5ezgsrt3x] {
    text-align: right;
}

/* Colors */
.bfa-text--color-primary[b-i5ezgsrt3x] {
    color: var(--xtos-primary-color);
}

.bfa-text--color-secondary[b-i5ezgsrt3x] {
    color: var(--xtos-secondary-color);
}

.bfa-text--color-success[b-i5ezgsrt3x] {
    color: var(--xtos-success);
}

.bfa-text--color-warning[b-i5ezgsrt3x] {
    color: var(--xtos-warning);
}

.bfa-text--color-danger[b-i5ezgsrt3x] {
    color: var(--xtos-danger, #dc3545);
}

.bfa-text--color-muted[b-i5ezgsrt3x] {
    color: var(--xtos-text-color-secondary);
}

/* States */
.bfa-text--no-margin[b-i5ezgsrt3x] {
    margin: 0;
}

.bfa-text--uppercase[b-i5ezgsrt3x] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.bfa-text--italic[b-i5ezgsrt3x] {
    font-style: italic;
}

.bfa-text--truncate[b-i5ezgsrt3x] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/TextInput.razor.rz.scp.css */
/* Base TextInput Styles */
.bfa-textinput[b-rc399avogb] {
    font-family: var(--xtos-font-family);
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    box-sizing: border-box;
}

.bfa-textinput--full-width[b-rc399avogb] {
    width: 100%;
}

/* Label */
.bfa-textinput__label[b-rc399avogb] {
    font-weight: 600;
    font-size: 0.875em;
    color: var(--xtos-text-color);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 2px;
}

.bfa-textinput__required[b-rc399avogb] {
    color: var(--xtos-danger, #dc3545);
    font-weight: 700;
}

/* Input Wrapper */
.bfa-textinput__wrapper[b-rc399avogb] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Base Input */
.bfa-textinput__input[b-rc399avogb] {
    font-family: var(--xtos-font-family);
    font-weight: 400;
    width: 100%;
    border: 1.5px solid transparent;
    border-radius: 3px;
    transition: all 0.2s ease;
    box-sizing: border-box;
    color: var(--xtos-text-color);
    background-color: var(--xtos-background-color, white);
}

.bfa-textinput__input[b-rc399avogb]::placeholder {
    color: var(--xtos-text-color-secondary);
    opacity: 0.6;
}

/* Filled variant placeholder - higher contrast */
.bfa-textinput__input--filled[b-rc399avogb]::placeholder {
    color: rgba(0, 0, 0, 0.7);
    opacity: 1;
}

.bfa-textinput__input:focus[b-rc399avogb] {
    outline: none;
}

/* Sizes */
.bfa-textinput__input--small[b-rc399avogb] {
    padding: 6px 10px;
    font-size: 0.813em;
    min-height: 28px;
}

.bfa-textinput__input--medium[b-rc399avogb] {
    padding: 8px 12px;
    font-size: 0.938em;
    min-height: 32px;
}

.bfa-textinput__input--large[b-rc399avogb] {
    padding: 10px 14px;
    font-size: 1em;
    min-height: 40px;
}

/* Outlined Variant */
.bfa-textinput__input--outlined[b-rc399avogb] {
    border-color: rgba(0, 0, 0, 0.23);
    background-color: transparent;
}

.bfa-textinput__input--outlined:hover:not(:disabled):not(:read-only)[b-rc399avogb] {
    border-color: var(--xtos-text-color);
}

.bfa-textinput__input--outlined:focus[b-rc399avogb] {
    border-color: var(--xtos-primary-color);
    box-shadow: 0 0 0 1px var(--xtos-primary-color);
}

/* Filled Variant */
.bfa-textinput__input--filled[b-rc399avogb] {
    background-color: rgba(0, 0, 0, 0.06);
    border-color: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.42);
    border-radius: 3px 3px 0 0;
}

.bfa-textinput__input--filled:hover:not(:disabled):not(:read-only)[b-rc399avogb] {
    background-color: rgba(0, 0, 0, 0.09);
    border-bottom-color: var(--xtos-text-color);
}

.bfa-textinput__input--filled:focus[b-rc399avogb] {
    border-bottom-color: var(--xtos-primary-color);
}

/* Underlined Variant */
.bfa-textinput__input--underlined[b-rc399avogb] {
    background-color: transparent;
    border: none;
    border-bottom: 1.5px solid rgba(0, 0, 0, 0.42);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.bfa-textinput__input--underlined:hover:not(:disabled):not(:read-only)[b-rc399avogb] {
    border-bottom-color: var(--xtos-text-color);
}

.bfa-textinput__input--underlined:focus[b-rc399avogb] {
    border-bottom-color: var(--xtos-primary-color);
    border-bottom-width: 2px;
}

/* States */
.bfa-textinput__input--error[b-rc399avogb] {
    border-color: var(--xtos-danger, #dc3545);
}

.bfa-textinput__input--error:focus[b-rc399avogb] {
    border-color: var(--xtos-danger, #dc3545);
    box-shadow: 0 0 0 1px var(--xtos-danger, #dc3545);
}

.bfa-textinput__input--disabled[b-rc399avogb] {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0.05);
}

.bfa-textinput__input--readonly[b-rc399avogb] {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.03);
}

/* Icon Styles */
.bfa-textinput__icon[b-rc399avogb] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--xtos-text-color-secondary);
    pointer-events: none;
    font-size: 1.125em;
    line-height: 1;
    z-index: 1;
}

.bfa-textinput__icon i[b-rc399avogb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

.bfa-textinput__icon i[b-rc399avogb]::before {
    display: inline-block;
    font-weight: 400;
}

.bfa-textinput__icon--left[b-rc399avogb] {
    left: 10px;
}

.bfa-textinput__icon--right[b-rc399avogb] {
    right: 10px;
}

.bfa-textinput__input--has-icon-left.bfa-textinput__input--small[b-rc399avogb] {
    padding-left: 32px;
}

.bfa-textinput__input--has-icon-left.bfa-textinput__input--medium[b-rc399avogb] {
    padding-left: 36px;
}

.bfa-textinput__input--has-icon-left.bfa-textinput__input--large[b-rc399avogb] {
    padding-left: 40px;
}

.bfa-textinput__input--has-icon-right.bfa-textinput__input--small[b-rc399avogb] {
    padding-right: 32px;
}

.bfa-textinput__input--has-icon-right.bfa-textinput__input--medium[b-rc399avogb] {
    padding-right: 36px;
}

.bfa-textinput__input--has-icon-right.bfa-textinput__input--large[b-rc399avogb] {
    padding-right: 40px;
}

/* Clear Button */
.bfa-textinput__clear[b-rc399avogb] {
    position: absolute;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--xtos-text-color-secondary);
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s ease;
    font-size: 0.875em;
}

.bfa-textinput__clear:hover[b-rc399avogb] {
    background-color: rgba(0, 0, 0, 0.08);
    color: var(--xtos-text-color);
}

.bfa-textinput__clear:active[b-rc399avogb] {
    background-color: rgba(0, 0, 0, 0.12);
}

/* Password Toggle Button */
.bfa-textinput__toggle-password[b-rc399avogb] {
    position: absolute;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--xtos-text-color-secondary);
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s ease;
    font-size: 1em;
}

.bfa-textinput__toggle-password:hover[b-rc399avogb] {
    background-color: rgba(0, 0, 0, 0.08);
    color: var(--xtos-text-color);
}

.bfa-textinput__toggle-password:active[b-rc399avogb] {
    background-color: rgba(0, 0, 0, 0.12);
}

/* Character Count */
.bfa-textinput__character-count[b-rc399avogb] {
    position: absolute;
    right: 10px;
    font-size: 0.75em;
    color: var(--xtos-text-color-secondary);
    pointer-events: none;
}

/* Helper and Error Text */
.bfa-textinput__helper[b-rc399avogb],
.bfa-textinput__error[b-rc399avogb] {
    font-size: 0.75em;
    line-height: 1.4;
    margin-top: 2px;
}

.bfa-textinput__helper[b-rc399avogb] {
    color: var(--xtos-text-color-secondary);
}

.bfa-textinput__error[b-rc399avogb] {
    color: var(--xtos-danger, #dc3545);
}

/* Focused State */
.bfa-textinput__input--focused .bfa-textinput__icon[b-rc399avogb] {
    color: var(--xtos-primary-color);
}

.bfa-textinput__input--error.bfa-textinput__input--focused .bfa-textinput__icon[b-rc399avogb] {
    color: var(--xtos-danger, #dc3545);
}

/* Responsive */
@media (max-width: 768px) {
    .bfa-textinput__input--small[b-rc399avogb] {
        min-height: 32px;
    }

    .bfa-textinput__input--medium[b-rc399avogb] {
        min-height: 36px;
    }

    .bfa-textinput__input--large[b-rc399avogb] {
        min-height: 44px;
    }
}
/* /Components/Toggle.razor.rz.scp.css */
/* Base Toggle Styles */
.bfa-toggle[b-9obn0r5gjj] {
    font-family: var(--xtos-font-family);
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.bfa-toggle__container[b-9obn0r5gjj] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    position: relative;
}

.bfa-toggle--disabled .bfa-toggle__container[b-9obn0r5gjj] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Hidden Native Input */
.bfa-toggle__input[b-9obn0r5gjj] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Toggle Switch */
.bfa-toggle__switch[b-9obn0r5gjj] {
    position: relative;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 34px;
    transition: background-color 0.3s ease;
    flex-shrink: 0;
}

.bfa-toggle__slider[b-9obn0r5gjj] {
    position: absolute;
    background-color: white;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.bfa-toggle__slider i[b-9obn0r5gjj] {
    font-size: 0.625em;
    color: var(--xtos-text-color);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.bfa-toggle--with-icon .bfa-toggle__slider i[b-9obn0r5gjj] {
    opacity: 1;
}

/* Sizes */
.bfa-toggle--small .bfa-toggle__switch[b-9obn0r5gjj] {
    width: 32px;
    height: 18px;
}

.bfa-toggle--small .bfa-toggle__slider[b-9obn0r5gjj] {
    width: 14px;
    height: 14px;
    top: 2px;
    left: 2px;
}

.bfa-toggle--small.bfa-toggle--checked .bfa-toggle__slider[b-9obn0r5gjj] {
    transform: translateX(14px);
}

.bfa-toggle--medium .bfa-toggle__switch[b-9obn0r5gjj] {
    width: 44px;
    height: 24px;
}

.bfa-toggle--medium .bfa-toggle__slider[b-9obn0r5gjj] {
    width: 18px;
    height: 18px;
    top: 3px;
    left: 3px;
}

.bfa-toggle--medium.bfa-toggle--checked .bfa-toggle__slider[b-9obn0r5gjj] {
    transform: translateX(20px);
}

.bfa-toggle--large .bfa-toggle__switch[b-9obn0r5gjj] {
    width: 56px;
    height: 30px;
}

.bfa-toggle--large .bfa-toggle__slider[b-9obn0r5gjj] {
    width: 24px;
    height: 24px;
    top: 3px;
    left: 3px;
}

.bfa-toggle--large.bfa-toggle--checked .bfa-toggle__slider[b-9obn0r5gjj] {
    transform: translateX(26px);
}

/* Hover State */
.bfa-toggle__container:hover .bfa-toggle__switch[b-9obn0r5gjj] {
    background-color: rgba(0, 0, 0, 0.4);
}

/* Focus State */
.bfa-toggle__input:focus + .bfa-toggle__switch[b-9obn0r5gjj] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 112, 235, 0.2);
}

/* Checked State */
.bfa-toggle--checked .bfa-toggle__switch[b-9obn0r5gjj] {
    background-color: var(--xtos-primary-color);
}

/* Checked + Hover State - darker for better feedback */
.bfa-toggle--checked .bfa-toggle__container:hover .bfa-toggle__switch[b-9obn0r5gjj] {
    background-color: var(--xtos-secondary-color);
    filter: brightness(0.85);
}

.bfa-toggle--checked .bfa-toggle__slider[b-9obn0r5gjj] {
    background-color: white;
}

/* Label */
.bfa-toggle__label[b-9obn0r5gjj] {
    color: var(--xtos-text-color);
    font-size: 0.938em;
    line-height: 1.4;
}

.bfa-toggle--small .bfa-toggle__label[b-9obn0r5gjj] {
    font-size: 0.813em;
}

.bfa-toggle--large .bfa-toggle__label[b-9obn0r5gjj] {
    font-size: 1em;
}

.bfa-toggle__required[b-9obn0r5gjj] {
    color: var(--xtos-danger, #dc3545);
    font-weight: 700;
    margin-left: 2px;
}

/* Helper Text */
.bfa-toggle__helper[b-9obn0r5gjj] {
    font-size: 0.75em;
    color: var(--xtos-text-color-secondary);
    line-height: 1.4;
    margin-left: 54px;
}

.bfa-toggle--small .bfa-toggle__helper[b-9obn0r5gjj] {
    margin-left: 42px;
}

.bfa-toggle--large .bfa-toggle__helper[b-9obn0r5gjj] {
    margin-left: 66px;
}

/* Disabled State */
.bfa-toggle--disabled .bfa-toggle__switch[b-9obn0r5gjj] {
    background-color: rgba(0, 0, 0, 0.15);
}

.bfa-toggle--disabled.bfa-toggle--checked .bfa-toggle__switch[b-9obn0r5gjj] {
    background-color: rgba(0, 112, 235, 0.3);
}

.bfa-toggle--disabled .bfa-toggle__slider[b-9obn0r5gjj] {
    background-color: rgba(255, 255, 255, 0.7);
}
/* /Components/Wizard/WizardMiniTimeline.razor.rz.scp.css */
.bfa-mini-timeline[b-2uwjl28z7q] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-shrink: 0;
}

.bfa-mini-timeline__dot[b-2uwjl28z7q] {
    border-radius: 50%;
    transition: all 0.2s ease;
}

.bfa-mini-timeline__dot--disabled[b-2uwjl28z7q] {
    width: 8px;
    height: 8px;
    background: transparent;
    border: 1.5px solid var(--xtos-text-disabled, #bbb);
}

.bfa-mini-timeline__dot--unlocked[b-2uwjl28z7q] {
    width: 10px;
    height: 10px;
    background: var(--xtos-primary-color);
    opacity: 0.6;
}

.bfa-mini-timeline__dot--active[b-2uwjl28z7q] {
    width: 14px;
    height: 14px;
    background: var(--xtos-primary-color);
    animation: bfa-mini-pulse-b-2uwjl28z7q 2s ease-in-out infinite;
}

.bfa-mini-timeline__dot--completed[b-2uwjl28z7q] {
    width: 10px;
    height: 10px;
    background: var(--xtos-success, #28a745);
}

@keyframes bfa-mini-pulse-b-2uwjl28z7q {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 color-mix(in srgb, var(--xtos-primary-color) 30%, transparent); }
    50%       { opacity: 0.75; box-shadow: 0 0 0 4px color-mix(in srgb, var(--xtos-primary-color) 15%, transparent); }
}
/* /Components/Wizard/WizardNavigationBar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   WizardNavigationBar — fixed bottom bar + picks flyout
   ═══════════════════════════════════════════════════════ */

/* ── The bar itself ───────────────────────────────────── */

.bfa-wizard-nav-bar[b-v4dm9x55hj] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--xtos-navbar-background, #1a1a2e);
    border-top: 1px solid color-mix(in srgb, var(--xtos-navbar-text-color, #fff) 15%, transparent);
    box-sizing: border-box;
    /* overflow:visible so the panel can protrude above without clipping */
    overflow: visible;
}

@media (max-width: 768px) {
    .bfa-wizard-nav-bar[b-v4dm9x55hj] {
        bottom: var(--xtos-sidebar-drawer-height, 60px);
    }
}

/* ── Inner grid — same max-width as page content ── */

.bfa-wizard-nav-bar__inner[b-v4dm9x55hj] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.75rem;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0.75rem 2rem;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .bfa-wizard-nav-bar__inner[b-v4dm9x55hj] {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
        column-gap: 0.5rem;
        row-gap: 0.2rem;
        padding: 0.625rem 1rem 0.75rem;
    }
}

/* ── Left (mini timeline dots) ── */

.bfa-wizard-nav-bar__left[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .bfa-wizard-nav-bar__left[b-v4dm9x55hj] {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
    }
}

/* ── Step info ── */

.bfa-wizard-nav-bar__step-info[b-v4dm9x55hj] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

@media (max-width: 767px) {
    .bfa-wizard-nav-bar__step-info[b-v4dm9x55hj] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

.bfa-wizard-nav-bar__step-label[b-v4dm9x55hj] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--xtos-navbar-text-color, #fff);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Right (action buttons) ── */

.bfa-wizard-nav-bar__right[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .bfa-wizard-nav-bar__right[b-v4dm9x55hj] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }
}

.bfa-wizard-nav-bar__action-wrapper[b-v4dm9x55hj],
.bfa-wizard-nav-bar__back-wrapper[b-v4dm9x55hj],
.bfa-wizard-nav-bar__next-wrapper[b-v4dm9x55hj] {
    display: contents;
}

/* Back button: icon-only on mobile */
@media (max-width: 767px) {
    .bfa-wizard-nav-bar__back-wrapper[b-v4dm9x55hj]  .bfa-button__content {
        display: none;
    }
    .bfa-wizard-nav-bar__back-wrapper[b-v4dm9x55hj]  .bfa-button {
        min-width: 36px;
    }
}

/* Very small screens */
@media (max-width: 369px) {
    .bfa-wizard-nav-bar__inner[b-v4dm9x55hj] {
        padding: 0.5rem 0.625rem 0.625rem;
        column-gap: 0.25rem;
    }
    .bfa-wizard-nav-bar__right[b-v4dm9x55hj] { gap: 0.25rem; }
    .bfa-wizard-nav-bar__context[b-v4dm9x55hj] { display: none; }
    .bfa-wizard-nav-bar__right[b-v4dm9x55hj]  .bfa-button { min-width: 36px; }
    .bfa-wizard-nav-bar__step-label[b-v4dm9x55hj] { font-size: 0.8125rem; }
}

@media (max-height: 800px) {
    .bfa-wizard-nav-bar__step-label[b-v4dm9x55hj] { display: none; }
}

/* ── Context chips ── */

.bfa-wizard-nav-bar__context[b-v4dm9x55hj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.3125rem;
}

.bfa-wizard-nav-bar__context-chip[b-v4dm9x55hj] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 20px;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
    background: color-mix(in srgb, var(--xtos-navbar-text-color, #fff) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--xtos-navbar-text-color, #fff) 22%, transparent);
    color: var(--xtos-navbar-text-color, #fff);
}

.bfa-wizard-nav-bar__context-chip i[b-v4dm9x55hj] {
    font-size: 0.6875rem;
    line-height: 1;
    opacity: 0.85;
}

/* ── Picks badge chip (interactive) ── */

.bfa-wizard-nav-bar__picks-chip[b-v4dm9x55hj] {
    cursor: pointer;
    font-family: var(--xtos-font-family);
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    appearance: none;
    -webkit-appearance: none;
}

.bfa-wizard-nav-bar__picks-chip:hover[b-v4dm9x55hj] {
    background: color-mix(in srgb, var(--xtos-primary-color) 70%, transparent);
    border-color: var(--xtos-primary-color);
    color: #fff;
}

.bfa-wizard-nav-bar__picks-chip--open[b-v4dm9x55hj] {
    background: var(--xtos-primary-color);
    border-color: var(--xtos-primary-color);
    color: #fff;
}

.bfa-wizard-nav-bar__picks-caret[b-v4dm9x55hj] {
    font-size: 0.625rem !important;
    opacity: 1 !important;
    margin-left: 0.1rem;
    transition: transform 0.2s ease;
}

/* ═══════════════════════════════════════════════════════
   PICKS FLYOUT PANEL
   position: absolute inside the fixed .bfa-wizard-nav-bar
   → bottom: 100% means "flush against the top edge of the bar"
   → Always pixel-perfect with zero magic numbers.
   ═══════════════════════════════════════════════════════ */

.bfa-picks-panel[b-v4dm9x55hj] {
    position: absolute;
    /* +1px clears the bar's own border-top so the two 1px borders
       never share the same pixel row (prevents the hairline overlap) */
    bottom: calc(100% + 1px);
    left: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
}

/* The actual visible card — centred within the panel's full-width shell */
.bfa-picks-panel__inner[b-v4dm9x55hj] {
    pointer-events: auto;
    box-sizing: border-box;
    /* Default (mobile-first): full width, no side margin */
    width: 100%;
    margin: 0;
    /* Card chrome */
    background: var(--xtos-background-color, #fff);
    border: 1px solid var(--xtos-divider);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -6px 32px rgba(0, 0, 0, 0.2);
    max-height: 50vh;
    display: flex;
    flex-direction: column;
    /* Slide-up entry */
    animation: bfa-picks-panel-in-b-v4dm9x55hj 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes bfa-picks-panel-in-b-v4dm9x55hj {
    from { transform: translateY(12px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

/* Desktop: panel matches the bar's inner content area exactly.
   Same max-width (1200px) and same horizontal padding (2rem each side)
   as .bfa-wizard-nav-bar__inner — the card edges align with bar content edges. */
@media (min-width: 769px) {
    .bfa-picks-panel__inner[b-v4dm9x55hj] {
        width: min(1200px, 100vw);          /* never wider than the viewport */
        max-width: none;
        /* Centre with the same offset logic as the inner bar grid */
        margin-left: max(0px, calc(50vw - 600px));
        margin-right: max(0px, calc(50vw - 600px));
        /* Inset the card visually with the same 2rem side padding */
        border-radius: 12px 12px 0 0;
    }
}

/* Mobile: panel shell stretches edge-to-edge (already default — nothing extra needed).
   Explicit reset in case desktop media query is evaluated first in some browsers. */
@media (max-width: 768px) {
    .bfa-picks-panel__inner[b-v4dm9x55hj] {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* ── Panel header ── */

.bfa-picks-panel__header[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 1rem 0.5rem;
    border-bottom: 1px solid var(--xtos-divider);
    flex-shrink: 0;
}

.bfa-picks-panel__title[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--xtos-text-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bfa-picks-panel__title i[b-v4dm9x55hj] {
    font-size: 0.9375rem;
    color: var(--xtos-primary-color);
}

.bfa-picks-panel__clear-all[b-v4dm9x55hj] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    border: 1px solid var(--xtos-danger, red);
    background: transparent;
    color: var(--xtos-danger, red);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    cursor: pointer;
    font-family: var(--xtos-font-family);
    transition: background 0.15s, color 0.15s;
}

.bfa-picks-panel__clear-all:hover[b-v4dm9x55hj] {
    background: var(--xtos-danger, red);
    color: #fff;
}

.bfa-picks-panel__clear-all i[b-v4dm9x55hj] { font-size: 0.75rem; }

/* ── Scrollable pick list ── */

.bfa-picks-panel__list[b-v4dm9x55hj] {
    overflow-y: auto;
    overscroll-behavior: contain;
    flex: 1 1 auto;
    padding: 0.25rem 0;
}

/* ── Individual pick row ── */

.bfa-picks-panel__item[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--xtos-divider);
    transition: background 0.12s;
}

.bfa-picks-panel__item:last-child[b-v4dm9x55hj] { border-bottom: none; }

.bfa-picks-panel__item:hover[b-v4dm9x55hj] {
    background: color-mix(in srgb, var(--xtos-primary-color) 5%, transparent);
}

.bfa-picks-panel__item-info[b-v4dm9x55hj] {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
}

.bfa-picks-panel__item-fixture[b-v4dm9x55hj] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--xtos-text-color-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    opacity: 0.8;
}

.bfa-picks-panel__item-team[b-v4dm9x55hj] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bfa-picks-panel__item-odds[b-v4dm9x55hj] {
    display: inline-flex;
    align-items: center;
    gap: 0.3125rem;
    font-size: 0.75rem;
    color: var(--xtos-text-color-secondary);
    white-space: nowrap;
    flex-wrap: wrap;
}

.bfa-picks-panel__item-market[b-v4dm9x55hj] {
    display: inline-flex;
    align-items: center;
    padding: 0.0625rem 0.375rem;
    border-radius: 3px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    background: color-mix(in srgb, var(--xtos-primary-color) 12%, transparent);
    color: var(--xtos-primary-color);
    border: 1px solid color-mix(in srgb, var(--xtos-primary-color) 28%, transparent);
    line-height: 1.5;
}

/* ── Remove button ── */

.bfa-picks-panel__item-remove[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid var(--xtos-divider);
    background: transparent;
    color: var(--xtos-text-color-secondary);
    cursor: pointer;
    flex-shrink: 0;
    font-size: 0.75rem;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.bfa-picks-panel__item-remove:hover[b-v4dm9x55hj] {
    background: var(--xtos-danger, red);
    border-color: var(--xtos-danger, red);
    color: #fff;
}

/* ── Backdrop — sits behind panel, captures outside clicks ── */

.bfa-picks-panel__backdrop[b-v4dm9x55hj] {
    position: fixed;
    inset: 0;
    z-index: 998;   /* behind bar (999) and panel (999+10), above page content */
    background: transparent;
}

/* ═══════════════════════════════════════════════════════
   LEAGUES CHIP (interactive — same pattern as picks chip)
   ═══════════════════════════════════════════════════════ */

.bfa-wizard-nav-bar__leagues-chip[b-v4dm9x55hj] {
    cursor: pointer;
    font-family: var(--xtos-font-family);
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    appearance: none;
    -webkit-appearance: none;
}

.bfa-wizard-nav-bar__leagues-chip:hover[b-v4dm9x55hj] {
    background: color-mix(in srgb, var(--xtos-success, #28a745) 55%, transparent);
    border-color: var(--xtos-success, #28a745);
    color: #fff;
}

.bfa-wizard-nav-bar__leagues-chip--open[b-v4dm9x55hj] {
    background: var(--xtos-success, #28a745);
    border-color: var(--xtos-success, #28a745);
    color: #fff;
}

.bfa-wizard-nav-bar__leagues-caret[b-v4dm9x55hj] {
    font-size: 0.625rem !important;
    opacity: 1 !important;
    margin-left: 0.1rem;
    transition: transform 0.2s ease;
}

/* ═══════════════════════════════════════════════════════
   LEAGUES FLYOUT PANEL
   Same positioning as .bfa-picks-panel — absolute inside
   the fixed bar, bottom: calc(100% + 1px).
   ═══════════════════════════════════════════════════════ */

.bfa-leagues-panel[b-v4dm9x55hj] {
    position: absolute;
    bottom: calc(100% + 1px);
    left: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
}

.bfa-leagues-panel__inner[b-v4dm9x55hj] {
    pointer-events: auto;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    background: var(--xtos-background-color, #fff);
    border: 1px solid var(--xtos-divider);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -6px 32px rgba(0, 0, 0, 0.2);
    max-height: 50vh;
    display: flex;
    flex-direction: column;
    animation: bfa-picks-panel-in-b-v4dm9x55hj 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@media (min-width: 769px) {
    .bfa-leagues-panel__inner[b-v4dm9x55hj] {
        width: min(1200px, 100vw);
        max-width: none;
        margin-left: max(0px, calc(50vw - 600px));
        margin-right: max(0px, calc(50vw - 600px));
        border-radius: 12px 12px 0 0;
    }
}

@media (max-width: 768px) {
    .bfa-leagues-panel__inner[b-v4dm9x55hj] {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* ── Panel header ── */

.bfa-leagues-panel__header[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    padding: 0.625rem 1rem 0.5rem;
    border-bottom: 1px solid var(--xtos-divider);
    flex-shrink: 0;
}

.bfa-leagues-panel__title[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--xtos-text-color);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bfa-leagues-panel__title i[b-v4dm9x55hj] {
    font-size: 0.9375rem;
    color: var(--xtos-success, #28a745);
}

/* ── Scrollable league list ── */

.bfa-leagues-panel__list[b-v4dm9x55hj] {
    overflow-y: auto;
    overscroll-behavior: contain;
    flex: 1 1 auto;
    padding: 0.25rem 0;
}

/* ── Individual league row ── */

.bfa-leagues-panel__item[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid var(--xtos-divider);
    transition: background 0.12s;
}

.bfa-leagues-panel__item:last-child[b-v4dm9x55hj] { border-bottom: none; }

.bfa-leagues-panel__item:hover[b-v4dm9x55hj] {
    background: color-mix(in srgb, var(--xtos-success, #28a745) 5%, transparent);
}

.bfa-leagues-panel__item-name[b-v4dm9x55hj] {
    flex: 1 1 0;
    min-width: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Remove button (same shape as picks remove) ── */

.bfa-leagues-panel__item-remove[b-v4dm9x55hj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    border: 1px solid var(--xtos-divider);
    background: transparent;
    color: var(--xtos-text-color-secondary);
    cursor: pointer;
    flex-shrink: 0;
    font-size: 0.75rem;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.bfa-leagues-panel__item-remove:hover[b-v4dm9x55hj] {
    background: var(--xtos-danger, red);
    border-color: var(--xtos-danger, red);
    color: #fff;
}
/* /Components/Wizard/WizardTimeline.razor.rz.scp.css */
.bfa-wizard-timeline[b-5q1d3ps2dk] {
    display: none;
}

@media (min-width: 768px) {
    .bfa-wizard-timeline[b-5q1d3ps2dk] {
        display: flex;
        flex-direction: column;
        padding: 1.25rem 2rem;
        background: var(--xtos-navbar-background, #1a1a2e);
        border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
    }

    /* ── Nodes row ── */

    .bfa-wizard-timeline__nodes[b-5q1d3ps2dk] {
        display: flex;
        align-items: center;
    }

    .bfa-wizard-timeline__slot[b-5q1d3ps2dk] {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .bfa-wizard-timeline__line[b-5q1d3ps2dk] {
        flex: 1;
        height: 2px;
        background: var(--xtos-divider, #e0e0e0);
        transition: background 0.25s ease;
    }

    .bfa-wizard-timeline__line--hidden[b-5q1d3ps2dk] {
        visibility: hidden;
    }

    .bfa-wizard-timeline__slot--completed .bfa-wizard-timeline__line[b-5q1d3ps2dk],
    .bfa-wizard-timeline__slot--unlocked .bfa-wizard-timeline__line[b-5q1d3ps2dk] {
        background: var(--xtos-success, #28a745);
    }

    .bfa-wizard-timeline__slot--active .bfa-wizard-timeline__line--left[b-5q1d3ps2dk] {
        background: var(--xtos-primary-color);
    }

    .bfa-wizard-timeline__node[b-5q1d3ps2dk] {
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--xtos-text-disabled, #bbb);
        background: transparent;
        color: var(--xtos-text-disabled, #bbb);
        cursor: not-allowed;
        font-size: 0.875rem;
        font-weight: 600;
        transition: all 0.2s ease;
        position: relative;
        z-index: 1;
    }

    .bfa-wizard-timeline__slot--active .bfa-wizard-timeline__node[b-5q1d3ps2dk] {
        background: var(--xtos-primary-color);
        border-color: var(--xtos-primary-color);
        color: #fff;
        cursor: default;
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--xtos-primary-color) 20%, transparent);
    }

    .bfa-wizard-timeline__slot--completed .bfa-wizard-timeline__node[b-5q1d3ps2dk] {
        background: var(--xtos-success, #28a745);
        border-color: var(--xtos-success, #28a745);
        color: #fff;
        cursor: pointer;
    }

    .bfa-wizard-timeline__slot--completed .bfa-wizard-timeline__node:hover[b-5q1d3ps2dk] {
        opacity: 0.85;
    }

    .bfa-wizard-timeline__slot--unlocked .bfa-wizard-timeline__node[b-5q1d3ps2dk] {
        background: transparent;
        border-color: var(--xtos-primary-color);
        color: var(--xtos-primary-color);
        cursor: pointer;
        opacity: 0.65;
    }

    .bfa-wizard-timeline__slot--unlocked .bfa-wizard-timeline__node:hover[b-5q1d3ps2dk] {
        opacity: 1;
    }

    /* ── Labels row ── */

    .bfa-wizard-timeline__labels[b-5q1d3ps2dk] {
        display: flex;
        margin-top: 0.625rem;
    }

    .bfa-wizard-timeline__label-slot[b-5q1d3ps2dk] {
        flex: 1;
        display: flex;
        justify-content: center;
    }

    .bfa-wizard-timeline__label[b-5q1d3ps2dk] {
        font-size: 0.8125rem;
        text-align: center;
        color: var(--xtos-text-color-secondary, #666);
        max-width: 90px;
        line-height: 1.3;
    }

    .bfa-wizard-timeline__label-slot--active .bfa-wizard-timeline__label[b-5q1d3ps2dk] {
        color: var(--xtos-navbar-text-color, #fff);
        font-weight: 600;
        font-size: 0.875rem;
    }

    .bfa-wizard-timeline__label-slot--disabled .bfa-wizard-timeline__label[b-5q1d3ps2dk] {
        color: var(--xtos-text-disabled, #bbb);
    }

    .bfa-wizard-timeline__label-slot--completed .bfa-wizard-timeline__label[b-5q1d3ps2dk],
    .bfa-wizard-timeline__label-slot--unlocked .bfa-wizard-timeline__label[b-5q1d3ps2dk] {
        color: var(--xtos-navbar-text-color, #fff);
        opacity: 0.75;
    }
}
/* /Dialogs/Components/DialogContainer.razor.rz.scp.css */
.dialog-overlay[b-9nz40w3iud] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    animation: fadeIn-b-9nz40w3iud 0.3s ease-in-out;
}

.dialog-wrapper[b-9nz40w3iud] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 90%;
    max-height: 90%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 20px;
    animation: dialog_in-b-9nz40w3iud 0.3s ease-in-out;
}

.dialog-header[b-9nz40w3iud] {
    font-size: 1.5em;
    margin-bottom: 10px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dialog-title[b-9nz40w3iud] {
    margin: 0;
    padding: 0;
}

.dialog-close[b-9nz40w3iud] {
    text-align: right;
}

.dialog-close-button[b-9nz40w3iud] {
    background: none;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    color: #888;
    transition: color 0.2s;
}

.dialog-footer[b-9nz40w3iud] {
    margin-top: 20px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
}

@keyframes fadeIn-b-9nz40w3iud {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dialog_in-b-9nz40w3iud {
    from {
        translate: 0 25px;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* /Layout/EmptyLayout.razor.rz.scp.css */
.empty-layout-container[b-llmnqjdb9h] {
    display: grid;
    place-content: center;
    width: 100%;
    height: 100vh;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-layout[b-vv0u7ih1lz] {
    display: grid;
    grid-template-columns: 0.2fr minmax(180px, 200px) 1fr 0.2fr;
    grid-template-areas:
        'margin-left navbar navbar margin-right'
        'margin-left sidebar content margin-right';

    transition: width linear 0.3s;
}

.content[b-vv0u7ih1lz] {
    grid-area: content;
    padding: 10px 15px;
    margin: 0 !important;
    min-height: calc(100vh - var(--xtos-navbar-height));
    box-sizing: border-box;
    background-color: var(--xtos-background-color);
    border-radius: 0 !important;
    font-size: unset !important;
    line-height: unset !important;
}

[b-vv0u7ih1lz] .nav-link {
    margin: 5px 0;
    text-decoration: none;
    cursor: pointer;
    padding: 8px 12px;
    color: inherit;
}

[b-vv0u7ih1lz] .nav-link:hover {
    text-decoration: underline;
}

@media (max-width: 1300px) {
    .app-layout[b-vv0u7ih1lz] {
        grid-template-columns: minmax(180px, 200px) 1fr;
        grid-template-areas:
            'navbar navbar'
            'sidebar content';
    }
}

@media (max-width: 768px) {
    .app-layout[b-vv0u7ih1lz] {
        grid-template-columns: 1fr;
        grid-template-areas:
            'navbar'
            'content'
            'sidebar';
    }

    .content[b-vv0u7ih1lz] {
        min-height: calc(100vh - var(--xtos-navbar-height));
        padding: 5px 10px calc(var(--xtos-sidebar-drawer-height, 60px) + 15px) 10px; 
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard[b-85jfj7snk3] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 720px) {
    .dashboard[b-85jfj7snk3] {
        padding: 0.2rem;
    }
}

.dashboard__container[b-85jfj7snk3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Header */

.dashboard__header[b-85jfj7snk3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
}

.dashboard__header-content[b-85jfj7snk3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard__title[b-85jfj7snk3] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    margin: 0;
}

/* Sections */

.dashboard__section[b-85jfj7snk3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard__section-header[b-85jfj7snk3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
}

/* Table cell layouts */

.dashboard__column[b-85jfj7snk3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard__risk-win[b-85jfj7snk3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.dashboard__row-action[b-85jfj7snk3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.dashboard__row-icon[b-85jfj7snk3] {
    font-size: 1rem;
    color: var(--xtos-text-color-secondary, #6b7280);
    flex-shrink: 0;
}

.dashboard__section-title[b-85jfj7snk3] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}
/* /Pages/Examples/ButtonExamples.razor.rz.scp.css */
.button-examples[b-n7f4yn5201] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: var(--xtos-font-family);
}

.button-examples h1[b-n7f4yn5201] {
    color: var(--xtos-primary-color);
    margin-bottom: 30px;
}

.button-examples h2[b-n7f4yn5201] {
    color: var(--xtos-text-color);
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-top: 0;
}

.button-examples h3[b-n7f4yn5201] {
    color: var(--xtos-text-color);
    font-size: 1em;
    margin-bottom: 10px;
    margin-top: 0;
}

.example-section[b-n7f4yn5201] {
    margin-bottom: 40px;
    padding: 20px;
    background-color: var(--xtos-background-color);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.button-row[b-n7f4yn5201] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.button-group[b-n7f4yn5201] {
    display: inline-flex;
    gap: 0;
}

.button-group .bfa-button[b-n7f4yn5201] {
    border-radius: 0;
    border-right-width: 0;
}

.button-group .bfa-button:first-child[b-n7f4yn5201] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.button-group .bfa-button:last-child[b-n7f4yn5201] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 1.5px;
}

.size-comparison[b-n7f4yn5201] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.size-row[b-n7f4yn5201] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.size-label[b-n7f4yn5201] {
    min-width: 80px;
    font-weight: 600;
    color: var(--xtos-text-color);
}

.example-card[b-n7f4yn5201] {
    background-color: rgba(0, 112, 235, 0.05);
    padding: 15px;
    border-radius: 8px;
    border: 1px solid rgba(0, 112, 235, 0.1);
    margin-top: 15px;
}

.example-card h4[b-n7f4yn5201] {
    margin: 0 0 8px 0;
    color: var(--xtos-text-color);
}

.example-card p[b-n7f4yn5201] {
    margin: 0 0 12px 0;
    color: var(--xtos-text-color-secondary);
    font-size: 0.9em;
}

@media (max-width: 768px) {
    .button-row[b-n7f4yn5201] {
        flex-direction: column;
        align-items: stretch;
    }

    .size-row[b-n7f4yn5201] {
        flex-direction: column;
        align-items: flex-start;
    }

    .size-label[b-n7f4yn5201] {
        margin-bottom: 8px;
    }
}
/* /Pages/Examples/CardExamples.razor.rz.scp.css */
.card-examples[b-691in9ll8g] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
    font-family: var(--xtos-font-family);
}

.card-examples h1[b-691in9ll8g] {
    color: var(--xtos-primary-color);
    margin-bottom: 10px;
}

.intro-text[b-691in9ll8g] {
    color: var(--xtos-text-color-secondary);
    font-size: 1.125em;
    margin-bottom: 40px;
}

.example-section[b-691in9ll8g] {
    margin-bottom: 48px;
}

.example-section h2[b-691in9ll8g] {
    color: var(--xtos-primary-color);
    border-bottom: 2px solid var(--xtos-primary-color);
    padding-bottom: 8px;
    margin-bottom: 24px;
    font-size: 1.5em;
}

.example-section h3[b-691in9ll8g] {
    color: var(--xtos-text-color);
    margin-bottom: 16px;
    margin-top: 24px;
    font-size: 1.125em;
}

.section-description[b-691in9ll8g] {
    color: var(--xtos-text-color-secondary);
    margin-bottom: 20px;
    font-size: 0.938em;
}

/* Card Grids */
.card-grid[b-691in9ll8g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.feature-grid[b-691in9ll8g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

.info-grid[b-691in9ll8g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
}

.stats-grid[b-691in9ll8g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
}

.two-column-grid[b-691in9ll8g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.three-column-grid[b-691in9ll8g] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Product Image */
.product-image[b-691in9ll8g] {
    width: 100%;
    height: 200px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive */
@media (max-width: 1024px) {
    .three-column-grid[b-691in9ll8g] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .card-examples[b-691in9ll8g] {
        padding: 15px;
    }

    .card-grid[b-691in9ll8g],
    .feature-grid[b-691in9ll8g],
    .info-grid[b-691in9ll8g],
    .stats-grid[b-691in9ll8g],
    .two-column-grid[b-691in9ll8g],
    .three-column-grid[b-691in9ll8g] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Examples/ComboBoxExamples.razor.rz.scp.css */
.combobox-examples[b-gqy1nn0lwg] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: var(--xtos-font-family);
}

.combobox-examples h1[b-gqy1nn0lwg] {
    color: var(--xtos-primary-color);
    margin-bottom: 30px;
}

.combobox-examples h2[b-gqy1nn0lwg] {
    color: var(--xtos-text-color);
    font-size: 1.2em;
    margin-bottom: 15px;
}

.example-section[b-gqy1nn0lwg] {
    margin-bottom: 40px;
    padding: 20px;
    background-color: var(--xtos-background-color);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.result[b-gqy1nn0lwg] {
    margin-top: 15px;
    padding: 10px;
    background-color: rgba(0, 112, 235, 0.05);
    border-radius: 4px;
    color: var(--xtos-text-color);
}

.info-text[b-gqy1nn0lwg] {
    margin-top: 10px;
    padding: 8px 10px;
    background-color: rgba(255, 165, 0, 0.1);
    border-left: 3px solid orange;
    border-radius: 4px;
    color: var(--xtos-text-color);
    font-size: 0.9em;
}

.user-item[b-gqy1nn0lwg] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar[b-gqy1nn0lwg] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--xtos-primary-color), var(--xtos-secondary-color));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.1em;
}

.user-info[b-gqy1nn0lwg] {
    flex: 1;
}

.user-name[b-gqy1nn0lwg] {
    font-weight: 600;
    color: var(--xtos-text-color);
}

.user-email[b-gqy1nn0lwg] {
    font-size: 0.85em;
    color: var(--xtos-text-color-secondary);
}

.flex-row[b-gqy1nn0lwg] {
    display: flex;
    gap: 20px;
}

.flex-item[b-gqy1nn0lwg] {
    flex: 1;
}

@media (max-width: 768px) {
    .flex-row[b-gqy1nn0lwg] {
        flex-direction: column;
    }
}
/* /Pages/Examples/ComponentExamples.razor.rz.scp.css */
.component-index[b-88c35er5gv] {
    padding: 40px 20px;
    max-width: 1400px;
    margin: 0 auto;
    font-family: var(--xtos-font-family);
}

.component-index h1[b-88c35er5gv] {
    color: var(--xtos-primary-color);
    font-size: 2.5em;
    margin-bottom: 10px;
    text-align: center;
}

.subtitle[b-88c35er5gv] {
    text-align: center;
    font-size: 1.1em;
    color: var(--xtos-text-color-secondary);
    margin-bottom: 40px;
}

.component-grid[b-88c35er5gv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 24px;
    margin-bottom: 50px;
}

.component-card[b-88c35er5gv] {
    background-color: var(--xtos-background-color);
    border: 2px solid rgba(0, 112, 235, 0.1);
    border-radius: 12px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.component-card:hover[b-88c35er5gv] {
    border-color: var(--xtos-primary-color);
    box-shadow: 0 4px 20px rgba(0, 112, 235, 0.15);
    transform: translateY(-2px);
}

.component-card--coming-soon[b-88c35er5gv] {
    opacity: 0.6;
    cursor: default;
}

.component-card--coming-soon:hover[b-88c35er5gv] {
    transform: none;
    box-shadow: none;
}

.component-icon[b-88c35er5gv] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--xtos-primary-color), var(--xtos-secondary-color));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.component-info h2[b-88c35er5gv] {
    margin: 0;
    color: var(--xtos-text-color);
    font-size: 1.5em;
}

.component-info p[b-88c35er5gv] {
    margin: 8px 0;
    color: var(--xtos-text-color-secondary);
    line-height: 1.6;
}

.feature-list[b-88c35er5gv] {
    list-style: none;
    padding: 0;
    margin: 12px 0 0 0;
}

.feature-list li[b-88c35er5gv] {
    padding: 6px 0 6px 24px;
    position: relative;
    color: var(--xtos-text-color);
    font-size: 0.9em;
}

.feature-list li[b-88c35er5gv]:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--xtos-success);
    font-weight: bold;
}

.view-link[b-88c35er5gv] {
    color: var(--xtos-primary-color);
    font-weight: 600;
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 4px;
}

.component-card:hover .view-link[b-88c35er5gv] {
    gap: 8px;
}

.coming-soon-badge[b-88c35er5gv] {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--xtos-warning);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75em;
    font-weight: 600;
}

.info-section[b-88c35er5gv] {
    margin-bottom: 50px;
}

.info-section h2[b-88c35er5gv] {
    color: var(--xtos-text-color);
    font-size: 2em;
    margin-bottom: 24px;
    text-align: center;
}

.principles-grid[b-88c35er5gv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.principle-card[b-88c35er5gv] {
    background-color: rgba(0, 112, 235, 0.05);
    border: 1px solid rgba(0, 112, 235, 0.1);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
}

.principle-icon[b-88c35er5gv] {
    font-size: 3em;
    margin-bottom: 12px;
}

.principle-card h3[b-88c35er5gv] {
    margin: 0 0 8px 0;
    color: var(--xtos-text-color);
    font-size: 1.2em;
}

.principle-card p[b-88c35er5gv] {
    margin: 0;
    color: var(--xtos-text-color-secondary);
    font-size: 0.9em;
    line-height: 1.6;
}

.getting-started[b-88c35er5gv] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.step[b-88c35er5gv] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.step-number[b-88c35er5gv] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--xtos-primary-color), var(--xtos-secondary-color));
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    font-weight: bold;
    flex-shrink: 0;
}

.step-content h3[b-88c35er5gv] {
    margin: 0 0 8px 0;
    color: var(--xtos-text-color);
    font-size: 1.2em;
}

.step-content p[b-88c35er5gv] {
    margin: 0;
    color: var(--xtos-text-color-secondary);
    line-height: 1.6;
}

@media (max-width: 768px) {
    .component-index[b-88c35er5gv] {
        padding: 20px;
    }

    .component-index h1[b-88c35er5gv] {
        font-size: 1.8em;
    }

    .component-grid[b-88c35er5gv] {
        grid-template-columns: 1fr;
    }

    .principles-grid[b-88c35er5gv] {
        grid-template-columns: 1fr;
    }

    .step[b-88c35er5gv] {
        flex-direction: column;
    }
}
/* /Pages/Examples/DateTimeSelectorExamples.razor.rz.scp.css */
.datetime-selector-examples[b-ueu72mbypt] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    font-family: var(--xtos-font-family);
}

.page-header[b-ueu72mbypt] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 2px solid var(--xtos-divider);
}

.page-header h1[b-ueu72mbypt] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--xtos-text-color);
    margin: 0 0 1rem 0;
}

.page-description[b-ueu72mbypt] {
    font-size: 1.125rem;
    color: var(--xtos-text-color-secondary);
    margin: 0;
    line-height: 1.6;
}

.example-section[b-ueu72mbypt] {
    margin-bottom: 3rem;
}

.example-section h2[b-ueu72mbypt] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    margin: 0 0 0.75rem 0;
}

.section-description[b-ueu72mbypt] {
    font-size: 1rem;
    color: var(--xtos-text-color-secondary);
    margin: 0 0 1.5rem 0;
}

.example-grid[b-ueu72mbypt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.example-item[b-ueu72mbypt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.value-display[b-ueu72mbypt] {
    padding: 1rem;
    background-color: var(--xtos-background-grey);
    border-radius: 8px;
    font-size: 0.938rem;
    color: var(--xtos-text-color);
    border-left: 4px solid var(--xtos-primary-color);
}

.value-display.warning[b-ueu72mbypt] {
    border-left-color: var(--xtos-warning);
    color: var(--xtos-warning);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.value-display strong[b-ueu72mbypt] {
    font-weight: 600;
    margin-right: 0.5rem;
}

/* Features Section */
.features-section[b-ueu72mbypt] {
    background: linear-gradient(135deg, rgba(var(--xtos-primary-color-rgb, 59, 130, 246), 0.05) 0%, rgba(var(--xtos-secondary-color-rgb, 139, 92, 246), 0.05) 100%);
    padding: 2rem;
    border-radius: 12px;
    margin-top: 4rem;
}

.features-grid[b-ueu72mbypt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.feature-card[b-ueu72mbypt] {
    background-color: var(--xtos-background-color);
    padding: 1.5rem;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feature-card:hover[b-ueu72mbypt] {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.feature-icon[b-ueu72mbypt] {
    font-size: 2.5rem;
    color: var(--xtos-primary-color);
    margin-bottom: 1rem;
}

.feature-card h3[b-ueu72mbypt] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    margin: 0 0 0.5rem 0;
}

.feature-card p[b-ueu72mbypt] {
    font-size: 0.938rem;
    color: var(--xtos-text-color-secondary);
    margin: 0;
    line-height: 1.5;
}

/* Usage Guidelines Section */
.usage-section[b-ueu72mbypt] {
    margin-top: 4rem;
}

.guidelines[b-ueu72mbypt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 1.5rem;
}

.guideline[b-ueu72mbypt] {
    background-color: var(--xtos-background-color);
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid var(--xtos-divider);
}

.guideline h3[b-ueu72mbypt] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--xtos-text-color);
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.guideline h3 i[b-ueu72mbypt] {
    font-size: 1.5rem;
}

.guideline h3 i.ph-check-circle[b-ueu72mbypt] {
    color: var(--xtos-success);
}

.guideline h3 i.ph-x-circle[b-ueu72mbypt] {
    color: var(--xtos-danger);
}

.guideline ul[b-ueu72mbypt] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guideline ul li[b-ueu72mbypt] {
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    position: relative;
    font-size: 0.938rem;
    color: var(--xtos-text-color-secondary);
    line-height: 1.5;
}

.guideline ul li[b-ueu72mbypt]:before {
    content: "•";
    position: absolute;
    left: 0.5rem;
    font-weight: 700;
    color: var(--xtos-primary-color);
}

.guideline ul li:last-child[b-ueu72mbypt] {
    margin-bottom: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .datetime-selector-examples[b-ueu72mbypt] {
        padding: 1rem;
    }

    .page-header h1[b-ueu72mbypt] {
        font-size: 2rem;
    }

    .page-description[b-ueu72mbypt] {
        font-size: 1rem;
    }

    .example-grid[b-ueu72mbypt],
    .features-grid[b-ueu72mbypt],
    .guidelines[b-ueu72mbypt] {
        grid-template-columns: 1fr;
    }

    .example-section h2[b-ueu72mbypt] {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .page-header h1[b-ueu72mbypt] {
        font-size: 1.75rem;
    }

    .feature-card[b-ueu72mbypt] {
        padding: 1rem;
    }

    .feature-icon[b-ueu72mbypt] {
        font-size: 2rem;
    }
}
/* /Pages/Examples/DesignSystemIndex.razor.rz.scp.css */
.home-container[b-uo8ecmocsb] {
    padding: 40px 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.home-container h1[b-uo8ecmocsb] {
    color: var(--xtos-primary-color);
    margin-bottom: 16px;
}

.home-intro[b-uo8ecmocsb] {
    font-size: 1.125em;
    color: var(--xtos-text-color-secondary);
    margin-bottom: 48px;
    max-width: 800px;
}

.component-grid[b-uo8ecmocsb] {
    margin-bottom: 64px;
}

.component-grid h2[b-uo8ecmocsb] {
    color: var(--xtos-text-color);
    margin-bottom: 24px;
    font-size: 1.75em;
}

.component-cards[b-uo8ecmocsb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
}

.design-principles h2[b-uo8ecmocsb] {
    color: var(--xtos-text-color);
    margin-bottom: 24px;
    font-size: 1.75em;
}

.principles-grid[b-uo8ecmocsb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
}

@media (max-width: 768px) {
    .home-container[b-uo8ecmocsb] {
        padding: 24px 16px;
    }

    .component-cards[b-uo8ecmocsb] {
        grid-template-columns: 1fr;
    }

    .principles-grid[b-uo8ecmocsb] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Examples/LoadingExamples.razor.rz.scp.css */
.loading-examples[b-b7x97wg35k] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: var(--xtos-font-family);
}

.loading-examples h1[b-b7x97wg35k] {
    color: var(--xtos-primary-color);
    margin-bottom: 30px;
}

.loading-examples h2[b-b7x97wg35k] {
    color: var(--xtos-text-color);
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-top: 0;
}

.loading-examples h3[b-b7x97wg35k] {
    color: var(--xtos-text-color);
    font-size: 1em;
    margin-bottom: 10px;
    margin-top: 20px;
}

.loading-examples h4[b-b7x97wg35k] {
    margin: 0 0 12px 0;
    color: var(--xtos-text-color);
}

.example-section[b-b7x97wg35k] {
    margin-bottom: 40px;
    padding: 20px;
    background-color: var(--xtos-background-color);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.section-description[b-b7x97wg35k] {
    color: var(--xtos-text-color);
    opacity: 0.8;
    margin-bottom: 20px;
    font-size: 0.95em;
}

.indicator-row[b-b7x97wg35k] {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: center;
}

.indicator-sample[b-b7x97wg35k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.size-info[b-b7x97wg35k] {
    font-size: 0.85em;
    color: var(--xtos-text-color);
    opacity: 0.7;
    font-weight: 500;
}

.loading-grid[b-b7x97wg35k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.loading-sample[b-b7x97wg35k] {
    min-height: 180px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.loading-sample.compact[b-b7x97wg35k] {
    min-height: 140px;
}

.loading-sample .loading-component[b-b7x97wg35k] {
    width: 100%;
    height: 100%;
}

.button-row[b-b7x97wg35k] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.interactive-demo[b-b7x97wg35k] {
    padding: 24px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.hint-text[b-b7x97wg35k] {
    margin-top: 12px;
    font-size: 0.9em;
    color: var(--xtos-text-color);
    opacity: 0.7;
    font-style: italic;
}

.example-card[b-b7x97wg35k] {
    padding: 20px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    max-width: 400px;
}

.card-content[b-b7x97wg35k] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.example-table[b-b7x97wg35k] {
    padding: 20px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.example-form[b-b7x97wg35k] {
    padding: 24px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    max-width: 500px;
}

.form-field[b-b7x97wg35k] {
    margin-bottom: 16px;
}

.form-field label[b-b7x97wg35k] {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: var(--xtos-text-color);
    font-size: 0.9em;
}

.form-field input[b-b7x97wg35k] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-family: var(--xtos-font-family);
    font-size: 0.95em;
    background: white;
}

.form-field input:disabled[b-b7x97wg35k] {
    opacity: 0.6;
    cursor: not-allowed;
}

.form-actions[b-b7x97wg35k] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .loading-examples[b-b7x97wg35k] {
        padding: 15px;
    }

    .loading-grid[b-b7x97wg35k] {
        grid-template-columns: 1fr;
    }

    .indicator-row[b-b7x97wg35k] {
        gap: 24px;
    }

    .example-card[b-b7x97wg35k],
    .example-form[b-b7x97wg35k] {
        max-width: 100%;
    }
}
/* /Pages/Examples/SelectionExamples.razor.rz.scp.css */
.selection-examples[b-disvz7n5u3] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: var(--xtos-font-family);
}

.selection-examples h1[b-disvz7n5u3] {
    color: var(--xtos-primary-color);
    margin-bottom: 10px;
}

.intro-text[b-disvz7n5u3] {
    color: var(--xtos-text-color-secondary);
    font-size: 1.125em;
    margin-bottom: 40px;
}

.component-group[b-disvz7n5u3] {
    margin-bottom: 60px;
}

.component-title[b-disvz7n5u3] {
    color: var(--xtos-primary-color);
    font-size: 1.75em;
    border-bottom: 3px solid var(--xtos-primary-color);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.example-section[b-disvz7n5u3] {
    margin-bottom: 40px;
    padding: 20px;
    background-color: var(--xtos-background-color);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.example-section h3[b-disvz7n5u3] {
    color: var(--xtos-text-color);
    font-size: 1.125em;
    margin-bottom: 16px;
    margin-top: 0;
}

.example-section h4[b-disvz7n5u3] {
    color: var(--xtos-text-color);
    font-size: 1em;
    margin-bottom: 12px;
    margin-top: 0;
}

.selection-row[b-disvz7n5u3] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: flex-start;
}

.selection-column[b-disvz7n5u3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.result-display[b-disvz7n5u3] {
    margin-top: 16px;
    padding: 12px 16px;
    background: rgba(0, 112, 235, 0.05);
    border-left: 3px solid var(--xtos-primary-color);
    border-radius: 4px;
    font-size: 0.938em;
}

.tag[b-disvz7n5u3] {
    display: inline-block;
    padding: 4px 12px;
    margin: 4px 4px 4px 0;
    background: var(--xtos-primary-color);
    color: white;
    border-radius: 12px;
    font-size: 0.875em;
    font-weight: 600;
}

/* Settings Panel */
.settings-panel[b-disvz7n5u3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.settings-group[b-disvz7n5u3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.settings-group h4[b-disvz7n5u3] {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* Subscription Panel */
.subscription-panel[b-disvz7n5u3] {
    padding: 20px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.subscription-panel h4[b-disvz7n5u3] {
    margin-bottom: 16px;
}

.plan-options[b-disvz7n5u3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.plan-card[b-disvz7n5u3] {
    padding: 16px;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.plan-card:hover[b-disvz7n5u3] {
    border-color: var(--xtos-primary-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.plan-card.selected[b-disvz7n5u3] {
    border-color: var(--xtos-primary-color);
    background: rgba(0, 112, 235, 0.05);
}

.plan-extras[b-disvz7n5u3] {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Survey Panel */
.survey-panel[b-disvz7n5u3] {
    padding: 20px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.survey-question[b-disvz7n5u3] {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.survey-question:last-child[b-disvz7n5u3] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.survey-question h4[b-disvz7n5u3] {
    margin-bottom: 12px;
}

/* Size Comparison */
.size-comparison-grid[b-disvz7n5u3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 32px;
}

.size-comparison-grid h4[b-disvz7n5u3] {
    margin-bottom: 16px;
    color: var(--xtos-primary-color);
}

@media (max-width: 768px) {
    .selection-examples[b-disvz7n5u3] {
        padding: 15px;
    }

    .selection-row[b-disvz7n5u3] {
        flex-direction: column;
    }

    .settings-panel[b-disvz7n5u3] {
        grid-template-columns: 1fr;
    }

    .plan-options[b-disvz7n5u3] {
        grid-template-columns: 1fr;
    }

    .size-comparison-grid[b-disvz7n5u3] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Examples/TextInputExamples.razor.rz.scp.css */
.textinput-examples[b-w8by0rudi4] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: var(--xtos-font-family);
}

.textinput-examples h1[b-w8by0rudi4] {
    color: var(--xtos-primary-color);
    margin-bottom: 30px;
}

.textinput-examples h2[b-w8by0rudi4] {
    color: var(--xtos-text-color);
    font-size: 1.2em;
    margin-bottom: 15px;
    margin-top: 0;
}

.textinput-examples h3[b-w8by0rudi4] {
    color: var(--xtos-text-color);
    font-size: 1em;
    margin-bottom: 10px;
    margin-top: 20px;
}

.example-section[b-w8by0rudi4] {
    margin-bottom: 40px;
    padding: 20px;
    background-color: var(--xtos-background-color);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.input-row[b-w8by0rudi4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-bottom: 16px;
}

.form-example[b-w8by0rudi4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.size-comparison[b-w8by0rudi4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.size-row[b-w8by0rudi4] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.size-label[b-w8by0rudi4] {
    font-weight: 600;
    min-width: 80px;
    color: var(--xtos-text-color);
}

.interactive-demo[b-w8by0rudi4] {
    padding: 24px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.interactive-output[b-w8by0rudi4] {
    margin-top: 16px;
    padding: 16px;
    background: white;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-family: monospace;
    font-size: 0.9em;
}

@media (max-width: 768px) {
    .textinput-examples[b-w8by0rudi4] {
        padding: 15px;
    }

    .input-row[b-w8by0rudi4] {
        grid-template-columns: 1fr;
    }

    .size-row[b-w8by0rudi4] {
        flex-direction: column;
        align-items: stretch;
    }

    .size-label[b-w8by0rudi4] {
        min-width: auto;
    }
}
/* /Pages/Examples/ToastExamples.razor.rz.scp.css */
.examples-container[b-bpsgm3zar9] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.examples-section[b-bpsgm3zar9] {
    margin-bottom: 48px;
}

.section-title[b-bpsgm3zar9] {
    margin-bottom: 12px;
    color: var(--xtos-primary-color);
}

.section-description[b-bpsgm3zar9] {
    margin-bottom: 24px;
    color: var(--xtos-text-color-secondary);
}

.examples-grid[b-bpsgm3zar9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.example-button[b-bpsgm3zar9] {
    margin-top: 16px;
}

.best-practices-list[b-bpsgm3zar9] {
    margin: 12px 0;
    padding-left: 24px;
    line-height: 1.8;
    color: var(--xtos-text-color);
}

.best-practices-list li[b-bpsgm3zar9] {
    margin-bottom: 8px;
}

.best-practices-list strong[b-bpsgm3zar9] {
    color: var(--xtos-primary-color);
    font-weight: 600;
}

@media (max-width: 768px) {
    .examples-container[b-bpsgm3zar9] {
        padding: 16px;
    }

    .examples-grid[b-bpsgm3zar9] {
        grid-template-columns: 1fr;
    }

    .examples-section[b-bpsgm3zar9] {
        margin-bottom: 32px;
    }
}
/* /Pages/Examples/TypographyExamples.razor.rz.scp.css */
.typography-examples[b-c8d0ttqqjk] {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
    font-family: var(--xtos-font-family);
}

.typography-examples h1[b-c8d0ttqqjk] {
    color: var(--xtos-primary-color);
    margin-bottom: 10px;
}

.intro-text[b-c8d0ttqqjk] {
    color: var(--xtos-text-color-secondary);
    font-size: 1.125em;
    margin-bottom: 40px;
}

.component-group[b-c8d0ttqqjk] {
    margin-bottom: 60px;
}

.component-title[b-c8d0ttqqjk] {
    color: var(--xtos-primary-color);
    font-size: 1.75em;
    border-bottom: 3px solid var(--xtos-primary-color);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.example-section[b-c8d0ttqqjk] {
    margin-bottom: 40px;
    padding: 20px;
    background-color: var(--xtos-background-color);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.example-section h2[b-c8d0ttqqjk] {
    color: var(--xtos-primary-color);
    border-bottom: 2px solid var(--xtos-primary-color);
    padding-bottom: 8px;
    margin-bottom: 24px;
    font-size: 1.5em;
}

.example-section h3[b-c8d0ttqqjk] {
    color: var(--xtos-text-color);
    font-size: 1.125em;
    margin-bottom: 16px;
    margin-top: 0;
}

/* Label Examples */
.label-examples[b-c8d0ttqqjk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.label-examples > div[b-c8d0ttqqjk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Caption Examples */
.caption-examples[b-c8d0ttqqjk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.caption-examples > div[b-c8d0ttqqjk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Comparison Grid */
.comparison-grid[b-c8d0ttqqjk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .typography-examples[b-c8d0ttqqjk] {
        padding: 15px;
    }

    .label-examples[b-c8d0ttqqjk],
    .caption-examples[b-c8d0ttqqjk],
    .comparison-grid[b-c8d0ttqqjk] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/History.razor.rz.scp.css */
.history[b-vf5j6ora9q] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.history__container[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.history__header[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
}

.history__title[b-vf5j6ora9q] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    margin: 0;
}

.history__filters[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background-color: var(--xtos-surface, #f9f9f9);
    border-radius: 8px;
    border: 1px solid var(--xtos-divider, #e0e0e0);
}

.history__filter-title[b-vf5j6ora9q] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    margin-bottom: 0.5rem;
}

.history__filters-week[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-width: 380px;
}

.history__totals[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    background-color: var(--xtos-surface, #f9f9f9);
    border-radius: 8px;
    border: 1px solid var(--xtos-divider, #e0e0e0);
}

.history__total-item[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.history__content[b-vf5j6ora9q] {
    width: 100%;
}

.history__description-column[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

/* Row action with clickable indicator */
.history__row-action[b-vf5j6ora9q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.history__row-icon[b-vf5j6ora9q] {
    font-size: 1.125rem;
    color: var(--xtos-text-color-secondary);
    opacity: 0.5;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

/* Enhanced hover state for clickable rows */
.bfa-table__row--clickable:hover .history__row-icon[b-vf5j6ora9q] {
    color: var(--xtos-primary-color);
    opacity: 1;
    transform: translateX(4px);
}

.history__pagination[b-vf5j6ora9q] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    margin-top: 1.5rem;
    padding: 1rem;
}

/* Responsive design */
@media (min-width: 768px) {
    .history__totals[b-vf5j6ora9q] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .history__total-item[b-vf5j6ora9q] {
        flex: 1;
        align-items: center;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .history__totals[b-vf5j6ora9q] {
        gap: 2rem;
    }
}

@media (max-width: 767px) {
    .history[b-vf5j6ora9q] {
        padding: 0.2rem;
    }

    .history__title[b-vf5j6ora9q] {
        font-size: 1.5rem;
    }

    .history__filters[b-vf5j6ora9q] {
        padding: 1rem;
    }

    .history__totals[b-vf5j6ora9q] {
        padding: 1rem;
    }

    .history__pagination[b-vf5j6ora9q] {
        flex-direction: column;
        gap: 1rem;
    }
}

/* Balance Section */
.history__balance[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background-color: var(--xtos-surface, #f9f9f9);
    border-radius: 8px;
    border: 1px solid var(--xtos-divider, #e0e0e0);
}

.history__balance-header[b-vf5j6ora9q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
}

.history__balance-title[b-vf5j6ora9q] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
}

.history__balance-summary[b-vf5j6ora9q] {
    padding: 1.5rem;
    background: linear-gradient(135deg, var(--xtos-primary-color) 0%, var(--xtos-secondary-color) 100%);
    border-radius: 8px;
    text-align: center;
}

.history__balance-summary-label[b-vf5j6ora9q] {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.history__balance-summary-value[b-vf5j6ora9q] {
    font-size: 2rem;
    font-weight: bold;
    color: white;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.history__balance-summary-value--negative[b-vf5j6ora9q] {
    color: rgba(255, 180, 180, 1);
}

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

.history__balance-item[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.875rem 1rem;
    background-color: var(--xtos-background, #ffffff);
    border-radius: 6px;
    border: 1px solid var(--xtos-divider, #e0e0e0);
    transition: box-shadow 0.2s ease;
}

.history__balance-item:hover[b-vf5j6ora9q] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.history__balance-error[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    text-align: center;
}

@media (min-width: 576px) {
    .history__balance-grid[b-vf5j6ora9q] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) {
    .history__balance-grid[b-vf5j6ora9q] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 575px) {
    .history__balance[b-vf5j6ora9q] {
        padding: 1rem;
    }

    .history__balance-summary-value[b-vf5j6ora9q] {
        font-size: 1.5rem;
    }

    .history__balance-item[b-vf5j6ora9q] {
        padding: 0.75rem;
    }
}

/* Weekly Summary Section */
.history__weekly-summary[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background-color: var(--xtos-surface, #f9f9f9);
    border-radius: 8px;
    border: 1px solid var(--xtos-divider, #e0e0e0);
}

.history__weekly-summary-header[b-vf5j6ora9q] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
}

.history__weekly-summary-title[b-vf5j6ora9q] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
}

.history__weekly-summary-error[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    text-align: center;
}

.history__weekly-table-wrapper[b-vf5j6ora9q] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.history__weekly-table[b-vf5j6ora9q] {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

.history__weekly-table thead tr[b-vf5j6ora9q] {
    border-bottom: 2px solid var(--xtos-divider, #e0e0e0);
}

.history__weekly-table thead th[b-vf5j6ora9q] {
    padding: 0.625rem 0.75rem;
    text-align: right;
    font-size: 0.75em;
    font-weight: 600;
    color: var(--xtos-text-color-secondary, #666);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.history__weekly-table thead th:first-child[b-vf5j6ora9q] {
    text-align: left;
}

.history__weekly-table tbody tr[b-vf5j6ora9q] {
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
    transition: background-color 0.15s ease;
}

.history__weekly-table tbody tr:last-child[b-vf5j6ora9q] {
    border-bottom: none;
}

.history__weekly-table tbody tr:hover[b-vf5j6ora9q] {
    background-color: var(--xtos-background, rgba(0, 0, 0, 0.02));
}

.history__weekly-table tbody td[b-vf5j6ora9q] {
    padding: 0.625rem 0.75rem;
    text-align: right;
    vertical-align: middle;
}

.history__weekly-table__label-col[b-vf5j6ora9q],
.history__weekly-table__row-label[b-vf5j6ora9q] {
    text-align: left !important;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    min-width: 120px;
}

.history__weekly-table__row-label[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.history__weekly-table__beg-label[b-vf5j6ora9q] {
    font-size: 0.75em;
    font-weight: 400;
    color: var(--xtos-text-color-secondary, #888);
}

.history__weekly-table__total-col[b-vf5j6ora9q] {
    font-weight: 700;
    border-left: 1px solid var(--xtos-divider, #e0e0e0);
}

.history__weekly-table__balance-row[b-vf5j6ora9q] {
    background-color: var(--xtos-background, rgba(0, 0, 0, 0.015));
}

.history__weekly-table__balance-row td[b-vf5j6ora9q] {
    border-top: 2px solid var(--xtos-divider, #e0e0e0);
}

@media (max-width: 575px) {
    .history__weekly-summary[b-vf5j6ora9q] {
        padding: 1rem;
    }

    .history__weekly-table thead th[b-vf5j6ora9q],
    .history__weekly-table tbody td[b-vf5j6ora9q] {
        padding: 0.5rem 0.5rem;
    }
}

/* Clickable day columns */
.history__weekly-table__day-cell[b-vf5j6ora9q] {
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
    position: relative;
}

.history__weekly-table thead th.history__weekly-table__day-cell:hover[b-vf5j6ora9q],
.history__weekly-table tbody td.history__weekly-table__day-cell:hover[b-vf5j6ora9q] {
    background-color: var(--xtos-background-grey, rgba(0, 0, 0, 0.04));
}

.history__weekly-table thead th.history__weekly-table__day-cell--active[b-vf5j6ora9q] {
    background-color: var(--xtos-primary-color);
    color: white;
}

.history__weekly-table tbody td.history__weekly-table__day-cell--active[b-vf5j6ora9q] {
    background-color: color-mix(in srgb, var(--xtos-primary-color) 12%, transparent);
}

.history__weekly-table thead th.history__weekly-table__day-cell--active:hover[b-vf5j6ora9q] {
    background-color: var(--xtos-secondary-color, var(--xtos-primary-color));
    color: white;
}

.history__weekly-table tbody td.history__weekly-table__day-cell--active:hover[b-vf5j6ora9q] {
    background-color: color-mix(in srgb, var(--xtos-primary-color) 20%, transparent);
}

/* Day filter chip */
.history__day-filter[b-vf5j6ora9q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
    background-color: color-mix(in srgb, var(--xtos-primary-color) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--xtos-primary-color) 35%, transparent);
    border-radius: 6px;
}

.history__day-filter__info[b-vf5j6ora9q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--xtos-primary-color);
}

.history__day-filter__icon[b-vf5j6ora9q] {
    font-size: 1rem;
    flex-shrink: 0;
}

/* Mobile Weekly View */
.history__weekly-mobile[b-vf5j6ora9q] {
    display: none;
}

.history__weekly-mobile-days[b-vf5j6ora9q] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.375rem;
}

.history__weekly-mobile-day[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.375rem 0.3rem;
    background-color: var(--xtos-background, #ffffff);
    border-radius: 5px;
    border: 1px solid var(--xtos-divider, #e0e0e0);
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
    min-width: 0;
}

.history__weekly-mobile-day--active[b-vf5j6ora9q] {
    border-color: var(--xtos-primary-color);
    background-color: color-mix(in srgb, var(--xtos-primary-color) 8%, transparent);
}

.history__weekly-mobile-day:hover:not(.history__weekly-mobile-day--active)[b-vf5j6ora9q] {
    background-color: var(--xtos-background-grey, rgba(0, 0, 0, 0.03));
}

.history__weekly-mobile-day__header[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
    text-align: center;
}

.history__weekly-mobile-day--active .history__weekly-mobile-day__header[b-vf5j6ora9q] {
    border-bottom-color: color-mix(in srgb, var(--xtos-primary-color) 40%, transparent);
}

.history__weekly-mobile-day__name[b-vf5j6ora9q] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--xtos-text-color, #1a1a1a);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.history__weekly-mobile-day--active .history__weekly-mobile-day__name[b-vf5j6ora9q] {
    color: var(--xtos-primary-color);
}

.history__weekly-mobile-day__date[b-vf5j6ora9q] {
    font-size: 0.6rem;
    color: var(--xtos-text-color-secondary, #888);
}

.history__weekly-mobile-day__metric[b-vf5j6ora9q] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-width: 0;
}

.history__weekly-mobile-day__metric-label[b-vf5j6ora9q] {
    font-size: 0.55rem;
    text-transform: uppercase;
    color: var(--xtos-text-color-secondary, #888);
    letter-spacing: 0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.history__weekly-mobile-totals[b-vf5j6ora9q] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: var(--xtos-background, #ffffff);
    border-radius: 6px;
    border: 1px solid var(--xtos-divider, #e0e0e0);
    border-left: 3px solid var(--xtos-primary-color);
}

.history__weekly-mobile-total-item[b-vf5j6ora9q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    align-items: flex-start;
    min-width: 0;
}

@media (max-width: 767px) {
    .history__weekly-table-wrapper[b-vf5j6ora9q] {
        display: none;
    }

    .history__weekly-mobile[b-vf5j6ora9q] {
        display: flex;
        flex-direction: column;
        gap: 0.875rem;
    }
}
/* /Pages/Home.razor.rz.scp.css */
body[b-wmftbqf0vp] {
}
/* /Pages/NotFound.razor.rz.scp.css */
/* Not Found Page Styles */

.not-found-page[b-siislehk3m] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: var(--xtos-spacing-xl, 2rem);
}

.not-found-page__card[b-siislehk3m] {
    width: 100%;
    max-width: 640px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .not-found-page[b-siislehk3m] {
        padding: var(--xtos-spacing-lg, 1.5rem);
    }
}
        opacity: 0.8;
        transform: scale(1.05);[b-siislehk3m]
    }
}

@media (max-width: 768px) {
    .not-found-container[b-siislehk3m] {
        padding: 1rem;
    }

    .not-found-content[b-siislehk3m] {
        padding: 2rem 1.5rem;
    }

    .not-found-icon[b-siislehk3m] {
        width: 80px;
        height: 80px;
        margin-bottom: 1.5rem;
    }

    .not-found-title[b-siislehk3m] {
        font-size: calc(var(--xtos-text-size) * 1.5);
    }

    .btn-primary[b-siislehk3m] {
        padding: 0.625rem 1.5rem;
        width: 100%;
    }
}
/* /Pages/OpenBets.razor.rz.scp.css */
.open-bets[b-8d1n95rjhj] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.open-bets__container[b-8d1n95rjhj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.open-bets__header[b-8d1n95rjhj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
}

.open-bets__header-content[b-8d1n95rjhj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.open-bets__title[b-8d1n95rjhj] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    margin: 0;
}

.open-bets__details[b-8d1n95rjhj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.open-bets__content[b-8d1n95rjhj] {
    width: 100%;
}

.open-bets__column[b-8d1n95rjhj] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.open-bets__center[b-8d1n95rjhj] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.open-bets__description-wrap[b-8d1n95rjhj] {
    word-break: break-word;
}

/* Responsive design */
@media (min-width: 768px) {
    .open-bets__header[b-8d1n95rjhj] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .open-bets__header-content[b-8d1n95rjhj] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .open-bets__details[b-8d1n95rjhj] {
        flex-direction: row;
        gap: 2rem;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .open-bets[b-8d1n95rjhj] {
        padding: 0.2rem;
    }

    .open-bets__title[b-8d1n95rjhj] {
        font-size: 1.5rem;
    }

    .open-bets__center[b-8d1n95rjhj] {
        text-align: left;
    }
}

/* Risk/Win column with clickable indicator */
.open-bets__risk-win[b-8d1n95rjhj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.open-bets__row-icon[b-8d1n95rjhj] {
    font-size: 1.125rem;
    color: var(--xtos-text-color-secondary);
    opacity: 0.5;
    transition: all 0.2s ease;
}

/* Enhanced hover state for clickable rows */
.bfa-table__row--clickable:hover .open-bets__row-icon[b-8d1n95rjhj] {
    color: var(--xtos-primary-color);
    opacity: 1;
    transform: translateX(4px);
}

/* Print styles - Optimized for landscape table printing */
@media print {
    /* Page setup - Landscape orientation with better margins for multi-page */
    @page {
        size: landscape;
        margin: 1.5cm 0.75cm 1cm 0.75cm; /* top, right, bottom, left */
    }

    /* Hide interactive elements */
    .print-hide[b-8d1n95rjhj] {
        display: none !important;
    }

    /* Reset layout for print */
    .open-bets[b-8d1n95rjhj] {
        padding: 0;
        max-width: 100%;
    }

    /* Print Header - Only visible during print */
    .open-bets__print-header[b-8d1n95rjhj] {
        display: block !important;
        margin-bottom: 1rem;
        padding-bottom: 0.75rem;
        border-bottom: 2px solid #000;
        page-break-after: avoid;
    }

    .open-bets__print-title[b-8d1n95rjhj] {
        font-size: 16pt !important;
        font-weight: bold !important;
        margin: 0 0 0.5rem 0 !important;
        color: #000 !important;
    }

    .open-bets__print-details[b-8d1n95rjhj] {
        display: flex !important;
        flex-direction: row !important;
        gap: 2rem !important;
        font-size: 9pt !important;
        color: #000 !important;
    }

    .open-bets__print-details p[b-8d1n95rjhj] {
        margin: 0 !important;
        font-size: 9pt !important;
        color: #000 !important;
    }

    .open-bets__print-date[b-8d1n95rjhj] {
        margin-left: auto !important;
        font-style: italic !important;
    }

    /* Optimize header for print */
    .open-bets__header[b-8d1n95rjhj] {
        border-bottom-color: #000;
        page-break-after: avoid;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }

    /* Force desktop layout - disable responsive stacking */
    .open-bets__header[b-8d1n95rjhj] {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .open-bets__header-content[b-8d1n95rjhj] {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .open-bets__details[b-8d1n95rjhj] {
        flex-direction: row !important;
        gap: 2rem !important;
        align-items: center !important;
    }

    /* ============================================
       CONSISTENT FONT SIZING - 9pt everywhere
       ============================================ */
    .open-bets__title[b-8d1n95rjhj] {
        font-size: 14pt !important;
        font-weight: 600 !important;
    }

    /* Apply 9pt to ALL text elements */
    .open-bets__header[b-8d1n95rjhj],
    .open-bets__details[b-8d1n95rjhj],
    .open-bets__content[b-8d1n95rjhj],
    .open-bets__column[b-8d1n95rjhj],
    .open-bets__risk-win[b-8d1n95rjhj],
    .bfa-table[b-8d1n95rjhj],
    .bfa-table *[b-8d1n95rjhj],
    .bfa-table__element[b-8d1n95rjhj],
    .bfa-table__head[b-8d1n95rjhj],
    .bfa-table__header[b-8d1n95rjhj],
    .bfa-table__body[b-8d1n95rjhj],
    .bfa-table__row[b-8d1n95rjhj],
    .bfa-table__cell[b-8d1n95rjhj],
    .bfa-table__cell *[b-8d1n95rjhj],
    .bfa-text[b-8d1n95rjhj],
    .bfa-text--medium[b-8d1n95rjhj],
    .bfa-text--small[b-8d1n95rjhj],
    .bfa-text--semibold[b-8d1n95rjhj],
    span[b-8d1n95rjhj],
    div[b-8d1n95rjhj] {
        font-size: 9pt !important;
        line-height: 1.3 !important;
    }

    /* Remove interactive icons */
    .open-bets__row-icon[b-8d1n95rjhj] {
        display: none !important;
    }

    /* ============================================
       FORCE TABLE LAYOUT (Override responsive)
       ============================================ */

    /* Ensure table displays as proper table */
    .bfa-table__wrapper[b-8d1n95rjhj] {
        overflow-x: visible !important;
    }

    .bfa-table__element[b-8d1n95rjhj] {
        display: table !important;
        width: 100% !important;
        table-layout: auto !important;
        border-collapse: collapse !important;
        border: 0 !important;
    }

    /* Force thead to display */
    .bfa-table__head[b-8d1n95rjhj] {
        display: table-header-group !important;
        background-color: #f8f9fa !important;
        border-bottom: 2px solid #000 !important;
    }

    .bfa-table__header[b-8d1n95rjhj] {
        display: table-cell !important;
        padding: 0.25rem 0.5rem !important;
        text-align: left !important;
        font-weight: bold !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

    /* Force tbody to display */
    .bfa-table__body[b-8d1n95rjhj] {
        display: table-row-group !important;
    }

    /* Force rows to display as table rows */
    .bfa-table__row[b-8d1n95rjhj],
    .bfa-table__row--clickable[b-8d1n95rjhj] {
        display: table-row !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        border-bottom: 1px solid #ddd !important;
        margin-bottom: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    /* Force cells to display as table cells */
    .bfa-table__cell[b-8d1n95rjhj] {
        display: table-cell !important;
        padding: 0.25rem 0.5rem !important;
        vertical-align: top !important;
        text-align: left !important;
        border-right: 1px solid #f0f0f0 !important;
    }

    .bfa-table__cell:last-child[b-8d1n95rjhj] {
        border-right: none !important;
    }

    /* Remove mobile data-label pseudo elements */
    .bfa-table__cell[b-8d1n95rjhj]::before {
        content: none !important;
        display: none !important;
    }

    /* Hide Actions column - handled by HideActionsOnPrint on the Table component */
    .bfa-table__cell--actions[b-8d1n95rjhj],
    .bfa-table__header--actions[b-8d1n95rjhj] {
        display: none !important;
    }

    /* Allow descriptions to wrap if needed */
    .open-bets__description-wrap[b-8d1n95rjhj] {
        white-space: normal !important;
        word-break: break-word !important;
        max-width: 250px !important;
    }

    .open-bets__column[b-8d1n95rjhj] {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.25rem !important;
    }

    /* High contrast for print */
    *[b-8d1n95rjhj] {
        color: #000 !important;
        background: #fff !important;
        text-shadow: none !important;
        box-shadow: none !important;
    }

    /* Preserve backgrounds for header */
    .bfa-table__head[b-8d1n95rjhj],
    .bfa-table__header[b-8d1n95rjhj] {
        background-color: #f8f9fa !important;
    }

    /* Ensure proper spacing */
    .bfa-table[b-8d1n95rjhj] {
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Screen - Hide print header */
@media screen {
    .open-bets__print-header[b-8d1n95rjhj] {
        display: none;
    }
}
/* /Pages/PostLogout.razor.rz.scp.css */
.post-logout-page[b-7ay8f4ex65] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: transparent;
}

.post-logout-page__card[b-7ay8f4ex65] {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.post-logout-page__card--timeout[b-7ay8f4ex65] {
    max-width: 550px;
}

.post-logout-page__icon-container[b-7ay8f4ex65] {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.post-logout-page__icon[b-7ay8f4ex65] {
    font-size: 64px;
    color: var(--xtos-primary-color, #4a90e2);
    opacity: 0.9;
}

.post-logout-page__icon--timeout[b-7ay8f4ex65] {
    color: #FF9800;
    filter: drop-shadow(0 2px 4px rgba(255, 152, 0, 0.3));
}

.post-logout-page__loading[b-7ay8f4ex65] {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

/* Countdown Styles */
.post-logout-page__countdown[b-7ay8f4ex65] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0;
    min-height: 180px;
}

.post-logout-page__countdown[b-7ay8f4ex65]::before {
    content: '';
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 152, 0, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

.post-logout-page__countdown-overlay[b-7ay8f4ex65] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
}

.post-logout-page__countdown-text[b-7ay8f4ex65] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    min-width: 90px;
    min-height: 90px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.post-logout-page__countdown-number[b-7ay8f4ex65] {
    font-size: 56px;
    font-weight: 800;
    color: #FF9800;
    line-height: 1;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    letter-spacing: -2px;
}

.post-logout-page__countdown-label[b-7ay8f4ex65] {
    font-size: 13px;
    font-weight: 500;
    color: #616161;
    margin-top: 2px;
    text-transform: lowercase;
    letter-spacing: 0.5px;
}

/* Responsive Design */
@media (max-width: 600px) {
    .post-logout-page[b-7ay8f4ex65] {
        padding: 16px;
    }

    .post-logout-page__icon[b-7ay8f4ex65] {
        font-size: 48px;
    }

    .post-logout-page__countdown[b-7ay8f4ex65] {
        min-height: 160px;
        margin: 32px 0;
    }

    .post-logout-page__countdown[b-7ay8f4ex65]::before {
        width: 120px;
        height: 120px;
    }

    .post-logout-page__countdown-text[b-7ay8f4ex65] {
        min-width: 80px;
        min-height: 80px;
    }

    .post-logout-page__countdown-number[b-7ay8f4ex65] {
        font-size: 44px;
    }

    .post-logout-page__countdown-label[b-7ay8f4ex65] {
        font-size: 11px;
    }
}

/* Animation for icon */
@keyframes pulse-b-7ay8f4ex65 {
    0%, 100% {
        opacity: 0.9;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.05);
    }
}

.post-logout-page__icon[b-7ay8f4ex65] {
    animation: pulse-b-7ay8f4ex65 2s ease-in-out infinite;
}

/* Countdown number scale animation */
@keyframes countdown-pulse-b-7ay8f4ex65 {
    0% {
        transform: scale(1);
    }
    15% {
        transform: scale(1.15);
    }
    30% {
        transform: scale(1);
    }
}

.post-logout-page__countdown-number[b-7ay8f4ex65] {
    animation: countdown-pulse-b-7ay8f4ex65 1s ease-in-out;
}
/* /Pages/Profile.razor.rz.scp.css */
.profile[b-75cdgcrh5j] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.profile__header[b-75cdgcrh5j] {
    margin-bottom: 2rem;
}

.profile__title[b-75cdgcrh5j] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    margin: 0;
}

.profile__content[b-75cdgcrh5j] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.profile__section[b-75cdgcrh5j] {
    width: 100%;
}

.profile__section-header[b-75cdgcrh5j] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
}

.profile__section-title[b-75cdgcrh5j] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    margin: 0;
}

.profile__form[b-75cdgcrh5j] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.profile__form-row[b-75cdgcrh5j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile__form-row--two-col[b-75cdgcrh5j] {
    flex-direction: row;
    gap: 1rem;
}

.profile__form-row--two-col > *[b-75cdgcrh5j] {
    flex: 1;
    min-width: 0;
}

.profile__info-message[b-75cdgcrh5j] {
    padding: 0.75rem 1rem;
    background-color: rgba(33, 150, 243, 0.1);
    border-left: 4px solid var(--xtos-info, #2196f3);
    border-radius: 4px;
    margin-top: 0.5rem;
}

.profile__info-text[b-75cdgcrh5j] {
    color: var(--xtos-info, #1565c0);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
}

.profile__not-authorized[b-75cdgcrh5j] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 2rem;
}

.profile__error-card[b-75cdgcrh5j] {
    max-width: 500px;
    text-align: center;
}

.profile__error-title[b-75cdgcrh5j] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--xtos-danger, #d32f2f);
    margin: 0 0 1rem 0;
}

.profile__error-subtitle[b-75cdgcrh5j] {
    font-size: 1rem;
    color: var(--xtos-text-color-secondary, #666);
    line-height: 1.5;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .profile[b-75cdgcrh5j] {
        padding: 1rem;
    }

    .profile__title[b-75cdgcrh5j] {
        font-size: 1.5rem;
    }

    .profile__section-title[b-75cdgcrh5j] {
        font-size: 1.25rem;
    }

    .profile__form-row--two-col[b-75cdgcrh5j] {
        flex-direction: column;
        gap: 1.25rem;
    }

    .profile__form-row--two-col > *[b-75cdgcrh5j] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .profile[b-75cdgcrh5j] {
        padding: 0.75rem;
    }

    .profile__title[b-75cdgcrh5j] {
        font-size: 1.25rem;
    }

    .profile__section-title[b-75cdgcrh5j] {
        font-size: 1.125rem;
    }

    .profile__content[b-75cdgcrh5j] {
        gap: 1rem;
    }

    .profile__form[b-75cdgcrh5j] {
        gap: 1rem;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .profile__title[b-75cdgcrh5j],
    .profile__section-title[b-75cdgcrh5j] {
        color: var(--xtos-text-color, #ffffff);
    }

    .profile__section-header[b-75cdgcrh5j] {
        border-bottom-color: var(--xtos-divider, #424242);
    }

    .profile__info-message[b-75cdgcrh5j] {
        background-color: rgba(33, 150, 243, 0.15);
        border-left-color: var(--xtos-info, #3f51b5);
    }

    .profile__info-text[b-75cdgcrh5j] {
        color: var(--xtos-info, #90caf9);
    }

    .profile__alert--success[b-75cdgcrh5j] {
        background-color: rgba(76, 175, 80, 0.15);
        color: var(--xtos-success, #81c784);
        border-color: var(--xtos-success, #66bb6a);
    }

    .profile__alert--error[b-75cdgcrh5j] {
        background-color: rgba(244, 67, 54, 0.15);
        color: var(--xtos-danger, #e57373);
        border-color: var(--xtos-danger, #ef5350);
    }

    .profile__error-card[b-75cdgcrh5j] {
        background-color: var(--xtos-surface, #1e1e1e);
    }

    .profile__error-title[b-75cdgcrh5j] {
        color: var(--xtos-danger, #f44336);
    }

    .profile__error-subtitle[b-75cdgcrh5j] {
        color: var(--xtos-text-color-secondary, #999);
    }
}
/* /Pages/SessionLog.razor.rz.scp.css */
.session-log__table-wrapper[b-kc46mbqode] {
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}

    .session-log__table-wrapper[b-kc46mbqode]::-webkit-scrollbar {
        display: none;
    }

[b-kc46mbqode] .table th,
[b-kc46mbqode] .table td {
    text-align: left !important;
    vertical-align: middle;
}

    [b-kc46mbqode] .table td:last-child,
    [b-kc46mbqode] .table th:last-child {
        text-align: center !important;
    }

.session-log__filters[b-kc46mbqode] {
    background: #f8f9fa;
    border-radius: 8px;
}

.session-log__filters-horizontal[b-kc46mbqode] {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    flex-wrap: wrap;
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
}

p.bfa-text.bfa-text--md.bfa-text--normal.bfa-text--left.bfa-text--color-muted.bfa-text--no-margin[b-kc46mbqode] {
    padding-left: 20px;
}

input.session-log__date-input[b-kc46mbqode] {
    font-family: RobotoCondensed, sans-serif;
}

.session-log__filter-title[b-kc46mbqode] {
    padding-left: 20px !important;
    padding-top: 10px !important;
}

.session-log__filter-group[b-kc46mbqode] {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    flex: 1;
}

.session-log__filter-item[b-kc46mbqode] {
    min-width: 200px;
    margin-right: 9px;
}

.session-log__filter-actions[b-kc46mbqode] {
    display: flex;
    align-items: center;
}

.session-log__date-input[b-kc46mbqode] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    margin-top: 4px;
}

    .session-log__date-input:focus[b-kc46mbqode] {
        outline: none;
        border-color: #007bff;
        box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
    }

.modal-overlay[b-kc46mbqode] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    animation: modalFadeIn-b-kc46mbqode 0.3s ease;
}

.modal-container[b-kc46mbqode] {
    max-width: 800px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    animation: modalSlideIn-b-kc46mbqode 0.3s ease;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

@keyframes modalFadeIn-b-kc46mbqode {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modalSlideIn-b-kc46mbqode {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.session-log-details[b-kc46mbqode] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    overflow: hidden;
}

.session-log-details__header[b-kc46mbqode] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.session-log-details__content[b-kc46mbqode] {
    padding: 24px;
}

.session-log-details__card[b-kc46mbqode] {
    margin-bottom: 20px;
}

.session-log-details__grid[b-kc46mbqode] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.session-log-details__item[b-kc46mbqode] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.session-log-details__balance-card[b-kc46mbqode] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.session-log-details__balance-title[b-kc46mbqode] {
    color: white !important;
    margin-bottom: 16px !important;
}

.session-log-details__balance-grid[b-kc46mbqode] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.session-log__filter-title[b-kc46mbqode] {
    font-size: 0.875em !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.session-log-details__balance-item[b-kc46mbqode] {
    text-align: center;
    padding: 16px;
    background: rgba(255,255,255,0.1);
    border-radius: 8px;
}

.session-log-details__footer[b-kc46mbqode] {
    padding: 20px 24px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    background: #f8f9fa;
}

.session-log__row-action[b-kc46mbqode] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.session-log__row-icon[b-kc46mbqode] {
    font-size: 18px;
    color: #6c757d;
}

@media (max-width: 768px) {
    .session-log__filters-horizontal[b-kc46mbqode] {
        flex-direction: column;
        align-items: stretch;
    }

    .session-log__filter-group[b-kc46mbqode] {
        flex-direction: column;
        gap: 12px;
    }

    .session-log__filter-item[b-kc46mbqode] {
        width: 100%;
        min-width: auto;
    }

    .session-log__filter-actions[b-kc46mbqode] {
        width: 100%;
    }

        .session-log__filter-actions button[b-kc46mbqode] {
            width: 100%;
        }

    .modal-container[b-kc46mbqode] {
        margin: 10px;
    }

    .session-log-details__grid[b-kc46mbqode] {
        grid-template-columns: 1fr;
    }

    .session-log-details__balance-grid[b-kc46mbqode] {
        grid-template-columns: 1fr;
    }

    .modal-container[b-kc46mbqode] {
        max-width: 800px;
        width: 100%;
        max-height: 90vh;
        overflow-y: auto;
        animation: modalSlideIn-b-kc46mbqode 0.3s ease;
        scrollbar-width: none; 
        -ms-overflow-style: none; 
    }

        .modal-container[b-kc46mbqode]::-webkit-scrollbar {
            display: none; 
        }
}


.session-log-details__balance-table[b-kc46mbqode] {
    margin-bottom: 0;
    background: white;
    border-radius: 8px;
    overflow: hidden;
}

    .session-log-details__balance-table th[b-kc46mbqode] {
        background: #f8f9fa;
        font-weight: 600;
        color: #495057;
        border-bottom: 2px solid #dee2e6;
        padding: 12px 8px;
        text-align: center;
    }

    .session-log-details__balance-table td[b-kc46mbqode] {
        padding: 10px 8px;
        vertical-align: middle;
    }

        .session-log-details__balance-table td:first-child[b-kc46mbqode] {
            font-weight: 500;
            background-color: #f8f9fa;
            border-right: 1px solid #dee2e6;
        }

        .session-log-details__balance-table td:not(:first-child)[b-kc46mbqode] {
            text-align: right;
            font-family: 'Courier New', monospace;
            font-weight: 500;
        }

.session-log-details__balance-card[b-kc46mbqode]  .card-body {
    padding: 0;
}

.session-log-details__balance-title[b-kc46mbqode] {
    padding: 16px 20px 0 20px;
    margin-bottom: 8px !important;
}

.table-responsive[b-kc46mbqode] {
    padding: 0 20px 20px 20px;
}

    .session-log-details__balance-table th:first-child[b-kc46mbqode] {
        border-top-left-radius: 8px;
    }

    .session-log-details__balance-table th:last-child[b-kc46mbqode] {
        border-top-right-radius: 8px;
    }

.session-log-details__header[b-kc46mbqode] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.session-log-details__title[b-kc46mbqode] {
    margin: 0 !important;
    color: #333;
}

.session-log-details__close-btn[b-kc46mbqode] {
    background: transparent;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: all 0.2s;
}

    .session-log-details__close-btn:hover[b-kc46mbqode] {
        background: rgba(0,0,0,0.05);
        color: #333;
    }

.session-log-details__balance-table-container[b-kc46mbqode] {
    padding: 0 20px 20px 20px;
}

.session-log-details__balance-table[b-kc46mbqode] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

    .session-log-details__balance-table th[b-kc46mbqode] {
        background: #f8f9fa;
        font-weight: 600;
        color: #495057;
        border-bottom: 2px solid #dee2e6;
        padding: 12px 8px;
        text-align: center;
        font-size: 14px;
    }

    .session-log-details__balance-table td[b-kc46mbqode] {
        padding: 10px 8px;
        vertical-align: middle;
        border-bottom: 1px solid #dee2e6;
    }

    .session-log-details__balance-table tr:last-child td[b-kc46mbqode] {
        border-bottom: none;
    }

    .session-log-details__balance-table td.balance-label[b-kc46mbqode] {
        font-weight: 500;
        background-color: #f8f9fa;
        border-right: 1px solid #dee2e6;
        text-align: center;
        width: 25%;
    }

    .session-log-details__balance-table td.balance-value[b-kc46mbqode] {
        text-align: right;
        font-family: 'Courier New', monospace;
        font-weight: 500;
        width: 25%;
    }

        .session-log-details__balance-table td.balance-value.prev[b-kc46mbqode] {
            border-right: 1px solid #dee2e6;
        }

        .session-log-details__balance-table td.balance-value.session[b-kc46mbqode] {
            border-right: 1px solid #dee2e6;
            font-weight: 600;
        }

        .session-log-details__balance-table td.balance-value.new[b-kc46mbqode] {
            font-weight: 600;
        }

    .session-log-details__balance-table td.balance-positive[b-kc46mbqode] {
        color: #28a745;
    }

    .session-log-details__balance-table td.balance-negative[b-kc46mbqode] {
        color: #dc3545;
    }

    .session-log-details__balance-table tr:nth-child(2) td[b-kc46mbqode] {
        border-top: 1px dashed #ccc;
        border-bottom: 1px dashed #ccc;
    }

.session-log-details__header[b-kc46mbqode] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 24px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
    position: relative;
}

.session-log-details__header-content[b-kc46mbqode] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.session-log-details__badge[b-kc46mbqode] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .session-log-details__badge.active[b-kc46mbqode] {
        background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
        color: white;
        box-shadow: 0 2px 4px rgba(40, 167, 69, 0.2);
    }

    .session-log-details__badge.completed[b-kc46mbqode] {
        background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
        color: white;
        box-shadow: 0 2px 4px rgba(108, 117, 125, 0.2);
    }

    .session-log-details__badge.in-progress[b-kc46mbqode] {
        background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
        color: white;
        box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2);
    }

.session-log-details__close-btn[b-kc46mbqode] {
    position: absolute;
    top: 20px;
    right: 24px;
    background: transparent;
    border: none;
    color: #666;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .session-log-details__close-btn:hover[b-kc46mbqode] {
        background: rgba(0,0,0,0.05);
        color: #333;
    }

.session-log-details__balance-table-container[b-kc46mbqode] {
    padding: 0 20px 20px 20px;
}

.session-log-details__balance-label[b-kc46mbqode] {
    display: block;
    margin-bottom: 16px !important;
    padding: 0 20px;
}

.session-log-details__balance-table[b-kc46mbqode] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

    .session-log-details__balance-table th[b-kc46mbqode] {
        background: #f8f9fa;
        border-bottom: 2px solid #dee2e6;
        padding: 12px 8px;
        text-align: center;
    }

    .session-log-details__balance-table td[b-kc46mbqode] {
        padding: 12px 8px;
        vertical-align: middle;
        border-bottom: 1px solid #dee2e6;
    }

    .session-log-details__balance-table tr:last-child td[b-kc46mbqode] {
        border-bottom: none;
    }

    .session-log-details__balance-table td.balance-label[b-kc46mbqode] {
        background-color: #f8f9fa;
        border-right: 1px solid #dee2e6;
        text-align: center;
        width: 25%;
    }

    .session-log-details__balance-table td.balance-value[b-kc46mbqode] {
        text-align: right;
        width: 25%;
    }

        .session-log-details__balance-table td.balance-value.prev[b-kc46mbqode] {
            border-right: 1px solid #dee2e6;
        }

        .session-log-details__balance-table td.balance-value.session[b-kc46mbqode] {
            border-right: 1px solid #dee2e6;
        }

    .session-log-details__balance-table td.balance-positive[b-kc46mbqode] {
        color: #28a745;
    }

    .session-log-details__balance-table td.balance-negative[b-kc46mbqode] {
        color: #dc3545;
    }

    .session-log-details__balance-table tr:nth-child(2) td[b-kc46mbqode] {
        border-top: 1px dashed #dee2e6;
        border-bottom: 1px dashed #dee2e6;
    }

.session-log-details__balance-table-wrapper[b-kc46mbqode] {
    overflow-x: auto;
}

.session-log-details__balance-table[b-kc46mbqode] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

    .session-log-details__balance-table th[b-kc46mbqode] {
        background: #f8f9fa;
        font-weight: 600;
        color: #495057;
        border-bottom: 2px solid #dee2e6;
        padding: 12px 8px;
        text-align: center;
        font-size: 14px;
    }

    .session-log-details__balance-table td[b-kc46mbqode] {
        padding: 12px 8px;
        vertical-align: middle;
        border-bottom: 1px solid #dee2e6;
    }

    .session-log-details__balance-table tr:last-child td[b-kc46mbqode] {
        border-bottom: none;
    }

    .session-log-details__balance-table td.balance-label[b-kc46mbqode] {
        font-weight: 500;
        background-color: #f8f9fa;
        border-right: 1px solid #dee2e6;
        text-align: center;
        width: 25%;
    }

    .session-log-details__balance-table td.balance-value[b-kc46mbqode] {
        text-align: right;
        font-family: 'Courier New', monospace;
        width: 25%;
    }

        .session-log-details__balance-table td.balance-value.prev[b-kc46mbqode] {
            border-right: 1px solid #dee2e6;
        }

        .session-log-details__balance-table td.balance-value.session[b-kc46mbqode] {
            border-right: 1px solid #dee2e6;
            font-weight: 600;
        }

    .session-log-details__balance-table td.balance-positive[b-kc46mbqode] {
        color: #28a745;
    }

    .session-log-details__balance-table td.balance-negative[b-kc46mbqode] {
        color: #dc3545;
    }

    .session-log-details__balance-table tr:nth-child(2) td[b-kc46mbqode] {
        border-top: 1px dashed #dee2e6;
        border-bottom: 1px dashed #dee2e6;
    }

.session-log-details__balance-cards[b-kc46mbqode] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.balance-mobile-card[b-kc46mbqode] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

.balance-mobile-card__header[b-kc46mbqode] {
    background: #f8f9fa;
    padding: 12px 16px;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    color: #495057;
}

.balance-mobile-card__content[b-kc46mbqode] {
    padding: 12px 16px;
}

.balance-mobile-row[b-kc46mbqode] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

    .balance-mobile-row:last-child[b-kc46mbqode] {
        border-bottom: none;
    }

    .balance-mobile-row.highlight[b-kc46mbqode] {
        background-color: #f8f9fa;
        margin: 8px -16px -12px -16px;
        padding: 12px 16px;
        border-top: 1px solid #dee2e6;
        font-weight: 600;
    }

.balance-mobile-label[b-kc46mbqode] {
    color: #6c757d;
    font-size: 14px;
}

.balance-mobile-value[b-kc46mbqode] {
    font-family: 'Courier New', monospace;
    font-size: 16px;
    font-weight: 500;
}

    .balance-mobile-value.balance-positive[b-kc46mbqode] {
        color: #28a745;
    }

    .balance-mobile-value.balance-negative[b-kc46mbqode] {
        color: #dc3545;
    }

@media (min-width: 769px) {
    .mobile-only[b-kc46mbqode] {
        display: none;
    }
}

@media (max-width: 768px) {
    .desktop-only[b-kc46mbqode] {
        display: none;
    }

    .mobile-only[b-kc46mbqode] {
        display: flex;
    }
    .session-log-details__grid[b-kc46mbqode] {
        gap: 10px !important;
    }
}

.session-log__load-more[b-kc46mbqode] {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.session-log__load-more-btn[b-kc46mbqode] {
    min-width: 250px;
    padding: 12px 24px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .session-log__load-more-btn:hover[b-kc46mbqode] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

.session-log__no-more[b-kc46mbqode] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.spinner-border-sm[b-kc46mbqode] {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.session-log__header-content[b-kc46mbqode] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    width: 100%;
}

.session-log__details[b-kc46mbqode] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 4px 12px;
    border-radius: 20px;
}

.session-log__header[b-kc46mbqode] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
}

td.balance-value.prev[b-kc46mbqode] {
    font-family: 'RobotoCondensed';
}

td.balance-value.session[b-kc46mbqode] {
    font-family: RobotoCondensed;
}

td.balance-value.new[b-kc46mbqode] {
    font-family: RobotoCondensed;
}
/* /Pages/Sports.razor.rz.scp.css */
.sports-page[b-w8o7sntz7y] {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding-bottom: 68px;
}

@media (max-width: 767px) {
    .sports-page[b-w8o7sntz7y] {
        padding-bottom: calc(130px + var(--xtos-sidebar-drawer-height, 60px));
    }
}

.sports-page__content[b-w8o7sntz7y] {
    flex: 1;
    padding: 1.5rem 2rem;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .sports-page__content[b-w8o7sntz7y] {
        padding: 0.3rem;
    }
}
/* /Pages/ThirdPartyServicesPage.razor.rz.scp.css */
iframe[b-ds3lci8se4] {
    width: 100%;
    height: 85vh;
}

.loading-wrapper[b-ds3lci8se4] {
    padding: 100px;
}

header[b-ds3lci8se4] {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    width: 100%;
    height: 80px;
}

    header a[b-ds3lci8se4] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        border: 1px solid var(--mud-palette-primary);
        padding: 5px;
        border-radius: 5px;
        min-width: 100px;
        color: var(--mud-palette-primary);
        width: 80px;
    }

        header a:last-of-type[b-ds3lci8se4] {
            text-align: right;
        }

    header h3[b-ds3lci8se4] {
        margin: 0;
    }

@media (max-width: 960px) {
    header[b-ds3lci8se4] {
        display: flex;
        text-align: center;
    }

    iframe[b-ds3lci8se4] {
        width: 100%;
        height: 78vh;
    }
}

.permission-error[b-ds3lci8se4] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}
/* /Pages/UserSettings.razor.rz.scp.css */
.user-settings[b-inhfop9sw3] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.user-settings__header[b-inhfop9sw3] {
    margin-bottom: 2rem;
}

.user-settings__title[b-inhfop9sw3] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    margin: 0;
}

.user-settings__content[b-inhfop9sw3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.user-settings__section[b-inhfop9sw3] {
    width: 100%;
}

.user-settings__section-header[b-inhfop9sw3] {
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--xtos-divider, #e0e0e0);
}

.user-settings__section-title[b-inhfop9sw3] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--xtos-text-color, #1a1a1a);
    margin: 0;
}

.user-settings__form[b-inhfop9sw3] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.user-settings__form-row[b-inhfop9sw3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-settings__form-row--two-col[b-inhfop9sw3] {
    flex-direction: row;
    gap: 1rem;
}

.user-settings__form-row--two-col > *[b-inhfop9sw3] {
    flex: 1;
    min-width: 0;
}

.user-settings__info-message[b-inhfop9sw3] {
    padding: 0.75rem 1rem;
    background-color: rgba(33, 150, 243, 0.1);
    border-left: 4px solid var(--xtos-info, #2196f3);
    border-radius: 4px;
    margin-top: 0.5rem;
}

.user-settings__info-text[b-inhfop9sw3] {
    color: var(--xtos-info, #1565c0);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0;
}

.user-settings__alert[b-inhfop9sw3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    border-radius: 6px;
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.user-settings__alert i[b-inhfop9sw3] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.user-settings__alert--success[b-inhfop9sw3] {
    background-color: rgba(76, 175, 80, 0.1);
    color: var(--xtos-success, #2e7d32);
    border: 1px solid var(--xtos-success, #4caf50);
}

.user-settings__alert--error[b-inhfop9sw3] {
    background-color: rgba(244, 67, 54, 0.1);
    color: var(--xtos-danger, #c62828);
    border: 1px solid var(--xtos-danger, #f44336);
}

.user-settings__select[b-inhfop9sw3] {
    width: 100%;
}

.user-settings__odds-change-options[b-inhfop9sw3] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0;
    padding: 0.25rem 0;
}

.user-settings__odds-change-options[b-inhfop9sw3]  .bfa-radio {
    flex: 1 1 0;
    min-width: 140px;
    padding: 0.5rem 1.25rem;
    border-right: 1px solid var(--xtos-divider, #e0e0e0);
}

.user-settings__odds-change-options[b-inhfop9sw3]  .bfa-radio:first-child {
    padding-left: 0;
}

.user-settings__odds-change-options[b-inhfop9sw3]  .bfa-radio:last-child {
    border-right: none;
    padding-right: 0;
}

.user-settings__not-authorized[b-inhfop9sw3] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 2rem;
}

.user-settings__error-card[b-inhfop9sw3] {
    max-width: 500px;
    text-align: center;
}

.user-settings__error-title[b-inhfop9sw3] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--xtos-danger, #d32f2f);
    margin: 0 0 1rem 0;
}

.user-settings__error-subtitle[b-inhfop9sw3] {
    font-size: 1rem;
    color: var(--xtos-text-color-secondary, #666);
    line-height: 1.5;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .user-settings[b-inhfop9sw3] {
        padding: 1rem;
    }

    .user-settings__title[b-inhfop9sw3] {
        font-size: 1.5rem;
    }

    .user-settings__section-title[b-inhfop9sw3] {
        font-size: 1.25rem;
    }

    .user-settings__form-row--two-col[b-inhfop9sw3] {
        flex-direction: column;
        gap: 1.25rem;
    }

    .user-settings__form-row--two-col > *[b-inhfop9sw3] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .user-settings[b-inhfop9sw3] {
        padding: 0.75rem;
    }

    .user-settings__title[b-inhfop9sw3] {
        font-size: 1.25rem;
    }

    .user-settings__section-title[b-inhfop9sw3] {
        font-size: 1.125rem;
    }

    .user-settings__content[b-inhfop9sw3] {
        gap: 1rem;
    }

    .user-settings__form[b-inhfop9sw3] {
        gap: 1rem;
    }

    .user-settings__odds-change-options[b-inhfop9sw3] {
        flex-direction: column;
        gap: 0.875rem;
    }

    .user-settings__odds-change-options[b-inhfop9sw3]  .bfa-radio {
        flex: none;
        min-width: 0;
        padding: 0;
        border-right: none;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .user-settings__title[b-inhfop9sw3],
    .user-settings__section-title[b-inhfop9sw3] {
        color: var(--xtos-text-color, #ffffff);
    }

    .user-settings__odds-change-options[b-inhfop9sw3]  .bfa-radio {
        border-right-color: var(--xtos-divider, #424242);
    }

    .user-settings__section-header[b-inhfop9sw3] {
        border-bottom-color: var(--xtos-divider, #424242);
    }

    .user-settings__info-message[b-inhfop9sw3] {
        background-color: rgba(33, 150, 243, 0.15);
        border-left-color: var(--xtos-info, #3f51b5);
    }

    .user-settings__info-text[b-inhfop9sw3] {
        color: var(--xtos-info, #90caf9);
    }

    .user-settings__error-title[b-inhfop9sw3] {
        color: var(--xtos-danger, #ef5350);
    }

    .user-settings__error-subtitle[b-inhfop9sw3] {
        color: var(--xtos-text-color-secondary, #b0b0b0);
    }
}

/* Text Size Selector */
.user-settings__label[b-inhfop9sw3] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--xtos-text-color, #1a1a1a);
    margin-bottom: 0.5rem;
    display: block;
}

.user-settings__text-size-selector[b-inhfop9sw3] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.user-settings__text-size-button[b-inhfop9sw3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    min-width: 140px;
    background-color: var(--xtos-background-color, #ffffff);
    border: 2px solid var(--xtos-divider, #e0e0e0);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: var(--xtos-font-family, sans-serif);
    outline: none;
}

.user-settings__text-size-button:hover[b-inhfop9sw3] {
    border-color: var(--xtos-primary-color, #1976d2);
    background-color: var(--xtos-background-grey, #f5f5f5);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.user-settings__text-size-button:active[b-inhfop9sw3] {
    transform: translateY(0);
}

.user-settings__text-size-button--active[b-inhfop9sw3] {
    background-color: var(--xtos-primary-color, #1976d2);
    border-color: var(--xtos-primary-color, #1976d2);
    color: white;
    box-shadow: 0 2px 8px rgba(25, 118, 210, 0.3);
}

.user-settings__text-size-button--active:hover[b-inhfop9sw3] {
    background-color: var(--xtos-primary-color, #1565c0);
    border-color: var(--xtos-primary-color, #1565c0);
    transform: translateY(-1px);
}

.user-settings__text-size-button .size-icon[b-inhfop9sw3] {
    font-size: 1.25rem;
    font-weight: 700;
    transition: font-size 0.2s ease;
    color: var(--xtos-text-color, #333);
    line-height: 1;
}

.user-settings__text-size-button .size-icon.size-icon--large[b-inhfop9sw3] {
    font-size: 1.5rem;
}

.user-settings__text-size-button .size-icon.size-icon--very-large[b-inhfop9sw3] {
    font-size: 1.875rem;
}

.user-settings__text-size-button .size-text[b-inhfop9sw3] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--xtos-text-color, #333);
    white-space: nowrap;
}

.user-settings__text-size-button--active .size-icon[b-inhfop9sw3],
.user-settings__text-size-button--active .size-text[b-inhfop9sw3] {
    color: white;
}

@media (max-width: 768px) {
    .user-settings__text-size-selector[b-inhfop9sw3] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .user-settings__text-size-button[b-inhfop9sw3] {
        width: 100%;
        justify-content: flex-start;
        min-width: auto;
    }
}

@media (prefers-color-scheme: dark) {
    .user-settings__label[b-inhfop9sw3] {
        color: var(--xtos-text-color, #ffffff);
    }

    .user-settings__text-size-button[b-inhfop9sw3] {
        background-color: var(--xtos-background-color, #1e1e1e);
        border-color: var(--xtos-divider, #424242);
    }

    .user-settings__text-size-button:hover[b-inhfop9sw3] {
        background-color: var(--xtos-background-grey, #2a2a2a);
    }

    .user-settings__text-size-button .size-icon[b-inhfop9sw3],
    .user-settings__text-size-button .size-text[b-inhfop9sw3] {
        color: var(--xtos-text-color, #ffffff);
    }
}

/* /Toasts/Components/Toast.razor.rz.scp.css */
/* Toast Base Styles */
.bfa-toast[b-udmgo0tz22] {
    font-family: var(--xtos-font-family);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 320px;
    max-width: 400px;
    padding: 14px 16px;
    background-color: var(--xtos-background-color);
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
    border-left: 4px solid;
    position: relative;
    transition: all 0.3s ease;
    animation: slideIn-b-udmgo0tz22 0.3s ease;
    pointer-events: all;
    cursor: default;
}

.bfa-toast--clickable[b-udmgo0tz22] {
    cursor: pointer;
}

.bfa-toast--clickable:hover[b-udmgo0tz22] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.bfa-toast--showing[b-udmgo0tz22] {
    animation: slideIn-b-udmgo0tz22 0.3s ease;
}

.bfa-toast--hiding[b-udmgo0tz22] {
    animation: slideOut-b-udmgo0tz22 0.3s ease;
}

@keyframes slideIn-b-udmgo0tz22 {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideOut-b-udmgo0tz22 {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(100%);
    }
}

/* Toast Icon */
.bfa-toast__icon[b-udmgo0tz22] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 24px;
}

/* Toast Content */
.bfa-toast__content[b-udmgo0tz22] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.bfa-toast__title[b-udmgo0tz22] {
    font-size: 0.938em;
    font-weight: 600;
    color: var(--xtos-text-color);
    line-height: 1.4;
    word-wrap: break-word;
}

.bfa-toast__message[b-udmgo0tz22] {
    font-size: 0.813em;
    color: var(--xtos-text-color-secondary);
    line-height: 1.5;
    word-wrap: break-word;
}

/* Toast Close Button */
.bfa-toast__close[b-udmgo0tz22] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 2px;
    color: var(--xtos-text-color-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 16px;
}

.bfa-toast__close:hover[b-udmgo0tz22] {
    background-color: rgba(0, 0, 0, 0.05);
    color: var(--xtos-text-color);
}

.bfa-toast__close:active[b-udmgo0tz22] {
    transform: scale(0.95);
}

/* Toast Type Variants */
.bfa-toast--success[b-udmgo0tz22] {
    border-left-color: var(--xtos-success);
}

.bfa-toast--success .bfa-toast__icon[b-udmgo0tz22] {
    color: var(--xtos-success);
}

.bfa-toast--error[b-udmgo0tz22] {
    border-left-color: var(--xtos-danger, #dc3545);
}

.bfa-toast--error .bfa-toast__icon[b-udmgo0tz22] {
    color: var(--xtos-danger, #dc3545);
}

.bfa-toast--warning[b-udmgo0tz22] {
    border-left-color: var(--xtos-warning);
}

.bfa-toast--warning .bfa-toast__icon[b-udmgo0tz22] {
    color: var(--xtos-warning);
}

.bfa-toast--info[b-udmgo0tz22] {
    border-left-color: var(--xtos-info);
}

.bfa-toast--info .bfa-toast__icon[b-udmgo0tz22] {
    color: var(--xtos-info);
}

/* Responsive Adjustments */
@media (max-width: 480px) {
    .bfa-toast[b-udmgo0tz22] {
        min-width: 280px;
        max-width: calc(100vw - 32px);
    }
}
/* /Toasts/Components/ToastContainer.razor.rz.scp.css */
/* Toast Container Base */
.bfa-toast-container[b-po6ns83rp0] {
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 10000;
    pointer-events: none;
}

.bfa-toast-container > *[b-po6ns83rp0] {
    pointer-events: all;
}

/* Position Variants */
.bfa-toast-container--top-right[b-po6ns83rp0] {
    top: 16px;
    right: 16px;
    align-items: flex-end;
}

.bfa-toast-container--top-left[b-po6ns83rp0] {
    top: 16px;
    left: 16px;
    align-items: flex-start;
}

.bfa-toast-container--top-center[b-po6ns83rp0] {
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
}

.bfa-toast-container--bottom-right[b-po6ns83rp0] {
    bottom: 16px;
    right: 16px;
    align-items: flex-end;
    flex-direction: column-reverse;
}

.bfa-toast-container--bottom-left[b-po6ns83rp0] {
    bottom: 16px;
    left: 16px;
    align-items: flex-start;
    flex-direction: column-reverse;
}

.bfa-toast-container--bottom-center[b-po6ns83rp0] {
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    flex-direction: column-reverse;
}

/* Responsive Adjustments */
@media (max-width: 480px) {
    .bfa-toast-container[b-po6ns83rp0] {
        left: 16px;
        right: 16px;
    }

    .bfa-toast-container--top-center[b-po6ns83rp0],
    .bfa-toast-container--bottom-center[b-po6ns83rp0] {
        left: 16px;
        transform: none;
    }
}