/* /Components/AlliancesSidebar.razor.rz.scp.css */
/* /Components/Clock.razor.rz.scp.css */
/* /Components/EventTitle.razor.rz.scp.css */
/* /Components/FooterBar.razor.rz.scp.css */
/* Consolidated: FooterBar uses global utilities from sparxbytes.css
   - .grid-3-cols-center, .fields, .fields-left/.fields-middle/.fields-right
   Add component-specific overrides below if needed. */

/* Example override hooks (currently none): */
/* .fields { max-width: 100%; } */
/* /Components/HeaderBar.razor.rz.scp.css */
/* Consolidated: HeaderBar uses global utilities from sparxbytes.css
   - .grid-3-cols-center, .fields, .fields-left/.fields-middle/.fields-right
   If you need component-specific overrides, add them below. */

/* Example override hooks (currently none): */
/* .fields { max-width: 98%; } */

/* The high score sits to the left of the clock / profile / sign-out block */
.header-right[b-btmfvdzjbd] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.25rem;
}

.header-clock-block[b-btmfvdzjbd] {
    text-align: right;
}
/* /Components/HighScore.razor.rz.scp.css */
.high-score[b-9lnzhjsnal] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.45rem;
    padding: 0.3rem 0.9rem;
    border-radius: 999px;
    border: 1px solid var(--theme-color-border);
    background: rgba(148, 163, 184, 0.12);
    color: var(--theme-color-text);
    white-space: nowrap;
    cursor: default;
}

.hs-label[b-9lnzhjsnal] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0.75;
}

.hs-value[b-9lnzhjsnal] {
    font-size: 1.35rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.hs-match[b-9lnzhjsnal] {
    font-size: 0.8rem;
    opacity: 0.8;
}

@media (max-width: 900px) {
    .hs-label[b-9lnzhjsnal] { display: none; }
}
/* /Components/MatchAlliance.razor.rz.scp.css */
.alliance-grid[b-sloeqzj5xz]{
    display: inline-grid;
    grid-template-columns: repeat(3, 50px);
    grid-auto-rows: 1fr; /* single row; items wrap only if more than 3 */
    gap: 0.5rem; /* optional */
    vertical-align: middle; /* optional alignment with inline content */
    color: #ffffff; /*leave*/
    padding: 10px;
    border-radius: 10px;
    width:100%;
    max-width:195px;
    justify-content: center;
}
.win[b-sloeqzj5xz]{
   border: 2.5px solid green;  
    border-radius: 10px;
    /*width:195px;*/
    /*justify-content: center;*/
}
.loss[b-sloeqzj5xz]{
   border: 2.5px solid red;
    border-radius: 10px;
    /*width:195px;*/
    /*justify-content: center;*/
}
.tie[b-sloeqzj5xz]{
    border: 1px solid darkorange;
    border-radius: 10px;
    /*width:195px;*/
    /*justify-content: center;*/
}
.blue[b-sloeqzj5xz]{
    background-color: darkblue;
    /*opacity: 0.5;*/
    text-align: center;
}
.red[b-sloeqzj5xz]{
    background-color: darkred;
    /*opacity: 0.5;*/
    text-align: center;
}
.team-red[b-sloeqzj5xz]{
    background: linear-gradient(
            to bottom,
            #e7e7e7  0%,
            darkred 100%
    );
    /*background-color: darkred;*/
    /*border: 1px solid firebrick;*/
    color: #ffffff;
    text-align: center;
}
.team-blue[b-sloeqzj5xz]{
    background: linear-gradient(
            to bottom,
            #e7e7e7  0%,
            darkblue 100%
    );
    /*background-color: darkblue;*/
    /*border: 1px solid blue;*/
    color:#ffffff;
    text-align: center;
}
/*.team-number{*/
/*    font-weight: bold;*/
/*    text-align: center;*/
/*    text-decoration: underline;*/
/*}*/
/* /Components/MatchPreviewDialog.razor.rz.scp.css */
.mp-backdrop[b-8jlaqwzc8q] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2000;
}

.mp-dialog[b-8jlaqwzc8q] {
    position: fixed;
    z-index: 2001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(1600px, 98vw);
    max-height: 96vh;
    overflow: auto;
    padding: 0.9rem 1.1rem 0.8rem;
    border-radius: 16px;
    border: 1px solid var(--theme-color-border);
    background: var(--theme-card-background);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
    color: var(--theme-color-text-muted);
    outline: none;
}

.mp-head[b-8jlaqwzc8q] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 0.6rem;
}
.mp-head h2[b-8jlaqwzc8q] { margin: 0; font-size: 1.6rem; font-weight: 700; color: var(--theme-color-text); }
.mp-sub[b-8jlaqwzc8q] { font-size: 0.95rem; }
.mp-result[b-8jlaqwzc8q] {
    flex: 1 1 auto;
    padding: 0.3rem 0.8rem;
    border-radius: 8px;
    background: rgba(148, 163, 184, 0.15);
    font-weight: 600;
    color: var(--theme-color-text);
}
.mp-head > button[b-8jlaqwzc8q] { margin-left: auto; }

.mp-close[b-8jlaqwzc8q] {
    border: 1px solid var(--theme-color-border);
    background: transparent;
    color: var(--theme-color-text);
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
    font-size: 1.05rem;
    cursor: pointer;
    flex: none;
}
.mp-close:hover[b-8jlaqwzc8q] { background: rgba(148, 163, 184, 0.25); }

/* One comparison table: a row per team, columns grouped by kind of stat */
.mp-table[b-8jlaqwzc8q] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.mp-table thead th[b-8jlaqwzc8q] {
    position: sticky;
    background: var(--theme-color-bg);
    z-index: 3;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    padding: 0.25rem 0.3rem;
    white-space: nowrap;
}
.mp-table .mp-groups th[b-8jlaqwzc8q] { top: 0; color: var(--theme-color-text); border-bottom: 1px solid var(--theme-color-border); }
.mp-table .mp-cols th[b-8jlaqwzc8q] { top: 1.65rem; border-bottom: 1px solid var(--theme-color-border); opacity: 0.9; }
.mp-table .mp-group[b-8jlaqwzc8q], .mp-table .mp-gstart[b-8jlaqwzc8q] { border-left: 1px solid var(--theme-color-border); }
.mp-table td.mp-gstart[b-8jlaqwzc8q] { border-left: 1px solid rgba(148, 163, 184, 0.18); }

.mp-table .mp-team-col[b-8jlaqwzc8q] { text-align: left; min-width: 290px; border-left: 0; }
.mp-table thead .mp-team-col[b-8jlaqwzc8q] { padding-left: 0.5rem; }

