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

/* _content/Kratzerturnier.BlazorUI/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-fb43rhwfux] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: aliceblue;
}
/* ========================================================== */
/* 1. GLOBALES KIOSK-APP-FUNDAMENT (ERSETZT MUDLAYOUT)        */
/* ========================================================== */
.kiosk-app-layout[b-fb43rhwfux] {
    display: flex;
    font-family: 'Roboto', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    letter-spacing: 0.2px !important;
    flex-direction: column;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0;
    padding: 0;
    overflow: hidden !important; /* Absoluter Scroll-Stopp auf Betriebssystem-Ebene! */
    background-color: #0c111d !important; /* Tiefes, edles Weltraum-Dunkelblau */
    box-sizing: border-box;
}

.kiosk-main-content[b-fb43rhwfux] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}


.mud-main-content[b-fb43rhwfux],
.global-viewport-reset[b-fb43rhwfux] {
    padding-top: 0px !important; /* Rasiert den alten AppBar-Abstand weg */
    /* DIE RETTUNG GEGEN DIE L�CKE AM BODEN: */
    height: 100vh !important; /* Zwingt den K�fig auf die volle Bildschirmh�he! */
    max-height: 100vh !important;
    min-height: 100vh !important;
    overflow: hidden !important; /* Verhindert jegliches Wackeln */

    margin: 0 !important;
    padding-bottom: 0 !important;
}

.sidebar[b-fb43rhwfux] {
  display:flex;
  flex-direction: revert-layer;
  width: 4vw;
}

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

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

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

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

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

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

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

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

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

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

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

/*#blazor-error-ui {
    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 {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

*/
/* _content/Kratzerturnier.BlazorUI/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-22fgt05szj] {
    appearance: none;
    cursor: pointer;
    width: 1.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-22fgt05szj] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-22fgt05szj] {
    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-22fgt05szj] {
    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-22fgt05szj] {
    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-22fgt05szj] {
    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-22fgt05szj] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-22fgt05szj]  .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-22fgt05szj]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

.nav-scrollable[b-22fgt05szj] {
    display: flex;
    width: 8vw;
}

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

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

    .nav-scrollable[b-22fgt05szj] {
        /* 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/Kratzerturnier.BlazorUI/Components/Pages/Dashboard.razor.rz.scp.css */

[b-3g0mncdvj2] .kiosk-master-screen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    /*background-color: #0F172A !important;*/
    background-color: #004480 !important;
    z-index: 99990 !important;
    overflow: hidden !important;
    box-sizing: border-box;
}

[b-3g0mncdvj2] #bg-video {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    height: 80vh;
    object-fit: contain;
    z-index: 1 !important;
    pointer-events: none;
    mix-blend-mode: screen;
}

[b-3g0mncdvj2] .video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2 !important;
    background: rgba(0, 12, 22, 0.45) !important;
    pointer-events: none;
}

[b-3g0mncdvj2] .dashboard-wrapper {
    padding: 40px; /* Leicht erhöht für besseren Rahmen-Abstand */
    position: relative;
    z-index: 10 !important;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-family: system-ui, -apple-system, sans-serif;
    overflow: hidden;
}

[b-3g0mncdvj2] .dashboard-header {
    margin: 5px 10px 15px 210px; /* Dein XAML-Margin */
}

    [b-3g0mncdvj2] .dashboard-header h2 {
        font-size: 32px; /* Größerer Dashboard-Titel */
        font-weight: 800;
        color: #F8FAFC;
        margin: 0;
        text-shadow: 0 0 15px rgba(56, 189, 248, 0.3);
    }

[b-3g0mncdvj2] .header-flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

[b-3g0mncdvj2] .rank-plakette {
    color: #38bdf8;
    font-size: 1rem; /* Bessere Lesbarkeit oben rechts */
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: rgba(56, 189, 248, 0.15);
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid rgba(56, 189, 248, 0.25);
}

/* DAS UNQUETSCHBARE 2x2 CONFIG-GRID */
[b-3g0mncdvj2] .dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    gap: 32px !important; /* Mehr Raum zwischen den monumentalen Blöcken */
    margin-top: 24px;
    flex-grow: 1 !important;
}

/* DEINE ORIGINALEN MILCHGLAS-KACHELN - JETZT MIT MAXIMALEM RAUMFÜLL-EFFEKT */
[b-3g0mncdvj2] .tile-btn {
    background-color: rgba(30, 41, 59, 0.78) !important; /* Minimal dunkler für besseren Kontrast */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 2px solid #3b4f6a !important; /* Leicht akzentuierter Rahmen */
    opacity: 0.95 !important;
    border-radius: 20px; /* Etwas weichere, modernere Ecken */
    padding: 40px !important; /* MASSIV ERHÖHTES PADDING füllt die Kachel perfekt aus! */
    text-align: left;
    height: 100% !important;
    width: 100% !important;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    [b-3g0mncdvj2] .tile-btn:hover {
        background-color: rgba(45, 55, 72, 0.85) !important;
        border-color: #4f6482 !important;
        transform: translateY(-4px); /* Eleganter, dezenter Schwebeeffekt */
        box-shadow: 0 15px 35px rgba(56, 189, 248, 0.15);
    }

    [b-3g0mncdvj2] .tile-btn:focus-visible {
        outline: none;
        background-color: #25324B;
        border-color: #38BDF8;
    }

    [b-3g0mncdvj2] .tile-btn:active {
        background-color: #0F172A;
    }

[b-3g0mncdvj2] .tile-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}

/* GIGANTISCHES HINTERGRUND-ICON */
[b-3g0mncdvj2] .tile-bg-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 200px;
    color: #F8FAFC;
    opacity: 0.025;
    pointer-events: none;
    z-index: 0;
}

[b-3g0mncdvj2] .tile-left {
    display: flex;
    flex-direction: column;
    z-index: 2;
    height: 100%;
    justify-content: space-between;
}

/* WUCHTIGER NEON-BADGE FÜR DAS ICON */
[b-3g0mncdvj2] .icon-badge {
    background-color: #1E293B;
    border: 2px solid #38BDF8;
    width: 76px; /* Deutlich vergrößert */
    height: 76px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    box-shadow: 0 0 15px rgba(56, 189, 248, 0.2);
}

[b-3g0mncdvj2] .emoji-icon {
    font-size: 36px;
}
/* Größeres Emoji */

/* KRÄFTIGE TITEL-ZEILEN */
[b-3g0mncdvj2] .tile-left h3 {
    font-size: 32px;
    font-weight: 800;
    color: #F8FAFC;
    margin: 0;
    letter-spacing: -0.5px;
}

[b-3g0mncdvj2] .subtitle {
    font-size: 16px;
    color: #cbd5e1;
    margin: 8px 0 0 0;
    font-weight: 500;
}

/* LEADERBOARD RECHTS */
[b-3g0mncdvj2] .tile-right {
    margin-right: 40px;
    min-width: 260px;
    align-self: center;
    z-index: 2;
}

[b-3g0mncdvj2] .leaderboard-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    background: rgba(255, 255, 255, 0.03);
    padding: 10px 16px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

[b-3g0mncdvj2] .rank-badge {
    width: 38px;
    height: 38px;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 900;
}

[b-3g0mncdvj2] .rank-gold {
    background-color: rgba(251, 191, 36, 0.2);
    border: 2px solid #FBBF24;
    color: #FBBF24;
    text-shadow: 0 0 8px rgba(251, 191, 36, 0.4);
}

[b-3g0mncdvj2] .leaderboard-info {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
}

[b-3g0mncdvj2] .player-name {
    font-size: 17px;
    font-weight: bold;
    color: #F8FAFC;
}

[b-3g0mncdvj2] .player-pts {
    font-size: 14px;
    color: #38bdf8;
    font-weight: 600;
    margin-top: 2px;
}

/* GIGANTISCHE STATISTIKEN FÜR DEN COUNTER */
[b-3g0mncdvj2] .player-stats-row {
    display: flex;
    gap: 40px;
    margin-right: 20px;
    align-self: center;
    z-index: 2;
}

[b-3g0mncdvj2] .stat-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255, 255, 255, 0.02);
    padding: 12px 24px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    min-width: 110px;
}

[b-3g0mncdvj2] .stat-number {
    font-size: 48px;
    font-weight: 900;
    color: #4ade80;
    font-family:  sans-serif;
    text-shadow: 0 0 20px rgba(74, 222, 128, 0.3);
    line-height: 1;
}

[b-3g0mncdvj2] .stat-countrynumber {
    font-size: 48px;
    font-weight: 900;
    color: #38bdf8;
    font-family:  sans-serif;
    text-shadow: 0 0 20px rgba(56, 189, 248, 0.3);
    line-height: 1;
}

[b-3g0mncdvj2] .stat-label {
    font-size: 14px;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 8px;
    font-weight: bold;
}

/* BUTTON-POSITIONIERUNG */
[b-3g0mncdvj2] .admin-btn-positioner {
    position: absolute !important;
    top: 12px !important;
    left: 24px !important;
    z-index: 99999 !important;
    width: 24px;
    height: 24px;
}

[b-3g0mncdvj2] .logout-btn-positioner {
    position: absolute !important;
    top: 12px !important;
    right: 24px !important;
    z-index: 99999 !important;
    width: 24px;
    height: 24px;
}

[b-3g0mncdvj2] .admin-secret-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    outline: none;
}

    [b-3g0mncdvj2] .admin-secret-btn svg {
        fill: #94A3B8 !important;
        width: 12px !important;
        height: 12px !important;
        transition: fill 0.2s ease;
    }

    [b-3g0mncdvj2] .admin-secret-btn:hover svg {
        fill: #ef4444 !important;
        filter: drop-shadow(0 0 4px rgba(239, 68, 68, 0.6));
    }
/* _content/Kratzerturnier.BlazorUI/Components/Pages/Home.razor.rz.scp.css */
.gridcontainer[b-mv04onrjr4]{
    background-color: antiquewhite;
    display:grid;
    width: 100vw;
    height: 100vh;
}
.centered-text[b-mv04onrjr4]{
    display:flex;
    align-content:center;
    justify-content: center;
    align-items:center;
    
}

/* _content/Kratzerturnier.BlazorUI/Components/Pages/Login.razor.rz.scp.css */
/* CONTAINER LAYOUT */
.login-page-wrapper[b-2hbe522kfj] {
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #121824 !important; /* Exakter, matter anthrazit-blauer Hintergrund */
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    font-family: 'Roboto', 'Segoe UI', system-ui, sans-serif !important;
}

.login-crystal-card[b-2hbe522kfj] {
    background: #1a2232 !important; /* Der exakte, solide Gehäuse-Farbton deines Screenshots */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important; /* Scharfe, edle, dezente Abrundung */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
    padding: 40px 32px !important;
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* HEADER ZONE */
.login-header-zone[b-2hbe522kfj] {
    text-align: center;
    margin-bottom: 32px;
}

.login-icon-wrapper[b-2hbe522kfj] {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.original-shield-svg[b-2hbe522kfj] {
    width: 100%;
    height: 100%;
    fill: #38bdf8 !important; /* Leuchtendes Föderations-Cyan */
    filter: drop-shadow(0 0 12px rgba(56, 189, 248, 0.8)) !important; /* Epischer Aura-Glow! */
}

.login-icon-wrapper.purple-glow .original-shield-svg[b-2hbe522kfj] {
    fill: #a855f7 !important;
    filter: drop-shadow(0 0 12px rgba(168, 85, 247, 0.8)) !important;
}

.login-title[b-2hbe522kfj] {
    margin: 0;
    font-size: 2.125rem !important; /* Exakte MudBlazor h4-Größe */
    font-weight: 400 !important; /* Edel, schlank, nicht zu fett */
    color: rgba(255, 255, 255, 0.7) !important; /* Dezent gedimmt wie auf dem Foto! */
    letter-spacing: -0.5px;
}

.login-subtitle[b-2hbe522kfj] {
    margin: 6px 0 0 0;
    font-size: 0.875rem !important;
    color: #64748b !important;
    letter-spacing: 0.2px;
}

.login-form-container[b-2hbe522kfj] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.login-input-stack[b-2hbe522kfj] {
    display: flex;
    flex-direction: column;
    gap: 24px; /* Perfekter Abstand, damit die Floating Labels Platz haben */
    margin-bottom: 32px;
}

/* ========================================================== */
/* THE LEGENDARY FLOATING LABEL MATRIX (MUD-LOOK RECONSTRUCTION) */
/* ========================================================== */
.floating-label-group[b-2hbe522kfj] {
    position: relative;
    width: 100%;
}

.custom-login-field-html[b-2hbe522kfj] {
    width: 100% !important;
    color: #ffffff !important;
    background-color: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important; /* Der feine, dezente Original-Rahmen */
    border-radius: 4px !important; /* Starr auf MudBlazor-Standard kalibriert */
    padding: 16px 14px !important;
    font-size: 1rem !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Das schlafende Label im Inneren des Feldes */
.floating-label[b-2hbe522kfj] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.5) !important; /* Silber-Grau im Idle-Zustand */
    font-size: 1rem;
    pointer-events: none;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), font-size 0.2s ease, color 0.2s ease, background-color 0.2s ease !important;
    padding: 0 4px;
    background-color: transparent;
}

/* DER HOVER OVER THE BOX */
.custom-login-field-html:hover[b-2hbe522kfj] {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* DIE ABSOLUTE MAGIE: Wenn das Feld fokussiert wird ODER Text enthält, 
   beamt sich das Label nach oben direkt IN DIE RAHMENKANTE! */
.custom-login-field-html:focus ~ .floating-label[b-2hbe522kfj],
.custom-login-field-html:not(:placeholder-shown) ~ .floating-label[b-2hbe522kfj] {
    transform: translateY(-36px) scale(0.75) !important; /* Wandert mathematisch präzise nach oben */
    background-color: #1a2232 !important; /* Schweißt ein unsichtbares Loch in den Rahmen! */
    color: #38bdf8 !important; /* Schaltet auf leuchtendes Cyan um! */
    font-weight: 500;
}

/* Fokus-Farbe für den Rahmen */
.custom-login-field-html:focus[b-2hbe522kfj] {
    border-color: #38bdf8 !important;
    border-width: 2px !important; /* Wird knackig scharf wie das Original */
    padding: 15px 13px !important; /* Gleicht die 2px Rahmenstärke raumneutral aus */
}

/* Spezial-Koppelung für die Registrierungs-Fokus-Farbe (Lila) */
.btn-register-purple ~ .login-input-stack .custom-login-field-html:focus ~ .floating-label[b-2hbe522kfj],
.login-icon-wrapper.purple-glow ~ .login-form-container .custom-login-field-html:focus ~ .floating-label[b-2hbe522kfj] {
    color: #a855f7 !important;
}

.login-icon-wrapper.purple-glow ~ .login-form-container .custom-login-field-html:focus[b-2hbe522kfj] {
    border-color: #a855f7 !important;
}

/* BUTTON STEUERUNG */
.login-action-zone[b-2hbe522kfj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.custom-login-submit-btn-html[b-2hbe522kfj] {
    width: 100% !important;
    background-color: #1a3b8b !important; /* Das matte, tiefe Föderations-Blau deines Fotos */
    border: none !important;
    color: #ffffff !important;
    padding: 12px !important;
    font-size: 0.9375rem !important; /* Exakte MudBlazor Button-Schriftgröße */
    font-weight: 500 !important;
    letter-spacing: 0.4px !important;
    border-radius: 4px !important;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
}

    .custom-login-submit-btn-html:hover:not([disabled])[b-2hbe522kfj] {
        background-color: #204aa6 !important; /* Sanftes Aufhellen beim Drüberfahren */
    }

    .custom-login-submit-btn-html.btn-register-purple[b-2hbe522kfj] {
        background-color: #7a22cb !important;
    }

        .custom-login-submit-btn-html.btn-register-purple:hover:not([disabled])[b-2hbe522kfj] {
            background-color: #8b33dc !important;
        }

/* DER LEGENDÄRE CYBER-PINK WECHSEL LINK */
.btn-login-toggle-text[b-2hbe522kfj] {
    background: none !important;
    border: none !important;
    color: #f43f5e !important; /* Das glasklare, giftige Cyber-Pink deines Screenshots! */
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    cursor: pointer;
    transition: opacity 0.2s ease;
    padding: 6px;
    letter-spacing: 0.2px;
}

    .btn-login-toggle-text:hover[b-2hbe522kfj] {
        opacity: 0.8;
        text-decoration: underline !important;
    }

/* LOADER */
.kiosk-mini-spinner-white[b-2hbe522kfj] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    animation: loginSpin-b-2hbe522kfj 0.75s linear infinite;
}

@keyframes loginSpin-b-2hbe522kfj {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Kratzerturnier.BlazorUI/Components/Pages/PlayerPool.razor.rz.scp.css */
/* ========================================================== */
/* 1. GLOBALE LEINWAND & COCKPIT-BASIS                        */
/* ========================================================== */
html[b-razm2ubylx], body[b-razm2ubylx], .kiosk-master-screen[b-razm2ubylx] {
    background-color: #0c111d !important;
    overflow: hidden !important; /* Absolutes Scrollverbot für das Hauptfenster */
    height: 100vh !important;
    margin: 0;
    padding: 0;
}
#bg-video[b-razm2ubylx] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80vw !important;
    height: 80vh !important;
    object-fit: contain !important;
    z-index: 1 !important; /* Sitzt felsenfest UNTEN */
    pointer-events: none;
    mix-blend-mode: screen; /* Dein genialer Hologramm-Verschmelzungs-Modus! */
    opacity: 0.3; /* Schön dezent wie im Original */
}

.video-overlay[b-razm2ubylx] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important; /* Direkt vor dem Video */
    background: rgba(15, 23, 42, 0.4) !important;
    pointer-events: none;
}

