/* _content/FantasySurvivor/Components/Account/Pages/Login.razor.rz.scp.css */
:root[b-53cwk6rshw] {
    --bg-page: #f2f2f2;
    --card-bg: #ffffff;
    --text-primary: #222222;
    --text-muted: #555555;
    --input-bg: #fafafa;
    --input-border: #dddddd;
    --accent: rgba(80,8,120,1);
    --border-radius: 1rem;
}

.login-page[b-53cwk6rshw] {
    background: var(--bg-page);
    min-height: 100vh;
}

.login-card[b-53cwk6rshw] {
    background: var(--card-bg);
    padding: 2rem;
    border-radius: var(--border-radius);
    max-width: 400px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

    .login-card h2[b-53cwk6rshw] {
        color: var(--text-primary);
    }

.text-accent[b-53cwk6rshw] {
    color: #500878;
}

.text-muted[b-53cwk6rshw] {
    color: var(--text-muted) !important;
}

.form-control.form-control-lg[b-53cwk6rshw] {
    background: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 50px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

    .form-control.form-control-lg:focus[b-53cwk6rshw] {
        border-color: var(--accent);
        box-shadow: 0 0 8px var(--accent);
    }

.form-check-input:checked[b-53cwk6rshw] {
    background-color: #500878;
    border-color: #500878;
}

.btn-accent[b-53cwk6rshw],
.btn-accent:hover[b-53cwk6rshw],
.btn-accent:focus[b-53cwk6rshw] {
    background-color: #500878; /* explicitly re-set your purple */
    color: #fff; /* make sure text stays white */
    border: none; /* override any UA border changes */
    box-shadow: 0 0 20px var(--accent);
    outline: none; /* drop that native focus outline */
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

    /* if you want it to look “darker” on hover, choose a slightly darker purple */
    .btn-accent:hover[b-53cwk6rshw] {
        box-shadow: 0 0 30px var(--accent);
    }
/* _content/FantasySurvivor/Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
.btn-accent[b-adikqiafyg] {
    background: #500878;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 10px var(--accent);
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

    .btn-accent:hover[b-adikqiafyg] {
        color: #fff;
        box-shadow: 0 0 20px var(--accent);
    }
/* _content/FantasySurvivor/Components/Account/Pages/Manage/Email.razor.rz.scp.css */
.btn-accent[b-57nt10i6sv] {
    background: #500878;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 10px var(--accent);
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

    .btn-accent:hover[b-57nt10i6sv] {
        color: #fff;
        box-shadow: 0 0 20px var(--accent);
    }
/* _content/FantasySurvivor/Components/Account/Pages/Register.razor.rz.scp.css */
:root[b-b57st9ief0] {
    --bg-page: #f2f2f2;
    --card-bg: #ffffff;
    --text-primary: #222222;
    --text-muted: #555555;
    --input-bg: #fafafa;
    --input-border: #dddddd;
    --accent: rgba(80,8,120,1);
    --border-radius: 1rem;
}

.register-page[b-b57st9ief0] {
    background: var(--bg-page);
    min-height: 100vh;
}

.register-card[b-b57st9ief0] {
    background: var(--card-bg);
    padding: 2rem;
    border-radius: var(--border-radius);
    max-width: 400px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

    .register-card h2[b-b57st9ief0] {
        color: var(--text-primary);
    }

.text-accent[b-b57st9ief0] {
    color: #500878;
}

.text-muted[b-b57st9ief0] {
    color: var(--text-muted) !important;
}

.form-control.form-control-lg[b-b57st9ief0] {
    background: var(--input-bg);
    border: 1px solid var(--input-border);
    border-radius: 50px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

    .form-control.form-control-lg:focus[b-b57st9ief0] {
        border-color: var(--accent);
        box-shadow: 0 0 8px var(--accent);
    }

.btn-accent[b-b57st9ief0],
.btn-accent:hover[b-b57st9ief0],
.btn-accent:focus[b-b57st9ief0] {
    background-color: #500878; /* explicitly re-set your purple */
    color: #fff; /* make sure text stays white */
    border: none; /* override any UA border changes */
    box-shadow: 0 0 20px var(--accent);
    outline: none; /* drop that native focus outline */
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

    /* if you want it to look “darker” on hover, choose a slightly darker purple */
    .btn-accent:hover[b-b57st9ief0] {
        box-shadow: 0 0 30px var(--accent);
    }
/* _content/FantasySurvivor/Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.manage-layout-page[b-eub3g0ku0g] {
    background: var(--bg-darker);
    padding: 1rem;
    min-height: 100vh;
}

.manage-layout-dashboard[b-eub3g0ku0g] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    position: relative;
}

.manage-layout-header[b-eub3g0ku0g] {
    display: flex;
    flex-direction: column;
}

    .manage-layout-header .header-top[b-eub3g0ku0g] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
    }

    .manage-layout-header .title-group[b-eub3g0ku0g] {
        display: flex;
        flex-direction: column;
    }

.manage-layout-title[b-eub3g0ku0g] {
    font-size: 1.1rem;
    margin: 0;
    color: var(--text-light);
    text-align: center;
}

.manage-layout-subtitle[b-eub3g0ku0g] {
    font-size: 0.75rem;
    margin: 0;
    color: var(--text-muted);
}

.btn-icon[b-eub3g0ku0g] {
    background: none;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem;
    border-radius: var(--tab-radius);
    color: var(--text-light) !important;
    transition: color 0.2s ease, background-color 0.2s ease;
}

    .btn-icon:hover[b-eub3g0ku0g],
    .btn-icon:focus[b-eub3g0ku0g] {
        color: var(--accent) !important;
        background-color: rgba(80, 8, 120, 0.1);
        outline: none;
    }

.btn-accent[b-eub3g0ku0g],
.btn-accent:hover[b-eub3g0ku0g],
.btn-accent:focus[b-eub3g0ku0g] {
    background-color: #500878; /* same deep purple */
    color: #fff; /* always white text */
    border: none; /* no border bleed */
    border-radius: 50px; /* keep your pill shape */
    padding: 0.75rem; /* match existing padding */
    text-transform: uppercase; /* as before */
    letter-spacing: 0.05em; /* as before */
    box-shadow: 0 0 20px var(--accent);
    outline: none;
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

    .btn-accent:hover[b-eub3g0ku0g] {
        box-shadow: 0 0 30px var(--accent);
    }

.logout-wrapper[b-eub3g0ku0g] {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1rem; /* gives it breathing room */
}

    .logout-wrapper form[b-eub3g0ku0g] {
        margin: 0; /* reset in case */
    }

@media (min-width: 600px) {
    .manage-layout-page[b-eub3g0ku0g] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    .manage-layout-dashboard[b-eub3g0ku0g] {
        max-width: 1200px;
    }
}
/* _content/FantasySurvivor/Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.manage-nav-container[b-dr7ilr462a] {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-secondary);
    padding: 1rem;
    border-radius: var(--border-radius);
}

    .manage-nav-container .tab[b-dr7ilr462a] {
        background: var(--bg-secondary);
        border: none;
        border-radius: var(--tab-radius);
        padding: 0.75rem 1rem;
        text-align: left;
        color: var(--text-light) !important;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }

        /* hover matches Home: soft purple glow */
        .manage-nav-container .tab:hover[b-dr7ilr462a] {
            background-color: rgba(80, 8, 120, 0.1);
        }

        /* active matches Home: solid accent + glow */
        .manage-nav-container .tab.active[b-dr7ilr462a] {
            background-color: var(--accent);
            color: var(--text-light) !important;
            box-shadow: 0 0 10px var(--accent);
        }

/* _content/FantasySurvivor/Components/EliminationSchedule/EliminationSchedule.razor.rz.scp.css */
/* Root page container */
.elimination-schedule-page[b-lactqq6pee] {
    background: var(--bg-darker);
    padding: 1rem;
}

/* Center dashboard on larger screens */
@media (min-width: 600px) {
    .elimination-schedule-page[b-lactqq6pee] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }
}

/* Dashboard container */
.elimination-schedule-dashboard[b-lactqq6pee] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    position: relative;
}

.schedule-header[b-lactqq6pee]
{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

.home-icon[b-lactqq6pee] {
    position: absolute;
    left: 1rem; /* matches your dashboard’s padding */
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem; /* optional: match the H1 size or tweak */
}

/* Constrain width on desktop */
@media (min-width: 600px) {
    .elimination-schedule-dashboard[b-lactqq6pee] {
        max-width: 800px;
    }
}

/* Reset the old bottom margin and ensure true centering */
.schedule-header[b-lactqq6pee] {
    margin: 0; /* remove bottom margin :contentReference[oaicite:0]{index=0} */
    font-size: 1.5rem; /* keep as before */
    font-weight: 700;
    text-align: center;
    color: var(--text-light);
}

/* Loading state */
.loading[b-lactqq6pee] {
    color: var(--text-muted);
    text-align: center;
    padding: 2rem 0;
}

/* Summary text (if enabled) */
.summary-text[b-lactqq6pee] {
    text-align: center;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: var(--accent);
}

/* Week list grid */
.week-list[b-lactqq6pee] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

/* Individual week card */
.week-card[b-lactqq6pee] {
    background: var(--bg-darker);
    border-radius: var(--tab-radius);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
}

    /* Highlight current week */
    .week-card.current[b-lactqq6pee] {
        border: 2px solid var(--accent);
    }

/* Card header */
.card-header[b-lactqq6pee] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Week label */
.week-label[b-lactqq6pee] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-light);
}

/* Week percentage */
.week-percent[b-lactqq6pee] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-light);
}

/* Card body stats */
.card-body[b-lactqq6pee] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
}

/* Stat block */
.stat[b-lactqq6pee] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Stat value */
.stat-value[b-lactqq6pee] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
}