.mp-alliance-head th[b-8jlaqwzc8q] {
    padding: 0.35rem 0.8rem;
    text-align: left;
    color: #fff;
}
.mp-alliance.red .mp-alliance-head th[b-8jlaqwzc8q] { background: linear-gradient(90deg, #8b0000, rgba(139, 0, 0, 0.3)); }
.mp-alliance.blue .mp-alliance-head th[b-8jlaqwzc8q] { background: linear-gradient(90deg, #00008b, rgba(0, 0, 139, 0.3)); }
.mp-alliance-name[b-8jlaqwzc8q] { font-size: 1.05rem; font-weight: 700; margin-right: 1.5rem; }
.mp-totals[b-8jlaqwzc8q] { display: inline-flex; gap: 1.2rem; font-size: 0.85rem; font-weight: 400; }
.mp-totals b[b-8jlaqwzc8q] { font-size: 0.95rem; font-weight: 700; }

.mp-alliance[b-8jlaqwzc8q] { border-top: 0.6rem solid transparent; }

.mp-team td[b-8jlaqwzc8q] { padding: 0.35rem 0.4rem 0.1rem; text-align: center; border-top: 1px solid rgba(148, 163, 184, 0.15); font-size: 0.95rem; color: var(--theme-color-text); }
.mp-team td.mp-team-col[b-8jlaqwzc8q] { text-align: left; }
.mp-team-cell[b-8jlaqwzc8q] { display: flex; align-items: center; gap: 0.6rem; }
.mp-team:not(.mine) td.mp-team-col[b-8jlaqwzc8q] { color: var(--theme-color-text-muted); }
.mp-avatar[b-8jlaqwzc8q] { width: 2.3rem; height: 2.3rem; object-fit: contain; border-radius: 4px; flex: none; }
.mp-team-id[b-8jlaqwzc8q] { min-width: 0; }
.mp-num[b-8jlaqwzc8q] { font-size: 1.25rem; font-weight: 800; color: var(--theme-color-text); margin-right: 0.35rem; }
.mp-name[b-8jlaqwzc8q] { font-size: 0.95rem; }
.mp-standing[b-8jlaqwzc8q] { font-size: 0.8rem; opacity: 0.85; }

.mp-na[b-8jlaqwzc8q] { opacity: 0.4; }
.mp-best[b-8jlaqwzc8q] { font-weight: 800; color: #86efac; background: rgba(34, 197, 94, 0.14); border-radius: 6px; }

.mp-team.mine td[b-8jlaqwzc8q], .mp-prev-row.mine td[b-8jlaqwzc8q] { background: rgba(37, 140, 251, 0.13); }
.mp-team.mine td:first-child[b-8jlaqwzc8q] { box-shadow: inset 4px 0 0 var(--theme-color-accent); }
.mp-prev-row.mine td[b-8jlaqwzc8q] { box-shadow: inset 4px 0 0 var(--theme-color-accent); }
.mp-team.mine td.mp-best[b-8jlaqwzc8q] { background: rgba(34, 197, 94, 0.22); }

.mp-prev-row td[b-8jlaqwzc8q] { padding: 0.05rem 0.6rem 0.4rem 3.5rem; }
.mp-prev-label[b-8jlaqwzc8q] { font-size: 0.65rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.75; margin-right: 0.6rem; }
.mp-none[b-8jlaqwzc8q] { font-size: 0.85rem; font-style: italic; opacity: 0.7; }
.mp-chips[b-8jlaqwzc8q] { display: inline-flex; flex-wrap: wrap; gap: 0.3rem; vertical-align: middle; }

.chip[b-8jlaqwzc8q] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    padding: 0.08rem 0.5rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
    color: var(--theme-color-text);
    cursor: default;
}
.chip i[b-8jlaqwzc8q] { font-style: normal; opacity: 0.8; }
.chip.w[b-8jlaqwzc8q] { background: rgba(34, 197, 94, 0.2); border-color: rgba(34, 197, 94, 0.6); }
.chip.l[b-8jlaqwzc8q] { background: rgba(239, 68, 68, 0.2); border-color: rgba(239, 68, 68, 0.6); }
.chip.t[b-8jlaqwzc8q] { background: rgba(148, 163, 184, 0.25); border-color: rgba(148, 163, 184, 0.6); }

.mp-foot[b-8jlaqwzc8q] { margin-top: 0.6rem; font-size: 0.78rem; opacity: 0.8; }

@media (max-width: 1100px) {
    .mp-dialog[b-8jlaqwzc8q] { overflow-x: auto; }
    .mp-table[b-8jlaqwzc8q] { min-width: 1000px; }
}
/* /Components/Menu.razor.rz.scp.css */
.navbar[b-9g5p11shgf] {
    display: flex;
    align-items: center;
    gap: 1rem;
    /*padding: 0.5rem 1rem;*/
    /*border-bottom: 1px solid #e5e5e5;*/
    /*background: #fff;*/
    background: var(--theme-card-background);
    color: var(--theme-color-text-muted);
    border-radius: 14px;
    border: 1px solid var(--theme-color-border);
    box-shadow: var(--theme-shadow-2), var(--theme-shadow-1), var(--theme-shadow-inset-1);
    /*box-shadow:*/
    /*        0 10px 25px rgba(0,0,0,0.45),*/
    /*        0 2px 8px rgba(0,0,0,0.35),*/
    /*        inset 0 1px 0 rgba(255,255,255,0.05);*/
    padding: 1rem 1.2rem;
}

.navbar-brand[b-9g5p11shgf] {
    font-weight: 600;
    margin-right: auto;
}

.navbar-links[b-9g5p11shgf] {
    display: flex;
    gap: 0.75rem;
}

.navbar-links a[b-9g5p11shgf] {
    text-decoration: none;
    color: inherit;
    padding: 0.10rem 0.5rem;
    border-radius: 4px;
}

.navbar-links a:hover[b-9g5p11shgf] {
    background: var(--theme-color-text-muted);
}

@media (max-width: 640px) {
    .navbar[b-9g5p11shgf] {
        flex-wrap: wrap;
    }
    .navbar-links[b-9g5p11shgf] {
        width: 100%;
        margin-top: 0.5rem;
        flex-direction: column;
        gap: 0.25rem;
    }
}


.content-row[b-9g5p11shgf] {
    display: grid;
    grid-template-columns: 260px 1fr;
    min-height: 0;
}

/* Collapsed: sidebar hidden (overlays on mobile) */
.content-row.sidebar-collapsed[b-9g5p11shgf] {
    grid-template-columns: 0 1fr;
}

/* Sidebar */
.sidebar[b-9g5p11shgf] {
    overflow: auto;
    border-right: 1px solid var(--theme-color-text-muted);
    background: var(--theme-color-text-muted);
    height: fit-content;
}

/* Sidebar links vertical */
.sidebar-nav[b-9g5p11shgf] {
    display: flex;
    flex-direction: column;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 15px;
    gap: 0.25rem;
    margin-left:-25px
}

.sidebar-nav a[b-9g5p11shgf] {
    text-decoration: none;
    /*color: inherit;*/
    padding: 0.5rem 1rem;
    border-radius: 6px;
    color: var(--theme-color-text);
   
}

.sidebar-nav a:hover[b-9g5p11shgf] {
    text-decoration: none;
    color: var(--theme-color-text);
    background: var(--theme-card-background);
}

/* Main content area */
.main[b-9g5p11shgf] {
    overflow: auto;
    padding: 1rem;
}

/* Hamburger button */
.menu-toggle[b-9g5p11shgf] {
    /*border: 1px solid #ddd;*/
    background: transparent;
    padding: 0.4rem 0.6rem;
    /*border-radius: 6px;*/
    color:var(--theme-color-text);
    font-size: xx-large;
    width:75px
}

/* Mobile behavior: sidebar overlays */
@media (max-width: 900px) {
    .content-row[b-9g5p11shgf] {
        grid-template-columns: 1fr; /* main only; sidebar overlays */
        position: relative;
    }
    .sidebar[b-9g5p11shgf] {
        position: absolute;
        z-index: 1000;
        top: 0;
        bottom: 0;
        left: 0;
        width: 240px;
        transform: translateX(-100%);
        transition: transform 160ms ease-out, box-shadow 160ms ease-out;
        box-shadow: none;
    }
    .sidebar.open[b-9g5p11shgf] {
        transform: translateX(0);
        box-shadow: var(--theme-shadow-2);
        /*box-shadow: 0 10px 30px rgba(0,0,0,0.15);*/
        background: var(--theme-color-text);
    }
}
/* Backdrop behind the sidebar */
.sidebar-backdrop[b-9g5p11shgf] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.35); /* leave */
    z-index: 1040;
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease-out;
}
.sidebar-backdrop.open[b-9g5p11shgf] {
    opacity: 1;
    pointer-events: auto;
}

/* Overlay sidebar */
.sidebar[b-9g5p11shgf] {
    position: fixed;
    top: 98px;
    bottom: 500px;
    left: 0px;                 /* swap to right:0 for right-side menu */
    width: 240px;
    background: var(--theme-card-background);
    /*background: linear-gradient(180deg, #1f2937 0%, #111827 100%);*/
    border-radius: 14px;
    border: 1px solid var(--theme-color-border);
    transform: translateX(-100%); /* hidden off-canvas */
    transition: transform 200ms ease-out, box-shadow 200ms ease-out;
    z-index: 1050;          /* above backdrop and page content */
    box-shadow: var(--theme-shadow-2), var(--theme-shadow-1), var(--theme-shadow-inset-1);
    /*box-shadow:*/
    /*        0 10px 25px rgba(0,0,0,0.45),*/
    /*        0 2px 8px rgba(0,0,0,0.35),*/
    /*        inset 0 1px 0 rgba(255,255,255,0.05);*/
    overflow: auto;
    
    
}
.sidebar.open[b-9g5p11shgf] {
    transform: translateX(0);
    /*box-shadow: 0 10px 30px rgba(0,0,0,0.2);*/
    background: var(--theme-card-background);
    color: var(--theme-color-text-muted);
    border-radius: 14px;
    border: 1px solid var( --theme-color-border);
    box-shadow: var(--theme-shadow-2), var(--theme-shadow-1), var(--theme-shadow-inset-1);
    /*box-shadow:*/
    /*        0 10px 25px rgba(0,0,0,0.45),*/
    /*        0 2px 8px rgba(0,0,0,0.35),*/
    /*        inset 0 1px 0 rgba(255,255,255,0.05);*/
    padding: 5px;
    margin-left: 20px;
}

/* Prevent body scroll when menu open (optional; toggle a class on <body>) */
.body-lock[b-9g5p11shgf] {
    overflow: hidden;
}
.sidebar-link[b-9g5p11shgf]{
    padding-left:20px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Hamburger and home button sit side by side */
.menu-controls[b-9g5p11shgf] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.menu-home[b-9g5p11shgf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem;
    border-radius: 0.5rem;
    color: var(--theme-color-text);
    text-decoration: none;
}

.menu-home:hover[b-9g5p11shgf],
.menu-home:focus-visible[b-9g5p11shgf] {
    background: rgba(148, 163, 184, 0.2);
    text-decoration: none;
    outline: none;
}
/* /Components/PlayoffBracket.razor.rz.scp.css */

#container[b-jqtwhhp1nj] {
    display: flex;
    flex-direction: row;
}

.round[b-jqtwhhp1nj],
.divider[b-jqtwhhp1nj] {
    display: flex;
    flex-direction: column;
}

.divider[b-jqtwhhp1nj] {
    width: 2.4vw;
}




.match .alliance[b-jqtwhhp1nj] {
    display: flex;
    grid-template-columns: auto auto auto;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    border-radius: 0.3vw;
    border: var(--alliance-border) solid transparent;
    width: 8vw;
    height: 4vh;
}

.match .alliance > p[b-jqtwhhp1nj] {
    padding: var(--alliance-padding) 0;
    font-size: var(--alliance-font-size);
}
.match .alliance > div[b-jqtwhhp1nj] {
    padding: var(--alliance-padding) 0;
    font-size: var(--alliance-font-size);
}

.match .alliance-gap[b-jqtwhhp1nj] {
    height: var(--alliance-gap);
}

.match .red[b-jqtwhhp1nj] {
    background-color: rgba(255, 38, 46, 0.2);
}

.match .red.us[b-jqtwhhp1nj] {
    background-color: rgba(255, 38, 46, 0.5);
    box-shadow: 0 0 0.4vw rgba(255, 38, 46, 0.25);
}

.match .blue[b-jqtwhhp1nj] {
    background-color: rgba(0, 68, 255, 0.2);
}

.match .blue.us[b-jqtwhhp1nj] {
    background-color: rgba(0, 68, 255, 0.5);
    box-shadow: 0 0 0.4vw rgba(0, 68, 255, 0.25);
}

.match .us[b-jqtwhhp1nj] {
    font-weight: 700;
}

.match .opponent[b-jqtwhhp1nj] {
    box-shadow: 0 0 0.4vw rgba(255, 255, 255, 0.35);
}

.match .us[b-jqtwhhp1nj],
.match .opponent[b-jqtwhhp1nj] {
    border: var(--alliance-border) solid rgba(255, 255, 255, 0.1);
}

.spacer[b-jqtwhhp1nj] {
    height: var(--match-height);
}

.half-spacer[b-jqtwhhp1nj] {
    height: calc(var(--match-height) * 0.5);
}

.three-halves-spacer[b-jqtwhhp1nj] {
    height: calc(var(--match-height) * 1.5);
}

.double-spacer[b-jqtwhhp1nj] {
    height: calc(var(--match-height) * 2);
}
/* /Components/PlayoffComponents/Alliance.razor.rz.scp.css */
.alliance[b-x9ckcbhz0p] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    text-align: center;
    border-radius: 0.3vw;
    border: var(--alliance-border) solid transparent;
    width: 8vw;
    height: 3vh;
    align-items: center;
    color: white;
    > p {
        padding: var(--alliance-padding) 0;
        font-size: var(--alliance-font-size);
    }
    > div[b-x9ckcbhz0p] {
        padding: var(--alliance-padding) 0;
        font-size: var(--alliance-font-size);
    }
}

.alliance-gap[b-x9ckcbhz0p] {
    height: var(--alliance-gap);
}

.red[b-x9ckcbhz0p] {
    background-color: var(--alliance-red-background) ;
    /*opacity: 0.5;*/
    box-shadow:
            0 10px 25px rgba(0,0,0,0.45),
            0 2px 8px rgba(0,0,0,0.35),
            inset 0 1px 0 rgba(255,255,255,0.50);
}

.red.us[b-x9ckcbhz0p] {
    background-color: var(--alliance-red-background) ;
    box-shadow: 0 10px 25px rgb(105 105 105 / 45%), 
                0 2px 8px rgb(106 106 106 / 40%),
                inset 0 1px 0 rgba(255,255,255,0.50);
    /*box-shadow: 0 0 0.4vw rgba(255, 38, 46, 0.25);*/
    opacity: 0.8;
}

.blue[b-x9ckcbhz0p] {
    background-color: var(--alliance-blue-background);
    /*opacity: 0.5;*/
    box-shadow:
            0 10px 25px rgba(0,0,0,0.45),
            0 2px 8px rgba(0,0,0,0.35),
            inset 0 1px 0 rgba(255,255,255,0.50);
}

.blue.us[b-x9ckcbhz0p] {
    background-color: var(--alliance-blue-background);
    box-shadow: 0 10px 25px rgb(105 105 105 / 45%),
                0 2px 8px rgb(106 106 106 / 40%),
                inset 0 1px 0 rgba(255,255,255,0.50);
    /*box-shadow: 0 0 0.4vw rgba(0, 68, 255, 0.25);*/
    opacity: 0.8;
}

.us[b-x9ckcbhz0p] {
    font-weight: 700;
}

.opponent[b-x9ckcbhz0p] {
    box-shadow: 0 0 0.4vw rgba(0, 0, 0, 0.35);
}

.us[b-x9ckcbhz0p],
.opponent[b-x9ckcbhz0p] {
    border: var(--alliance-border) solid rgba(255, 255, 255, 0.1);
}
/* /Components/PlayoffComponents/Match.razor.rz.scp.css */
.match[b-u73opo3gsi] {
    height: var(--match-height);
    /*width: 9.5vw;*/
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.match .match-header[b-u73opo3gsi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.6vw;
    margin-left: 0.2vw;
}
.match .alliance-gap[b-u73opo3gsi] {
    height: var(--alliance-gap);
}
/* /Components/PlayoffComponents/Merger.razor.rz.scp.css */
/* /Components/PlayoffComponents/Passthrough.razor.rz.scp.css */
/* /Components/PlayoffComponents/Snek.razor.rz.scp.css */
/* /Components/PlayoffsUpNext.razor.rz.scp.css */
.seven-cols[b-hsr9iih0c9] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto 1fr 1fr 1fr;
    gap: 0.5rem;
    justify-items: center;
}

    .seven-cols > div[b-hsr9iih0c9] {
        padding: 0.5rem;
        color: var(--theme-color-text-muted);
        /* Center contents horizontally + vertically */
        display: flex;
        flex-direction: column; /* stack (e.g. avatar, number, name) */
        justify-content: center; /* vertical centering */
        align-items: center; /* horizontal centering */
        text-align: center;
        /* Optional uniform height if needed */
        /* min-height: 140px; */
    }

/* First 3 columns: blue bg */
    .seven-cols > :nth-child(-n+3)[b-hsr9iih0c9] {
        background: linear-gradient(
                to bottom,
                rgba(0, 0, 139, 0) 0%,
                rgba(0, 0, 139, 0.05) 35%,
                rgba(0, 0, 139, 0.25) 55%,
                rgba(0, 0, 139, 0.55) 80%,
                darkblue 100%
        );
    }

    /* Last 3 columns: gradient transparent (top) to red (bottom) */
    .seven-cols > :nth-last-child(-n+3)[b-hsr9iih0c9] {
        background: linear-gradient(
                to bottom,
                rgba(139, 0, 0, 0) 0%,
                rgba(139, 0, 0, 0.05) 35%,
                rgba(139, 0, 0, 0.25) 55%,
                rgba(139, 0, 0, 0.55) 80%,
                darkred 100%
        );
    }

    /* Center column (vs) keep neutral */
    .seven-cols > :nth-child(4)[b-hsr9iih0c9] {
        display: flex;
        align-items: center;
        justify-content: center;
        /*color: #000;*/
        font-size: 2.5vw;
        text-align: center;
        height: 100%; /* fill stretched row height */
    }




/* Optional responsive collapse below 800px */
@media (max-width: 800px) {
    .two-col-layout[b-hsr9iih0c9] {
        grid-template-columns: 1fr;
    }

    .side-panel[b-hsr9iih0c9] {
        order: 1;
    }

    .main-panel[b-hsr9iih0c9] {
        order: 2;
    }
}

.match-label[b-hsr9iih0c9] {
    font-size: 2vw;
    font-weight: 700;
    /*line-height: 100%;*/
    padding-bottom: 10px;
    padding-top: 10px;
    text-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.4);
}
.match-status[b-hsr9iih0c9] {
    display: flex;
    flex-direction: row;
    /*margin-top: 0.25vw;*/
    align-items: center;
    /*gap: 0.5vw;*/
    font-size: 1vw;
}
/* /Components/PracticeMatchTimes.razor.rz.scp.css */
.flex-container[b-wgtqnpkmb5] {
    display: inline-grid;
    /*flex-direction: column;*/
    align-items: flex-end;
    width: 100%;
    margin-right: 5px;
    grid-template-areas: 
            "match-time" ;
}