[b-razm2ubylx] #bg-video {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    height: 80vh;
    object-fit: contain;
    z-index: 1 !important; /* Über die dunkle Leinwand gehoben [INDEX, 1.3.5] */
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 0.3;
}

[b-razm2ubylx] .video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2 !important; /* Exakt vor dem Video [INDEX] */
    background: rgba(15, 23, 42, 0.4);
    pointer-events: none;
}

.players-page-wrapper[b-razm2ubylx] {
    /* DIE ULTIMATIVE RETTUNG: Wir lösen uns aus dem Layout-Gefängnis 
           und tackern den Wrapper direkt an die absolute Oberkante deines Monitors! */
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 100 !important;
    /* Hier steuerst du jetzt zentimetergenau den echten Abstand zum oberen Rand! */
    padding: 24px 40px 40px 40px !important;
    background: transparent;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start !important;
    overflow: hidden !important;
}

.players-container[b-razm2ubylx] {
    width: 100%;
    max-width: 1100px;
    display: flex;
    flex-direction: column;
    margin-top: 0 !important; /* Kein künstlicher Abstand mehr nötig */
}

.custom-page-title[b-razm2ubylx] {
    font-size: 32px;
    font-weight: bold;
    color: #F8FAFC;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0 !important; /* Löscht den Standard-Browser-Abstand über H2 */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}

/* BACK-TO-DASHBOARD GADGET-GEHÄUSE [INDEX, 1.3.5] */
[b-razm2ubylx] .dashboard-back-positioner {
    position: absolute !important;
    top: 12px !important;
    right: 24px !important;
    z-index: 99999 !important;
    width: 24px;
    height: 24px;
}

[b-razm2ubylx] .back-link-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    text-decoration: none !important;
}

    [b-razm2ubylx] .back-link-btn svg {
        fill: #94A3B8 !important;
        width: 14px !important;
        height: 14px !important;
    }

/* ========================================================== */
/* 2. OBERE STEUERUNG (Dein edles Salbei-Grün & Neue Suche)   */
/* ========================================================== */
[b-razm2ubylx] .table-actions-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

[b-razm2ubylx] .custom-html-btn {
    background-color: #2e7d32 !important; /* Dein edles Salbei-Grün [INDEX] */
    color: #F8FAFC !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 10px 20px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2) !important;
    transition: all 0.2s ease !important;
}

    [b-razm2ubylx] .custom-html-btn:hover {
        background-color: #388e3c !important;
        box-shadow: 0 6px 16px rgba(46, 125, 50, 0.4) !important;
        transform: translateY(-1px);
    }

/* Deine elegante, neue HTML5 Suchleiste [INDEX, 1.3.5] */
[b-razm2ubylx] .custom-search-wrapper {
    position: relative;
    width: 300px;
}

[b-razm2ubylx] .native-search-field {
    width: 100%;
    color: #F8FAFC !important;
    background-color: rgba(30, 41, 59, 0.5) !important;
    border: 1px solid #334155 !important;
    border-radius: 8px !important;
    padding: 10px 38px 10px 14px !important; /* Platz für das Icon rechts */
    font-size: 0.95rem;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

    [b-razm2ubylx] .native-search-field:focus {
        border-color: #38bdf8 !important;
    }

[b-razm2ubylx] .search-field-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #94A3B8;
    pointer-events: none;
}

/* ========================================================== */
/* 3. DIE KRISTALL-MATRIZE (Tabelle & Scroll-Bereich)         */
/* ========================================================== */
[b-razm2ubylx] .custom-table-panel {
    background-color: rgba(30, 41, 59, 0.75) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 2px solid #334155 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6) !important;
    overflow: hidden;
    flex-grow: 1; /* Füllt das Panel dynamisch aus */
}

/* BONUS-RETTUNG FÜR DIE SCROLL-BOX:
       Da wir oben Platz gespart haben, geben wir der Tabelle im Kessel 
       wieder 40 Pixel mehr Luft zum Atmen, ohne dass ein Browser-Scrollbalken entsteht! */
[b-razm2ubylx] .table-scroll-container {
    width: 100%;
    height: calc(100vh - 260px) !important;
    overflow-y: auto !important;
    box-sizing: border-box;
}
[b-razm2ubylx] .custom-html-table {
    width: 100%;
    border-collapse: collapse;
    color: #E2E8F0;
    text-align: left;
}

    /* Fixed Header: Bleibt beim Scrollen bombenfest oben kleben! [INDEX, 1.3.5] */
    [b-razm2ubylx] .custom-html-table th {
        position: sticky;
        top: 0;
        background: #182235 !important; /* Massiver Grundton verhindert durchscheinenden Text */
        color: #94A3B8 !important;
        font-weight: bold !important;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 16px !important;
        border-bottom: 2px solid #334155 !important;
        z-index: 5;
    }

    [b-razm2ubylx] .custom-html-table td {
        border-bottom: 1px solid rgba(51, 65, 85, 0.3) !important;
        color: #E2E8F0 !important;
        padding: 8px 16px !important;
        vertical-align: middle;
    }

    [b-razm2ubylx] .custom-html-table tr:hover {
        background-color: rgba(255, 255, 255, 0.02) !important;
    }

[b-razm2ubylx] .player-highlight-name {
    font-weight: bold;
    color: #F8FAFC !important;
}

[b-razm2ubylx] .text-center {
    text-align: center;
}

[b-razm2ubylx] .cell-sex {
    font-weight: bold;
    color: #94a3b8;
}

[b-razm2ubylx] .cell-id {
    font-family: monospace;
    color: #64748b !important;
}

/* ========================================================== */
/* 4. ACTIONS & DEINE DEZENTE SCROLLBAR-STEUERUNG (UNBERÜHRT) */
/* ========================================================== */
[b-razm2ubylx] .actions-wrapper {
    display: flex;
    gap: 8px;
    justify-content: center;
}

[b-razm2ubylx] .action-ico-btn {
    background-color: rgba(30, 41, 59, 0.8) !important;
    border: 1px solid #475569 !important;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 1.05rem;
    cursor: pointer;
    transition: all 0.2s ease !important;
}

    [b-razm2ubylx] .action-ico-btn:hover {
        background-color: #38BDF8 !important; /* Leuchtet wunderschön neonblau! [INDEX] */
        border-color: #38BDF8 !important;
        transform: scale(1.06);
    }

    [b-razm2ubylx] .action-ico-btn.btn-delete:hover {
        background-color: rgba(239, 68, 68, 0.15) !important;
        border-color: #ef4444 !important;
    }

[b-razm2ubylx] .loading-state-msg {
    color: #94a3b8;
    padding: 32px;
    font-weight: 500;
    text-align: center;
    font-size: 1.1rem;
}

/* DEIN GENIALES ORIGINAL SCROLLBAR-STYLING fängt das neue div fehlerfrei ab! [INDEX, 1.3.5] */
[b-razm2ubylx] .table-scroll-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[b-razm2ubylx] .table-scroll-container::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.3);
    border-radius: 4px;
}

[b-razm2ubylx] .table-scroll-container::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.3);
    border-radius: 4px;
}

    [b-razm2ubylx] .table-scroll-container::-webkit-scrollbar-thumb:hover {
        background: rgba(56, 189, 248, 0.6);
    }
/* DIE UNFEHLBARE RECHTE ABSOLUTE RECHTE-KANTE FOR DAS LOGOUT-AUGE */
.dashboard-back-positioner[b-razm2ubylx] {
    position: absolute !important;
    top: 16px !important; /* Perfekter Abstand von der Decke */
    right: 24px !important; /* Schiebt den Button glasklar an den rechten Rand! */
    z-index: 99999 !important; /* Thront über allem */
    width: 24px;
    height: 24px;
}

/* DER EDLE MILCHGLAS-LOOK MIT NEON-HOVER */
.back-link-btn[b-razm2ubylx] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

    .back-link-btn svg[b-razm2ubylx] {
        fill: #94A3B8 !important;
        width: 14px !important;
        height: 14px !important;
        transition: fill 0.2s ease;
    }

    /* Wenn der Captain mit der Maus drüberstreift, zündet der Neon-Glow! */
    .back-link-btn:hover[b-razm2ubylx] {
        border-color: rgba(56, 189, 248, 0.5) !important;
        background: rgba(30, 41, 59, 0.8) !important;
        transform: scale(1.08);
    }

        .back-link-btn:hover svg[b-razm2ubylx] {
            fill: #38bdf8 !important;
            filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.6));
        }
/* Für Chrome, Edge, Safari und alle Chromium-Browser */
[b-razm2ubylx] .custom-html-input::-webkit-inner-spin-button,
[b-razm2ubylx] .custom-html-input::-webkit-outer-spin-button {
    /* filter: invert(1) dreht das Weiß der Pfeile in ein edles Schwarz, 
       und das Schwarz der Box in ein helles Weiß – genau farblich umgekehrt! */
    filter: invert(1) !important;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.15s ease;
    margin-right: 4px;
}

    [b-razm2ubylx] .custom-html-input::-webkit-inner-spin-button:hover {
        opacity: 1 !important;
    }

/* Für Firefox (Deine Haupt-Kommandozentrale!) */
/* Firefox hat ein eigenes Kontrollsystem. Wir zwingen die Pfeile, 
   sich farblich an das edle Dunkelblau deines Eingabefeldes anzupassen! */
[b-razm2ubylx] input[type="number"] {
    color-scheme: dark !important; /* Befiehlt Firefox, die internen Steuerelemente im Dark-Mode zu zeichnen! */
}
/* ========================================================== */
/* 9. NATIVE PREMIUM MODAL INTERFACE (MATSCHFREI!)            */
/* ========================================================== */
.custom-modal-overlay[b-razm2ubylx] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(10, 15, 30, 0.7) !important; /* Dämpft das Hintergrund-Universum ab */
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 999999 !important; /* Thront über absolut ALLEM im Cockpit! */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
}