/* Stat label */
.stat-label[b-lactqq6pee] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
}

/* Progress bar container */
.progress[b-lactqq6pee] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    height: 4px;
    overflow: hidden;
    margin-top: 0.75rem;
}

/* Progress fill */
.progress-fill[b-lactqq6pee] {
    height: 100%;
    background: var(--accent);
    width: 0;
    transition: width 0.3s ease;
}

/* Two columns on tablet */
@media (min-width: 600px) {
    .week-list[b-lactqq6pee] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Three columns on desktop */
@media (min-width: 900px) {
    .week-list[b-lactqq6pee] {
        grid-template-columns: repeat(3, 1fr);
    }
}


.schedule-header-container[b-lactqq6pee] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    width: 100%;
}

.schedule-header[b-lactqq6pee] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}
/* _content/FantasySurvivor/Components/Inbox/Inbox.razor.rz.scp.css */
.accordion[b-ntgb3l9ddu] {
    margin-bottom: 10px;
}

.accordion-header[b-ntgb3l9ddu] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-content[b-ntgb3l9ddu] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .header-content span[b-ntgb3l9ddu] {
        display: inline-block;
    }

    .header-content div[b-ntgb3l9ddu] {
        margin-bottom: 2px; /* Adds spacing between rows */
    }

.timestamp[b-ntgb3l9ddu] {
    color: #6c757d; /* Muted color for the timestamp */
    font-size: 0.9em; /* Slightly smaller font size */
}

