/* _content/SupremeBetWeb/Components/LeagueEvents.razor.rz.scp.css */
.league-events-page[b-9hcrn2a81o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    height: calc(100vh - 18px);
    min-height: 420px;
    padding: 4px 6px 6px;
    box-sizing: border-box;
    overflow: hidden;
}

.league-events-heading[b-9hcrn2a81o] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    height: 24px;
    color: #252525;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.league-events-name[b-9hcrn2a81o] {
    color: #5d6670;
    font-weight: 400;
}

.league-events-toolbar[b-9hcrn2a81o] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 2px 4px;
    border: 1px solid #d6dbe0;
    background: #f5f6f7;
    box-sizing: border-box;
    white-space: nowrap;
}

.league-events-field[b-9hcrn2a81o],
.league-events-check[b-9hcrn2a81o] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #3f464d;
    font-size: 12px;
    line-height: 24px;
}

.league-events-field select[b-9hcrn2a81o],
.league-events-field input[b-9hcrn2a81o] {
    height: 24px;
    padding: 1px 4px;
    border: 1px solid #bfc5ca;
    border-radius: 2px;
    background: #fff;
    color: #202428;
    font-size: 12px;
    box-sizing: border-box;
}

.league-events-field select[b-9hcrn2a81o] {
    min-width: 92px;
}

.league-events-number input[b-9hcrn2a81o] {
    width: 62px;
    text-align: right;
}

.league-events-check[b-9hcrn2a81o] {
    gap: 3px;
    margin-left: 2px;
}

.league-events-check input[b-9hcrn2a81o] {
    margin: 0;
}

.league-events-button[b-9hcrn2a81o] {
    height: 24px;
    padding: 1px 8px;
    border: 1px solid #aeb6bd;
    border-radius: 2px;
    background: #fff;
    color: #2f363c;
    cursor: pointer;
    font-size: 12px;
}

.league-events-button:hover:not(:disabled)[b-9hcrn2a81o] {
    background: #e9eef2;
}

.league-events-button:disabled[b-9hcrn2a81o] {
    cursor: default;
    opacity: .6;
}

.league-events-secondary[b-9hcrn2a81o] {
    width: 28px;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
}

.league-events-save[b-9hcrn2a81o] {
    border-color: #4d8a58;
    background: #edf7ee;
    color: #286034;
    font-weight: 600;
}

.league-events-secondary-settings[b-9hcrn2a81o] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 2px 8px;
    border: 1px solid #d6dbe0;
    background: #fafafa;
    box-sizing: border-box;
}

.league-events-secondary-title[b-9hcrn2a81o] {
    color: #5d6670;
    font-size: 12px;
    font-weight: 600;
    margin-right: 2px;
}

.league-events-validation[b-9hcrn2a81o] {
    padding: 2px 6px;
    color: #a12828;
    font-size: 11px;
}

.league-events-status[b-9hcrn2a81o] {
    overflow: hidden;
    margin-left: 2px;
    color: #68727b;
    font-size: 11px;
    text-overflow: ellipsis;
}

.league-events-state[b-9hcrn2a81o] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #66717a;
    font-size: 13px;
}

.league-events-error[b-9hcrn2a81o] {
    color: #a12828;
}

.league-events-grid[b-9hcrn2a81o] {
    flex: 1;
    min-height: 0;
}

.league-events-page[b-9hcrn2a81o]  .league-events-grid .e-gridheader .e-headercell,
.league-events-page[b-9hcrn2a81o]  .league-events-grid .e-gridcontent .e-rowcell {
    padding: 0 5px;
}

.league-events-page[b-9hcrn2a81o]  .league-events-grid .e-headercell {
    font-size: 11px;
    font-weight: 600;
}

.league-events-page[b-9hcrn2a81o]  .league-events-grid .e-rowcell {
    font-size: 12px;
    line-height: 24px;
}

.league-events-page[b-9hcrn2a81o]  .league-events-grid .e-gridcontent .e-row:not(.e-altrow) .e-rowcell {
    background-color: #ffffff;
}