.match-time[b-wgtqnpkmb5] {
    grid-area: match-time;
    text-align: right;
    margin-right: 15px;
    white-space: nowrap;
    font-size:medium;
}
.predicted-time[b-wgtqnpkmb5] {
    grid-area: predicted-time;
    text-align: right;
    margin-right: 15px;
    white-space: nowrap;
    font-size: medium;
}



/* CSS */
.practice-grid[b-wgtqnpkmb5] {
  width: 100%;
  /*border-collapse: collapse;*/
  background: transparent; /* keep transparent if desired */
    border-collapse: collapse;
}
.practice-grid th[b-wgtqnpkmb5], .practice-grid td[b-wgtqnpkmb5] {
  padding: 0.4rem 0.5rem;
  /*border-bottom: 1px solid rgba(255,255,255,0.12);*/
  vertical-align: top;
}
.practice-grid thead th[b-wgtqnpkmb5] {
  font-weight: 600;
  /*border-bottom: 1px solid rgba(255,255,255,0.24);*/
}
.practice-grid tr[b-wgtqnpkmb5] {
    background: rgba(255,255,255,0.04); /* optional row hover */
}

.practice-grid tr:hover td[b-wgtqnpkmb5] {
  background: rgba(255,255,255,0.04); /* optional row hover */
}
/* /Components/PracticeTeamMatchTimes.razor.rz.scp.css */
.flex-container[b-61avbklg93] {
    display: inline-grid;
    /*flex-direction: column;*/
    align-items: flex-end;
    width: 100%;
    margin-right: 5px;
    grid-template-areas: 
            "match-time" ;
}