.accordion-body[b-ntgb3l9ddu] {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.form-control[b-ntgb3l9ddu] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 10px;
    background-color: #f8f9fa;
    box-shadow: none;
    transition: border-color 0.3s;
}

    .form-control:hover[b-ntgb3l9ddu] {
        border-color: #80bdff;
    }

    .form-control:focus[b-ntgb3l9ddu] {
        outline: none;
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
/* _content/FantasySurvivor/Components/Layout/MainLayout.razor.rz.scp.css */

/*article.content.px-4 {
    background-color: var(--bg-darker) !important;
    padding: 0;*/ /* remove the default white padding if you like */
/*}*/

.page[b-o7vd0d4vkw] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-o7vd0d4vkw] {
    flex: 1;
}

.sidebar[b-o7vd0d4vkw] {
    background-color: #2a2d37;
    width: 250px;
    height: 100vh;
    position: sticky;
    top: 0;
}

    .sidebar[b-o7vd0d4vkw]  a,
    .sidebar[b-o7vd0d4vkw]  .nav-link {
        color: #ffffff;
    }

        .sidebar[b-o7vd0d4vkw]  .nav-link.active {
            background-color: rgba(80,8,120,0.15);
        }

        .sidebar[b-o7vd0d4vkw]  .nav-link:hover {
            color: #ffffff;
            background-color: rgba(80,8,120,0.1);
        }

.top-row[b-o7vd0d4vkw] {
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-o7vd0d4vkw]  a,
    .top-row[b-o7vd0d4vkw]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
        color: #222222;
        transition: color 0.3s ease;
    }

        .top-row[b-o7vd0d4vkw]  a:hover,
        .top-row[b-o7vd0d4vkw]  .btn-link:hover {
            text-decoration: underline;
            color: var(--accent);
        }

        .top-row[b-o7vd0d4vkw]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-o7vd0d4vkw] {
        justify-content: space-between;
    }

        .top-row[b-o7vd0d4vkw]  a,
        .top-row[b-o7vd0d4vkw]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-o7vd0d4vkw] {
        flex-direction: row;
    }

    .sidebar[b-o7vd0d4vkw] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-o7vd0d4vkw] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-o7vd0d4vkw]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-o7vd0d4vkw] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }

        
}

#blazor-error-ui[b-o7vd0d4vkw] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-o7vd0d4vkw] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.toast[b-o7vd0d4vkw] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    border-radius: 8px;
    color: white;
    z-index: 1000;
}

    .toast.info[b-o7vd0d4vkw] {
        background-color: #17a2b8;
    }

    .toast.success[b-o7vd0d4vkw] {
        background-color: #28a745;
    }

    .toast.warning[b-o7vd0d4vkw] {
        background-color: #ffc107;
    }

    .toast.error[b-o7vd0d4vkw] {
        background-color: #dc3545;
    }
/* _content/FantasySurvivor/Components/Layout/NavMenu.razor.rz.scp.css */

.navbar-toggler[b-j5puyc5lq5] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: #ffffff;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255,255,255,0.1);
    transition: background-color 0.3s ease;
}

    .navbar-toggler:checked[b-j5puyc5lq5] {
        background-color: rgba(255,255,255,0.2);
    }


.top-row[b-j5puyc5lq5] {
    height: 3.5rem;
    background-color: #2a2d37;
}


.navbar-brand[b-j5puyc5lq5] {
    font-size: 1.1rem;
    color: #ffffff;
}

.bi[b-j5puyc5lq5] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}


.nav-item[b-j5puyc5lq5] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-j5puyc5lq5] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-j5puyc5lq5] {
        padding-bottom: 1rem;
    }

    .nav-item[b-j5puyc5lq5]  .nav-link {
        color: #dddddd;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .nav-item[b-j5puyc5lq5]  a.active {
        background-color: rgba(80,8,120,0.15);
        color: #ffffff;
    }

    .nav-item[b-j5puyc5lq5]  .nav-link:hover {
        background-color: rgba(80,8,120,0.1);
        color: #ffffff;
    }


.nav-scrollable[b-j5puyc5lq5] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-j5puyc5lq5] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-j5puyc5lq5] {
        display: none;
    }

    .nav-scrollable[b-j5puyc5lq5] {
        display: block; /* never collapse on desktop */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/FantasySurvivor/Components/Pages/Home.razor.rz.scp.css */
.home-page[b-5k6jpsj4ri] {
    background: var(--bg-darker);
    padding: 1rem;
    min-height: 100vh;
}

.home-dashboard[b-5k6jpsj4ri] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    position: relative;
}

