/* _content/10SecondGoal.Web/Components/Pages/FavoritesPage.razor.rz.scp.css */
html[b-ah42md93dx], body[b-ah42md93dx], #app[b-ah42md93dx] {
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base Flexbox container for the entire page */
.container-fluid[b-ah42md93dx] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.header-row[b-ah42md93dx] {
    flex-shrink: 0;
}
/* Search panel row */
.search-row[b-ah42md93dx] {
    flex-shrink: 0;
}

/* Main content row with two columns */
.content-row[b-ah42md93dx] {
    flex-grow: 1;
    display: flex;
    min-height: 0; /* Prevent overflow */
}

/* Left column and clip preview column */
.left-column[b-ah42md93dx] {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.right-column[b-ah42md93dx] {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.left-column[b-ah42md93dx] {
    padding-right: 5px;
}

.right-column[b-ah42md93dx] {
    padding-left: 5px;
}
/* The two grids in the left column */
.grid-half[b-ah42md93dx] {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .grid-half .e-grid-container[b-ah42md93dx] {
        flex-grow: 1;
        overflow-y: auto;
    }

.grid-top[b-ah42md93dx] {
    flex: 4;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .grid-top .e-grid-container[b-ah42md93dx] {
        flex-grow: 1;
        overflow-y: auto;
    }

.grid-bottom[b-ah42md93dx] {
    flex: 6;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.grid-half .e-grid-container[b-ah42md93dx] {
    flex-grow: 1;
    overflow-y: auto;
}


/* Clip preview section */
.clip-preview .section-header[b-ah42md93dx] {
    flex: 0 0 auto;
}

.clip-preview .section-content[b-ah42md93dx] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
    overflow: hidden; /* Prevents container from expanding */
    max-height: 60vh; /* Optional: limit max height of the video preview */
}

/* Video container */
.video-container[b-ah42md93dx] {
    width: 100%;
    height: 100%;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 12px;
}

    /* Video element - passt sich immer dem Container an */
    .video-container video[b-ah42md93dx] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.grid-wrapper[b-ah42md93dx] {
    flex: 1 1 auto;
    min-height: 0; /* verhindert Überlaufen */
    display: flex;
}

    .grid-wrapper .e-grid[b-ah42md93dx] {
        flex: 1 1 auto;
    }

/* _content/10SecondGoal.Web/Components/Pages/Login.razor.rz.scp.css */
/* Card Style */
.login-card[b-tbsz54kvrk] {
    background: black;
    border-radius: 1rem;
}
/* _content/10SecondGoal.Web/Components/Pages/PlayerSearch.razor.rz.scp.css */
html[b-p8po6vh9id], body[b-p8po6vh9id], #app[b-p8po6vh9id] {
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Base Flexbox container for the entire page */
.container-fluid[b-p8po6vh9id] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.header-row[b-p8po6vh9id] {
    flex-shrink: 0;
}
/* Search panel row */
.search-row[b-p8po6vh9id] {
    flex-shrink: 0;
}

/* Main content row with two columns */
.content-row[b-p8po6vh9id] {
    flex-grow: 1;
    display: flex;
    min-height: 0; /* Prevent overflow */
}

/* Left column and clip preview column */
.left-column[b-p8po6vh9id] {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.right-column[b-p8po6vh9id] {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.left-column[b-p8po6vh9id] {
    padding-right: 5px;
}

.right-column[b-p8po6vh9id] {
    padding-left: 5px;
}
/* The two grids in the left column */
.grid-half[b-p8po6vh9id] {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .grid-half .e-grid-container[b-p8po6vh9id] {
        flex-grow: 1;
        overflow-y: auto;
    }

.grid-top[b-p8po6vh9id] {
    flex: 4;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .grid-top .e-grid-container[b-p8po6vh9id] {
        flex-grow: 1;
        overflow-y: auto;
    }

.grid-bottom[b-p8po6vh9id] {
    flex: 6;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.grid-half .e-grid-container[b-p8po6vh9id] {
    flex-grow: 1;
    overflow-y: auto;
}


/* Clip preview section */
.clip-preview .section-header[b-p8po6vh9id] {
    flex: 0 0 auto;
}

.clip-preview .section-content[b-p8po6vh9id] {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
    overflow: hidden; /* Prevents container from expanding */
    max-height: 60vh; /* Optional: limit max height of the video preview */
}

/* Video container */
.video-container[b-p8po6vh9id] {
    width: 100%;
    height: 100%;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 12px;
}

    /* Video element - passt sich immer dem Container an */
    .video-container video[b-p8po6vh9id] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.grid-wrapper[b-p8po6vh9id] {
    flex: 1 1 auto;
    min-height: 0; /* verhindert Überlaufen */
    display: flex;
}

    .grid-wrapper .e-grid[b-p8po6vh9id] {
        flex: 1 1 auto;
    }

/* _content/10SecondGoal.Web/Components/Routes.razor.rz.scp.css */
.loading-overlay[b-c3gk32hl3n] {
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,0.75);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all; /* blockiert Klicks */
}

.loading-text[b-c3gk32hl3n] {
    color: white;
    font-size: 1.25rem;
    font-weight: 500;
}

[b-c3gk32hl3n] .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5, .e-spinner-pane .e-spinner-inner .e-spin-bootstrap5v3[b-c3gk32hl3n] {
    stroke: #dee2e6;
}
/* _content/10SecondGoal.Web/Components/Shared/PlayerProfileDialog.razor.rz.scp.css */
.playerinfo[b-b1fsy2fde8] {
    background-color: #212529;
}

.playerdetails[b-b1fsy2fde8] {
    height: 290px;
    background-color: #212529;
}

.left-column[b-b1fsy2fde8] {
    padding-right: 5px;
}

.right-column[b-b1fsy2fde8] {
    padding-left: 5px;
}
/* _content/10SecondGoal.Web/Components/Shared/Sidebar.razor.rz.scp.css */
.toggle-btn[b-jnu4gil5ck] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    margin-bottom: 1rem;
}

[b-jnu4gil5ck] .nav-link.active {
    background-color: #495057;
    border-radius: 5px;
}