.custom-modal-content[b-razm2ubylx] {
    background: rgba(30, 41, 59, 0.9) !important; /* Sattes, edles Milchglas */
    border: 2px solid #38bdf8 !important; /* Leuchtender Föderations-Neonrahmen! [INDEX] */
    border-radius: 16px !important;
    width: 100%;
    max-width: 550px; /* Kompakte, schicke Popup-Breite */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: modalFadeIn-b-razm2ubylx 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-header[b-razm2ubylx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: rgba(15, 23, 42, 0.6) !important;
    border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;
}

    .modal-header h3[b-razm2ubylx] {
        margin: 0;
        font-size: 1.3rem;
        font-weight: bold;
        color: #F8FAFC;
        text-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
    }

.modal-close-x[b-razm2ubylx] {
    background: transparent !important;
    border: none !important;
    color: #94A3B8;
    font-size: 1.2rem;
    cursor: pointer;
    transition: color 0.15s ease;
}

    .modal-close-x:hover[b-razm2ubylx] {
        color: #ef4444 !important;
    }

.modal-body-container[b-razm2ubylx] {
    padding: 24px;
    color: #ffffff;
    max-height: 60vh;
    overflow-y: auto;
}

.modal-footer[b-razm2ubylx] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    background: rgba(15, 23, 42, 0.4) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[b-razm2ubylx] .dialog-actions-container {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 16px !important; /* Gibt den Buttons Platz zum Atmen */
    margin-top: 24px !important;
    width: 100%;
}
[b-razm2ubylx] .custom-form-label {
    font-size: 14px;
    font-weight: bold;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* DIE ULTIMATIVE BROWSER-UNTERWERFUNG FOR DIE DIALOG-BUTTONS */
[b-razm2ubylx] .custom-modal-content .dialog-actions-container {
    display: flex !important;
    /* Zwingt das übergeordnete Modal-Gefüge, die Buttons absolut 
       mittig und ohne Kompromisse auszurichten! [INDEX, 1.3.5] */
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Wenn die Schließ-Phase eingeleitet wird, zündet das Ausfliegen! */
[b-razm2ubylx] .custom-modal-overlay.closing {
    opacity: 0 !important;
}

[b-razm2ubylx] .custom-modal-content.closing {
    /* Ruft dein neues Drehbuch für exakt 0.4 Sekunden ab! */
    animation: modalFadeOut-b-razm2ubylx 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

/* Einflug-Animation für Kiosk-Wucht */
@keyframes modalFadeIn-b-razm2ubylx {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes modalFadeOut-b-razm2ubylx {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    to {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
}
/* _content/Kratzerturnier.BlazorUI/Components/Pages/Settings.razor.rz.scp.css */
/* ========================================================== */
/* 1. SEKTOR-BASIS & LEINWAND (UNBLOCKIERBAR)                 */
/* ========================================================== */
[b-i68tckpjxq] html, [b-i68tckpjxq] body {
    overflow: hidden !important;
    height: 100vh !important;
    background-color: #0c111d !important;
}

[b-i68tckpjxq] #bg-video {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80vw !important;
    height: 80vh !important;
    object-fit: contain !important;
    z-index: 1 !important;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 0.3;
}

[b-i68tckpjxq] .video-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: rgba(15, 23, 42, 0.45) !important;
    pointer-events: none;
}

[b-i68tckpjxq] .edit-settings-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 100 !important; /* Thront sicher vor dem Video [INDEX, 1.3.5] */
    padding: 30px 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    font-family: system-ui, -apple-system, sans-serif;
}

[b-i68tckpjxq] .edit-settings-container {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* ========================================================== */
/* 2. THE COCKPIT HEADER & BUTTONS                            */
/* ========================================================== */
[b-i68tckpjxq] .settings-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 16px;
}

[b-i68tckpjxq] .tournament-title {
    font-size: 28px !important;
    font-weight: bold !important;
    color: #F8FAFC !important;
    margin: 0;
    text-shadow: 0 0 15px rgba(56, 189, 248, 0.4);
}

[b-i68tckpjxq] .header-buttons {
    display: flex;
    gap: 12px;
}

[b-i68tckpjxq] .custom-html-btn {
    color: #F8FAFC !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    border: none !important;
    padding: 10px 24px;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease !important;
}
[b-i68tckpjxq] .custom-html-btn.btn-back {
    background-color: rgba(71, 85, 105, 0.4) !important; /* Mattes, edles Schiefergrau im Kern */
    border: 1px solid #475569 !important; /* Saubere, sichtbare Rahmenkante */
    color: #94A3B8 !important; /* Klares, gedämpftes Silber für den Text! Schluss mit dem Geister-Look! [INDEX, 1.3.5] */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

    /* Leuchtender Cyan-Glow, wenn der Finger dem Touchscreen nahekommt [INDEX, 1.3.5] */
    [b-i68tckpjxq] .custom-html-btn.btn-back:hover {
        background-color: rgba(56, 189, 248, 0.1) !important; /* Zarter blauer Hintergrund-Schimmer */
        border-color: #38bdf8 !important; /* Rahmen schaltet auf Neon-Cyan um! */
        color: #ffffff !important; /* Text blüht im reinsten Weiß auf! */
        box-shadow: 0 0 14px rgba(56, 189, 248, 0.4) !important; /* Taktischer Kiosk-Licht-Ausstoß */
        transform: translateY(-1px); /* Minimaler haptischer Klick-Komfort */
    }

    [b-i68tckpjxq] .custom-html-btn.btn-back:active {
        transform: translateY(1px);
    }
[b-i68tckpjxq] .btn-save {
    background-color: #2e7d32 !important;
    box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2) !important;
}

    [b-i68tckpjxq] .btn-save:hover {
        background-color: #388e3c !important;
        transform: translateY(-1px);
    }

/* ========================================================== */
/* COCKPIT-POSITIONIERUNG FÜR DAS DASHBOARD-RETRO-AUGE        */
/* ========================================================== */
[b-i68tckpjxq] .dashboard-back-positioner {
    position: fixed !important; /* Löst sich aus dem Kapsel-Fokus */
    top: 16px !important; /* Perfekt bündig mit der Decken-Verankerung */
    right: 24px !important; /* Schiebt das Auge glasklar an die RECHTE Kante! */
    z-index: 99999 !important; /* Thront unantastbar an der Spitze des Stapels */
    width: 24px;
    height: 24px;
}

[b-i68tckpjxq] .back-link-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

    [b-i68tckpjxq] .back-link-btn svg {
        fill: #94A3B8 !important;
        width: 14px !important;
        height: 14px !important;
        transition: fill 0.2s ease !important;
    }

    /* Der glorreiche Captain-Hover: Reines, strahlendes Neon-Blau! */
    [b-i68tckpjxq] .back-link-btn:hover {
        border-color: rgba(56, 189, 248, 0.5) !important;
        background: rgba(30, 41, 59, 0.8) !important;
        transform: scale(1.08);
    }

        [b-i68tckpjxq] .back-link-btn:hover svg {
            fill: #38bdf8 !important;
            filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.6));
        }

/* ========================================================== */
/* 3. DIE REINEN NATIVEN REITER (TABS-BAR)                    */
/* ========================================================== */
[b-i68tckpjxq] .custom-tabs-panel {
    background-color: rgba(30, 41, 59, 0.75) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 2px solid #334155 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6) !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 140px); /* Dynamischer Raumfüller */
}

[b-i68tckpjxq] .tabs-header-bar {
    display: flex;
    background: rgba(15, 23, 42, 0.5) !important;
    border-bottom: 2px solid #334155 !important;
}

[b-i68tckpjxq] .tab-toggle-btn {
    background: transparent !important;
    border: none !important;
    color: #94A3B8 !important;
    padding: 16px 28px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.15s ease;
    outline: none;
}

    [b-i68tckpjxq] .tab-toggle-btn:hover {
        color: #ffffff !important;
        background: rgba(255, 255, 255, 0.02) !important;
    }

[b-i68tckpjxq] .active-tab {
    color: #38bdf8 !important; /* Föderations-Blau zündet! [INDEX] */
    background: rgba(30, 41, 59, 0.4) !important;
    box-shadow: inset 0 -3px 0 #38bdf8; /* Schicker Unterstrich-Effekt */
}

[b-i68tckpjxq] .custom-tab-panel-body {
    padding: 32px !important;
    overflow-y: auto;
    flex-grow: 1;
    box-sizing: border-box;
}

/* DEIN DASHBOARD-BACK-AUGE GEHÄUSE (Oben rechts verankert) [INDEX, 1.3.5] */
[b-i68tckpjxq] .dashboard-back-positioner {
    position: absolute !important;
    top: 12px !important;
    right: 24px !important;
    z-index: 99999 !important;
    width: 24px;
    height: 24px;
}

[b-i68tckpjxq] .back-link-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    text-decoration: none !important;
}

    [b-i68tckpjxq] .back-link-btn svg {
        fill: #94A3B8 !important;
        width: 14px !important;
        height: 14px !important;
    }
/* ========================================================== */
/* 4. DIE HOCHSKALIERTE FORMULAR-MATRIX                       */
/* ========================================================== */
[b-i68tckpjxq] .form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 2 synchrone Spalten */
    gap: 28px !important;
    width: 100%;
    box-sizing: border-box;
}

[b-i68tckpjxq] .form-field-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-i68tckpjxq] .full-width-field {
    grid-column: span 2 !important; /* Streckt das Feld über beide Spalten */
}