.home-header[b-5k6jpsj4ri] {
    display: flex;
    flex-direction: column;
}
    .home-header .header-top[b-5k6jpsj4ri] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
    }

    .home-header .title-group[b-5k6jpsj4ri] {
        display: flex;
        flex-direction: column;
    }

.home-title[b-5k6jpsj4ri] {
    font-size: 1.1rem;
    margin: 0;
    color: var(--text-light);
    text-align: center;
}

.home-subtitle[b-5k6jpsj4ri] {
    font-size: 0.75rem;
    margin: 0;
    color: var(--text-muted);
}

/* Section headers */
.section-title[b-5k6jpsj4ri] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
    margin-bottom: 1rem;
}


/* Grid of pool cards */
.pool-list[b-5k6jpsj4ri] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

/* Each pool “hero” card */
.pool-card[b-5k6jpsj4ri] {
    background: var(--bg-darker);
    border-radius: var(--tab-radius);
    padding: 1rem;
    display: flex;
    flex-direction: column;
}


/* Each pool row */
.pool-item[b-5k6jpsj4ri] {
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius);
}

/* Pool info */
.pool-actions[b-5k6jpsj4ri] {
    display: flex;
    align-items: center;
}

.home-link[b-5k6jpsj4ri],
.settings-link[b-5k6jpsj4ri] {
    flex: 0 0 auto;
}

/* Primary pill button */
.btn-accent[b-5k6jpsj4ri] {
    background: #500878;
    color: #fff !important;
    border: none;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 10px var(--accent);
    transition: box-shadow 0.3s ease;
}

    .btn-accent:hover[b-5k6jpsj4ri] {
        box-shadow: 0 0 20px var(--accent);
    }

/* Outline variant */
.btn-accent-outline[b-5k6jpsj4ri] {
    background: none;
    color: #500878 !important;
    border: 2px solid #500878;
    border-radius: 50px;
    padding: 0.45rem 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .btn-accent-outline:hover[b-5k6jpsj4ri] {
        background-color: #500878;
        color: #fff !important;
    }

/* Invite-code section */
.invite-code .form-control[b-5k6jpsj4ri] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--input-border);
}

/* Header: name on left, year on right */
.card-header[b-5k6jpsj4ri] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pool-name[b-5k6jpsj4ri] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
}

.pool-season[b-5k6jpsj4ri] {
    font-size: 0.85rem;
    color: var(--text-muted);
}

/* Body stats */
.card-body[b-5k6jpsj4ri] {
    display: flex;
    justify-content: space-around;
    margin-top: 0.5rem;
}

.stat[b-5k6jpsj4ri] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.stat-value[b-5k6jpsj4ri] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
}

.stat-label[b-5k6jpsj4ri] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
}

/* Progress bar */
.progress[b-5k6jpsj4ri] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    height: 4px;
    overflow: hidden;
    margin: 0.75rem 0;
}

.progress-fill[b-5k6jpsj4ri] {
    height: 100%;
    background: var(--accent);
    width: 0%;
    transition: width 0.3s ease;
}

/* Footer buttons */
.card-footer[b-5k6jpsj4ri] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


@media (min-width: 600px) {
    .home-page[b-5k6jpsj4ri] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    .home-dashboard[b-5k6jpsj4ri] {
        max-width: 1200px;
    }

    .pool-list[b-5k6jpsj4ri] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .pool-list[b-5k6jpsj4ri] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* _content/FantasySurvivor/Components/Pages/Sandbox.razor.rz.scp.css */
.page-wrapper[b-qyyupytz4h] {
    background: var(--bg-darker);
    padding: 1rem;
    min-height: 100vh;
}

.page-dashboard[b-qyyupytz4h] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    position: relative;
}

.page-header[b-qyyupytz4h] {
    display: flex;
    flex-direction: column;
}

    .page-header .header-top[b-qyyupytz4h] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
    }

    .page-header .title-group[b-qyyupytz4h] {
        display: flex;
        flex-direction: column;
    }

.page-title[b-qyyupytz4h] {
    font-size: 1.1rem;
    margin: 0;
    color: var(--text-light);
    text-align: center;
}

.page-subtitle[b-qyyupytz4h] {
    font-size: 0.75rem;
    margin: 0;
    color: var(--text-muted);
}


@media (min-width: 600px) {
    .page-wrapper[b-qyyupytz4h] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    .page-dashboard[b-qyyupytz4h] {
        max-width: 1200px;
    }
}
/* _content/FantasySurvivor/Components/Pool/CreatePool.razor.rz.scp.css */
/* CreatePool.razor.css */

/* 1) Page + dashboard */
.createpool-page[b-hsk85omjmf] {
    background: var(--bg-darker);
    padding: 1rem;
    min-height: 100vh;
}

@media (min-width: 600px) {
    .createpool-page[b-hsk85omjmf] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }
}

.createpool-dashboard[b-hsk85omjmf] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
}

@media (min-width: 600px) {
    .createpool-dashboard[b-hsk85omjmf] {
        max-width: 900px;
    }
}

/* 2) Header */
.createpool-header-container[b-hsk85omjmf] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
}

.createpool-home-icon[b-hsk85omjmf],
.createpool-profile-icon[b-hsk85omjmf] {
    position: absolute;
    font-size: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.createpool-home-icon[b-hsk85omjmf] {
    left: 1rem;
}

.createpool-profile-icon[b-hsk85omjmf] {
    right: 1rem;
}

.createpool-header[b-hsk85omjmf] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

/* 3) Sections */
.createpool-section[b-hsk85omjmf] {
    margin-bottom: 1.5rem;
}

.section-title[b-hsk85omjmf] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
    margin-bottom: 1rem;
}