.match-time[b-61avbklg93] {
    grid-area: match-time;
    text-align: right;
    margin-right: 15px;
    white-space: nowrap;
    font-size:medium;
}
.predicted-time[b-61avbklg93] {
    grid-area: predicted-time;
    text-align: right;
    margin-right: 15px;
    white-space: nowrap;
    font-size: medium;
}



/* CSS */
.practice-grid[b-61avbklg93] {
  width: 100%;
  /*border-collapse: collapse;*/
  background: transparent; /* keep transparent if desired */
    border-collapse: collapse;
}
.practice-grid th[b-61avbklg93], .practice-grid td[b-61avbklg93] {
  padding: 0.4rem 0.5rem;
  /*border-bottom: 1px solid rgba(255,255,255,0.12);*/
  vertical-align: top;
}
.practice-grid thead th[b-61avbklg93] {
  font-weight: 600;
  /*border-bottom: 1px solid rgba(255,255,255,0.24);*/
}

/*.practice-grid tr:hover td {*/
/*  background: rgba(255,255,255,0.04); !* optional row hover *!*/
/*}*/
/* /Components/PracticeUpNext.razor.rz.scp.css */
.seven-cols[b-zkgnuvqg7x] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto 1fr 1fr 1fr;
    gap: 0.5rem;
    justify-items: center;
}

    .seven-cols > div[b-zkgnuvqg7x] {
        padding: 0.5rem;
        color: var(--theme-color-text-muted);
        /* Center contents horizontally + vertically */
        display: flex;
        flex-direction: column; /* stack (e.g. avatar, number, name) */
        justify-content: center; /* vertical centering */
        align-items: center; /* horizontal centering */
        text-align: center;
        /* Optional uniform height if needed */
        /* min-height: 140px; */
    }