.league-events-page[b-9hcrn2a81o]  .league-events-grid .e-gridcontent .e-altrow .e-rowcell {
    background-color: #fde4e4;
}

.league-events-page[b-9hcrn2a81o]  .league-events-grid .e-gridcontent .e-row:hover .e-rowcell {
    background-color: #f8cccc;
}

.league-events-page[b-9hcrn2a81o]  .league-events-grid .e-gridcontent .e-rowcell:nth-child(n+8) {
    text-align: right;
}

@media (max-width: 760px) {
    .league-events-toolbar[b-9hcrn2a81o] {
        overflow-x: auto;
    }

    .league-events-status[b-9hcrn2a81o] {
        display: none;
    }
}
/* _content/SupremeBetWeb/Components/PlayerTool/PlayerTool.razor.rz.scp.css */
.player-tool-page[b-r9lrx2xcll] {
    width: 100%;
    height: calc(100vh - 100px);
    min-height: 0;
    overflow: hidden;
}

.player-tool-shell[b-r9lrx2xcll] {
    display: grid;
    grid-template-columns: minmax(0, 43fr) minmax(0, 57fr);
    gap: 6px;
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    min-height: 0;
    font-size: 12px;
    background: #e9ecef;
}

.player-tool-left[b-r9lrx2xcll] {
    display: grid;
    grid-template-rows: minmax(190px, 30fr) minmax(130px, 20fr) minmax(220px, 50fr);
    gap: 5px;
    min-width: 0;
    min-height: 0;
}

.player-tool-shell > .pane-right[b-r9lrx2xcll] {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.player-tool-section[b-r9lrx2xcll] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #c9ced4;
    background: #fff;
}

.player-tool-section-header[b-r9lrx2xcll],
.player-grid-toolbar[b-r9lrx2xcll] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 3px 6px;
    border-bottom: 1px solid #c9ced4;
    background: #f2f4f6;
    color: #303840;
    font-size: 13px;
    font-weight: 600;
}

.player-tool-actions[b-r9lrx2xcll],
.player-grid-toolbar[b-r9lrx2xcll] {
    margin-left: auto;
}

.player-tool-actions[b-r9lrx2xcll] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.player-tool-section-body[b-r9lrx2xcll],
.player-grid-area[b-r9lrx2xcll],
[b-r9lrx2xcll] .player-grid-area {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.player-search-body[b-r9lrx2xcll] {
    overflow: auto;
}

.player-grid-area[b-r9lrx2xcll] {
    height: auto;
    padding: 4px;
}

.player-grid-area > .e-grid[b-r9lrx2xcll],
[b-r9lrx2xcll] .player-grid-area > .e-grid {
    min-height: 0;
    flex: 1 1 auto;
    height: 100%;
}

.player-grid-title[b-r9lrx2xcll],
[b-r9lrx2xcll] .player-grid-title {
    margin-right: auto;
}

.player-tool-toolbar[b-r9lrx2xcll],
[b-r9lrx2xcll] .player-tool-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
    min-height: 32px;
    padding: 3px 0 5px;
    white-space: nowrap;
}

.player-tool-toolbar label[b-r9lrx2xcll],
[b-r9lrx2xcll] .player-tool-toolbar label {
    color: #4f5963;
    font-size: 12px;
    font-weight: 600;
}