/* 4) Grids */
.createpool-grid-general[b-hsk85omjmf] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 600px) {
    .createpool-grid-general[b-hsk85omjmf] {
        grid-template-columns: repeat(2,1fr);
    }
}

.createpool-grid-config[b-hsk85omjmf] {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 600px) {
    .createpool-grid-config[b-hsk85omjmf] {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (min-width: 900px) {
    .createpool-grid-config[b-hsk85omjmf] {
        grid-template-columns: repeat(4,1fr);
    }
}

.createpool-grid-elimination[b-hsk85omjmf] {
    display: grid;
    gap: 1rem;
    align-items: end;
    margin-bottom: 1rem;
}

@media (min-width: 600px) {
    .createpool-grid-scoring[b-hsk85omjmf] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.createpool-grid-scoring[b-hsk85omjmf] {
    display: grid;
    gap: 1rem 2rem; /* 1rem vertical, 2rem horizontal gap */
    grid-template-columns: 1fr; /* single column by default */
    margin-bottom: 1.5rem;
}

/* 5) Reuse .btn-accent, .form-control from global styles */

.btn-accent[b-hsk85omjmf] {
    background: #500878;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 10px var(--accent);
    transition: box-shadow 0.3s ease, color 0.3s ease;
}

    .btn-accent:hover[b-hsk85omjmf] {
        color: #fff;
        box-shadow: 0 0 20px var(--accent);
    }
/* Each rule row: label on left, input on right */
.scoring-item[b-hsk85omjmf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Label styling */
.rule-label[b-hsk85omjmf] {
    flex: 1 1 auto;
    margin-right: 1rem;
    white-space: nowrap;
}

/* Compact pill input */
.scoring-input[b-hsk85omjmf] {
    flex: 0 0 120px;
    padding: 0.5rem 1rem;
    text-align: center;
}
/* _content/FantasySurvivor/Components/Pool/EliminationSchedule.razor.rz.scp.css */
.elimination-schedule[b-pqg00ujlck] {
    /* panel-section already gives bg-secondary, padding, radius */
}

    /* Summary text */
    .elimination-schedule .text-light[b-pqg00ujlck] {
        color: var(--text-light) !important;
    }

    /* Table base styles */
    .elimination-schedule table[b-pqg00ujlck] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 4px; /* Adds a bit of vertical gap */
    }

    .elimination-schedule thead th[b-pqg00ujlck] {
        color: var(--text-light);
        border-bottom: 1px solid var(--input-border);
        padding: 0.75rem 1rem;
    }

    .elimination-schedule tbody td[b-pqg00ujlck] {
        background-color: var(--bg-secondary);
        padding: 0.75rem 1rem;
        color: var(--text-light);
    }

    /* Highlight current week with a left accent border */
    .elimination-schedule tbody tr.selected-week td:first-child[b-pqg00ujlck] {
        border-left: 4px solid var(--accent);
        padding-left: 0.75rem; /* shift content to accommodate border */
    }
/* _content/FantasySurvivor/Components/Pool/LineupManager.razor.rz.scp.css */
/* Mobile-first scoped styling */
.lineup-manager[b-h9afqjz219] {
    background: var(--bg-secondary);
    padding: 1rem;
    border-radius: var(--border-radius);
    color: var(--text-light);
    position: relative;
}

.loading[b-h9afqjz219] {
    color: var(--text-muted);
    text-align: center;
    padding: 2rem 0;
}

.validation-errors[b-h9afqjz219] {
    color: #f66;
    margin-bottom: 1rem;
}

/* 1. Slot Grid */
.slot-grid[b-h9afqjz219] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 4rem; /* space for sticky action-bar */
}

.slot-card[b-h9afqjz219] {
    background: var(--bg-darker);
    padding: 0.75rem;
    border-radius: 0.75rem;
    border: 1px solid var(--accent);
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.slot-label[b-h9afqjz219] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    color: var(--text-muted);
}

.picker[b-h9afqjz219] {
    width: 100%;
}

.lock-indicator[b-h9afqjz219] {
    font-size: 0.75rem;
    color: var(--text-light);
    margin-top: 0.5rem;
}

/* 2. Action Bar (sticky on mobile) */
.action-bar[b-h9afqjz219] {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bg-secondary);
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: center;
    box-shadow: 0 -4px 6px rgba(0,0,0,0.3);
}

.btn-accent[b-h9afqjz219] {
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 24px;
    padding: 0.75rem 1.5rem;
    text-transform: uppercase;
    font-size: 0.9rem;
    width: 100%;
}

/* 3. Tablet and up */
@media (min-width: 600px) {
    .slot-grid[b-h9afqjz219] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        margin-bottom: 2rem;
    }

    .action-bar[b-h9afqjz219] {
        position: static;
        box-shadow: none;
        padding: 1rem 0;
    }

    .btn-accent[b-h9afqjz219] {
        width: auto;
    }
}