[b-i68tckpjxq] .custom-form-label {
    font-size: 14px;
    font-weight: bold;
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* DEINE UNQUE-SCHBAREN EINGABEFELDER IM KIOSK-LOOK */
[b-i68tckpjxq] .custom-html-input {
    width: 100%;
    color: #F8FAFC !important;
    background-color: rgba(30, 41, 59, 0.5) !important;
    border: 1px solid #334155 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-size: 1rem;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

    [b-i68tckpjxq] .custom-html-input:focus {
        border-color: #38bdf8 !important;
        box-shadow: 0 0 10px rgba(56, 189, 248, 0.15);
    }

/* Extra-Schliff für native Dropdowns */
[b-i68tckpjxq] .custom-html-select {
    cursor: pointer;
}

    [b-i68tckpjxq] .custom-html-select option {
        background-color: #0f172a !important; /* Dunkles Dropdown-Menü im Browser */
        color: #ffffff;
    }

/* DAS EURO-SYMBOL INJEKTIONSSYSTEM (ADORNMENT) */
[b-i68tckpjxq] .input-adornment-wrapper {
    position: relative;
    width: 100%;
}

[b-i68tckpjxq] .adornment-text {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #38bdf8;
    font-weight: bold;
    pointer-events: none;
}

[b-i68tckpjxq] .adornment-field .custom-html-input {
    padding-left: 36px !important; /* Platz für das €-Zeichen machen */
}

/* CHECKBOX INTEGRATION */
[b-i68tckpjxq] .checkbox-group {
    margin-top: 10px;
}

[b-i68tckpjxq] .custom-checkbox-container {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
}

[b-i68tckpjxq] .custom-html-checkbox {
    width: 20px;
    height: 20px;
    accent-color: #38bdf8; /* Modernes Neon-Blau für das Häkchen */
    cursor: pointer;
}

[b-i68tckpjxq] .checkbox-label-text {
    font-size: 1rem;
    color: #F8FAFC;
    font-weight: 500;
}

/* ========================================================== */
/* 5. ASYMMETRISCHES INTERACTIVE-FLEX (PRIZES & PLAYERS)      */
/* ========================================================== */
[b-i68tckpjxq] .asymmetric-tab-flex {
    display: flex !important;
    width: 100%;
    gap: 32px;
    align-items: flex-start;
}

/* Haupt-Content (Tabellen) bekommt stolze 82% Raum! [INDEX, 1.3.5] */
[b-i68tckpjxq] .flex-main-content-zone {
    flex: 0 0 82% !important;
    width: 82% !important;
    box-sizing: border-box;
}

/* Rechte Steuerungskonsole bekommt kompakte 18% [INDEX, 1.3.5] */
[b-i68tckpjxq] .flex-side-console-zone {
    flex: 0 0 18% !important;
    width: 18% !important;
    box-sizing: border-box;
}

[b-i68tckpjxq] .vertical-button-stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    [b-i68tckpjxq] .vertical-button-stack .custom-html-btn {
        width: 100% !important; /* Knöpfe füllen die Konsole perfekt aus */
        text-align: center;
    }

/* BUTTON VARIANTEN FÜR DIE KOMMANDOZENTRALE */
[b-i68tckpjxq] .btn-action-green {
    background-color: #2e7d32 !important;
    box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2) !important;
}

    [b-i68tckpjxq] .btn-action-green:hover:not([disabled]) {
        background-color: #388e3c !important;
        transform: translateY(-1px);
    }

[b-i68tckpjxq] .btn-action-blue {
    background-color: #0369a1 !important;
    box-shadow: 0 4px 12px rgba(3, 105, 161, 0.2) !important;
}

    [b-i68tckpjxq] .btn-action-blue:hover:not([disabled]) {
        background-color: #0284c7 !important;
        transform: translateY(-1px);
    }

[b-i68tckpjxq] .btn-action-red {
    background-color: #991b1b !important;
}

    [b-i68tckpjxq] .btn-action-red:hover:not([disabled]) {
        background-color: #b91c1c !important;
    }

[b-i68tckpjxq] .custom-html-btn[disabled] {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    background-color: #334155 !important;
    box-shadow: none !important;
}

/* ========================================================== */
/* 6. DIE SHUTTLE-TRANSFERSCHLEUSE (SPIELER-POOL)             */
/* ========================================================== */
[b-i68tckpjxq] .player-transfer-shuttle-container {
    width: 100%;
    background: rgba(15, 23, 42, 0.3);
    border: 1px solid rgba(56, 189, 248, 0.15);
    border-radius: 12px;
    padding: 20px;
    box-sizing: border-box;
}

[b-i68tckpjxq] .shuttle-header-zone {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[b-i68tckpjxq] .shuttle-title {
    font-size: 1.1rem;
    font-weight: bold;
}

[b-i68tckpjxq] .text-glow-blue {
    color: #38bdf8 !important;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
}

/* Kleine In-Shuttle-Suche */
[b-i68tckpjxq] .native-search-field-small {
    width: 100%;
    color: #F8FAFC !important;
    background-color: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid #334155 !important;
    border-radius: 6px !important;
    padding: 8px 34px 8px 12px !important;
    font-size: 0.85rem;
    outline: none;
    box-sizing: border-box;
}

    [b-i68tckpjxq] .native-search-field-small:focus {
        border-color: #38bdf8 !important;
    }

[b-i68tckpjxq] .search-field-icon-small {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #64748b;
    font-size: 0.8rem;
}

/* Die kompakte Shuttle-Tabelle */
[b-i68tckpjxq] .shuttle-table-scroll {
    max-height: 380px;
    overflow-y: auto;
    width: 100%;
}

:[b-i68tckpjxq] /* Perfekte Zentrierung für die Flaggen-Spalte innerhalb der Schleuse */
 .shuttle-table th{
    vertical-align: middle !important;
}
[b-i68tckpjxq] .shuttle-table td {
    color: #ffffff !important;
    font-weight: 500 !important;
    /* Vertikales Padding von 12px auf knackige 6px reduziert! */
    padding: 6px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
/* Gibt dem Plus-Button beim Hover einen eleganten Push-Effekt */
[b-i68tckpjxq] .shuttle-add-circle-btn {
    padding-right: 8px !important;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    [b-i68tckpjxq] .shuttle-add-circle-btn:hover {
        transform: scale(1.25) rotate(90deg); /* Rotiert dynamisch beim Drüberfahren! */
    }


/* DEBUG BLOCK */
[b-i68tckpjxq] .custom-debug-box {
    background: rgba(239, 68, 68, 0.05);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: 8px;
    padding: 14px;
    width: 100%;
    box-sizing: border-box;
}

[b-i68tckpjxq] .small-label {
    font-size: 11px !important;
}

[b-i68tckpjxq] .input-small {
    padding: 6px 10px !important;
    font-size: 0.9rem !important;
}

/* GLOBALE MELDUNGEN */
[b-i68tckpjxq] .loading-state-msg {
    color: #94a3b8;
    padding: 40px;
    font-weight: 500;
    text-align: center;
    font-size: 1.1rem;
}
/* DIE ULTIMATIVE INVERTIERUNG DER RECHTEN UP/DOWN PFEILE */

/* Für Chrome, Edge, Safari und alle Chromium-Browser */
[b-i68tckpjxq] .custom-html-input::-webkit-inner-spin-button,
[b-i68tckpjxq] .custom-html-input::-webkit-outer-spin-button {
    /* filter: invert(1) dreht das Weiß der Pfeile in ein edles Schwarz, 
       und das Schwarz der Box in ein helles Weiß – genau farblich umgekehrt! */
    filter: invert(1) !important;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.15s ease;
    margin-right: 4px;
}

    [b-i68tckpjxq] .custom-html-input::-webkit-inner-spin-button:hover {
        opacity: 1 !important;
    }

/* Für Firefox (Deine Haupt-Kommandozentrale!) */
/* Firefox hat ein eigenes Kontrollsystem. Wir zwingen die Pfeile, 
   sich farblich an das edle Dunkelblau deines Eingabefeldes anzupassen! */
[b-i68tckpjxq] input[type="number"] {
    color-scheme: dark !important; /* Befiehlt Firefox, die internen Steuerelemente im Dark-Mode zu zeichnen! */
}
/* ========================================================== */
/* 8. PLAYERS VIEW-ER TABLE MATRIX (100% REINE KIOSK-WUCHT)   */
/* ========================================================== */
[b-i68tckpjxq] .players-viewer-scroll-container {
    width: 100% !important; /* Streckt sich über die vollen 82% der linken Zone */
    max-height: 480px;
    overflow-y: auto;
    background: rgba(15, 23, 42, 0.3) !important;
    border: 1px solid rgba(56, 189, 248, 0.1) !important;
    border-radius: 12px;
    padding: 12px;
    box-sizing: border-box;
}

[b-i68tckpjxq] .players-viewer-matrix {
    width: 100% !important;
    border-collapse: collapse;
}

    [b-i68tckpjxq] .players-viewer-matrix th {
        background: #131c2e !important;
        color: #38bdf8 !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 14px 16px !important;
        border-bottom: 2px solid rgba(56, 189, 248, 0.3) !important;
    }

    /* 2. DAS „DENSE“-TUNING FÜR DIE TURNIER-SPIELER (SEKTOR 8) */
    [b-i68tckpjxq] .players-viewer-matrix td {
        /* Vertikales Padding von 16px auf schlanke 8px halbiert! */
        padding: 8px 16px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        font-size: 1.05rem !important;
        vertical-align: middle;
    }

        [b-i68tckpjxq] .players-viewer-matrix tr:hover {
            background-color: rgba(255, 255, 255, 0.02) !important;
        }

[b-i68tckpjxq] .player-idx-badge {
    font-weight: bold;
    color: #64748b !important;
}

/* Dynamisches Geschlechter-Text-Farben-Kabel */
[b-i68tckpjxq] .player-name-cell.sex-w {
    color: #f472b6 !important;
}
/* Dein dezentes Damen-Rosa */
[b-i68tckpjxq] .player-name-cell.sex-m {
    color: #e2e8f0 !important;
}
/* Reines Weiß für die Herren */

/* GIGANTISCHER GLOW FÜR DIE SEX-SYMBOLE */
[b-i68tckpjxq] .sex-symbol {
    font-size: 1.4rem;
    font-weight: bold;
    user-select: none;
}

[b-i68tckpjxq] .sex-w-glow {
    color: #f472b6 !important;
    text-shadow: 0 0 10px rgba(244, 114, 182, 0.6);
}

[b-i68tckpjxq] .sex-m-glow {
    color: #60a5fa !important;
    text-shadow: 0 0 10px rgba(96, 165, 250, 0.6);
}

[b-i68tckpjxq] .player-bonus-number {
    font-family: monospace;
    font-weight: bold;
    color: #fbbf24 !important; /* Goldener Bonus-Glow */
}

[b-i68tckpjxq] .no-players-placeholder {
    color: #94a3b8;
    padding: 32px;
    text-align: center;
    font-weight: 500;
}
/* UNSER ERFOLGREICHER SPIELER-VIEWER (SEKTOR 8) */
[b-i68tckpjxq] .players-viewer-scroll-container {
    width: 100% !important;
    /* Von 480px hochgeschraubt auf eine flexible calc-Formel, 
       die den gesamten restlichen Platz der Kachel dynamisch ausnutzt! */
    height: calc(100vh - 270px) !important;
    max-height: 780px !important;
    overflow-y: auto;
    background: rgba(15, 23, 42, 0.3) !important;
    border: 1px solid rgba(56, 189, 248, 0.1) !important;
    border-radius: 12px;
    padding: 12px;
    box-sizing: border-box;
}

/* SPIEGELBILCHLICH FÜR DIE PREISE (SEKTOR 7) */
[b-i68tckpjxq] .prizes-table-scroll-container {
    width: 100% !important;
    height: calc(100vh - 270px) !important;
    max-height: 680px !important;
    overflow-y: auto;
    background: rgba(15, 23, 42, 0.3) !important;
    border: 1px solid rgba(56, 189, 248, 0.1) !important;
    border-radius: 12px;
    padding: 12px;
    box-sizing: border-box;
}

/* AUCH FÜR DIE TRANSFERSCHLEUSE IM POOL (FALLS GEÖFFNET) */
[b-i68tckpjxq] .shuttle-table-scroll {
    height: calc(100vh - 340px) !important;
    max-height: 600px !important;
    overflow-y: auto;
    width: 100%;
}
/* HIGH-CONTRAST FLUTLICHT FÜR DIE NAMEN IN DER TRANSFERSCHLEUSE */

/* Zwingt den Vornamen in das leuchtende Föderations-Blau [INDEX] */
[b-i68tckpjxq] .shuttle-table .player-highlight-name {
    color: #38bdf8 !important;
    font-weight: 700 !important;
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.2);
}

/* Zwingt den Nachnamen (und alle Standard-Zellen der Shuttle-Tabelle) in reinstes Kristall-Weiß! [INDEX, 1.3.5] */
[b-i68tckpjxq] .shuttle-table td {
    color: #ffffff !important; /* Schluss mit der Blässe! [INDEX, 1.3.5] */
    font-weight: 500 !important;
    padding: 12px 10px !important; /* Minimal erhöht für wuchtigere Kiosk-Lesbarkeit */
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Schicker Zeilen-Hover im Pool, damit man genau sieht, wo man hinklickt */
[b-i68tckpjxq] .shuttle-table tr:hover {
    background-color: rgba(56, 189, 248, 0.04) !important;
}
/* DIE HELLIGKEITS-RETTUNG FÜR DEN TRANSFERSCHLEUSEN-HEADER */
[b-i68tckpjxq] .shuttle-table th {
    padding: 12px 10px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #131c2e !important; /* Behält deinen soliden, dunklen Kopfzeilen-Boden */
    /* DIE RETTUNG: Ein sauberes, helles Graublau mit exzellentem Kontrast! */
    color: #94A3B8 !important;
    border-bottom: 2px solid rgba(56, 189, 248, 0.3) !important; /* Leuchtende Trennlinie */
}
/* ========================================================== */
/* 9. NATIVE PREMIUM MODAL INTERFACE (MATSCHFREI!)            */
/* ========================================================== */
.custom-modal-overlay[b-i68tckpjxq] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(10, 15, 30, 0.7) !important; /* Dämpft das Hintergrund-Universum ab */
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 999999 !important; /* Thront über absolut ALLEM im Cockpit! */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
}

.custom-modal-content[b-i68tckpjxq] {
    background: rgba(30, 41, 59, 0.9) !important; /* Sattes, edles Milchglas */
    border: 2px solid #38bdf8 !important; /* Leuchtender Föderations-Neonrahmen! [INDEX] */
    border-radius: 16px !important;
    width: 100%;
    max-width: 550px; /* Kompakte, schicke Popup-Breite */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: modalFadeIn-b-i68tckpjxq 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-header[b-i68tckpjxq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: rgba(15, 23, 42, 0.6) !important;
    border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;
}

    .modal-header h3[b-i68tckpjxq] {
        margin: 0;
        font-size: 1.3rem;
        font-weight: bold;
        color: #F8FAFC;
        text-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
    }

.modal-close-x[b-i68tckpjxq] {
    background: transparent !important;
    border: none !important;
    color: #94A3B8;
    font-size: 1.2rem;
    cursor: pointer;
    transition: color 0.15s ease;
}

    .modal-close-x:hover[b-i68tckpjxq] {
        color: #ef4444 !important;
    }

.modal-body-container[b-i68tckpjxq] {
    padding: 24px;
    color: #ffffff;
    max-height: 60vh;
    overflow-y: auto;
}

.modal-footer[b-i68tckpjxq] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px;
    background: rgba(15, 23, 42, 0.4) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[b-i68tckpjxq] .dialog-actions-container {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 16px !important; /* Gibt den Buttons Platz zum Atmen */
    margin-top: 24px !important;
    width: 100%;
}

[b-i68tckpjxq] .custom-modal-content .dialog-actions-container {
    display: flex !important;
    /* Zwingt das übergeordnete Modal-Gefüge, die Buttons absolut 
       mittig und ohne Kompromisse auszurichten! [INDEX, 1.3.5] */
    justify-content: center !important;
    align-items: center !important;
    gap: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Wenn die Schließ-Phase eingeleitet wird, zündet das Ausfliegen! */
[b-i68tckpjxq] .custom-modal-overlay.closing {
    opacity: 0 !important;
}

[b-i68tckpjxq] .custom-modal-content.closing {
    /* Ruft dein neues Drehbuch für exakt 0.4 Sekunden ab! */
    animation: modalFadeOut-b-i68tckpjxq 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

/* Einflug-Animation für Kiosk-Wucht */
@keyframes modalFadeIn-b-i68tckpjxq {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes modalFadeOut-b-i68tckpjxq {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    to {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
}
/* _content/Kratzerturnier.BlazorUI/Components/Pages/SettingsChoice.razor.rz.scp.css */

/* 1. DER GLOBALE SPEICHERSCHUTZ */
html[b-3x8rt0fc1t], body[b-3x8rt0fc1t] {
    background-color: #0c111d !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.kiosk-master-screen[b-3x8rt0fc1t] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #0c111d !important;
    z-index: 99990 !important;
    overflow-y: auto !important;
}

/* 2. DAS ROTIERENDE HOLOGRAMM-BOARD */
#bg-video[b-3x8rt0fc1t] {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80vw !important;
    height: 80vh !important;
    object-fit: contain !important;
    z-index: 1 !important;
    pointer-events: none;
    mix-blend-mode: screen;
}

.video-overlay[b-3x8rt0fc1t] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: rgba(10, 15, 30, 0.75) !important;
    pointer-events: none;
}

/* 3. DER SEKTOR-BASIS-WRAPPER */
.settings-page-wrapper[b-3x8rt0fc1t] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 24px;
    position: relative !important;
    z-index: 100 !important;
    box-sizing: border-box;
    font-family: system-ui, -apple-system, sans-serif;
}

.style-header-container[b-3x8rt0fc1t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 16px;
}

.custom-page-title[b-3x8rt0fc1t] {
    font-size: 28px !important;
    font-weight: bold !important;
    color: #F8FAFC !important;
    margin: 0;
    text-shadow: 0 0 15px rgba(56, 189, 248, 0.4);
}

.custom-html-btn[b-3x8rt0fc1t] {
    background-color: #38bdf8 !important;
    color: #0f172a !important;
    font-weight: bold !important;
    border: none !important;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    box-shadow: 0 4px 14px rgba(56, 189, 248, 0.4);
    transition: all 0.2s ease;
}

    .custom-html-btn:hover[b-3x8rt0fc1t] {
        background-color: #0ea5e9 !important;
        transform: translateY(-2px);
    }

/* 4. NATIVE EXPANDER IM PREMIUM MILCHGLAS-LOOK */
.custom-html-panel[b-3x8rt0fc1t] {
    background: rgba(30, 41, 59, 0.6) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(56, 189, 248, 0.18) !important;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.panel-summary[b-3x8rt0fc1t] {
    padding: 18px 24px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffffff !important;
    cursor: pointer;
    background: rgba(15, 23, 42, 0.45);
    user-select: none;
    outline: none;
    list-style: none;
}

    .panel-summary[b-3x8rt0fc1t]::-webkit-details-marker {
        display: none;
    }

    .panel-summary[b-3x8rt0fc1t]::before {
        content: "▶";
        display: inline-block;
        margin-right: 12px;
        color: #38bdf8;
        transition: transform 0.4s ease;
        font-size: 0.9rem;
    }

.custom-html-panel[open] .panel-summary[b-3x8rt0fc1t]::before {
    transform: rotate(90deg);
}

.panel-content[b-3x8rt0fc1t] {
    padding: 24px;
    background: rgba(15, 23, 42, 0.15);
}

/* 5. HIGH-CONTRAST TABELLEN MATRIX */
.custom-html-table[b-3x8rt0fc1t] {
    width: 100%;
    border-collapse: collapse;
    color: #ffffff;
    text-align: left;
}

    .custom-html-table th[b-3x8rt0fc1t] {
        padding: 14px 12px;
        color: #38bdf8 !important;
        font-weight: bold;
        border-bottom: 2px solid rgba(56, 189, 248, 0.3);
    }

    .custom-html-table td[b-3x8rt0fc1t] {
        padding: 8px 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        color: #ffffff !important;
    }

    .custom-html-table tr:hover[b-3x8rt0fc1t] {
        background: rgba(255, 255, 255, 0.03) !important;
    }

.cell-id[b-3x8rt0fc1t] {
    font-family: monospace;
    color: #cbd5e1 !important;
}

.tournament-name-highlight[b-3x8rt0fc1t] {
    font-weight: bold;
    color: #38bdf8 !important;
}

/* ACTION BUTTONS */
.actions-wrapper[b-3x8rt0fc1t] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.action-ico-btn[b-3x8rt0fc1t] {
    background: rgba(30, 41, 59, 0.8) !important;
    border: 1px solid #475569 !important;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.9rem;
    cursor: pointer;
}

    .action-ico-btn:hover[b-3x8rt0fc1t] {
        border-color: #38bdf8 !important;
        transform: scale(1.08);
    }

    .action-ico-btn.btn-delete:hover[b-3x8rt0fc1t] {
        border-color: #ef4444 !important;
        background: rgba(239, 68, 68, 0.1) !important;
    }

/* POSITIONIERUNG FÜR DAS DASHBOARD-BACK-AUGE */
.dashboard-back-positioner[b-3x8rt0fc1t] {
    position: absolute !important;
    top: 12px !important;
    right: 24px !important;
    z-index: 99999 !important;
    width: 24px;
    height: 24px;
}

.back-link-btn[b-3x8rt0fc1t] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    text-decoration: none !important;
}

    .back-link-btn svg[b-3x8rt0fc1t] {
        fill: #94A3B8 !important;
        width: 14px !important;
        height: 14px !important;
    }


/* _content/Kratzerturnier.BlazorUI/Components/Pages/TournamentSelect.razor.rz.scp.css */
/* ========================================================== */
/* 1. SEKTOR-BASIS, COCKPIT-WRAPPER & VIDEO (UNBLOCKIERBAR)  */
/* ========================================================== */
[b-opk6kdjkev] html, [b-opk6kdjkev] body {
    overflow: hidden !important;
    height: 100vh !important;
    background-color: #0c111d !important;
    margin: 0;
    padding: 0;
}

[b-opk6kdjkev] #bg-video {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80vw !important;
    height: 80vh !important;
    object-fit: contain !important;
    z-index: 1 !important;
    pointer-events: none;
    mix-blend-mode: screen;
    opacity: 0.3;
}

[b-opk6kdjkev] .video-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: rgba(15, 23, 42, 0.4) !important;
    pointer-events: none;
}

[b-opk6kdjkev] .tournaments-page-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 100 !important; /* Thront sicher vor dem Video [INDEX, 1.3.5] */
    padding: 40px !important;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    font-family: system-ui, -apple-system, sans-serif;
}

[b-opk6kdjkev] .tournaments-main-container {
    width: 100%;
    max-width: 1100px; /* Perfekt synchrone Breite zu den Settings [INDEX, 1.3.5] */
    display: flex;
    flex-direction: column;
    height: 100%;
}

[b-opk6kdjkev] .custom-page-title {
    font-size: 32px !important;
    font-weight: bold !important;
    color: #F8FAFC !important;
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
}

/* ========================================================== */
/* 2. DIE REINEN NATIVEN AKKORDEON-RIEGEL                     */
/* ========================================================== */
[b-opk6kdjkev] .custom-panels-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px; /* Eleganter Abstand zwischen den drei Sektoren [INDEX, 1.3.5] */
}

[b-opk6kdjkev] .custom-panel-accordion {
    background-color: rgba(30, 41, 59, 0.75) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 2px solid #334155 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    overflow: hidden;
    transition: border-color 0.2s ease;
}

/* Klickbarer Kopfbalken */
[b-opk6kdjkev] .panel-toggle-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: rgba(15, 23, 42, 0.3) !important;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease;
}

    [b-opk6kdjkev] .panel-toggle-header:hover {
        background: rgba(255, 255, 255, 0.02) !important;
    }

[b-opk6kdjkev] .panel-header-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #94A3B8; /* Edles Standard-Silber */
    letter-spacing: 0.5px;
}

/* DER FLÜSSIG ROTIERENDE CHEVRON-PFEIL [INDEX, 1.3.5] */
[b-opk6kdjkev] .panel-chevron-icon {
    width: 24px;
    height: 24px;
    fill: #94A3B8;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), fill 0.2s ease;
}

/* WENN EIN SEKTOR GEÖFFNET IST: LICHT AN! [INDEX, 1.3.5] */
[b-opk6kdjkev] .panel-expanded {
    border-color: #334155 !important;
}

    [b-opk6kdjkev] .panel-expanded .panel-header-title {
        color: #38bdf8 !important; /* Leuchtendes Föderations-Blau bei Aktivierung [INDEX] */
        text-shadow: 0 0 10px rgba(56, 189, 248, 0.25);
    }

    [b-opk6kdjkev] .panel-expanded .panel-chevron-icon {
        transform: rotate(180deg); /* Pfeil flippt flüssig nach oben! [INDEX, 1.3.5] */
        fill: #38bdf8;
    }

