@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/GameLiveStats/Components/SharedComponents/NumberPad.razor.rz.scp.css */
.number-pad-container[b-r0k0emh3km] {
    width: 200px;
  
    font-family: Arial, sans-serif;
}

.display-box[b-r0k0emh3km] {
    width: 100%;
    padding: 10px;
    font-size: 1.5em;
    text-align: right;
    box-sizing: border-box;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
}

.number-pad[b-r0k0emh3km] {
    display: flex;
    flex-direction: column;
}

.number-row[b-r0k0emh3km] {
    display: flex;
    justify-content: space-between;
}

.number-key[b-r0k0emh3km] {
    flex: 1;
    padding: 15px;
    margin: 2px;
    background-color: #e0e0e0;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
    user-select: none;
    border: 1px solid #999;
    transition: background-color 0.2s;
}

    .number-key:hover[b-r0k0emh3km] {
        background-color: #ccc;
    }
/* _content/GameLiveStats/Components/SharedComponents/SharedDropdown.razor.rz.scp.css */
.dropdown-container[b-22k2u4fib5] {
    /* Styles to position the container on the right side of the page */
    float: right;
}

    .dropdown-container select[b-22k2u4fib5],
    .dropdown-container label[b-22k2u4fib5] {
        display: inline-block; /* Make elements appear on the same line */
        /* Additional styling for spacing between the dropdown and label */
    }
/* _content/GameLiveStats/Features/Sports/Baseball/Lineup/Lineup.razor.rz.scp.css */
.lists-wrapper[b-u90mz7jxev] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.list-container[b-u90mz7jxev] {
    flex: 1 1 48%;
    min-width: 300px;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
}