/* 4. Desktop */
@media (min-width: 900px) {
    .slot-grid[b-h9afqjz219] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* _content/FantasySurvivor/Components/Pool/PlayerPicker.razor.rz.scp.css */
.bg-primary[b-cnicw0soyr] {
    --bs-bg-opacity: 1;
    background-color: rgba(80,8,120,1) !important;
}

.bg-secondary[b-cnicw0soyr] {
    background-color: var(--accent);
}

.badge[b-cnicw0soyr] {
    background-color: var(--accent);
    color: #fff;
    font-size: 0.9rem;
}

.btn-outline-secondary[b-cnicw0soyr] {
    bs-btn-border-color: var(--accent);
}
/* _content/FantasySurvivor/Components/Pool/PoolDetails.razor.rz.scp.css */
.page-wrapper[b-qh0sx27k5n] {
    background: var(--bg-darker);
    padding: 1rem;
    min-height: 100vh;
}

.page-dashboard[b-qh0sx27k5n] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    position: relative;
}

@media (min-width: 600px) {
    .page-wrapper[b-qh0sx27k5n] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    .page-dashboard[b-qh0sx27k5n] {
        max-width: 1200px;
    }
}
/* _content/FantasySurvivor/Components/Pool/PoolDetailsInteractive.razor.rz.scp.css */
.page-wrapper[b-w680xol0ek] {
    background: var(--bg-darker);
    padding: 1rem;
    min-height: 100vh;
}

.page-dashboard[b-w680xol0ek] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    position: relative;
}

.page-header[b-w680xol0ek] {
    display: flex;
    flex-direction: column;
}

    .page-header .header-top[b-w680xol0ek] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
    }

    .page-header .title-group[b-w680xol0ek] {
        display: flex;
        flex-direction: column;
    }

.page-title[b-w680xol0ek] {
    font-size: 1.1rem;
    margin: 0;
    color: var(--text-light);
    text-align: center;
}

.page-subtitle[b-w680xol0ek] {
    font-size: 0.75rem;
    margin: 0;
    color: var(--text-muted);
}

.form-select-accent[b-w680xol0ek] {
    background: var(--accent);
    color: var(--text-light);
    border: 1px solid var(--text-light);
    border-radius: var(--tab-radius);
    padding: 0.5rem;
    font-size: 0.85rem;
}

/* TABS: scrollable */
.pool-details-nav[b-w680xol0ek] {
    display: flex;
    overflow-x: auto;
    padding: 0.5rem 1rem;
    gap: 0.5rem;
}

    .pool-details-nav .tab[b-w680xol0ek] {
        flex: 0 0 auto;
        padding: 0.5rem 1rem;
        background: var(--bg-secondary);
        color: var(--text-light);
        border: none;
        border-radius: var(--tab-radius);
        text-transform: uppercase;
        font-size: 0.75rem;
        font-weight: 600;
    }

        .pool-details-nav .tab.active[b-w680xol0ek] {
            background: var(--accent);
            color: #fff;
        }

.btn-accent[b-w680xol0ek],
.btn-accent:hover[b-w680xol0ek],
.btn-accent:focus[b-w680xol0ek] {
    background-color: #500878; /* explicitly re-set your purple */
    color: #fff; /* make sure text stays white */
    border: none; /* override any UA border changes */
    box-shadow: 0 0 20px var(--accent);
    outline: none; /* drop that native focus outline */
    transition: box-shadow 0.3s ease, color 0.3s ease;
}


@media (min-width: 600px) {
    .page-wrapper[b-w680xol0ek] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    .page-dashboard[b-w680xol0ek] {
        max-width: 1200px;
    }
}
/* _content/FantasySurvivor/Components/Pool/PoolRules.razor.rz.scp.css */
/* 3) General rules grid of cards */
.rules-grid-general[b-ncuc3pyyft] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.rule-card[b-ncuc3pyyft] {
    background: var(--bg-darker);
    border-radius: var(--tab-radius);
    padding: 1rem;
}

.rule-text[b-ncuc3pyyft] {
    margin: 0;
    color: var(--text-light);
    font-size: 0.9rem;
    line-height: 1.4;
}

/* 4) Scoring section heading */
.rules-section h2[b-ncuc3pyyft] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
    margin-bottom: 1rem;
    text-align: center;
}

/* 5) Scoring rules grid */
.scoring-grid[b-ncuc3pyyft] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.scoring-card[b-ncuc3pyyft] {
    background: var(--bg-darker);
    border-radius: var(--tab-radius);
    padding: 1rem;
}

    .scoring-card h3[b-ncuc3pyyft] {
        margin: 0 0 0.5rem;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--text-light);
    }
/* _content/FantasySurvivor/Components/Pool/Pools.razor.rz.scp.css */
.page-wrapper[b-8jbkx1ek83] {
    background: var(--bg-darker);
    padding: 1rem;
    min-height: 100vh;
}

.page-dashboard[b-8jbkx1ek83] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    position: relative;
}

@media (min-width: 600px) {
    .page-wrapper[b-8jbkx1ek83] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    .page-dashboard[b-8jbkx1ek83] {
        max-width: 1200px;
    }
}
/* _content/FantasySurvivor/Components/Pool/PoolsList.razor.rz.scp.css */
/* PoolsList.razor.css */

.league-page[b-8rnaki3lcf] {
    background: var(--bg-darker);
    padding: 1rem;
    min-height: 100vh;
}

.league-dashboard[b-8rnaki3lcf] {
    background: var(--bg-secondary);
    border-radius: 0.75rem;
    overflow: hidden;
}