/* First 3 columns: blue bg */
    .seven-cols > :nth-child(-n+3)[b-zkgnuvqg7x] {
        background: linear-gradient(
                to bottom,
                rgba(0, 0, 139, 0) 0%,
                rgba(0, 0, 139, 0.05) 35%,
                rgba(0, 0, 139, 0.25) 55%,
                rgba(0, 0, 139, 0.55) 80%,
                darkblue 100%
        );
    }

    /* Last 3 columns: gradient transparent (top) to red (bottom) */
    .seven-cols > :nth-last-child(-n+3)[b-zkgnuvqg7x] {
        background: linear-gradient(
                to bottom,
                rgba(139, 0, 0, 0) 0%,
                rgba(139, 0, 0, 0.05) 35%,
                rgba(139, 0, 0, 0.25) 55%,
                rgba(139, 0, 0, 0.55) 80%,
                darkred 100%
        );
    }

    /* Center column (vs) keep neutral */
    .seven-cols > :nth-child(4)[b-zkgnuvqg7x] {
        display: flex;
        align-items: center;
        justify-content: center;
        /*color: #000;*/
        font-size: 2.5vw;
        text-align: center;
        height: 100%; /* fill stretched row height */
    }





/* Optional responsive collapse below 800px */
@media (max-width: 800px) {
    .two-col-layout[b-zkgnuvqg7x] {
        grid-template-columns: 1fr;
    }

    .side-panel[b-zkgnuvqg7x] {
        order: 1;
    }

    .main-panel[b-zkgnuvqg7x] {
        order: 2;
    }
}

.match-label[b-zkgnuvqg7x] {
    font-size: 2vw;
    font-weight: 700;
    /*line-height: 100%;*/
    padding-bottom: 10px;
    padding-top: 10px;
    text-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.4);
}
.match-status[b-zkgnuvqg7x] {
    display: flex;
    flex-direction: row;
    /*margin-top: 0.25vw;*/
    align-items: center;
    /*gap: 0.5vw;*/
    font-size: 1vw;
}
/* /Components/QualificationMatchTimes.razor.rz.scp.css */
.flex-container[b-ce5s4knpu2] {
    display: inline-grid;
    /*flex-direction: column;*/
    align-items: flex-end;
    width: 100%;
    margin-right: 5px;
    grid-template-areas: 
            "match-time" ;
}

.match-time[b-ce5s4knpu2] {
    grid-area: match-time;
    text-align: right;
    margin-right: 15px;
    white-space: nowrap;
    font-size:medium;
}
.predicted-time[b-ce5s4knpu2] {
    grid-area: predicted-time;
    text-align: right;
    margin-right: 15px;
    white-space: nowrap;
    font-size: medium;
}



/* CSS */
.practice-grid[b-ce5s4knpu2] {
  width: 100%;
  /*border-collapse: collapse;*/
  background: transparent; /* keep transparent if desired */
    border-collapse: collapse;
}
.practice-grid th[b-ce5s4knpu2], .practice-grid td[b-ce5s4knpu2] {
  padding: 0.4rem 0.5rem;
  /*border-bottom: 1px solid rgba(255,255,255,0.12);*/
  vertical-align: top;
}
.practice-grid thead th[b-ce5s4knpu2] {
  font-weight: 600;
  /*border-bottom: 1px solid rgba(255,255,255,0.24);*/
}
.practice-grid tr:hover td[b-ce5s4knpu2] {
  background: rgba(255,255,255,0.04); /* optional row hover */
}
/* /Components/QualificationTeamMatchTimes.razor.rz.scp.css */

.day-rank-row[b-aeykr1b1xn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-wrap: nowrap;
}

.flex-container[b-aeykr1b1xn] {
    display: inline-grid;
    /*flex-direction: column;*/
    align-items: flex-end;
    width: 100%;
    margin-right: 5px;
    grid-template-areas: 
            "match-time" ;
}

.match-time[b-aeykr1b1xn] {
    grid-area: match-time;
    text-align: right;
    margin-right: 15px;
    white-space: nowrap;
    font-size:medium;
}
.predicted-time[b-aeykr1b1xn] {
    grid-area: predicted-time;
    text-align: right;
    margin-right: 15px;
    white-space: nowrap;
    font-size: medium;
}



/* CSS */
.practice-grid[b-aeykr1b1xn] {
  width: 100%;
  /*border-collapse: collapse;*/
  background: transparent; /* keep transparent if desired */
    border-collapse: collapse;
}
.practice-grid th[b-aeykr1b1xn], .practice-grid td[b-aeykr1b1xn] {
  padding: 0.4rem 0.5rem;
  /*border-bottom: 1px solid rgba(255,255,255,0.12);*/
  /*vertical-align: top;*/
}
.practice-grid thead th[b-aeykr1b1xn] {
  font-weight: 600;
  /*border-bottom: 1px solid rgba(255,255,255,0.24);*/
}
.practice-grid tr:hover td[b-aeykr1b1xn] {
  background: rgba(255,255,255,0.04); /* optional row hover */
}


.alliance-cell[b-aeykr1b1xn]{
    padding-right:2px; padding-bottom:5px; margin-top:5px; margin-right:0;
    justify-items: center;
}
.info-cell[b-aeykr1b1xn]{
    padding-right:2px; padding-bottom:5px; margin-top:5px; margin-right:0;
    justify-items: center;
    text-align: center;
}