/* ========================================================== */
/* COCKPIT-POSITIONIERUNG FÜR DAS DASHBOARD-RETRO-AUGE        */
/* ========================================================== */
[b-opk6kdjkev] .dashboard-back-positioner {
    position: fixed !important; /* Löst den Button dauerhaft aus allen Rastern heraus */
    top: 16px !important; /* Millimetergenau bündig mit der Decken-Verankerung */
    right: 24px !important; /* Zwingt das Auge unbarmherzig an die RECHTE Kante! [INDEX, 1.3.5] */
    z-index: 99999 !important; /* Thront unantastbar über dem Video und allen Panels [INDEX, 1.3.5] */
    width: 24px !important;
    height: 24px !important;
    display: block !important;
}


[b-opk6kdjkev] .back-link-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 24px !important;
    height: 24px !important;
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
    text-decoration: none !important;
}

    [b-opk6kdjkev] .back-link-btn svg {
        fill: #94A3B8 !important;
        width: 14px !important;
        height: 14px !important;
    }

    [b-opk6kdjkev] .back-link-btn:hover {
        border-color: rgba(56, 189, 248, 0.5) !important;
        background: rgba(30, 41, 59, 0.8) !important;
        transform: scale(1.08);
    }

        [b-opk6kdjkev] .back-link-btn:hover svg {
            fill: #38bdf8 !important;
            filter: drop-shadow(0 0 4px rgba(56, 189, 248, 0.6));
        }
/* ========================================================== */
/* 3. DER AUSROLLBARE BAUCH (CONTENT-SLOT) & SCHLEUSEN        */
/* ========================================================== */
[b-opk6kdjkev] .panel-content-body {
    max-height: 0; /* Standardmäßig komplett unsichtbar und eingeklappt */
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s ease;
    padding: 0 24px;
    box-sizing: border-box;
    background: rgba(15, 23, 42, 0.15);
}

/* WENN DAS AKKORDEON ERWEITERT WIRD: ENTFALTUNG! [INDEX, 1.3.5] */
[b-opk6kdjkev] .panel-expanded .panel-content-body {
    max-height: 480px; /* Gibt der inneren Tabelle massig Raum zum Atmen */
    padding: 20px 24px 24px 24px;
}

/* Der schwebende Scroll-Kessel für Kiosk-Symmetrie [INDEX, 1.3.5] */
[b-opk6kdjkev] .table-scroll-container {
    width: 100%;
    max-height: 380px; /* Perfekt austariert für Laptop-Monitore */
    overflow-y: auto;
    border-radius: 8px;
}

/* ========================================================== */
/* 4. DIE MATSCHFREIE KRISTALL-MATRIZE (TABELLEN)             */
/* ========================================================== */
[b-opk6kdjkev] .custom-html-table {
    width: 100%;
    border-collapse: collapse;
    color: #E2E8F0;
    text-align: left;
}

    /* Fixed Header: Bleibt beim Scrollen starr oben kleben! [INDEX, 1.3.5] */
    [b-opk6kdjkev] .custom-html-table th {
        position: sticky;
        top: 0;
        background: #182235 !important; /* Verhindert durchscheinende Daten beim Scrollen */
        color: #94A3B8 !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 12px 16px !important;
        border-bottom: 2px solid #334155 !important;
        z-index: 5;
    }

    [b-opk6kdjkev] .custom-html-table td {
        border-bottom: 1px solid rgba(51, 65, 85, 0.3) !important;
        color: #E2E8F0 !important;
        padding: 10px 16px !important; /* Dichtes, kompaktes "Dense"-Format voreingestellt! */
        vertical-align: middle;
        font-size: 1rem;
    }

    [b-opk6kdjkev] .custom-html-table tr:hover {
        background-color: rgba(255, 255, 255, 0.02) !important;
    }

/* EXZELLENTER SPEZIAL-KONTRAST FÜR KIOSK-DOMINANZ */
[b-opk6kdjkev] .tournament-name-highlight {
    font-weight: bold !important;
    color: #F8FAFC !important; /* Kristallweiß bricht durch die Dunkelheit! [INDEX, 1.3.5] */
}

[b-opk6kdjkev] .cell-id {
    font-family: monospace;
    color: #64748b !important;
}

[b-opk6kdjkev] .cell-nr {
    font-weight: bold;
    color: #64748b !important;
}

[b-opk6kdjkev] .cell-boards-amount {
    font-family: monospace;
    font-weight: bold;
    color: #e2e8f0;
}

[b-opk6kdjkev] .venue-cell {
    font-weight: 500;
    color: #94a3b8;
}

[b-opk6kdjkev] .text-center {
    text-align: center;
}

/* REINE HOCHMODERNE STATUS-BADGES [INDEX, 1.3.5] */
[b-opk6kdjkev] .status-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    [b-opk6kdjkev] .status-badge.running-glow {
        background: rgba(245, 158, 11, 0.15) !important; /* Warmes Bernstein-Orange */
        border: 1px solid rgba(245, 158, 11, 0.4) !important;
        color: #f59e0b !important;
        text-shadow: 0 0 8px rgba(245, 158, 11, 0.3);
    }

    [b-opk6kdjkev] .status-badge.ended-glow {
        background: rgba(74, 222, 128, 0.12) !important; /* Sattes Sieger-Grün */
        border: 1px solid rgba(74, 222, 128, 0.3) !important;
        color: #4ade80 !important;
        text-shadow: 0 0 8px rgba(74, 222, 128, 0.3);
    }

/* ========================================================== */
/* 5. DIE KOMMANDO-ACTION BUTTONS (STARTTIEFENMESSER)        */
/* ========================================================== */
[b-opk6kdjkev] .actions-wrapper {
    display: flex;
    justify-content: center;
}

[b-opk6kdjkev] .action-ico-btn {
    background-color: rgba(30, 41, 59, 0.8) !important;
    border: 1px solid #475569 !important;
    color: #94A3B8 !important;
    border-radius: 6px;
    padding: 6px 16px;
    font-size: 1.1rem;
    cursor: pointer;
    line-height: 1;
    transition: all 0.2s ease !important;
}

    /* Wenn das Turnier bereit für den Pfeilhagel ist, zündet der Neon-Glow! */
    [b-opk6kdjkev] .action-ico-btn.btn-go-tour:hover:not([disabled]) {
        background-color: #38BDF8 !important; /* Leuchtet wunderschön neonblau! [INDEX] */
        border-color: #38BDF8 !important;
        color: #0F172A !important;
        box-shadow: 0 0 12px rgba(56, 189, 248, 0.6) !important;
        transform: scale(1.05);
    }

    /* HARDWARE-WÄCHTER: Wenn Turniersets unvollständig sind (Wichtig für dein disabled!) [INDEX, 1.3.5] */
    [b-opk6kdjkev] .action-ico-btn[disabled] {
        opacity: 0.25 !important;
        cursor: not-allowed !important;
        background-color: #1e293b !important;
        border-color: #334155 !important;
        color: #475569 !important;
        box-shadow: none !important;
    }

/* PLATZHALTER & INFOS */
[b-opk6kdjkev] .empty-panel-msg, [b-opk6kdjkev] .inner-loading-msg {
    color: #64748b;
    padding: 24px;
    text-align: center;
    font-weight: 500;
    font-style: italic;
}

/* ========================================================== */
/* 6. DEIN NEON-BLAUER SCROLLBAR-STYLING ANKER                */
/* ========================================================== */
[b-opk6kdjkev] .table-scroll-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

[b-opk6kdjkev] .table-scroll-container::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.3);
    border-radius: 4px;
}

[b-opk6kdjkev] .table-scroll-container::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.3); /* Das Neon-Blau, dezent transparent [INDEX] */
    border-radius: 4px;
}

    [b-opk6kdjkev] .table-scroll-container::-webkit-scrollbar-thumb:hover {
        background: rgba(56, 189, 248, 0.6);
    }
/* _content/Kratzerturnier.BlazorUI/Components/ScratchDialogs/CancelActionDialog.razor.rz.scp.css */
.custom-modal-overlay[b-cdf6xrkme0] {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(10, 15, 30, 0.7) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 999999 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: opacity 0.4s ease, visibility 0.4s ease !important;
}

.custom-modal-content[b-cdf6xrkme0] {
    background: rgba(30, 41, 59, 0.9) !important;
    border: 2px solid #f97316 !important; /* Warnendes Orange als Außenring */
    border-radius: 16px !important;
    width: 100%;
    max-width: 450px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: modalFadeIn-b-cdf6xrkme0 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* WENN DIE SCHLIESS-PHASE ZÜNDET (DEIN 500MS TIMEOUT) [INDEX, 1.3.5] */
.custom-modal-overlay.closing[b-cdf6xrkme0] {
    opacity: 0 !important;
}

.custom-modal-content.closing[b-cdf6xrkme0] {
    animation: modalFadeOut-b-cdf6xrkme0 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

.dialog-header-zone[b-cdf6xrkme0] {
    background: rgba(15, 23, 42, 0.4);
    padding: 16px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    gap: 12px;
}

.dialog-title-text[b-cdf6xrkme0] {
    margin: 0;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #f97316 !important; /* Orange-Warn-Glow */
    text-shadow: 0 0 10px rgba(249, 115, 22, 0.2);
    text-transform: uppercase;
}

.dialog-body-msg[b-cdf6xrkme0] {
    padding: 24px;
    color: #e2e8f0 !important;
    font-size: 1.15rem !important;
    font-weight: 600;
    text-align: center;
}

/* BUTTON-STEUERUNG UNTEN */
.dialog-actions-container[b-cdf6xrkme0] {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 16px 24px 24px 24px;
    background: rgba(15, 23, 42, 0.2);
}

.custom-html-btn[b-cdf6xrkme0] {
    padding: 10px 24px !important;
    font-size: 0.95rem !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    min-width: 110px;
    cursor: pointer;
    transition: all 0.2s ease !important;
}

/* ABBRUCH BESTÄTIGEN: ROTER ALARM-KNOPF [INDEX, 1.3.5] */
.btn-action-yes[b-cdf6xrkme0] {
    background-color: #991b1b !important;
    border: 1px solid #ef4444 !important;
    color: #ffffff !important;
}

    .btn-action-yes:hover[b-cdf6xrkme0] {
        background-color: #ef4444 !important;
        box-shadow: 0 0 14px rgba(239, 68, 68, 0.6) !important;
        transform: translateY(-1px);
    }

/* ZURÜCK / ABBRECHEN BUTTON */
.btn-action-cancel[b-cdf6xrkme0] {
    background-color: rgba(71, 85, 105, 0.4) !important;
    border: 1px solid #475569 !important;
    color: #94A3B8 !important;
}

    .btn-action-cancel:hover[b-cdf6xrkme0] {
        background-color: rgba(255, 255, 255, 0.05) !important;
        border-color: #94a3b8 !important;
        color: #ffffff !important;
    }

/* THE OSCARS DREHBÜCHER [INDEX, 1.3.5] */
@keyframes modalFadeIn-b-cdf6xrkme0 {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes modalFadeOut-b-cdf6xrkme0 {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    to {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
}
/* _content/Kratzerturnier.BlazorUI/Components/ScratchDialogs/CopyPlayersPrompt.razor.rz.scp.css */
.prompt-text-container[b-9293oy6ovm] {
    padding: 16px 8px;
    color: #F8FAFC !important;
    font-size: 1.1rem;
    font-weight: 500;
    text-align: center;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.2);
}

/* DIE UNBIEGSAME GEOMETRISCHE MITTE FOR DIE BUTTONS [INDEX, 1.3.5] */
.dialog-actions-container[b-9293oy6ovm] {
    display: flex !important;
    justify-content: center !important; /* Macht Schluss mit dem Linksdrall und zentriert perfekt! */
    gap: 24px !important; /* Etwas mehr Abstand zwischen YES und NO für Kiosk-Komfort */
    margin-top: 24px !important;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 20px !important;
}


/* Der unbarmherzige Abbruch-Knopf im Alarm-Glow */
.btn-prompt-no[b-9293oy6ovm] {
    background-color: rgba(71, 85, 105, 0.4) !important;
    border: 1px solid #475569 !important;
    color: #94A3B8 !important;
    cursor: pointer;
    padding: 10px 32px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    transition: all 0.2s ease !important;
}

    .btn-prompt-no:hover[b-9293oy6ovm] {
        background-color: rgba(239, 68, 68, 0.15) !important;
        border-color: #ef4444 !important;
        color: #ef4444 !important;
        transform: translateY(-1px);
        box-shadow: 0 0 12px rgba(239, 68, 68, 0.4) !important;
    }
/* _content/Kratzerturnier.BlazorUI/Components/ScratchDialogs/PlayerDialog.razor.rz.scp.css */

.dialog-form-container[b-7x0ljjyhg2] {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.form-grid[b-7x0ljjyhg2] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    width: 100%;
    box-sizing: border-box;
}

.form-field-group[b-7x0ljjyhg2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.full-width-field[b-7x0ljjyhg2] {
    grid-column: span 2 !important;
}

/* GESCHLECHTER-RADIO-MATRIX */
.sex-radio-group[b-7x0ljjyhg2] {
    display: flex;
    gap: 16px;
    margin-top: 4px;
}

.custom-radio-label[b-7x0ljjyhg2] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
}

.radio-m[b-7x0ljjyhg2] {
    color: #60a5fa !important;
    text-shadow: 0 0 8px rgba(96, 165, 250, 0.3);
}

.radio-w[b-7x0ljjyhg2] {
    color: #f472b6 !important;
    text-shadow: 0 0 8px rgba(244, 114, 182, 0.3);
}

.custom-html-radio[b-7x0ljjyhg2] {
    width: 18px;
    height: 18px;
    accent-color: #38bdf8;
    cursor: pointer;
}

/* AUTOCOMPLETE-ERSATZ: NATIVES SELECT MIT FLAGGEN-GEHÄUSE [INDEX, 1.3.5] */
.country-select-wrapper[b-7x0ljjyhg2] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.live-flag-preview[b-7x0ljjyhg2] {
    width: 35px;
    height: 22px;
    min-width: 35px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.4);
}

    .live-flag-preview svg[b-7x0ljjyhg2] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* AKTIONSTASTEN UNTEN */
.dialog-actions-container[b-7x0ljjyhg2] {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 32px !important;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 20px !important;
}

.btn-dialog-cancel[b-7x0ljjyhg2] {
    background-color: rgba(71, 85, 105, 0.4) !important;
    border: 1px solid #475569 !important;
    color: #94A3B8 !important;
    cursor: pointer;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    transition: all 0.2s ease !important;
}

    .btn-dialog-cancel:hover[b-7x0ljjyhg2] {
        background-color: rgba(239, 68, 68, 0.15) !important;
        border-color: #ef4444 !important;
        color: #ef4444 !important;
        transform: translateY(-1px);
        box-shadow: 0 0 12px rgba(239, 68, 68, 0.4) !important;
    }

.btn-action-blue[b-7x0ljjyhg2] {
    background-color: #0369a1 !important;
    box-shadow: 0 4px 12px rgba(3, 105, 161, 0.2) !important;
}

    .btn-action-blue:hover[b-7x0ljjyhg2] {
        background-color: #0284c7 !important;
        transform: translateY(-1px);
    }

/* _content/Kratzerturnier.BlazorUI/Components/ScratchDialogs/PoolPlayerDialog.razor.rz.scp.css */

.dialog-form-container[b-n8rhhn1ac6] {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.form-grid[b-n8rhhn1ac6] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    width: 100%;
    box-sizing: border-box;
}

.form-field-group[b-n8rhhn1ac6] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.full-width-field[b-n8rhhn1ac6] {
    grid-column: span 2 !important;
}

/* GESCHLECHTER-RADIO-MATRIX */
.sex-radio-group[b-n8rhhn1ac6] {
    display: flex;
    gap: 16px;
    margin-top: 4px;
}

.custom-radio-label[b-n8rhhn1ac6] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
}

.radio-m[b-n8rhhn1ac6] {
    color: #60a5fa !important;
    text-shadow: 0 0 8px rgba(96, 165, 250, 0.3);
}

.radio-w[b-n8rhhn1ac6] {
    color: #f472b6 !important;
    text-shadow: 0 0 8px rgba(244, 114, 182, 0.3);
}

.custom-html-radio[b-n8rhhn1ac6] {
    width: 18px;
    height: 18px;
    accent-color: #38bdf8;
    cursor: pointer;
}

/* AUTOCOMPLETE-ERSATZ: NATIVES SELECT MIT FLAGGEN-GEHÄUSE [INDEX, 1.3.5] */
.country-select-wrapper[b-n8rhhn1ac6] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.live-flag-preview[b-n8rhhn1ac6] {
    width: 35px;
    height: 22px;
    min-width: 35px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.4);
}

    .live-flag-preview svg[b-n8rhhn1ac6] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* AKTIONSTASTEN UNTEN */