/* Section headers */
.section-title[b-8rnaki3lcf] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
    margin-bottom: 1rem;
}

/* List wrapper */
.pool-list[b-8rnaki3lcf] {
    /* no extra styling needed */
}

/* Each pool row */
.pool-item[b-8rnaki3lcf] {
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius);
}

/* Pool info */
.pool-actions[b-8rnaki3lcf] {
    display: flex;
    align-items: center;
}

/* Primary pill button */
.btn-accent[b-8rnaki3lcf] {
    background: #500878;
    color: #fff !important;
    border: none;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 10px var(--accent);
    transition: box-shadow 0.3s ease;
}

    .btn-accent:hover[b-8rnaki3lcf] {
        box-shadow: 0 0 20px var(--accent);
    }

/* Outline variant */
.btn-accent-outline[b-8rnaki3lcf] {
    background: none;
    color: #500878 !important;
    border: 2px solid #500878;
    border-radius: 50px;
    padding: 0.45rem 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background-color 0.2s ease, color 0.2s ease;
}

    .btn-accent-outline:hover[b-8rnaki3lcf] {
        background-color: #500878;
        color: #fff !important;
    }

/* Invite-code section */
.invite-code .form-control[b-8rnaki3lcf] {
    background-color: var(--bg-secondary);
    border: 1px solid var(--input-border);
}


/* HEADER: stack on mobile */
.league-header[b-8rnaki3lcf] {
    display: flex;
    flex-direction: column;
}

    .league-header .header-top[b-8rnaki3lcf] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
    }

    .league-header .title-group[b-8rnaki3lcf] {
        display: flex;
        flex-direction: column;
    }

.league-title[b-8rnaki3lcf] {
    font-size: 1.1rem;
    margin: 0;
    color: var(--text-light);
    text-align: center;
}

.league-subtitle[b-8rnaki3lcf] {
    font-size: 0.75rem;
    margin: 0;
    color: var(--text-muted);
}
/* _content/FantasySurvivor/Components/Pool/TopSelectedPlayers.razor.rz.scp.css */
/* Mobile-first scoped styling */
.top-selected-players[b-pvj9qoxqb7] {
    background: var(--bg-secondary);
    padding: 1.5rem;
    border-radius: var(--border-radius);
    color: var(--text-light);
}

    /* Position card container */
    .top-selected-players .position-card[b-pvj9qoxqb7] {
        background: var(--bg-darker);
        padding: 1rem;
        border-radius: 0.75rem;
        border: 1px solid var(--accent);
    }

    /* Position title */
    .top-selected-players .position-title[b-pvj9qoxqb7] {
        font-size: 1rem;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 0.75rem;
        color: var(--text-light);
    }

    /* Reset list-group margins inside this component */
    .top-selected-players .player-list[b-pvj9qoxqb7] {
        margin: 0;
        padding: 0;
    }

        /* Style each player item */
        .top-selected-players .player-list .list-group-item[b-pvj9qoxqb7] {
            background-color: var(--bg-secondary);
            border: none;
            color: var(--text-light);
            padding: 0.5rem 1rem;
            transition: background-color 0.2s ease;
        }

            /* Hover effect */
            .top-selected-players .player-list .list-group-item:hover[b-pvj9qoxqb7] {
                background-color: var(--bg-darker);
            }

        /* Badge styling */
        .top-selected-players .player-list .badge[b-pvj9qoxqb7] {
            background-color: var(--accent);
            color: #fff;
            font-size: 0.9rem;
        }

/* Tablet and up: position cards in two columns */
/*@media (min-width: 600px) {
    .top-selected-players {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}*/

/* Desktop: three columns */
/*@media (min-width: 900px) {
    .top-selected-players {
        grid-template-columns: repeat(3, 1fr);
    }
}*/


.top-selected-players .text-muted[b-pvj9qoxqb7] {
    color: var(--text-muted) !important;
}
/* _content/FantasySurvivor/Components/Pool/WeekSummaries.razor.rz.scp.css */
.week-summaries[b-zaxsgin2pc] {
    background-color: var(--bg-secondary);
    padding: 1.5rem;
    border-radius: var(--border-radius);
    color: var(--text-light);
}

    .week-summaries .text-danger[b-zaxsgin2pc] {
        color: var(--text-danger, #dc3545) !important;
    }

    .week-summaries .cut-line[b-zaxsgin2pc] {
        border-top: 3px solid var(--text-danger, #dc3545);
        margin: 0.5rem 0;
    }

    .week-summaries .accordion-button[b-zaxsgin2pc] {
        background-color: var(--bg-secondary);
        color: var(--text-light);
        border: 1px solid var(--input-border);
        transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    }

        .week-summaries .accordion-button:not(.collapsed)[b-zaxsgin2pc],
        .week-summaries .accordion-button:hover[b-zaxsgin2pc] {
            background-color: var(--accent);
            color: #ffffff;
            box-shadow: 0 0 8px var(--accent);
        }

    .week-summaries .list-group-item[b-zaxsgin2pc] {
        background-color: var(--bg-secondary);
        border: none;
        color: var(--text-light);
    }

    .week-summaries .player-pic[b-zaxsgin2pc] {
        width: 32px;
        height: 32px;
        object-fit: cover;
    }

    .week-summaries .text-muted[b-zaxsgin2pc] {
        color: var(--text-muted) !important;
    }


/* Collapsed state: white down‐chevron */
.accordion-button[b-zaxsgin2pc] {
    --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}

/* _content/FantasySurvivor/Components/Pool/WeekSummaryHeader.razor.rz.scp.css */
/* Week list grid */
.week-list[b-ldwdtdvdtz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

/* Individual week card */
.week-card[b-ldwdtdvdtz] {
    background: var(--bg-darker);
    border-radius: var(--tab-radius);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
}

    /* Highlight current week */
    .week-card.current[b-ldwdtdvdtz] {
        border: 2px solid var(--accent);
    }

/* Card header */
.card-header[b-ldwdtdvdtz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Week label */
.week-label[b-ldwdtdvdtz] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-light);
}

/* Week percentage */
.week-percent[b-ldwdtdvdtz] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-light);
}