/* The pill is width:100% plus 20px of padding (content-box), so it spilled out of its cell into the
   time and RP columns. Border-box keeps it inside the cell. */
.practice-grid[b-aeykr1b1xn]  .alliance-grid {
    box-sizing: border-box;
}

.info-cell[b-aeykr1b1xn] {
    white-space: nowrap;
}
/* /Components/QualificationUpNext.razor.rz.scp.css */
.seven-cols[b-8focpbztr2] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto 1fr 1fr 1fr;
    gap: 0.5rem;
    justify-items: center;
}

    .seven-cols > div[b-8focpbztr2] {
        padding: 0.5rem;
        color: var(--theme-color-text-muted);
        /* Center contents horizontally + vertically */
        display: flex;
        flex-direction: column; /* stack (e.g. avatar, number, name) */
        justify-content: center; /* vertical centering */
        align-items: center; /* horizontal centering */
        text-align: center;
        /* Optional uniform height if needed */
        /* min-height: 140px; */
    }

/* First 3 columns: blue bg */
    .seven-cols > :nth-child(-n+3)[b-8focpbztr2] {
        background: linear-gradient(
                to bottom,
                rgba(0, 0, 139, 0) 0%,
                rgba(0, 0, 139, 0.05) 35%,
                rgba(0, 0, 139, 0.25) 55%,
                rgba(0, 0, 139, 0.55) 80%,
                darkblue 100%
        );
    }

    /* Last 3 columns: gradient transparent (top) to red (bottom) */
    .seven-cols > :nth-last-child(-n+3)[b-8focpbztr2] {
        background: linear-gradient(
                to bottom,
                rgba(139, 0, 0, 0) 0%,
                rgba(139, 0, 0, 0.05) 35%,
                rgba(139, 0, 0, 0.25) 55%,
                rgba(139, 0, 0, 0.55) 80%,
                darkred 100%
        );
    }

    /* Center column (vs) keep neutral */
    .seven-cols > :nth-child(4)[b-8focpbztr2] {
        display: flex;
        align-items: center;
        justify-content: center;
        /*color: #000;*/
        font-size: 2.5vw;
        text-align: center;
        height: 100%; /* fill stretched row height */
    }



/* Optional responsive collapse below 800px */
@media (max-width: 800px) {
    .two-col-layout[b-8focpbztr2] {
        grid-template-columns: 1fr;
    }

    .side-panel[b-8focpbztr2] {
        order: 1;
    }

    .main-panel[b-8focpbztr2] {
        order: 2;
    }
}

.match-label[b-8focpbztr2] {
    font-size: 2vw;
    font-weight: 700;
    /*line-height: 100%;*/
    padding-bottom: 10px;
    padding-top: 10px;
    text-shadow: 0 0 0.8vw rgba(0, 0, 0, 0.4);
}
.match-status[b-8focpbztr2] {
    display: flex;
    flex-direction: row;
    /*margin-top: 0.25vw;*/
    align-items: center;
    /*gap: 0.5vw;*/
    font-size: 1vw;
}
/* /Components/RanksSidebar.razor.rz.scp.css */
/* /Components/Stats.razor.rz.scp.css */
.team-number[b-oftaxsyi66]{
    font-weight: 1000;
    text-align: center;
    text-decoration: underline;
}
.tool-tip[b-oftaxsyi66]{
    font-size: 1rem;
}
.number[b-oftaxsyi66]{
    font-weight: normal;
}

.tooltip-layout[b-oftaxsyi66] {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* supports 2 cols in row1 and 3 cols in rows 2-3 */
    gap: 8px;
}

/* Row 1: two items, each spans 3 of 6 tracks (equals 1.5 of a 3-col row) */
.tooltip-layout > :nth-child(1)[b-oftaxsyi66] { grid-column: 1 / span 3; }
.tooltip-layout > :nth-child(2)[b-oftaxsyi66] { grid-column: 4 / span 3; }

/* Rows 2-3: three items per row (each spans 2 of 6 tracks) */
.tooltip-layout > :nth-child(3)[b-oftaxsyi66],
.tooltip-layout > :nth-child(6)[b-oftaxsyi66] { grid-column: 1 / span 2; }
.tooltip-layout > :nth-child(4)[b-oftaxsyi66],
.tooltip-layout > :nth-child(7)[b-oftaxsyi66] { grid-column: 3 / span 2; }
.tooltip-layout > :nth-child(5)[b-oftaxsyi66],
.tooltip-layout > :nth-child(8)[b-oftaxsyi66] { grid-column: 5 / span 2; }

/* Key-value layout inside each cell */
.kv[b-oftaxsyi66] {
    display: grid;
    grid-template-columns: auto 1fr; /* label then value */
    align-items: center;
    gap: 6px;
}
.k[b-oftaxsyi66] { opacity: 0.8; }
.v[b-oftaxsyi66] { text-align: left; font-weight: 600; }



.content[b-oftaxsyi66] {
    padding-top: 0 !important;
    /*padding: 0 px;*/
}
.content hr[b-oftaxsyi66] {
    /*margin: 10px 0;*/
    border-color: grey;
}
.content a[b-oftaxsyi66] {
    color: #2FA1E3;
}

.tooltip-epa[b-oftaxsyi66] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(128, 128, 128, 0.5);
}

.tooltip-credit[b-oftaxsyi66] {
    margin-top: 4px;
    font-size: 0.7rem;
    opacity: 0.6;
    text-align: right;
}
/* /Components/StatusInfo.razor.rz.scp.css */
.div-table[b-hb3hieub3o] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 columns */
    grid-auto-rows: minmax(32px, auto); /* row height */
    gap: 4px; /* spacing between cells */
    max-width: 600px;
}
.cell[b-hb3hieub3o] {
    border: 1px solid #ccc;
    padding: 8px;
    background: #fafafa;
}
.header[b-hb3hieub3o] {
    font-weight: 600;
    background: #f0f0f0;
}
/* /Components/StreamPlayer.razor.rz.scp.css */
.stream-card[b-6uby3y0qje] {
    padding: 0;
    overflow: hidden;
}

.stream-player iframe[b-6uby3y0qje] {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
}

.stream-open[b-6uby3y0qje] {
    padding: 3px 10px;
    font-size: 0.8rem;
    line-height: 1.2;
}
/* /Components/SystemStatus.razor.rz.scp.css */
.div-table[b-1b4sa8ht4n] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 columns */
    grid-auto-rows: minmax(32px, auto); /* row height */
    gap: 2px; /* spacing between cells */
    max-width: 600px;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
}
.cell[b-1b4sa8ht4n] {
    /*border: 1px solid #ccc;*/
    padding: 5px;
    background: transparent;
}
.header[b-1b4sa8ht4n] {
    font-weight: 600;
    background: transparent;
    color: var(--theme-color-text);
}