.dialog-actions-container[b-n8rhhn1ac6] {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 32px !important;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-top: 20px !important;
}

.btn-dialog-cancel[b-n8rhhn1ac6] {
    background-color: rgba(71, 85, 105, 0.4) !important;
    border: 1px solid #475569 !important;
    color: #94A3B8 !important;
    cursor: pointer;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 8px;
    transition: all 0.2s ease !important;
}

    .btn-dialog-cancel:hover[b-n8rhhn1ac6] {
        background-color: rgba(239, 68, 68, 0.15) !important;
        border-color: #ef4444 !important;
        color: #ef4444 !important;
        transform: translateY(-1px);
        box-shadow: 0 0 12px rgba(239, 68, 68, 0.4) !important;
    }

.btn-action-blue[b-n8rhhn1ac6] {
    background-color: #0369a1 !important;
    box-shadow: 0 4px 12px rgba(3, 105, 161, 0.2) !important;
}

    .btn-action-blue:hover[b-n8rhhn1ac6] {
        background-color: #0284c7 !important;
        transform: translateY(-1px);
    }
/* _content/Kratzerturnier.BlazorUI/Components/TheTournament/PlayTournament.razor.rz.scp.css */
/* ========================================================== */
/* KIOSK SEITEN-KONSOLEN (LINKS & RECHTS SYNCHRON)            */
/* ========================================================== */
.custom-side-console[b-ye080g65rx] {
    background: rgba(30, 41, 59, 0.4) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(148, 163, 184, 0.1) !important;
    border-radius: 12px;
    padding: 16px 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.kiosk-stack-vertical[b-ye080g65rx] {
    display: flex;
    flex-direction: column;
    gap: 16px; /* Symmetrischer Kiosk-Abstand zwischen den Tasten */
    align-items: center;
}

/* DIE HOCHMODERNEN ACTION-BUTTONS */
.custom-action-btn[b-ye080g65rx] {
    width: 48px !important;
    height: 48px !important;
    background-color: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(56, 189, 248, 0.2) !important;
    color: #94A3B8 !important;
    border-radius: 10px !important;
    font-size: 1.4rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    /* Leuchtender Föderations-Glow beim Hover */
    .custom-action-btn:hover:not([disabled])[b-ye080g65rx] {
        background-color: rgba(56, 189, 248, 0.15) !important;
        border-color: #38bdf8 !important;
        color: #38bdf8 !important;
        box-shadow: 0 0 12px rgba(56, 189, 248, 0.4) !important;
        transform: scale(1.05);
    }

/* Aktive Ansicht (z.B. wenn man gerade die Gruppen sieht) */
.btn-active-view[b-ye080g65rx] {
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
    background-color: rgba(56, 189, 248, 0.1) !important;
    box-shadow: inset 0 0 8px rgba(56, 189, 248, 0.2) !important;
}

/* Wenn Steuerelemente oder Runden blockiert sind */
.custom-action-btn[disabled][b-ye080g65rx] {
    opacity: 0.15 !important;
    cursor: not-allowed !important;
    background-color: #0f172a !important;
    border-color: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
}
/* ========================================================== */
/* 2. DYNAMISCHE HEADER-PILL & REITER-TITEL                  */
/* ========================================================== */
.custom-header-pill[b-ye080g65rx] {
    width: 100%;
    background: rgba(30, 41, 59, 0.25) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(148, 163, 184, 0.08) !important;
    border-radius: 14px;
    padding: 12px 24px;
    box-sizing: border-box;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    min-height: 64px;
}

.view-panel-title[b-ye080g65rx] {
    margin: 0;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    color: #F8FAFC !important;
    text-shadow: 0 0 10px rgba(56, 189, 248, 0.2);
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Der leuchtend blaue Zähler-Badge direkt im Titel [INDEX, 1.3.5] */
.title-counter-badge[b-ye080g65rx] {
    color: #38bdf8 !important;
    font-family: monospace;
    font-weight: bold;
}

/* DIE GEOMETRISCHE FLEX-ZONE FÜR DIE BOARDS */
.boards-header-flex-zone[b-ye080g65rx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* EDLER SALBEIGRÜNER MASSEN-CHECKER BUTTON [INDEX, 1.3.5] */
.custom-check-all-btn[b-ye080g65rx] {
    background-color: #2e7d32 !important; /* Kräftiges, sattes Kiosk-Grün */
    border: 1px solid #388e3c !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 12px rgba(46, 125, 50, 0.2) !important;
}

    .custom-check-all-btn:hover:not([disabled])[b-ye080g65rx] {
        background-color: #388e3c !important;
        box-shadow: 0 0 14px rgba(74, 222, 128, 0.5) !important;
        transform: translateY(-1px);
    }

    /* Hardware-Schutz: Wenn keine Boards zum Checken bereitstehen! [INDEX, 1.3.5] */
    .custom-check-all-btn[disabled][b-ye080g65rx] {
        opacity: 0.2 !important;
        cursor: not-allowed !important;
        background-color: #1e293b !important;
        border-color: transparent !important;
        color: #475569 !important;
        box-shadow: none !important;
    }
/* ========================================================== */
/* 3. DYNAMISCHES HAUPT-INHALTS-PANEL                         */
/* ========================================================== */
.custom-main-display-panel[b-ye080g65rx] {
    width: 100%;
    height: calc(100vh - 180px) !important; /* Nutzt den Platz bis zum Boden perfekt aus! [INDEX, 1.3.5] */
    background: rgba(15, 23, 42, 0.2) !important;
    border: 1px solid rgba(56, 189, 248, 0.05) !important;
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

/* SCROLL-BEHÄLTER FÜR DIE SPIELER-MATRIX */
.gameplay-players-scroll-container[b-ye080g65rx] {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border-radius: 8px;
}

.gameplay-players-matrix[b-ye080g65rx] {
    width: 100%;
    border-collapse: collapse;
}

    /* Starrer Fixed Header für Kiosk-Wucht [INDEX, 1.3.5] */
    .gameplay-players-matrix th[b-ye080g65rx] {
        position: sticky;
        top: 0;
        background: #101726 !important; /* Verhindert das Durchscheinen beim Scrollen */
        color: #38bdf8 !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 14px 16px !important;
        border-bottom: 2px solid rgba(56, 189, 248, 0.2) !important;
        z-index: 10;
    }

    .gameplay-players-matrix td[b-ye080g65rx] {
        padding: 12px 16px !important; /* Knackiges, kompaktes Format */
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        font-size: 1.05rem !important;
        vertical-align: middle;
    }

/* DYNAMISCHER TEXT-GLOW FÜR GESCHLECHTER [INDEX, 1.3.5] */
.player-name-cell.sex-w[b-ye080g65rx] {
    color: #f472b6 !important;
    font-weight: 600;
}

.player-name-cell.sex-m[b-ye080g65rx] {
    color: #f8fafc !important;
    font-weight: 600;
}

.sex-symbol[b-ye080g65rx] {
    font-size: 1.2rem !important;
    font-weight: bold !important;
    display: inline-flex !important; /* Löst das Symbol aus dem normalen Textfluss */
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important; /* Zwingt BEIDE Symbole auf exakt dieselbe physikalische Höhe! */
    line-height: 1 !important; /* Blockiert jegliches vertikales Heraustreten auf Pixelebene */
    user-select: none;
}


.sex-w-glow[b-ye080g65rx] {
    color: #f472b6 !important;
    text-shadow: 0 0 10px rgba(244, 114, 182, 0.5);
}

.sex-m-glow[b-ye080g65rx] {
    color: #60a5fa !important;
    text-shadow: 0 0 10px rgba(96, 165, 250, 0.5);
}

/* LEBEN-ZÄHLER (SCRATCHES) OPTIK */
.scratch-counter-number[b-ye080g65rx] {
    font-family: monospace;
    font-size: 1.15rem;
    font-weight: bold;
    color: #fbbf24 !important; /* Goldener Standard-Glow */
}

/* Wenn ein Spieler auf dem letzten Loch pfeift (Nur noch 1 Leben!): ROTER WARN-ALARM! [INDEX, 1.3.5] */
.scratch-critical-blink[b-ye080g65rx] {
    color: #f87171 !important;
    text-shadow: 0 0 8px rgba(248, 113, 113, 0.6);
    animation: criticalHeartbeat-b-ye080g65rx 1.5s ease-in-out infinite;
}
.cell-nr[b-ye080g65rx] {
    font-family: monospace !important;
    font-weight: bold !important;
    color: #38bdf8 !important; /* Leuchtendes Neon-Blau statt Dunkelgrau! [INDEX] */
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.3) !important;
    font-size: 1.05rem !important;
}

@keyframes criticalHeartbeat-b-ye080g65rx {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}

/* NEON-BLAUE KIOSK-SCROLLBAR ANKLEBEN */
.gameplay-players-scroll-container[b-ye080g65rx]::-webkit-scrollbar {
    width: 6px;
}

.gameplay-players-scroll-container[b-ye080g65rx]::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.2);
}

.gameplay-players-scroll-container[b-ye080g65rx]::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.25);
    border-radius: 4px;
}

    .gameplay-players-scroll-container[b-ye080g65rx]::-webkit-scrollbar-thumb:hover {
        background: rgba(56, 189, 248, 0.5);
    }
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/BoardPresenter.razor.rz.scp.css */
/* ========================================================================= */
/* Sektor 1: Die übergeordnete Zentrierungs-Zone (GRID-MASCHINE)              */
/* ========================================================================= */
.boards-viewer-container[b-nqdtfgppxl] {
    width: 100%;
    height: 100%;
}

.boards-centered-zone[b-nqdtfgppxl] {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important; /* Drückt die Boards nicht krampfhaft in die Mitte */
    align-items: center !important;
    overflow: hidden !important;
    padding-top: 10px !important;
}

/* WIR SCHALTEN HIER DIE MATSCHFREIE GRID-SCHLEUSE EIN! [INDEX, 1.3.5] */
.boards-flex-grid[b-nqdtfgppxl] {
    display: grid !important;
    /* Erstellt automatisch so viele Spalten mit 310px wie nebeneinander passen (max. 3) */
    grid-template-columns: repeat(auto-fit, minmax(310px, 310px)) !important;
    justify-content: center !important; /* Zentriert das GESAMTE Raster auf dem Monitor */
    gap: 24px 20px !important; /* Harmonischer horizontaler und vertikaler Abstand */
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: 16px;
    box-sizing: border-box;
}

/* ========================================================================= */
/* Sektor 2: Die Kacheln im flexiblen Milchglas-Look                         */
/* ========================================================================= */
.board-glass-card[b-nqdtfgppxl] {
    background-color: rgba(30, 41, 59, 0.4) !important;
    border: 1px solid rgba(148, 163, 184, 0.15) !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
    width: 310px;
    max-width: 310px;
    height: fit-content !important; /* Wächst dynamisch mit den Spielern mit! */
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .board-glass-card:hover[b-nqdtfgppxl] {
        transform: translateY(-2px);
        border-color: #38bdf8 !important;
        box-shadow: 0 8px 24px rgba(56, 189, 248, 0.15) !important;
    }

/* ========================================================================= */
/* Sektor 3: Der Header-Bereich mit dem Spinner-Video                       */
/* ========================================================================= */
.board-card-header[b-nqdtfgppxl] {
    background: rgba(15, 23, 42, 0.6) !important; /* Minimal dunkler für mehr Kontrast zum Inhalt */
    padding: 12px 16px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(56, 189, 248, 0.15); /* Leuchtender feiner Trennstrich [INDEX, 1.3.5] */
}

.card-video-container[b-nqdtfgppxl] {
    width: 32px !important; /* Etwas kompakter und knackiger im Header */
    height: 32px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-spinner[b-nqdtfgppxl] {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    /* Der volle, durchdringende Live-Glow bei aktivem Spielbetrieb! [INDEX, 1.3.5] */
    filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.8)) !important;
    opacity: 1.0 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

    /* WENN DAS BOARD IDLE IST: KEIN TOTALAUSFALL, SONDERN EDLER CYAN-GLOW! [INDEX, 1.3.5] */
    .card-spinner.stopped[b-nqdtfgppxl] {
        /* Statt tristem Grau färben wir die Scheibe in ein leuchtendes, 
       dezent transparentes Kiosk-Cyan! Das bricht unaufhaltsam durch die Finsternis! [INDEX, 1.3.5] */
        filter: hue-rotate(180deg) saturate(3) drop-shadow(0 0 4px rgba(6, 182, 212, 0.4)) !important;
        opacity: 0.5 !important; /* Deutlich erhöht von 20% auf satte 50% Sichtbarkeit! [INDEX, 1.3.5] */
    }

.board-number-badge[b-nqdtfgppxl] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #38bdf8;
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.3);
    font-family: monospace;
}

/* ========================================================================= */
/* Sektor 4: Die Spieler-Tabelle (Volltransparent & Kompakt)               */
/* ========================================================================= */
.board-card-body[b-nqdtfgppxl] {
    padding: 8px 12px;
}

.board-mini-table[b-nqdtfgppxl] {
    width: 100%;
    border-collapse: collapse;
    color: #E2E8F0;
}

    .board-mini-table th[b-nqdtfgppxl] {
        display: none; /* Blendet die Tabellenköpfe aus für maximale optische Ruhe */
    }

    /* Flachgepresste Spielerzeilen (6px) für Kiosk-Dichte [INDEX, 1.3.5] */
    .board-mini-table td[b-nqdtfgppxl] {
        padding: 6px 4px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        border-bottom: 1px solid rgba(51, 65, 85, 0.15) !important;
        vertical-align: middle;
    }

    .board-mini-table tr:last-child td[b-nqdtfgppxl] {
        border-bottom: none !important;
    }

.player-idx[b-nqdtfgppxl] {
    font-weight: bold;
    color: #64748B;
    font-family: monospace;
    width: 20px;
}

.player-name-cell[b-nqdtfgppxl] {
    font-weight: 600;
}

    .player-name-cell.sex-w[b-nqdtfgppxl] {
        color: #F472B6 !important;
    }

    .player-name-cell.sex-m[b-nqdtfgppxl] {
        color: #E2E8F0 !important;
    }

.scratch-badge[b-nqdtfgppxl] {
    color: #64748B;
    font-size: 11px;
    margin-left: 4px;
    font-family: monospace;
}

    /* DAS EX-FRAU-WARNBLINK-KABEL (ROTER ALARM-PULS) [INDEX, 1.3.5] */
    .scratch-badge.ex-wife-alarm-blink[b-nqdtfgppxl] {
        color: #ef4444 !important;
        font-weight: bold;
        text-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
        animation: criticalBlink-b-nqdtfgppxl 1.5s infinite ease-in-out;
    }