/* Card body stats */
.card-body[b-ldwdtdvdtz] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
}

/* Stat block */
.stat[b-ldwdtdvdtz] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Stat value */
.stat-value[b-ldwdtdvdtz] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
}

/* Stat label */
.stat-label[b-ldwdtdvdtz] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
}

/* Progress bar container */
.progress[b-ldwdtdvdtz] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    height: 4px;
    overflow: hidden;
    margin-top: 0.75rem;
}

/* Progress fill */
.progress-fill[b-ldwdtdvdtz] {
    height: 100%;
    background: var(--accent);
    width: 0;
    transition: width 0.3s ease;
}
/* _content/FantasySurvivor/Components/Rules/Rules.razor.rz.scp.css */
/* 1) Page + dashboard wrappers */
.rules-page[b-m0hnwgyiq2] {
    background: var(--bg-darker);
    padding: 1rem;
}

.rules-dashboard[b-m0hnwgyiq2] {
    background: var(--bg-secondary);
    border-radius: var(--tab-radius);
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    position: relative;
}

/* 2) Header (home icon + centered title) */
.rules-header-container[b-m0hnwgyiq2] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    width: 100%;
}

.rules-header[b-m0hnwgyiq2] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

.rules-home-icon[b-m0hnwgyiq2] {
    position: absolute;
    left: 1rem; /* matches your dashboard’s padding */
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem; /* optional: match the H1 size or tweak */
}

.rules-profile-icon[b-m0hnwgyiq2] {
    position: absolute;
    left: 1rem; /* matches your dashboard’s padding */
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem; /* optional: match the H1 size or tweak */
}

/* 3) General rules grid of cards */
.rules-grid-general[b-m0hnwgyiq2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.rule-card[b-m0hnwgyiq2] {
    background: var(--bg-darker);
    border-radius: var(--tab-radius);
    padding: 1rem;
}

.rule-text[b-m0hnwgyiq2] {
    margin: 0;
    color: var(--text-light);
    font-size: 0.9rem;
    line-height: 1.4;
}

/* 4) Scoring section heading */
.rules-section h2[b-m0hnwgyiq2] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-light);
    margin-bottom: 1rem;
    text-align: center;
}

/* 5) Scoring rules grid */
.scoring-grid[b-m0hnwgyiq2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.scoring-card[b-m0hnwgyiq2] {
    background: var(--bg-darker);
    border-radius: var(--tab-radius);
    padding: 1rem;
}

    .scoring-card h3[b-m0hnwgyiq2] {
        margin: 0 0 0.5rem;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--text-light);
    }

@media (min-width: 600px) {
    .rules-page[b-m0hnwgyiq2] {
        display: flex;
        justify-content: center;
        padding: 2rem;
    }

    .rules-dashboard[b-m0hnwgyiq2] {
        max-width: 800px;
    }

    .rules-grid-general[b-m0hnwgyiq2] {
        grid-template-columns: repeat(2, 1fr);
    }

    .scoring-grid[b-m0hnwgyiq2] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 900px) {
    .rules-grid-general[b-m0hnwgyiq2] {
        grid-template-columns: repeat(3, 1fr);
    }

    .scoring-grid[b-m0hnwgyiq2] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* _content/FantasySurvivor/Components/User/UserCard.razor.rz.scp.css */
.user-card[b-td5rl4al5d] {
    width: 100%; /* Ensures cards take up full width of their parent container */
    margin-bottom: 1rem;
    box-shadow: 0 0 0.5rem rgba(0,0,0,0.3);
    border-radius: 0.5rem;
}

.user-body[b-td5rl4al5d] {
    padding: 15px;
}

    .user-body h5[b-td5rl4al5d] {
        word-wrap: break-word; /* Ensures that long words will break and wrap to the next line */
        overflow-wrap: break-word; /* Alternative to word-wrap, with similar behavior */
    }
/* _content/FantasySurvivor/Components/User/UserList.razor.rz.scp.css */
.user-item[b-f3lqhsuzcj] {
    width: 100%; /* Ensures cards take up full width of their parent container */
    margin-bottom: 10px; /* Adds some space between cards */
}
/* _content/FantasySurvivor/Components/User/UserProfile.razor.rz.scp.css */
.title-section[b-s1v24r3iue] {
    display: flex;
    justify-content: center; /* Center-align the title and buttons */
    align-items: center;
    flex-wrap: wrap; /* Allow title and buttons to wrap on smaller screens */
}