.tooltip-panel[b-1b4sa8ht4n] {
    position: absolute;
    z-index: 2000;
    /*background: #fff;*/
    /*color: #111;*/
    /*border: 1px solid #e5e5e5;*/
    /*border-radius: 6px;*/
    padding: 8px;
    /*box-shadow: 0 10px 30px rgba(0,0,0,0.15);*/
    width: max-content;
    max-width: min(90vw, 520px);
    /*max-height: 60vh;*/
    height: fit-content;
    overflow: auto;
    transform: translateY(4px);
    opacity: 0;
    pointer-events: none;
    right: 50px;
    bottom: 50px;
    transition: opacity 120ms ease, transform 120ms ease;
}
.tooltip-host[b-1b4sa8ht4n] {
    position: relative;
    display: inline-flex;
    align-items: center;
    height:fit-content;
}
.tooltip-host:focus-within .tooltip-panel[b-1b4sa8ht4n],
.tooltip-host:hover .tooltip-panel[b-1b4sa8ht4n] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* optional: constrain table styles inside tooltip */
.tooltip-panel .div-table[b-1b4sa8ht4n] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 12px;
    font-size: 12px;
}
.tooltip-panel .cell.header[b-1b4sa8ht4n] {
    font-weight: 600;
}
/* /Components/TeamNumberCell.razor.rz.scp.css */
.team-number[b-hjwyxl5w2t]{
    font-weight: 1000;
    text-align: center;
  
    color: #ffffff;
}
.tool-tip[b-hjwyxl5w2t]{
    font-size: 1rem;
}
.number[b-hjwyxl5w2t]{
    font-weight: normal;
}

.tooltip-layout[b-hjwyxl5w2t] {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* supports 2 cols in row1 and 3 cols in rows 2-3 */
    gap: 8px;
}

/* Row 1: two items, each spans 3 of 6 tracks (equals 1.5 of a 3-col row) */
.tooltip-layout > :nth-child(1)[b-hjwyxl5w2t] { grid-column: 1 / span 3; }
.tooltip-layout > :nth-child(2)[b-hjwyxl5w2t] { grid-column: 4 / span 3; }

/* Rows 2-3: three items per row (each spans 2 of 6 tracks) */
.tooltip-layout > :nth-child(3)[b-hjwyxl5w2t],
.tooltip-layout > :nth-child(6)[b-hjwyxl5w2t] { grid-column: 1 / span 2; }
.tooltip-layout > :nth-child(4)[b-hjwyxl5w2t],
.tooltip-layout > :nth-child(7)[b-hjwyxl5w2t] { grid-column: 3 / span 2; }
.tooltip-layout > :nth-child(5)[b-hjwyxl5w2t],
.tooltip-layout > :nth-child(8)[b-hjwyxl5w2t] { grid-column: 5 / span 2; }

/* Key-value layout inside each cell */
.kv[b-hjwyxl5w2t] {
    display: grid;
    grid-template-columns: auto 1fr; /* label then value */
    align-items: center;
    gap: 6px;
}
.k[b-hjwyxl5w2t] { opacity: 0.8; }
.v[b-hjwyxl5w2t] { text-align: left; font-weight: 600; }



.content[b-hjwyxl5w2t] {
    padding-top: 0 !important;
    /*padding: 0 px;*/
}
.content hr[b-hjwyxl5w2t] {
    /*margin: 10px 0;*/
    border-color: grey;
}
.content a[b-hjwyxl5w2t] {
    color: #2FA1E3;
}

.tooltip-epa[b-hjwyxl5w2t] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(128, 128, 128, 0.5);
}

.tooltip-credit[b-hjwyxl5w2t] {
    margin-top: 4px;
    font-size: 0.7rem;
    opacity: 0.6;
    text-align: right;
}
/* /Components/WorkerStatus.razor.rz.scp.css */
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-avlpkcwon2] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--theme-color-bg);
}

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

.sidebar[b-avlpkcwon2] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-avlpkcwon2] {
    /*background-color: #f7f7f7;*/
    /*border-bottom: 1px solid #d6d5d5;*/
    justify-content: flex-end;
    /*height: 3.5rem;*/
    display: flex;
    align-items: center;
    margin-top: 10px;
}

    .top-row[b-avlpkcwon2]  a, .top-row[b-avlpkcwon2]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-avlpkcwon2]  a:hover, .top-row[b-avlpkcwon2]  .btn-link:hover {
        text-decoration: underline;
    }

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


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

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

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

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

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

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

    .top-row[b-avlpkcwon2], article[b-avlpkcwon2] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* Ensure the root takes full height */
html[b-avlpkcwon2], body[b-avlpkcwon2] {
    height: 100%;
    margin: 0;
}


/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-7bvi50svy6] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-7bvi50svy6] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-7bvi50svy6] {
    font-size: 1.1rem;
}

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

.bi-house-door-fill-nav-menu[b-7bvi50svy6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-7bvi50svy6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-7bvi50svy6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-7bvi50svy6]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-7bvi50svy6]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-7bvi50svy6]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-7bvi50svy6] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-7bvi50svy6] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dash[b-h022ydy99l] {
    width: 98%;
    margin: 0 auto;
    padding: .5rem;
}

.dash-empty[b-h022ydy99l] {
    padding: 1rem;
    font-size: 1.1rem;
}

.dash-team[b-h022ydy99l] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.dash-avatar[b-h022ydy99l] {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.dash-number[b-h022ydy99l] {
    font-weight: 700;
}

.dash-name[b-h022ydy99l] {
    opacity: .75;
    flex: 0 1 auto;
    min-width: 0;
    line-height: 1.2;
}

.dash-credit[b-h022ydy99l] {
    margin-top: .4rem;
    text-align: right;
    font-size: .8rem;
    opacity: .7;
}

.dash[b-h022ydy99l]  .dash-mine td {
    background: rgba(255, 206, 0, .18) !important;
    font-weight: 600;
}

/* Syncfusion's bootstrap5 theme is always light; follow the app theme instead. */
.dash[b-h022ydy99l]  .e-grid,
.dash[b-h022ydy99l]  .e-grid .e-gridheader,
.dash[b-h022ydy99l]  .e-grid .e-headercell,
.dash[b-h022ydy99l]  .e-grid .e-content,
.dash[b-h022ydy99l]  .e-grid .e-gridcontent,
.dash[b-h022ydy99l]  .e-grid .e-table,
.dash[b-h022ydy99l]  .e-grid .e-gridheader .e-table,
.dash[b-h022ydy99l]  .e-grid .e-row,
.dash[b-h022ydy99l]  .e-grid td.e-rowcell {
    background: transparent;
    color: var(--theme-color-text, inherit);
    border-color: var(--theme-color-border);
}

.dash[b-h022ydy99l]  .e-grid .e-headercell .e-headertext,
.dash[b-h022ydy99l]  .e-grid .e-sortfilterdiv {
    color: var(--theme-color-text, inherit);
}

.dash[b-h022ydy99l]  .e-grid .e-gridheader {
    background: var(--theme-color-surface);
}

.dash[b-h022ydy99l]  .e-grid .e-row:hover td.e-rowcell {
    background: rgba(127, 127, 127, .18);
}
/* /Pages/Home.razor.rz.scp.css */
.home-links[b-gxannrei4k] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.5rem;
    max-width: 1700px;
    margin: 2rem auto 0;
}