.compact-control[b-r9lrx2xcll],
.compact-button[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-control,
[b-r9lrx2xcll] .compact-button,
.player-tool-shell .e-control[b-r9lrx2xcll],
.player-tool-shell .e-input[b-r9lrx2xcll],
.player-tool-shell .e-input-group[b-r9lrx2xcll] {
    min-height: 28px;
    height: 28px;
    font-size: 12px;
}

.compact-control[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-control {
    width: 180px;
    padding: 3px 6px;
}

.compact-id-filter[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-id-filter {
    width: 90px;
}

.compact-button[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-button {
    padding: 2px 8px;
    line-height: 20px;
}

.compact-player-grid[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-player-grid {
    border: 1px solid #cfd4d9;
    font-size: 12px;
}

.compact-player-grid .e-gridheader[b-r9lrx2xcll],
.compact-player-grid .e-headercell[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-player-grid .e-gridheader,
[b-r9lrx2xcll] .compact-player-grid .e-headercell {
    min-height: 30px;
    height: 30px;
}

.compact-player-grid .e-rowcell[b-r9lrx2xcll],
.compact-player-grid .e-headercell[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-player-grid .e-rowcell,
[b-r9lrx2xcll] .compact-player-grid .e-headercell {
    padding: 3px 6px;
}

.compact-player-grid .e-rowcell[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-player-grid .e-rowcell {
    height: 30px;
}

.compact-player-grid .e-selectionbackground[b-r9lrx2xcll],
[b-r9lrx2xcll] .compact-player-grid .e-selectionbackground {
    background: #d7e8f8;
}

.player-tool-shell .browser-wrap[b-r9lrx2xcll] {
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.player-tool-shell iframe[b-r9lrx2xcll],
.player-tool-shell api-sports-widget[b-r9lrx2xcll] {
    min-height: 0;
    height: calc(100% - 34px);
}

@media (max-width: 1200px) {
    .player-tool-shell[b-r9lrx2xcll] {
        grid-template-columns: minmax(620px, 1fr) minmax(420px, .9fr);
    }
}
/* _content/SupremeBetWeb/Components/Teams.razor.rz.scp.css */
.team-maintenance[b-0t0aia2xkn] {
    color: #263746;
    font-size: .88rem;
    background: #e8f3e8;
}

.team-maintenance-toolbar[b-0t0aia2xkn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 42px;
    padding: .35rem .5rem;
    border-bottom: 1px solid #cbd5dc;
    background: lightgreen;
}

.team-country-select[b-0t0aia2xkn] {
    min-width: 220px;
    height: 30px;
    padding: 0 .45rem;
}

.show-all-leagues[b-0t0aia2xkn] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-left: .6rem;
    white-space: nowrap;
}

.toolbar-spacer[b-0t0aia2xkn] {
    flex: 1;
}

.command-button[b-0t0aia2xkn] {
    min-height: 29px;
    padding: .2rem .6rem;
    border: 1px solid #aebbc4;
    border-radius: 3px;
    background: #fff;
    color: #263746;
    cursor: pointer;
    white-space: nowrap;
}

.command-button:hover[b-0t0aia2xkn] {
    background: #edf3f6;
}

.command-button.primary[b-0t0aia2xkn] {
    border-color: #1769aa;
    background: #1769aa;
    color: #fff;
}

.command-button:disabled[b-0t0aia2xkn] {
    cursor: default;
    opacity: .55;
}

.pending-summary[b-0t0aia2xkn],
.operation-message[b-0t0aia2xkn] {
    color: #5b6870;
    white-space: nowrap;
}

.operation-message[b-0t0aia2xkn] {
    margin-left: .4rem;
}

.team-maintenance-status[b-0t0aia2xkn] {
    padding: 1rem .5rem;
    color: #68757d;
}

.league-board[b-0t0aia2xkn] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    overflow-x: auto;
    min-height: calc(100vh - 145px);
    padding: .55rem;
    background: #e8f3e8;
}

.league-column[b-0t0aia2xkn] {
    flex: 0 0 218px;
    min-width: 218px;
    min-height: 92px;
}

.league-column-header[b-0t0aia2xkn] {
    display: flex;
    align-items: center;
    min-height: 37px;
    padding: .25rem .45rem;
    border: 1px solid #8d9ba4;
    border-left-width: 4px;
    border-radius: 3px;
    background: #e5eaed;
}

.league-column-header.league-active[b-0t0aia2xkn] {
    border-left-color: #147a52;
    background: #dcefe7;
}

.league-column-header.league-followed[b-0t0aia2xkn] {
    border-left-color: #3e78a5;
    background: #e2ebf2;
}

.league-column-header.league-neutral[b-0t0aia2xkn] {
    border-left-color: #8d9ba4;
}

.league-name[b-0t0aia2xkn] {
    overflow: hidden;
    flex: 1;
    padding: 0;
    border: 0;
    background: transparent;
    color: #173f5f;
    font-weight: 600;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.league-name:hover[b-0t0aia2xkn],
.team-name:hover[b-0t0aia2xkn] {
    text-decoration: underline;
}

.league-team-count[b-0t0aia2xkn] {
    margin-left: .3rem;
    color: #51616b;
    white-space: nowrap;
}

.league-team-list[b-0t0aia2xkn] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 4px;
}

.team-row[b-0t0aia2xkn] {
    display: flex;
    min-height: 29px;
    border: 1px solid #b7c2c8;
    border-radius: 3px;
    background: #fff;
    cursor: grab;
}

.team-row:active[b-0t0aia2xkn] {
    cursor: grabbing;
}

.team-name[b-0t0aia2xkn] {
    overflow: hidden;
    flex: 1;
    padding: .22rem .45rem;
    border: 0;
    background: transparent;
    color: #263746;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.details-drawer-backdrop[b-0t0aia2xkn],
.dialog-backdrop[b-0t0aia2xkn] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    background: rgba(22, 36, 47, .22);
}

.details-drawer[b-0t0aia2xkn] {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: min(390px, 92vw);
    height: 100%;
    border-left: 1px solid #9eabb3;
    background: #fff;
    box-shadow: -4px 0 14px rgba(0, 0, 0, .16);
}

.details-drawer-header[b-0t0aia2xkn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: .8rem 1rem .65rem;
    border-bottom: 1px solid #d3dce1;
    background: #f5f8f9;
}

.details-drawer-header h2[b-0t0aia2xkn] {
    margin: .15rem 0 0;
    font-size: 1.05rem;
    font-weight: 600;
}

.details-drawer-kicker[b-0t0aia2xkn] {
    color: #63727b;
    font-size: .68rem;
    letter-spacing: .08em;
}

.drawer-close[b-0t0aia2xkn] {
    padding: 0 .35rem;
    border: 0;
    background: transparent;
    color: #53636d;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}

.details-drawer form[b-0t0aia2xkn] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
}

.details-drawer-body[b-0t0aia2xkn] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: .55rem;
    overflow-y: auto;
    padding: .8rem 1rem;
}

.details-drawer-body label[b-0t0aia2xkn] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    color: #52616a;
    font-size: .78rem;
}

.details-drawer-body input[b-0t0aia2xkn],
.drawer-input[b-0t0aia2xkn] {
    box-sizing: border-box;
    width: 100%;
    min-height: 30px;
    padding: .25rem .4rem;
    border: 1px solid #b8c4ca;
    border-radius: 3px;
    color: #263746;
}

.details-drawer-body input:disabled[b-0t0aia2xkn] {
    background: #edf1f3;
}

.drawer-checkbox[b-0t0aia2xkn] {
    flex-direction: row !important;
    align-items: center;
    gap: .45rem !important;
}

.drawer-checkbox input[b-0t0aia2xkn] {
    width: auto;
    min-height: auto;
}

.drawer-message[b-0t0aia2xkn] {
    margin: .2rem 0 0;
    color: #a33b32;
}

.details-drawer-footer[b-0t0aia2xkn] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    padding: .65rem 1rem;
    border-top: 1px solid #d3dce1;
}

.add-team-dialog[b-0t0aia2xkn] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(410px, 92vw);
    max-height: 92vh;
    transform: translate(-50%, -50%);
    overflow: hidden;
    border: 1px solid #9eabb3;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .2);
}

.add-team-dialog .details-drawer-body[b-0t0aia2xkn] {
    max-height: calc(92vh - 130px);
}

.required-marker[b-0t0aia2xkn] {
    color: #a33b32;
}

.details-drawer-body small[b-0t0aia2xkn] {
    color: #75828a;
    font-size: .7rem;
}

@media (max-width: 700px) {
    .team-maintenance-toolbar[b-0t0aia2xkn] {
        flex-wrap: wrap;
    }

    .toolbar-spacer[b-0t0aia2xkn] {
        display: none;
    }
}