@keyframes criticalBlink-b-nqdtfgppxl {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

/* EDLE KIOSK-STYLING ANKER FÜR DIE NATIVEN CHECKBOXEN [INDEX, 1.3.5] */
.custom-html-checkbox[b-nqdtfgppxl] {
    width: 18px;
    height: 18px;
    accent-color: #ef4444; /* Färbt den Haken beim Auswählen im unbarmherzigen Verlust-Rot! */
    cursor: pointer;
}

.board-idle-msg[b-nqdtfgppxl] {
    color: #94A3B8 !important; /* Klares, helles Silber-Weiß für perfekte Lesbarkeit! [INDEX] */
    padding: 24px;
    text-align: center;
    font-style: italic;
    font-weight: 500;
    font-size: 1.05rem;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* ========================================================================= */
/* Sektor 5: Der "Check"-Button (Föderations-Smaragdgrün)                    */
/* ========================================================================= */
.board-card-footer[b-nqdtfgppxl] {
    padding: 12px !important;
    background: rgba(15, 23, 42, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.03);
}

.btn-checkout[b-nqdtfgppxl] {
    background-color: #1e522f !important;
    border: 1px solid rgba(74, 222, 128, 0.2) !important;
    color: #f8fafc !important;
    font-weight: bold !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.7px;
    width: 100%;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

    .btn-checkout:hover:not([disabled])[b-nqdtfgppxl] {
        background-color: #2e7d32 !important;
        border-color: #4ade80 !important;
        box-shadow: 0 0 12px rgba(74, 222, 128, 0.4) !important;
        transform: translateY(-1px);
    }

    /* Wenn das Board blockiert/noch nicht auswertbar ist */
    .btn-checkout[disabled][b-nqdtfgppxl] {
        background-color: rgba(15, 23, 42, 0.4) !important;
        border-color: rgba(51, 65, 85, 0.2) !important;
        color: rgba(148, 163, 184, 0.15) !important;
        box-shadow: none !important;
        cursor: not-allowed;
    }

/* KIOSK-SCROLLBAR FÜR DAS POSITIONIERUNGS-GRID IF NEEDED */
.boards-flex-grid[b-nqdtfgppxl]::-webkit-scrollbar {
    width: 6px;
}

.boards-flex-grid[b-nqdtfgppxl]::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.1);
}

.boards-flex-grid[b-nqdtfgppxl]::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.2);
    border-radius: 4px;
}
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/GroupsViewer.razor.rz.scp.css */
/* CONTAINER-LAYOUT */
.groups-viewer-container[b-1o8vb1l0y8] {
    width: 100%;
    height: 100%;
}

.groups-flex-grid[b-1o8vb1l0y8] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px;
    justify-content: flex-start;
}

/* DIE ELEGANTEN GRUPPEN-KACHELN (Milchglas-Optik) */
.group-glass-card[b-1o8vb1l0y8] {
    background: rgba(30, 41, 59, 0.4) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 12px;
    width: 280px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

    .group-glass-card:hover[b-1o8vb1l0y8] {
        transform: translateY(-2px);
        border-color: #38bdf8 !important; /* Föderations-Blau bei Hover */
        box-shadow: 0 6px 20px rgba(56, 189, 248, 0.15);
    }

/* HEADER DER KACHEL */
.group-card-header[b-1o8vb1l0y8] {
    background: rgba(15, 23, 42, 0.5);
    padding: 12px;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid rgba(51, 65, 85, 0.5);
}

/* DER "SEND TO BOARD" BUTTON (Dezentes Föderations-Smaragdgrün) */
.custom-send-group-btn[b-1o8vb1l0y8] {
    background-color: #1e522f !important;
    border: 1px solid rgba(74, 222, 128, 0.2) !important;
    color: #f8fafc !important;
    font-weight: bold !important;
    font-size: 11px !important;
    letter-spacing: 0.7px;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    padding: 10px 16px !important; /* Minimal erhöht für wuchtigeren Kiosk-Tritt */
    width: 100%;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease-in-out !important;
}

    .custom-send-group-btn:hover:not([disabled])[b-1o8vb1l0y8] {
        background-color: #2e7d32 !important;
        border-color: #4ade80 !important;
        box-shadow: 0 0 12px rgba(74, 222, 128, 0.4) !important;
        transform: translateY(-1px);
    }

    /* Tarnmodus aktiv wenn gesperrt */
    .custom-send-group-btn[disabled][b-1o8vb1l0y8] {
        background-color: rgba(15, 23, 42, 0.4) !important;
        border-color: rgba(51, 65, 85, 0.3) !important;
        color: rgba(148, 163, 184, 0.15) !important;
        box-shadow: none !important;
        cursor: not-allowed;
    }

/* MINI-LISTE INNERHALB DER KACHEL (MATSCHFREI!) [INDEX, 1.4.3] */
.group-card-body[b-1o8vb1l0y8] {
    padding: 12px 16px;
}

.mini-group-player-list[b-1o8vb1l0y8] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.group-player-row[b-1o8vb1l0y8] {
    display: flex;
    align-items: center;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(51, 65, 85, 0.15) !important;
    font-size: 0.95rem;
}

    .group-player-row:last-child[b-1o8vb1l0y8] {
        border-bottom: none !important; /* Letzter Strich im Keller entfällt */
    }

.player-row-index[b-1o8vb1l0y8] {
    font-weight: bold;
    color: #94A3B8;
    width: 28px;
    display: inline-block;
    font-family: monospace;
}

.player-name-text[b-1o8vb1l0y8] {
    font-weight: 600;
}

    /* KIOSK-DENSITY GESCHLECHTER GLOW [INDEX, 1.3.5] */
    .player-name-text.sex-w[b-1o8vb1l0y8] {
        color: #F472B6 !important;
    }

    .player-name-text.sex-m[b-1o8vb1l0y8] {
        color: #E2E8F0 !important;
    }

.scratch-badge[b-1o8vb1l0y8] {
    color: #94A3B8;
    font-size: 11px;
    margin-left: 4px;
    font-family: monospace;
}

    /* DAS EX-FRAU-WARNBLINK-KABEL (KRITISCHER STATUS PULS) [INDEX, 1.3.5] */
    .scratch-badge.ex-wife-alarm-blink[b-1o8vb1l0y8] {
        color: #ef4444 !important; /* Feuriges Alarm-Rot */
        font-weight: bold;
        text-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
        animation: fadePulse-b-1o8vb1l0y8 1.5s infinite ease-in-out; /* Pulsatortakt halbiert für maximale Dringlichkeit! */
    }

/* ZENTRALER INFOTEXT */
.center-info-message-box[b-1o8vb1l0y8] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    width: 100%;
}

.info-pulse-text[b-1o8vb1l0y8] {
    color: #94A3B8 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    animation: fadePulse-b-1o8vb1l0y8 3s infinite ease-in-out;
}

@keyframes fadePulse-b-1o8vb1l0y8 {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/PayoutPresenter.razor.rz.scp.css */
/* CONTAINER-LAYOUT FÜR DIE AUSZAHLUNG */
.payout-table-wrapper[b-zvrw8j7cyy] {
    /* Holt die Box durch die 210px perfekt in die Wunschhöhe deines Laptops [INDEX, 1.3.5] */
    height: calc(100vh - 210px) !important;
    max-height: calc(100vh - 210px) !important;
    width: auto !important;
    max-width: 750px !important; /* Kompakt genug für 4 Spalten, perfekt zentriert [INDEX, 1.3.5] */
    margin: 0 auto !important; /* Zentriert die Tabelle absolut makellos auf dem Bildschirm [INDEX, 1.3.5] */
    display: flex;
    flex-direction: column;
    overflow: hidden !important; /* Blockiert jegliches Ausbrechen nach außen */
}

/* Der schwebende Scroll-Kessel für die Finanzdaten [INDEX, 1.3.5] */
.payout-scroll-container[b-zvrw8j7cyy] {
    width: 100%;
    height: 100%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 8px;
}

.custom-html-table[b-zvrw8j7cyy] {
    width: 100%;
    border-collapse: collapse;
    color: #E2E8F0;
    text-align: left;
}

    /* Starr verankerter Fixed Header für die Gewinner-Auszahlung [INDEX, 1.3.5] */
    .custom-html-table th[b-zvrw8j7cyy] {
        position: sticky;
        top: 0;
        background: #101726 !important; /* Verhindert das Durchscheinen beim Scrollen */
        color: #38bdf8 !important; /* Leuchtendes Föderations-Blau */
        font-weight: 800 !important;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 14px 16px !important;
        border-bottom: 2px solid rgba(56, 189, 248, 0.2) !important;
        z-index: 10;
    }

    /* DIE DATENZELLEN (Bekommen das saubere Weiß-Grau und feine Linien) [INDEX, 1.3.5] */
    .custom-html-table td[b-zvrw8j7cyy] {
        border-bottom: 1px solid rgba(51, 65, 85, 0.15) !important;
        color: #E2E8F0 !important;
        padding: 10px 16px !important;
        background: transparent !important;
        vertical-align: middle;
        font-size: 1.05rem;
    }

    /* Sanfter Zeilen-Hover-Effekt */
    .custom-html-table tr:hover[b-zvrw8j7cyy] {
        background-color: rgba(255, 255, 255, 0.02) !important;
    }

/* GEOMETRISCHE AUSRICHTUNG IM FINANZ-SEKTOR */
.text-center[b-zvrw8j7cyy] {
    text-align: center !important;
}

.text-right[b-zvrw8j7cyy] {
    text-align: right !important;
}

.font-weight-bold[b-zvrw8j7cyy] {
    font-weight: bold !important;
}

.cell-rank-badge[b-zvrw8j7cyy] {
    color: #38bdf8 !important;
    font-family: monospace;
    font-size: 1.1rem;
}

/* DYNAMISCHER TEXT-GLOW FÜR DIE GESCHLECHTER [INDEX, 1.3.5] */
.player-name-cell.sex-w[b-zvrw8j7cyy] {
    color: #f472b6 !important;
    font-weight: 600;
}

.player-name-cell.sex-m[b-zvrw8j7cyy] {
    color: #f8fafc !important;
    font-weight: 600;
}

/* DER FEIERLICHE FÖDERATIONS-CASH-GLOW [INDEX, 1.3.5] */
.cash-glow-cell[b-zvrw8j7cyy] {
    color: #fbbf24 !important; /* Ein sattes, warmes Premium-Gold [INDEX, 1.3.5] */
    text-shadow: 0 0 10px rgba(251, 191, 36, 0.4); /* Lässt das Geld episch aufblitzen [INDEX, 1.3.5] */
    letter-spacing: 0.5px;
    font-family: monospace;
    font-size: 1.1rem;
}

/* Edles Sachpreis-Hellblau */
.goods-prize-cell[b-zvrw8j7cyy] {
    color: #60a5fa !important;
    font-weight: 500;
}

/* NEON-BLAUE KIOSK-SCROLLBAR ANKLEBEN */
.payout-scroll-container[b-zvrw8j7cyy]::-webkit-scrollbar {
    width: 6px;
}

.payout-scroll-container[b-zvrw8j7cyy]::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.1);
}

.payout-scroll-container[b-zvrw8j7cyy]::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.2);
    border-radius: 4px;
}

    .payout-scroll-container[b-zvrw8j7cyy]::-webkit-scrollbar-thumb:hover {
        background: rgba(56, 189, 248, 0.5);
    }
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/PlayerFlag.razor.rz.scp.css */
/* DIE PERFEKTE MODULARE ROTATIONS-ANOMALIE */
.kiosk-mini-spinner[b-paphas9u8x] {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(56, 189, 248, 0.2) !important; /* Matter blauer Außenring */
    border-top: 2px solid #38bdf8 !important; /* Leuchtende Neon-Blau-Spitze! [INDEX] */
    border-radius: 50% !important;
    display: inline-block !important;
    vertical-align: middle;
    animation: kioskSpin-b-paphas9u8x 0.75s linear infinite !important; /* Dreht sich absolut butterweich! */
}