.list-header[b-u90mz7jxev], .list-row[b-u90mz7jxev] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.list-header[b-u90mz7jxev] {
    font-weight: bold;
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.col[b-u90mz7jxev] {
    padding: 0 5px;
    box-sizing: border-box;
}

.number[b-u90mz7jxev] {
    width: 10%;
    text-align: center;
}

.player[b-u90mz7jxev], .position[b-u90mz7jxev] {
    width: 45%;
}

select[b-u90mz7jxev] {
    width: 100%;
    padding: 4px;
}

@media (max-width: 768px) {
    .lists-wrapper[b-u90mz7jxev] {
        flex-direction: column;
    }

    .list-container[b-u90mz7jxev] {
        width: 100%;
    }
}

.lineupBtn[b-u90mz7jxev] {
    width: 175px;
}
/* _content/GameLiveStats/Features/Sports/Baseball/Roster/Roster.Razor.rz.scp.css */
.roster-card[b-v50jxv1ufe] {
    flex: 1 1 calc(20% - 1rem); /* 5 cards per row max, with margin adjustment */
    max-width: calc(20% - 1rem);
}

@media (max-width: 1200px) {
    .roster-card[b-v50jxv1ufe] {
        flex: 1 1 calc(25% - 1rem); /* 4 per row on smaller desktops */
        max-width: calc(25% - 1rem);
    }
}

@media (max-width: 992px) {
    .roster-card[b-v50jxv1ufe] {
        flex: 1 1 calc(33.33% - 1rem); /* 3 per row on tablets */
        max-width: calc(33.33% - 1rem);
    }
}

@media (max-width: 576px) {
    .roster-card[b-v50jxv1ufe] {
        flex: 1 1 calc(50% - 1rem); /* 2 per row on mobile */
        max-width: calc(50% - 1rem);
    }
}
/* _content/GameLiveStats/Features/Sports/Baseball/Schedule/Schedule.razor.rz.scp.css */

/* _content/GameLiveStats/Features/Sports/Baseball/Tracker/Tracker.razor.rz.scp.css */
.number-pad-container[b-vqecjvttsg] {
    width: 250px;
    height: 350px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.display-box[b-vqecjvttsg] {
    width: 100%;
    padding: 10px;
    font-size: 1.5em;
    text-align: right;
    box-sizing: border-box;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
}

.number-pad[b-vqecjvttsg] {
    display: flex;
    flex-direction: column;
}

.number-row[b-vqecjvttsg] {
    display: flex;
    justify-content: space-between;
}

.number-key[b-vqecjvttsg] {
    flex: 1;
    padding: 30px;
    margin: 2px;
    background-color: #e0e0e0;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
    user-select: none;
    border: 1px solid #999;
    transition: background-color 0.2s;
}

.number-key:hover[b-vqecjvttsg] {
    background-color: #ccc;
}
    
.trackerSaveBTN[b-vqecjvttsg] {
    width: 175px;
    background-color:green!important;
}

.containerStat[b-vqecjvttsg] {
    display: flex;
    flex-wrap: wrap;
}

.main-content[b-vqecjvttsg] {
    flex: 0 0 52%;
    padding: 1rem;  
}

.sidebar[b-vqecjvttsg] {
    flex: 0 0 48%;
    margin-top:7px;  
    margin-bottom:20px;
}

/* Responsive: stack on small screens */
@media (max-width: 768px) {
    .main-content[b-vqecjvttsg],
    .sidebar[b-vqecjvttsg] {
        flex: 0 0 100%;
    }
    .veloT[b-vqecjvttsg] {
        margin-top:17px;
        min-width: 420px;       
    }
    .veloText[b-vqecjvttsg] {
        text-align:center;
    }   
}

/* Wrapper for the content that toggles */
.filter-section[b-vqecjvttsg] {
    margin-top: -77px;
}
.filter-section1[b-vqecjvttsg] {
    margin-top: -53px;
}
/* Always show on medium and larger screens */
@media (max-width: 768px) {
    .filter-section[b-vqecjvttsg] {
        margin-top: -17px;
    }
    .filter-section1[b-vqecjvttsg] {
        margin-top: -14px;
    }
}

.non-interactive[b-vqecjvttsg] {
    pointer-events: none; /* disables clicks/interactions */
    opacity: 0.8; /* slightly dim to indicate read-only */
}

.container-fluid.position-relative[b-vqecjvttsg] {
    display: block;
}

/* Overlay now positioned absolutely relative to container */
.game-completed-overlay[b-vqecjvttsg] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* Use container’s content height instead of 100% of viewport */
    min-height: 100%; 
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    pointer-events: all;
    padding: 2rem;
    box-sizing: border-box;
}
/* _content/GameLiveStats/Pages/Footer.razor.rz.scp.css */
.footerSubPage[b-bu2vb1cp8x] {
    position: relative;
    bottom: -2px;
    right: 0px;
    color: #000000;
    border-top: 1px solid #d9d9d9;
    background-color: #f2f2f2;
    width: 100%;
    font-size: 12px;
    min-height: 48px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column; /* stacked on mobile */
    align-items: center;
    flex-wrap: wrap;
}

    .footerSubPage > div[b-bu2vb1cp8x] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .footerSubPage .team-name-badge[b-bu2vb1cp8x],
    .footerSubPage .sport-name-badge[b-bu2vb1cp8x] {
        white-space: nowrap;
    }

    .footerSubPage .text-end[b-bu2vb1cp8x] {
        white-space: nowrap;
    }

/* Desktop view: inline row */
@media (min-width: 768px) {
    .footerSubPage[b-bu2vb1cp8x] {
        flex-direction: row; /* inline */
        justify-content: space-between;
        align-items: center;
    }

        .footerSubPage > div[b-bu2vb1cp8x] {
            flex-wrap: nowrap;
        }
}
/* _content/GameLiveStats/Pages/Home/Index.razor.rz.scp.css */
.hpLogo[b-p057rg4spe] {
    opacity: 0.7;
    transition: opacity 0.3s;
}

    .hpLogo:hover[b-p057rg4spe] {
        opacity: 0.5;
    }

/* Dashboard cards */
.hp-card[b-p057rg4spe] {
    height: auto; /* adjust to content */
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem;
    transition: transform 0.2s;
    background-color:#f2f2f2;
}

/* Dynamic top border colors */
.hp-card.border-top-primary[b-p057rg4spe] {
    border-top: 5px solid #0d6efd;
}

.hp-card.border-top-success[b-p057rg4spe] {
    border-top: 5px solid #198754;
}

.hp-card.border-top-warning[b-p057rg4spe] {
    border-top: 5px solid #ffc107;
}

.hp-card.border-top-info[b-p057rg4spe] {
    border-top: 5px solid #0dcaf0;
}

.hp-card img[b-p057rg4spe] {
    width: auto;
    max-width: 100%;
    height: 140px; /* slightly smaller */
    object-fit: contain;
    margin-bottom: 0.1rem; /* tighten space */
}

    .hp-card .card-body[b-p057rg4spe] {
        padding: 0; /* remove extra padding */
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.hp-card-title[b-p057rg4spe] {
    font-size: 1.55rem;
    font-weight: 700;
    color: #2F4F4F;
    margin: 0; /* remove top margin */
    margin-bottom: 0.15rem; /* minimal spacing to text below */
    text-align: center;
}

.hp-card .card-text[b-p057rg4spe] {
    font-size: 0.95rem;
    margin: 0;
    margin-bottom: 0.25rem;
    text-align: center;
}

/* Mobile adjustments */
@media (max-width: 576px) {
    .hp-card img[b-p057rg4spe] {
        height: 120px;
    }

    .hp-card-title[b-p057rg4spe] {
        font-size: 1.35rem;
        margin-bottom: 0.1rem;
    }

    .hp-card .card-text[b-p057rg4spe] {
        font-size: 0.9rem;
    }
}

/* Tablet adjustments */
@media (min-width: 577px) and (max-width: 768px) {
    .hp-card img[b-p057rg4spe] {
        height: 130px;
    }

    .hp-card-title[b-p057rg4spe] {
        font-size: 1.45rem;
        margin-bottom: 0.1rem;
    }

    .hp-card .card-text[b-p057rg4spe] {
        font-size: 0.93rem;
    }
}

/* Wider content wrapper for Home page only */
.home-body[b-p057rg4spe] {
  
    margin: 0rem auto 4rem auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

.homepage-logo[b-p057rg4spe] {
    width: 475px; /* Desktop width */
    max-width: 95%; /* Ensures it never exceeds screen on smaller desktops */
    height: auto;
    margin-top: 1rem;
}

/* Buttons */
.btn-login[b-p057rg4spe] {
    padding: 0.75rem 2.5rem;
    font-size: 1.1rem;
}

/* Add extra top margin specifically for buttons */
.home-header .btn-login[b-p057rg4spe] {
    margin-top: 2rem; /* More space above buttons */
}

/* Mobile adjustments */
@media (max-width: 576px) {
    .homepage-logo[b-p057rg4spe] {
        width: 95%;
    }

    .btn-login[b-p057rg4spe] {
        padding: 0.7rem 1.8rem;
        font-size: 0.95rem;
    }

    .home-header .btn-login[b-p057rg4spe] {
        margin-top: 1.5rem; /* slightly smaller margin on small phones */
    }
}

.game-completed-overlay[b-p057rg4spe] {
    position: fixed; /* fixed so it covers everything */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 2000; /* high enough to be on top */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: white;
}
/* _content/GameLiveStats/Pages/Layout/MainLayout.razor.rz.scp.css */
.page[b-0bbdnbi4s1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-0bbdnbi4s1] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-0bbdnbi4s1], article[b-0bbdnbi4s1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-0bbdnbi4s1] {
    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-0bbdnbi4s1] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.team-name-badge[b-0bbdnbi4s1] {
    background-color: #f8f9fa; /* Light gray background */
    color: #343a40; /* Dark text */
    font-weight: 600; /* Semi-bold */
    padding: 0.25rem 0.5rem; /* Small padding */
    border-radius: 0.375rem; /* Rounded corners */
    font-size: 0.875rem; /* Slightly smaller text */
    border: 1px solid #dee2e6; /* Subtle border */
    white-space: nowrap; /* Prevent wrapping */
}

.active-tab[b-0bbdnbi4s1] {
    font-weight: bold;
    color: #0d6efd; /* Bootstrap primary color */
    border-bottom: 2px solid #0d6efd; /* optional underline */
}

/* Only change the text color on hover for dropdown items */
.dropdown-menu .text-hover-only[b-0bbdnbi4s1] {
    background: none !important; /* remove highlight */
    color: #212529; /* normal text color */
    transition: color 0.2s ease;
}

    .dropdown-menu .text-hover-only:hover[b-0bbdnbi4s1] {
        color: #0d6efd; /* highlight only text */
        background: none !important;
    }

/* Keep dropdown open on desktop hover */
@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu[b-0bbdnbi4s1] {
        display: block;
    }
}

/* Optional: small arrow on desktop */
.dropdown-toggle[b-0bbdnbi4s1]::after {
    margin-left: 0.3em;
}

/* Only underline text on hover, no background */
.nav-link:hover[b-0bbdnbi4s1],
.dropdown-item:hover[b-0bbdnbi4s1] {
    background-color: transparent !important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    color: #0d6efd; /* Bootstrap primary color */
}
/* _content/GameLiveStats/Pages/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-bqr5mk2dv4] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' 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);
}

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

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

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

.bi[b-bqr5mk2dv4] {
    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-bqr5mk2dv4] {
    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-bqr5mk2dv4] {
    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-bqr5mk2dv4] {
    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");
}

.bi-lock-nav-menu[b-bqr5mk2dv4] {
    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 d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-speedometer-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-speedometer' viewBox='0 0 16 16' %3E%3Cpath d='M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2M3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707M2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8m9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5m.754-4.246a.39.39 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.39.39 0 0 0-.029-.518z'/%3E  %3Cpath fill-rule='evenodd' d='M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.95 11.95 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0' /%3E%3C/svg%3E");
}

.bi-calendar-nested-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar' viewBox='0 0 16 16' %3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

.bi-file-earmark-spreadsheet-nested-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-spreadsheet' viewBox='0 0 16 16' %3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5zM3 12v-2h2v2zm0 1h2v2H4a1 1 0 0 1-1-1zm3 2v-2h3v2zm4 0v-2h3v1a1 1 0 0 1-1 1zm3-3h-3v-2h3zm-7 0v-2h3v2z'/%3E%3C/svg%3E");
}

.bi-card-list-nested-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-card-list' viewBox='0 0 16 16' %3E%3Cpath d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z' /%3E  %3Cpath d='M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8m0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0M4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0m0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0' /%3E%3C/svg%3E");
}

.bi-people-fill-nested-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16' %3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5' /%3E%3C/svg%3E");
}

.bi-clipboard-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-clipboard' viewBox='0 0 16 16' %3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1z'/%3E  %3Cpath fill-rule='evenodd' d='M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0z' /%3E%3C/svg%3E");
}

.bi-journals-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-journals' viewBox='0 0 16 16' %3E%3Cpath d='M5 0h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2 2 2 0 0 1-2 2H3a2 2 0 0 1-2-2h1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1H1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v9a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1H3a2 2 0 0 1 2-2'/%3E  %3Cpath fill-rule='evenodd' d='M1 6v-.5a.5.5 0 0 1 1 0V6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V9h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 2.5v.5H.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H2v-.5a.5.5 0 0 0-1 0' /%3E%3C/svg%3E");
}

.bi-calendar2-week-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar2-week' viewBox='0 0 16 16' %3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z'/%3E  %3Cpath fill-rule='evenodd' d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5zM11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z' /%3E%3C/svg%3E");
}

.bi-ui-radios-nav-menu[b-bqr5mk2dv4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-ui-radios' viewBox='0 0 16 16' %3E%3Cpath d='M7 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zM0 12a3 3 0 1 1 6 0 3 3 0 0 1-6 0m7-1.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5M3 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6m0 4.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-bqr5mk2dv4]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

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

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

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

    .nav-scrollable[b-bqr5mk2dv4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/GameLiveStats/Pages/Marketing/HowItWorks.razor.rz.scp.css */
.step-number[b-pfwrefh0br] {
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto 15px;
    font-weight: bold;
    color: white;
    background-color: #2a9d8f; /* professional teal-green */
    border-radius: 50%;
    font-size: 0.9rem;
    text-align: center;
}

/* Optional: responsive for smaller screens */
@media (max-width: 576px) {
    .step-number[b-pfwrefh0br] {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 0.8rem;
    }
}
/* _content/GameLiveStats/Pages/Marketing/Plans.razor.rz.scp.css */
/* Borders for Coach and Player cards */
.card.coach-player-border[b-bzns59ewpt] {
    border: 1px solid #dee2e6; /* subtle light gray border */
    border-radius: 0.375rem;
}

/* Coach Package Header */
.header-coach[b-bzns59ewpt] {
    color: #198754; /* Bootstrap success green */
}

/* Player Package Header */
.header-player[b-bzns59ewpt] {
    color: darkslategray;
}

/* Free offer styling (teal) */
.free-offer[b-bzns59ewpt] {
    color: #0d6efd;
    font-weight: 600;
    font-size: 1.125rem;
    background-color: #cff4fc;
    border-radius: 0.375rem;
    padding: 0.25rem 0.75rem;
    box-shadow: 0 2px 6px rgba(13, 110, 253, 0.2);
    user-select: none;
    white-space: nowrap;
}

    .free-offer i[b-bzns59ewpt] {
        font-size: 1.25rem;
        color: #0a58ca;
    }

/* Fan package badge (Great for Parents) */
.badge-parents[b-bzns59ewpt] {
    background-color: #ffa500; /* professional orange */
    color: white;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    user-select: none;
    white-space: nowrap;
}

    .badge-parents i[b-bzns59ewpt] {
        margin-right: 0.4rem;
        font-size: 1rem;
    }

/* Fan Header Container - flex with spacing */
.fan-header-container[b-bzns59ewpt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Fan package button - outline blue with reversed hover */
.btn-outline-fan[b-bzns59ewpt] {
    color: #0d6efd;
    border: 1px solid #0d6efd;
    background-color: white;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-outline-fan:hover[b-bzns59ewpt],
    .btn-outline-fan:focus[b-bzns59ewpt] {
        color: white;
        background-color: #0d6efd;
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5);
    }

/* Player package button */
.btn-player[b-bzns59ewpt] {
    color: darkslategray;
    border: 1px solid darkslategray;
    background-color: white;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .btn-player:hover[b-bzns59ewpt],
    .btn-player:focus[b-bzns59ewpt] {
        color: white;
        background-color: darkslategray;
        border-color: darkslategray;
        box-shadow: 0 0 0 0.25rem rgba(47,79,79,.5);
    }
/* Grayed out disabled buttons */
.disabled-btn[b-bzns59ewpt] {
    pointer-events: none;
    opacity: 0.5;
}
/* _content/GameLiveStats/Pages/Test.razor.rz.scp.css */
.number-pad-container[b-1lbrpwbs54] {
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.number-pad[b-1lbrpwbs54] {
    display: flex;
    flex-wrap: wrap; /* Optional: remove if you want strict single-row layout */
    gap: 10px;
}

.number-key[b-1lbrpwbs54] {
    width: 60px;
    height: 60px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    user-select: none;
}

    .number-key:hover[b-1lbrpwbs54] {
        background-color: #e0e0e0;
    }

.diamond-container[b-1lbrpwbs54] {
    position: relative;
    width: 30px; /* small container */
    height: 30px;
}

/* Base icons */
.bi-diamond[b-1lbrpwbs54] {
    position: absolute;
    font-size: 12px; /* smaller size for tight fit */
    line-height: 1;
    color: #000; /* border color */
}

/* Position the bases so corners touch */
.second[b-1lbrpwbs54] {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.first[b-1lbrpwbs54] {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.third[b-1lbrpwbs54] {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}