.home-tile[b-gxannrei4k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 3rem 1rem 2.25rem;
    color: var(--theme-color-text-muted);
    text-decoration: none;
    transition: transform 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.home-tile:hover[b-gxannrei4k],
.home-tile:focus-visible[b-gxannrei4k] {
    color: var(--theme-color-accent);
    border-color: var(--theme-color-accent);
    transform: translateY(-4px);
    text-decoration: none;
    outline: none;
}

.label[b-gxannrei4k] {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

@media (max-width: 900px) {
    .home-links[b-gxannrei4k] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
    .home-tile[b-gxannrei4k] { transition: none; }
}
/* /Pages/PlayoffMatches.razor.rz.scp.css */
.playoff-container[b-os42yx4rmh] {
    display: grid;
    grid-template-columns: 510px 1fr ;
    grid-template-areas:
        "upNext upNext"
        "alliances   bracket"
        "alliances    twitch";
       
    gap: 1rem; 
}
.playoff-upNext[b-os42yx4rmh] {
    grid-area: upNext;
}
.playoff-alliances[b-os42yx4rmh] {
    grid-area: alliances;
    max-width: 730px;
    min-width: 685px;
    /*overflow: auto;*/
}
.playoff-bracket[b-os42yx4rmh] {
    grid-area: bracket;
    overflow: auto;
}
.playoff-twitch[b-os42yx4rmh] {
    grid-area: twitch;
    overflow: auto;
}

.match-grid[b-os42yx4rmh] {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto 1fr 1fr;
    grid-template-areas:
        "upNext upNext"
        "team   twitch"
        "all    twitch"
        "all  twitch";
    gap: 1rem;
    width: 98%;
    margin: 0 auto;
    max-height:84vh;
}

.grid-upNext[b-os42yx4rmh] {
    grid-area: upNext;
}

.grid-team[b-os42yx4rmh] {
    grid-area: team;
    max-width: 730px;
    min-width: 685px;
    /*overflow: auto;*/
}
.grid-all[b-os42yx4rmh] {
    grid-area: all;
    max-width: 730px;
    min-width: 685px;
    /*overflow: auto;*/
}

.grid-twitch[b-os42yx4rmh] {
    grid-area: twitch;
    overflow: auto;
}
/* /Pages/PracticeMatches.razor.rz.scp.css */
/* /Pages/QualificationsMatches.razor.rz.scp.css */
/* /Pages/Schedule.razor.rz.scp.css */
.schedule-page[b-3j4mia0207] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

/* Title, legend and the "my team only" switch */
.sched-toolbar[b-3j4mia0207] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0.6rem 1.2rem;
}

.sched-title[b-3j4mia0207] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--theme-color-text);
}

.sched-legend[b-3j4mia0207] {
    display: flex;
    gap: 1.25rem;
    font-size: 0.9rem;
}

.sched-legend .key[b-3j4mia0207]::before {
    content: "";
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.4rem;
    border-radius: 3px;
    vertical-align: -0.1rem;
}
.sched-legend .key.mine[b-3j4mia0207]::before { background: rgba(37, 140, 251, 0.45); }
.sched-legend .key.next[b-3j4mia0207]::before { border: 2px solid var(--theme-color-accent); }
.sched-legend .key.past[b-3j4mia0207]::before { background: rgba(148, 163, 184, 0.35); }

.sched-toggle[b-3j4mia0207] {
    border: 1px solid var(--theme-color-border);
    background: transparent;
    color: var(--theme-color-text);
    padding: 0.35rem 0.9rem;
    border-radius: 999px;
    cursor: pointer;
}
.sched-toggle.on[b-3j4mia0207] {
    background: var(--theme-color-accent);
    border-color: var(--theme-color-accent);
    color: #fff;
}

.sched-empty[b-3j4mia0207] { padding: 1.5rem; }

/* One column per match type, side by side */
.sched-columns[b-3j4mia0207] {
    display: grid;
    grid-template-columns: repeat(var(--cols, 2), minmax(0, 1fr));
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 0;
}

.sched-col[b-3j4mia0207] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.sched-col-head[b-3j4mia0207] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0;
    font-size: 1.2rem;
    color: var(--theme-color-text);
}
.sched-col-head .count[b-3j4mia0207] { font-size: 0.9rem; font-weight: 400; color: var(--theme-color-text-muted); }

.sched-body[b-3j4mia0207] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.sched-table[b-3j4mia0207] {
    width: 100%;
    border-collapse: collapse;
    position: relative;
}

.sched-table th[b-3j4mia0207] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--theme-color-bg);
    text-align: center;
    font-weight: 600;
    padding: 0.5rem;
    border-bottom: 1px solid var(--theme-color-border);
}

.sched-table td[b-3j4mia0207] {
    padding: 0.3rem 0.5rem;
    text-align: center;
    vertical-align: middle;
}

.c-num[b-3j4mia0207] { width: 72px; }
.c-time[b-3j4mia0207] { width: 100px; white-space: nowrap; }
.c-num small[b-3j4mia0207] { display: block; font-size: 0.7rem; opacity: 0.75; }

.day-row td[b-3j4mia0207] {
    text-align: left;
    padding: 0.8rem 0.5rem 0.25rem;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--theme-color-text-muted);
    border-bottom: 1px solid var(--theme-color-border);
}

.m-row.past[b-3j4mia0207] { opacity: 0.55; }
.m-row.mine td[b-3j4mia0207] { background: rgba(37, 140, 251, 0.16); }
.m-row.mine td:first-child[b-3j4mia0207] { box-shadow: inset 3px 0 0 var(--theme-color-accent); }
.m-row.mine.past[b-3j4mia0207] { opacity: 0.8; }
.m-row.next td[b-3j4mia0207] { background: rgba(37, 140, 251, 0.1); border-top: 2px solid var(--theme-color-accent); border-bottom: 2px solid var(--theme-color-accent); }

.score[b-3j4mia0207] { font-size: 0.85rem; font-weight: 600; }
.next-badge[b-3j4mia0207] {
    display: inline-block;
    margin-top: 2px;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--theme-color-accent);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

/* Plain alliance pill (no tooltip cells: a full schedule has hundreds of them) */
.pill[b-3j4mia0207] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem;
    max-width: 210px;
    margin: 0 auto;
    padding: 0.35rem 0.6rem;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
}
.pill.red[b-3j4mia0207] { background: darkred; }
.pill.blue[b-3j4mia0207] { background: darkblue; }
.pill .me[b-3j4mia0207] { font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.pill.winner[b-3j4mia0207] { box-shadow: 0 0 0 2px #22c55e; }
.pill.tbd[b-3j4mia0207] {
    display: block;
    background: transparent;
    border: 1px dashed var(--theme-color-border);
    color: var(--theme-color-text-muted);
}

@media (max-width: 1100px) {
    .sched-columns[b-3j4mia0207] { grid-template-columns: 1fr; }
    .sched-body[b-3j4mia0207] { max-height: 70vh; }
    .sched-legend[b-3j4mia0207] { display: none; }
}