@keyframes kioskSpin-b-paphas9u8x {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/PlayerModelFlag.razor.rz.scp.css */
/* DIE PERFEKTE MODULARE ROTATIONS-ANOMALIE */
.kiosk-mini-spinner[b-7x75vgsmsl] {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(56, 189, 248, 0.2) !important; /* Matter blauer Außenring */
    border-top: 2px solid #38bdf8 !important; /* Leuchtende Neon-Blau-Spitze! [INDEX] */
    border-radius: 50% !important;
    display: inline-block !important;
    vertical-align: middle;
    animation: kioskSpin-b-7x75vgsmsl 0.75s linear infinite !important; /* Dreht sich absolut butterweich! */
}

@keyframes kioskSpin-b-7x75vgsmsl {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/PlayersViewer.razor.rz.scp.css */
.playersview-container[b-of8k0br8md] {
    position: page;
    display: grid;
    margin: 5px;
    grid: "headerleft header header" "main main headerright" "main main foot3";
    width: 100%;
    height: 100%;
    border: 1px solid black;
}

.playersview-header[b-of8k0br8md] {
    grid-area: header;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.playersview-listcontainer[b-of8k0br8md] {
    grid-area: main;
    position: relative;
    display: flex;
    justify-content: stretch;
    flex-wrap: nowrap;
    align-items: center;
}

.playersview-buttoncontainer[b-of8k0br8md] {
    grid-area: headerright;
    margin-top: 20px;
    margin-right: 20px;
}
/* ========================================================== */
/* EXAKTES STYLING FÜR DEINE TURNIER-AKTIONSTAFTEN            */
/* ========================================================== */
.actions-wrapper[b-of8k0br8md] {
    display: flex !important;
    gap: 10px !important; /* Harmonischer Abstand zwischen Stift und Mülleimer */
    justify-content: center;
    align-items: center;
}

.action-ico-btn[b-of8k0br8md] {
    background: transparent !important; /* Killt den fetten weißen Browser-Kasten! [INDEX] */
    background-color: transparent !important;
    border: 1px solid rgba(56, 189, 248, 0.15) !important; /* Diskreter, feiner Sci-Fi-Rahmen */
    border-radius: 6px !important; /* Knackige, leichte Kiosk-Abrundung */
    padding: 6px 10px !important;
    font-size: 1.1rem !important; /* Richtige Kiosk-Größe für Touchscreens */
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    /* Edler Neon-Blau-Glow beim Drüberfahren (Für den Stift) [INDEX, 1.3.5] */
    .action-ico-btn:hover:not(.btn-delete)[b-of8k0br8md] {
        background-color: rgba(56, 189, 248, 0.12) !important;
        border-color: #38bdf8 !important;
        box-shadow: 0 0 10px rgba(56, 189, 248, 0.4) !important;
        transform: translateY(-1px);
    }

    /* DIE UNBHERMHUTZIGE LÖSCH-TASTE: BEKOMMT DEN EX-FRAU-WARN-GLOW (ROTES ALARM-LICHT!) [INDEX, 1.3.5] */
    .action-ico-btn.btn-delete:hover[b-of8k0br8md] {
        background-color: rgba(239, 68, 68, 0.15) !important; /* Sattes Warn-Rot im Hintergrund */
        border-color: #ef4444 !important; /* Knackig rote Kante */
        box-shadow: 0 0 12px rgba(239, 68, 68, 0.5) !important; /* Lässt den Eimer gefährlich glühen! */
        transform: translateY(-1px) scale(1.02);
    }

/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/PoolPlayerFlag.razor.rz.scp.css */
/* DIE PERFEKTE MODULARE ROTATIONS-ANOMALIE */
.kiosk-mini-spinner[b-utntj1sm6y] {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(56, 189, 248, 0.2) !important; /* Matter blauer Außenring */
    border-top: 2px solid #38bdf8 !important; /* Leuchtende Neon-Blau-Spitze! [INDEX] */
    border-radius: 50% !important;
    display: inline-block !important;
    vertical-align: middle;
    animation: kioskSpin-b-utntj1sm6y 0.75s linear infinite !important; /* Dreht sich absolut butterweich! */
}

@keyframes kioskSpin-b-utntj1sm6y {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/PrizesViewer.razor.rz.scp.css */
/* ========================================================== */
/* 7. PRIZES VIEW-ER TABLE MATRIX (MAXIMALE WUCHT!)           */
/* ========================================================== */
[b-a8ixfaju7s] .prizes-table-scroll-container {
    width: 100% !important; /* Nutzt die vollen 82% der linken Zone aus! */
    max-height: 480px;
    overflow-y: auto;
    background: rgba(15, 23, 42, 0.3) !important; /* Dezenter Milchglas-Boden */
    border: 1px solid rgba(56, 189, 248, 0.1) !important;
    border-radius: 12px;
    padding: 12px;
    box-sizing: border-box;
}

[b-a8ixfaju7s] .prizes-matrix {
    width: 100% !important; /* Zwingt die Tabelle, sich majestätisch zu strecken! */
    border-collapse: collapse;
}

    [b-a8ixfaju7s] .prizes-matrix th {
        background: #131c2e !important;
        color: #38bdf8 !important; /* Strahlendes Föderations-Blau [INDEX] */
        font-weight: 800 !important;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 14px 16px !important;
        border-bottom: 2px solid rgba(56, 189, 248, 0.3) !important;
    }

    [b-a8ixfaju7s] .prizes-matrix td {
        padding: 16px !important; /* Massiv erhöhtes Padding für Kiosk-Wucht */
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        font-size: 1.05rem !important; /* Größere, lesbare Schriften */
        vertical-align: middle;
    }

[b-a8ixfaju7s] .prize-rank-badge {
    font-weight: 900 !important;
    color: #38bdf8 !important;
}

[b-a8ixfaju7s] .prize-money-highlight {
    font-weight: bold !important;
    color: #4ade80 !important; /* Preisgelder leuchten in saftigem Grün */
    text-shadow: 0 0 10px rgba(74, 222, 128, 0.25);
}

[b-a8ixfaju7s] .prize-goods-text {
    color: #f8fafc !important; /* Knalliges Weiß statt tristem Grau */
    font-weight: 500;
}

/* HOCHGRADIG LESBARE, LEUCHTENDE TYP-BADGES */
[b-a8ixfaju7s] .prize-type-tag {
    display: inline-block !important;
    padding: 6px 14px !important; /* Breiter und wuchtiger */
    border-radius: 8px !important;
    font-size: 0.85rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: center;
    min-width: 100px;
}

    /* Sattes, kontrastreiches Leuchten gegen das Verschlucken im Dunkeln! */
    [b-a8ixfaju7s] .prize-type-tag.type-overall {
        background: rgba(56, 189, 248, 0.15) !important;
        border: 1px solid rgba(56, 189, 248, 0.4) !important;
        color: #38bdf8 !important;
        text-shadow: 0 0 8px rgba(56, 189, 248, 0.4);
    }

    [b-a8ixfaju7s] .prize-type-tag.type-ladies {
        background: rgba(168, 85, 247, 0.18) !important;
        border: 1px solid rgba(168, 85, 247, 0.4) !important;
        color: #c084fc !important;
        text-shadow: 0 0 8px rgba(168, 85, 247, 0.4);
    }
[b-a8ixfaju7s] .prize-percentage-text {
    color: #ffffff !important; /* Massives, reinstes Weiß für die Prozent-Dominatoren! */
    font-weight: 600 !important; /* Etwas dicker, damit die Zahl richtig Kraft bekommt */
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.2); /* Ein hauchzarter Kristall-Glow */
}
.actions-wrapper[b-a8ixfaju7s] {
    display: flex !important;
    gap: 10px !important; /* Harmonischer Abstand zwischen Stift und Mülleimer */
    justify-content: center;
    align-items: center;
}

.action-ico-btn[b-a8ixfaju7s] {
    background: transparent !important; /* Killt den fetten weißen Browser-Kasten! [INDEX] */
    background-color: transparent !important;
    border: 1px solid rgba(56, 189, 248, 0.15) !important; /* Diskreter, feiner Sci-Fi-Rahmen */
    border-radius: 6px !important; /* Knackige, leichte Kiosk-Abrundung */
    padding: 6px 10px !important;
    font-size: 1.1rem !important; /* Richtige Kiosk-Größe für Touchscreens */
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

    /* Edler Neon-Blau-Glow beim Drüberfahren (Für den Stift) [INDEX, 1.3.5] */
    .action-ico-btn:hover:not(.btn-delete)[b-a8ixfaju7s] {
        background-color: rgba(56, 189, 248, 0.12) !important;
        border-color: #38bdf8 !important;
        box-shadow: 0 0 10px rgba(56, 189, 248, 0.4) !important;
        transform: translateY(-1px);
    }

    /* DIE UNBHERMHUTZIGE LÖSCH-TASTE: BEKOMMT DEN EX-FRAU-WARN-GLOW (ROTES ALARM-LICHT!) [INDEX, 1.3.5] */
    .action-ico-btn.btn-delete:hover[b-a8ixfaju7s] {
        background-color: rgba(239, 68, 68, 0.15) !important; /* Sattes Warn-Rot im Hintergrund */
        border-color: #ef4444 !important; /* Knackig rote Kante */
        box-shadow: 0 0 12px rgba(239, 68, 68, 0.5) !important; /* Lässt den Eimer gefährlich glühen! */
        transform: translateY(-1px) scale(1.02);
    }
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/RankingPresenter.razor.rz.scp.css */
/* ========================================================== */
/* LIVE RANKING OVERVIEW (MATSCHFREI!)                        */
/* ========================================================== */
.ranking-presenter-container[b-pxdpvss02e] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ranking-scroll-container[b-pxdpvss02e] {
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 240px) !important; /* Passt sich perfekt an den Monitor-Boden an */
    overflow-y: auto;
    border-radius: 8px;
}

.custom-html-table[b-pxdpvss02e] {
    width: 100%;
    border-collapse: collapse;
    color: #E2E8F0;
    text-align: left;
}

    /* Fixed Header: Bleibt beim Scrollen der Dart-Elite starr oben kleben [INDEX, 1.3.5] */
    .custom-html-table th[b-pxdpvss02e] {
        position: sticky;
        top: 0;
        background: #101726 !important; /* Verhindert durchscheinende Namen */
        color: #38bdf8 !important; /* Leuchtendes Föderations-Blau */
        font-weight: 800 !important;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 0.5px;
        padding: 14px 16px !important;
        border-bottom: 2px solid rgba(56, 189, 248, 0.2) !important;
        z-index: 10;
    }

    .custom-html-table td[b-pxdpvss02e] {
        /* Exakt synchrones Kiosk-Padding zu deiner Hauptseite! [INDEX, 1.3.5] */
        padding: 12px 16px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        font-size: 1.05rem !important;
        vertical-align: middle;
    }

    .custom-html-table tr:hover[b-pxdpvss02e] {
        background-color: rgba(255, 255, 255, 0.02) !important;
    }

.cell-nr[b-pxdpvss02e] {
    font-family: monospace !important;
    font-weight: bold !important;
    color: #38bdf8 !important; /* Leuchtendes Neon-Blau statt Dunkelgrau! [INDEX] */
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.3) !important;
    font-size: 1.05rem !important;
}


/* DYNAMISCHER TEXT-GLOW FÜR DIE GESCHLECHTER [INDEX, 1.3.5] */
.player-name-cell.sex-w[b-pxdpvss02e] {
    color: #f472b6 !important;
    font-weight: 600;
}

.player-name-cell.sex-m[b-pxdpvss02e] {
    color: #f8fafc !important;
    font-weight: 600;
}

.text-center[b-pxdpvss02e] {
    text-align: center;
}

.rank-number-badge[b-pxdpvss02e] {
    font-weight: bold;
    color: #38bdf8 !important;
    font-family: monospace;
    font-size: 1.1rem;
}

.scratch-counter-number[b-pxdpvss02e] {
    font-family: monospace;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fbbf24 !important; /* Goldener Standard-Glow */
}

    /* DAS BERÜHMTE EX-FRAU-WARNBLINK-KABEL (PULSIERENDER ROT-ALARM) [INDEX, 1.3.5] */
    .scratch-counter-number.ex-wife-alarm-blink[b-pxdpvss02e] {
        color: #ef4444 !important;
        text-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
        animation: criticalHeartbeat-b-pxdpvss02e 1.5s ease-in-out infinite;
    }

@keyframes criticalHeartbeat-b-pxdpvss02e {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}

/* SCROLLBAR-STYLING ANKER */
.ranking-scroll-container[b-pxdpvss02e]::-webkit-scrollbar {
    width: 6px;
}

.ranking-scroll-container[b-pxdpvss02e]::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.1);
}

.ranking-scroll-container[b-pxdpvss02e]::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.2);
    border-radius: 4px;
}

    .ranking-scroll-container[b-pxdpvss02e]::-webkit-scrollbar-thumb:hover {
        background: rgba(56, 189, 248, 0.5);
    }
/* _content/Kratzerturnier.BlazorUI/Components/UserComponents/RoundResultPresenter.razor.rz.scp.css */
/* ========================================================== */
/* ROUND RESULT TWO-COLUMN MATRIX                             */
/* ========================================================== */
.roundresultpresenter-container[b-1kjseybu8t] {
    display: flex !important;
    flex-direction: row !important;
    gap: 32px !important; /* Wuchtiger Abstand zwischen den beiden Sektoren */
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.result-column-panel[b-1kjseybu8t] {
    flex: 1 !important; /* Teilt den Bildschirm mathematisch exakt 50/50 auf! */
    background: rgba(30, 41, 59, 0.3) !important;
    border: 1px solid rgba(148, 163, 184, 0.1) !important;
    border-radius: 14px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

/* ZEILENHEADLINES MIT DEM GELIEBTEN SCI-FI-GLOW */
.roundresultpresenter-leftheadline[b-1kjseybu8t],
.roundresultpresenter-rightheadline[b-1kjseybu8t] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    margin-bottom: 16px;
}

    .roundresultpresenter-leftheadline h3[b-1kjseybu8t],
    .roundresultpresenter-rightheadline h3[b-1kjseybu8t] {
        margin: 0;
        font-size: 1.25rem !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

.sector-icon[b-1kjseybu8t] {
    font-size: 1.3rem;
}

/* WARN-FARBEN INTEGRATION [INDEX, 1.3.5] */
.text-glow-orange h3[b-1kjseybu8t] {
    color: #f97316 !important;
    text-shadow: 0 0 10px rgba(249, 115, 22, 0.3);
}

.text-glow-orange .sector-icon[b-1kjseybu8t] {
    color: #f97316 !important;
}

.text-glow-red h3[b-1kjseybu8t] {
    color: #ef4444 !important;
    text-shadow: 0 0 10px rgba(239, 68, 68, 0.3);
}

.text-glow-red .sector-icon[b-1kjseybu8t] {
    color: #ef4444 !important;
}

/* DIE HOCHPERFORMANTE TABELLEN-SCHLEUSE */
.table-scroll-container[b-1kjseybu8t] {
    width: 100%;
    height: 100%;
    max-height: 420px !important; /* Exakt synchrone Kiosk-Höhe zu deinen Vorgaben */
    overflow-y: auto;
    border-radius: 8px;
}

.custom-html-table[b-1kjseybu8t] {
    width: 100%;
    border-collapse: collapse;
    color: #E2E8F0;
}

    /* Fixed Header rastet ein [INDEX, 1.3.5] */
    .custom-html-table th[b-1kjseybu8t] {
        position: sticky;
        top: 0;
        background: #182235 !important;
        color: #94A3B8 !important;
        font-weight: 800 !important;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.5px;
        padding: 12px 14px !important;
        border-bottom: 2px solid #334155 !important;
        z-index: 5;
    }

    .custom-html-table td[b-1kjseybu8t] {
        padding: 10px 14px !important;
        border-bottom: 1px solid rgba(51, 65, 85, 0.15) !important;
        font-size: 1rem !important;
        vertical-align: middle;
    }

/* DYNAMISCHER TEXT-GLOW FÜR DIE GESCHLECHTER [INDEX, 1.3.5] */
.player-name-cell.sex-w[b-1kjseybu8t] {
    color: #f472b6 !important;
    font-weight: 600;
}

.player-name-cell.sex-m[b-1kjseybu8t] {
    color: #f8fafc !important;
    font-weight: 600;
}

/* DER ULTIMATIVE ELIMINIERUNGS-LOOK FOR DIE AUSGESCHIEDENEN [INDEX, 1.3.5] */
.player-name-cell.kicked-out-strike[b-1kjseybu8t] {
    color: #cbd5e1 !important; /* Deutlich helleres, edles Kristall-Grau/Weiß für perfekte Lesbarkeit! */
    text-shadow: none !important; /* Löscht jeglichen lebendigen Glow */
    /* Die unmissverständliche, fette Streichung direkt auf dem Element! */
    text-decoration: line-through !important;
    text-decoration-color: #ef4444 !important; /* Die Strike-Linie glüht im unbarmherzigen Alarm-Rot! [INDEX] */
    text-decoration-thickness: 1px !important; /* Schön markant, damit das Auge es sofort erfasst */

    opacity: 0.6 !important; /* Leicht gedämpft, weil physisch ausgeschieden */
}
/* REINE SYMMETRIE FÜR DAS TRAUER-EMOJI IN DER TODESZONE */
/* DER UNBLOCKIERBARE EMOTIONALE FLUTLICHT-ZONDER [INDEX, 1.3.5] */
.kicked-sad-emoji[b-1kjseybu8t] {
    display: inline-block !important;
    text-decoration: none !important; /* Verhindert felsenfest das Durchstreichen! */
    margin-left: 10px !important;
    font-size: 1.2rem !important; /* Minimal größer für Kiosk-Wucht */
    /* BOOSTER-KABEL: Wir brechen aus dem dunklen Verlierer-Grau aus! */
    opacity: 1.0 !important; /* Volle, ungedämpfte Leuchtkraft auf dem Bildschirm! */
    filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.5)) !important; /* Warmer, goldener Kiosk-Glow [INDEX, 1.3.5] */
}

.text-center[b-1kjseybu8t] {
    text-align: center;
}

.scratch-counter-number[b-1kjseybu8t] {
    font-family: monospace;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fbbf24 !important;
}

    /* DAS PULSIERENDE EX-FRAU-WARNBLINK-KABEL [INDEX, 1.3.5] */
    .scratch-counter-number.ex-wife-alarm-blink[b-1kjseybu8t] {
        color: #ef4444 !important;
        text-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
        animation: criticalPulse-b-1kjseybu8t 1.5s ease-in-out infinite;
    }

@keyframes criticalPulse-b-1kjseybu8t {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}

.empty-panel-msg[b-1kjseybu8t] {
    color: #64748b;
    padding: 32px;
    text-align: center;
    font-style: italic;
    font-weight: 500;
}

/* NEON-BLAUE SCROLLBARS ANFLANSCHEN */
.table-scroll-container[b-1kjseybu8t]::-webkit-scrollbar {
    width: 6px;
}

.table-scroll-container[b-1kjseybu8t]::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.1);
}

.table-scroll-container[b-1kjseybu8t]::-webkit-scrollbar-thumb {
    background: rgba(56, 189, 248, 0.2);
    border-radius: 4px;
}